@charset "UTF-8";
/* CSS Document */

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
url('../fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
url('../fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

body {
	margin:0;
	max-height: 100%;
	height: auto;
	background-color: #ECEDED;
}

h1 {
    font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size:1.2rem;
	line-height: 1.5rem;
	margin-top: 1.3rem;
	padding-left:2.1rem;
	}
h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size:1rem;
	padding-left: 2.1rem;
	line-height: 1.3rem;
}
h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size:1.1em;
	padding-left: 1.8rem;
	line-height: 1.3rem;
	color: #E36929;
	hyphens:auto;
}
h4 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size:0.9em;
	line-height: 0.8rem;
	color: #E36929;
	hyphens:auto;
	text-align: center;
}
p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
strong {
	color:#E36929;
	font-size: 1.5em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	
}

.text_fett {
		font-weight: 700;
}

.container {
	margin:0 auto;
	max-width:1056px;
}
.container:before,
.container:after {
    display: table;
    content: " ";
}
.container:after {
    clear: both;
}

.hidden-phone {
	display: none;
}
.tablet {
	display: none;
}
.visible-phone {
	display: block;
}

.header {
float: left;
width: 100%;
background-color: #ffffff;
}
.name {
float: left;
width: 55%;
margin-top: 1em;
}
.name p{
	font-size: 1em;
}
.logo{
	float: right;
	width: 45%;
}

.vita{
	width: 100%;
	color:hsla(0,0%,0%,1.00);
	background-color: #ffffff;
	float: left;
	height:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
}
.vita img {
width: 100%;
}
.vita p {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding-left:2.3em;
	margin-right:1em;
	overflow: auto;
	hyphens:auto;
}

.anfahrt {
	width: 100%;
	color:hsla(0,0%,0%,1.00);
	background-color: #ffffff;
	float: left;
	padding-right: 0em;
	padding-top: 0.5em;
	height:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}
.anfahrt p {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding-left:2.4em;
	margin-right:1em;
	overflow: auto;
}
.anfahrt img{
	width:100%;
	float:left;
	margin-left: 1em;
}

.textfeld{
	width: 100%;
	color:hsla(0,0%,0%,1.00);
	background-color: #ffffff;
	float: left;
	padding-right: 2em;
	padding-top: 0.5em;
	height:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
}
.textfeld p {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding-left:2.3em;
	margin-right:1em;
	overflow: auto;
	hyphens:auto;
}
.textfeld ul li{
	font-family: 'Roboto', sans-serif;
	list-style-type:square inside url("../2018/css/bullet_orange.jpg");
	font-size: 0.9em;
	line-height: 1.5em;
}
.textfeld a {
	color: #1D71B8;
}
.textfeld img {
	width: 95%;
	padding-left: 1em;
	padding-top: 1em;
}

.inhalt{
	background-color: #ffffff; 
}

.titel{
	width: 100%;
	color:hsla(0,0%,0%,1.00);
	background-color: #ffffff;
	float: left;
	padding-right: 2em;
	padding-top: 0.5em;
	height:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}
.titel p {
	font-family: 'Roboto', sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	padding-left:2.4em;
	margin-right:1em;
}
.titel img {
	width: 95%;
	padding-left: 1em;
	padding-top: 1em;
}

.text {
	width: 100%;
	background-color: #ffffff;
	height: auto;
	margin-top: 2em;
}

/*  navi  */
.menu{
	width: 100%;
	background-color: #E36929;
	float: left;
	margin:0;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 0;
}
.menuecke{
	background-color: #ffffff;
	float: right;
}
.menuecke_praxis{
	background-color: #ffffff;
	float: right;
}

.navi {
	font-family: 'PT Sans', sans-serif;
	font-weight: 900;
	font-size:0.9em;
}
.navi ul {
    list-style: none;
    text-align: left;
    text-decoration: none;
	padding-left:0;
	margin-bottom:0;
	margin-top:0;
}
.navi a {
	color: #FFFFFF;
	display: block;
	height: 2.8em;
    padding-left: 2.4em;
	padding-right: 1.3em;
    padding-top: 0.8em;
	padding-bottom: 0.8em;
	letter-spacing: 0.12rem;
    text-decoration: none;
}
.active a,
.navi a:hover,
.active a:focus {
  color: white;
  background: hsla(0,0%,100%,0.30);
}


ol, ul {
	list-style: none; }

#navigation {
	padding-left: 0px;
}
ul#navigation {
	margin:0px auto;
	position:relative;
	float:left;
}
ul#navigation li {
	font-family: 'PT Sans', sans-serif;
	display:inline;
	font-size:1em;
	font-weight:900;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
ul#navigation li a {
	padding:10px 25px;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
	width: 350px;
	
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}
ul#navigation li a:hover {
	background:hsla(0,0%,100%,0.30);
	color:#ffffff;
}
ul#navigation li:hover > a {
	background:hsla(0,0%,100%,0.30);
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}
ul#navigation ul, ul#navigation ul li ul {
	font-size: 1em;
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:180px;
	background:#EE996E;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}
ul#navigation ul {
    left: 10px;
	line-height: 30px;
}
ul#navigation ul li ul {
    top: 0;
    left: 181px;
}
ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
}
ul#navigation ul li a {
	background:none;
	padding:4px 15px;
	color:#ffffff;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:100%;
}

ul#navigation li a.first {
	border-left: 0 none;
}
ul#navigation li a.last {
	border-right: 0 none;
}

/*  praxisnavi  */
.praxismenu{
	width: 100%;
	background-color: #E36929;
	float: left;
	margin:0;
	padding-bottom: 1em;
	margin-bottom: 0;
}
.praxisnavi {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size:0.9em;
}
.praxisnavi ul {
    list-style: none;
    text-align: left;
    text-decoration: none;
	padding-left:0;
	margin-bottom:0;
	margin-top:0;

}
.praxisnavi a {
	color: #FFFFFF;
	display: block;
	height: 3em;
    padding-left: 2.4em;
	padding-right: 1.3em;
    padding-top: 0.9em;
	padding-bottom: 0.8em;
	letter-spacing: 0.12rem;
    text-decoration: none;
}
.praxisactive a,
.praxisnavi a:hover,
.praxisactive a:focus {
  color: white;
  background: hsla(0,0%,100%,0.30);
}


/*  footer  */
.footer {
	width: 100%;
	float: left;
	margin: 0;
	height: auto;
}
.footer li {
	list-style-type:none;
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;
	font-variant-caps: all-small-caps;
	letter-spacing: 0.08rem;
	font-size:1rem;
}
.footer a {
    color: #5E5E5E;
    text-decoration: none;
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.7em;
	margin-top:0;
	padding-left: 2.4em;
}
.footer ul {	
	margin:0;
	padding:0;
}
.footer .active a, 
.footer a:hover {
    color: #ffffff;
	background:hsla(0,0%,0%,0.20);
}

/*  tabelle  */
.table{
	font-family: 'PT Sans', sans-serif;
	border:none;
	width: 100%;
	border-collapse:collapse;
	font-size: 0.9em;
	text-align: left;
	white-space: normal;
	line-height: 0.1em;
	margin-left: 1.0em;
	margin-bottom: 2em;
}
.table-row {
	display: block;
	margin-bottom: 10px; 
	}
.table-cell {
	display: block;
	background:  hsla(207,73%,42%,0.15);
	border: 0px solid silver;
	padding: 18px;
}
.thead {
	font-weight: bold;
	color:#1D71B8; 
	padding-top: 1.7em;
}

/*  kinder  */
.kinder{
	width: 100%;
	color:hsla(0,0%,0%,1.00);
	background-color: #ffffff;
	float: left;
	padding-top: 1em;
	height:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
}
.kinder p {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	padding-left:1.9em;
	overflow: auto;
	hyphens:auto;
}
.tuer {
	width: 100%;
	float: left;
}
.tuer img {
	float: left;
	padding-top: 15px;
	margin-left: 0;
}
.kinder_rechts {
	width: 100%;
	float: left;
	padding-right: 50px;
	hyphens: auto;	
}
.text_kinder {
	width: 280px;
	float: left;
	padding-top: 40px;
}
.tuerkante {
	width: 280px;
	float: left;
}

/********************************/


.mitarbeiter {
	width: 100%; 
	height:auto;
}
.mitarbeiter p {
color:#423436; 
font-size: 0.9em;
font-weight:400;
}
.mitarbeiter img{
	padding: 0;
}
.article {
	padding: 1em;
	padding-top: 1.5em;
	text-align: left;
	line-height: 1.1em;
	float: left;
	width:100%;
	color: #313131;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}


/********** slider*********/
.galerie{
	width:100%;
	color:hsla(0,0%,0%,1.00);
	background-color: #ffffff;
	float: left;
	margin:0;
	height:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
}
.galerie img{
	width:100%;
}

.galerie p{
	font-family: 'Roboto', sans-serif;
	font-size:0.95rem;
	font-weight: 400;
	color: #423436;
	text-align: center;
}

.slick-prev:before, .slick-next:before{
    color:hsla(0,0%,100%,0.50);
}
.bilder {
	float:left;
	background-color:#ffffff; 
	margin:0 auto;
	width:100%;
}

	/********************************/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.clear {
	clear:both;
	height:0;
	font-size:0;
}

@media screen and (min-width:350px) {
h1 {
	font-size:1.5rem;
	font-weight: 800;
	line-height: 0.5rem;
	margin-top: 2rem;
	padding-left:2.1rem;}
h2 {
	font-size:1.2rem;
	font-weight: 400;
	padding-left: 2.1rem;
	line-height: 1.5rem;
	}	
ul#navigation li a {
	width: 512px;
	}
.footer {
	margin-bottom: 0;
	float:left;
	padding-left: 0;
	}
.textfeld p{
		padding-left: 2.3em;
	}
}

@media screen and (min-width:512px) {
	ul#navigation li a {
	width: 650px;
	}
.titel {
	margin-bottom: 0em;
	}
.textfeld {
	margin-bottom: 0em;
	}
.vita img{
	width: 35%;
	padding: 1.5em 1em 0em 1em;
	float:right;
	}

.footer {
	height:3em;
	padding-right: 0em;
	float: right;
}
.footer li {
	float:right;
	display:block;
}
.footer a{
	padding-right: 2em;
	}

.article{
	width:50%;
	height:480px
	}
}

@media screen and (min-width:650px) {

h2{
	font-size:1.1rem;
	}
ul#navigation li a {
		width: 280px;
	}
	
.visible-phone {
	display: none;
	}
.tablet {
	display:block;
	}
	
.inhalt {
		width:100%;
	}

.menu {
   width: 30%; 
   height: 483px;
   float:left;
	}
.navi {
	padding-top: 12em;
}	
.menuecke{
	width: 85%;
	height:40px;
	margin-top:0.9em;
	}
	
.header{
	width: 70%;
	height:483px;
	}
.name {
		width:100%;
	}
.name p{
	padding-left: 2.1rem;
	padding-top: 0rem;
	}
.logo {
padding-top: 0.5em;
width:70%;
height:284px;
float:left;
	margin-left: 4em;
	margin-top: 1.5em;
	}
.titel{
	width: 70%;
	height: 523px;
	}
.titel img {
	width: 80%;
	padding-top: 1.5em;
	margin-left:2em;
	}
.textfeld{
	width: 70%;
	float:right;
	}
.textfeld img {
	width: 80%;
	padding-top: 0.5em;
	}
.footer{
		float: left;
		width:auto;
		margin-left:2.2em;
	}
.table{
		font-size: 1em;
	}
.table-cell {
		width: 90%;
	}
	
.kinder_rechts {
	width: 45%;
	float: left;
	padding-right: 40px;
	padding-top: 2em;
	hyphens: auto;	
}
.tuer {
	width: 45%;
	float: left;
	padding-top: 2em;
	padding-right: 4em;
}
	
.portrait img{
	float:left;
	padding: 1em 2em 0em 2em;
	margin-top: 1em;
	height:300px;
}
.krahe{
	width: 350px;
	height:auto;
	float:left;
	padding: 0em 0em 1em 1em;
	margin-right: 10em;
}

.galerie {
	float:right;
	width: 100%;
	}

.article{
	width:33%;
	height:440px
	}
}

@media screen and (min-width:750px){
.textfeld{
	padding-right: 3em;
}

.article{
	height:460px
	}
.logo{
	width:60%;
	margin-left: 3em;
	padding-top: 0;
	}
}
	
	
@media screen and (min-width:830px) {
.hidden-phone {
	display:block;
	margin: 0 auto;
	float:center;
	max-width: 1050px;
	}
.tablet {
		display: none;
	}

.titel{
	height: 603px;
	width: 70%;
	}
.titel img {
	width: 80%;	
	margin-left: 3em;
	padding-top: 3em;
	}
	
.links {
	height: 605px;
	width: 100%;
	background-color: #ffffff;
	}

.header{
	height: auto;
	}	
.logo {
	height:213px;
	padding-top: 1.5em;
	width:40%;
	float:right;
	padding-right: 2em;
	padding-bottom: 1em;
	margin:0;
	}
.name{
		width:60%;
	}
.name p{
		padding-left: 2.1rem;
	}
.textfeld{
	padding-right: 1em;
	}
.textfeld img {
	width: 80%;	
	padding-top: 1em;
	}
	
.portrait{
	height:215px;
	float:right;
	padding: 1em 2em 1em 0;
}
.portrait img{
	height:100%;
	}
	
.krahe{
	width: 250px;
	height:auto;
	float:right;
	padding: 0em 0em 1em 1em;
	margin-right: 0em;
}
.krahe img{
	height:100%;
	}
.header img{
		padding:0em;
		margin:0em;
	}
.menu {
	width:30%;
	height:560px;
	padding-top:0.7em;
	}
.navi {
	padding-top: 14em;
}
.menuecke{
	width: 85%;
	float: right;
	height:41px;
	margin-top:4.3em;
}	
.menuecke_praxis{
	width: 85%;
	float: right;
	height:41px;
	margin-top:4.1em;
}

.tuer {
	width: 50%;
	float: left;
	padding-right: 0em;
}
.kinder{
	width:70%;
	padding-top: 0em;
	height: 330px;
	}
.kinder_rechts{
	width: 50%;
	padding-top: 4em;
	float:left;
	padding-right: 4em;
	}
.kinder p{
		padding-left: 0;
	}
.kinder h3{
		padding-left: 0;
	}
	
praxis ul#navigation li a {
	width: auto;
	padding:10px 14px;
	}
.praxismenu{
		width: 70%;
		height: 40px;
	}
.praxisnavi li {
	list-style-type:none;
	float:left;
	display:block;
}
.praxisnavi ul {
margin:0em;
}
.praxisnavi a {
padding:0.8em;
padding-left:1em;
padding-right:1em;
}
	

.galerie {
	height: auto;
	width:70%;
	padding: 1em 1em 0 1em;
	}
.galerie p{
		font-size: 0.8em;
	}
.article{
	height:400px;
	}

}

/* large */
@media screen and (min-width:1000px) {

h1 {
	font-size:1.4rem;
	font-weight: 800;
	margin-top: 2rem;
	padding-left:2.1rem;}
h2 {
	font-size:1.2rem;
	padding-left: 2.1rem;
}
h3 {
	font-size: 1.1em;
	padding-left: 1.8em;
	}
	
.container {
	margin:0 auto;
	height: auto;
	width:1050px;
}
.header{
	width:100%;
	}
.logo {
padding-top: 1em;
	height:284px;
width:55%;
float:right;
padding-right: 1em;
	}
.name{
	width:45%;
	}
	
.titel{
	width: 780px;
	height:686px;
	overflow: auto;
}
.titel img{
		padding-top: 3em;
	}	
	
.inhalt .logo {
	width:50%;
	padding-left: 3em;
	padding-right: 4em;
	padding-bottom: 1.25em;
	padding-top:2em;
	margin:0;
}
.inhalt{
	width: 780px;
	height:auto;
	overflow: hidden;
	padding: 0;
	margin:0;
}
.praxis {
width:760px;
float:left;
	}
.anfahrt img{
	width: 100%;
		padding:0.5em;
	}
	
.links {
	width: 780px;
	height:691px;
	overflow: auto;
}
.links img {
	width: 92%;
	padding-left: 4em;
	padding-top: 1em;
}
	
.textfeld{
	width:780px;
	padding-right: 2em;
}
.praxis{
		height:361px;
	overflow:hidden;
	}
.anfahrt{
		height:auto;
	}
.menu {
	width:270px;
	height:644px;
	padding-top:5.1em;
	}	
.menuecke{
	margin-top:5.1em;
	}
.menuecke_praxis{
	margin-top:5em;
	}

.tuer {
	width: 50%;
	float: left;
	padding-top: 0.5em;
	padding-right: 0em;
}
.kinder{
	width:780px;
	padding-top: 0em;
	}
.kinder img{
		width:100%;
	}
.kinder_rechts{
	width: 50%;
	padding-top: 4em;
	float:left;
	padding-right: 5em;
	padding-left: 2em;

	}
.links{
		height: 686px;
		overflow: hidden
	}
.praxismenu {
	width:100%;
	height: 41px;
}
	
.portrait{
	width: 30%;
	height:284px;
	margin-right: 1em;

}
.portrait img{
	width:auto;
	height:260px;
	padding: 1em 0em 1em 0;
	}

	
.galerie{
	width: 100%;
	padding:0;
}


.mitarbeiter{
	width: 780px;
	padding: 0em 0.5em 0em 0.5em;
	
	}
.article {
	width:20%;
	height:361px;
	overflow: hidden;
	padding: 1em 0.5em 0.5em 0.5em;
	}
.article img{
		width: 100%;
	}
.article h4{
	line-height: 0;
	}
}

/*NEU---------------------------*/
.onlinetermin{
	z-index: 100;
	position:absolute;
	padding-left:3%;
}

.onlinetermin img{
	width: 150px;
}

@media screen and (max-width:650px) {
	.onlinetermin{
		right: 0px;
		
	}
}