/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* amatic-sc-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/amatic-sc-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* amatic-sc-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/amatic-sc-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





body {
    	color: #333;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
	}
	
h1, h2, h3, h4, h5, .hor-nav {
	font-family: 'Amatic SC';
	color: #000;
text-align: center; 
	}

h2 {margin: 2em 0; }

h3, h4 { margin-top: 2em; }

.style-b h2, .style-koi h2 {margin-top: 0;}

p { margin: 6px 0; }

ul { margin: 0; }

#main a {color: #000; text-decoration: underline;  }
#main a:hover { color: #a00; }
#main li {margin: 12px 0; }

#container {z-index: 6; }

#header { 
float: left;
width: 100%;
 }

#logo img { 
max-width: 350px;
padding: 20px 0; 
}

.hor-nav {
width: 100%;
-webkit-box-shadow: 0 0 7px rgba(0,0,0,.2) !important;
-moz-box-shadow: 0 0 7px rgba(0,0,0,.2) !important;
box-shadow: 0 0 7px rgba(0,0,0,.2) !important;
font-size: 2em;
font-weight: bold; 
}

.hor-nav  a { color: #000; display: block; padding: 0.2em 1em;}

.hor-nav  li.active a { background: #fff; color: #000; }
.hor-nav a:hover { background: #fff; color: #000; }

.hor-nav li {margin-right: 1px; }

.mod_onepage_navigation ul { 
display: flex;
justify-content: center;
}
	
.header-image {
background: #eee;
background-image: url(../images/contrastbg.jpg);
background-size: cover; 
background-attachment: fixed;
	}
	
.header-image .inside {
	margin: auto;
	max-width: 1200px;
	}
.header-image img { width: auto;  margin: auto;}

#nav ul.level_2 li strong.active {background: #00b1eb; }

#footer, #footer h3, #footer h4 { color: #000; }
#footer { text-align: center; }
#footer a { color: #ccc; padding: 1em 2em; }
#footer a:hover, #footer strong { color: #fff; }
#footer ul li { display: inline-block;}
.footerimg {padding-bottom: 4em;}
.footerimg img { max-width: 400px; height: auto; }
.footertext {font-size: 1.3em; }


.ce_gallery ul,  .ce_gallery h2 { text-align: center;}
.ce_gallery ul {
display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#main .ce_gallery ul li { float: none; display: inline-block; padding: 0px; margin: 1px; }
.ce_gallery>ul.cols_3 li { width: 30%;	}

.contrastbg { 
background: #eee; 
background-image: url(../images/contrastbg.jpg);
background-size: cover; 
background-attachment: fixed;
padding: 2em 0 4em 0; }

.darkbg { 
background: #333; 
color: #fff;
padding: 2em 0 4em 0; }

.nobg { padding: 2em 0 4em 0; }


.therapien ul { list-style-type: none; margin-left: 0;  }
.therapien h2 { margin: 2em 0 1em 0; }

.kontakt .inside { 
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
justify-content: center;
padding: 0;
 }

label {
  display: block!important;
  margin-top: 15px;
}

input[type="checkbox"] {
  float: left;
  margin: 5px 10px 50px 0;
}

.image_container .cboxElement::after { content: none; }

.important { font-weight: bold; text-align: center; padding: 1em 2em; border: 5px solid #900; margin-top: 3em;  }

.info { text-align: center; }
.info ul { list-style-type: none; }

.info #main .contrastbg { padding: 0; }
.info #main .mod_article { padding: 2em 0 4em; }

p.back {
margin-top: 3em;
float: left;
width: 100%;
}

#main p.back a { 
padding: 1em 2em;
background-image: url(../images/back.png);
background-size: 100% 100%;
color: #fff;
font-family: 'Amatic SC';
text-transform: uppercase;
text-decoration: none;
font-size: 2em;
}

.bib img { margin-top: 2em; }
.button_maps {text-align: center;}
.button_maps p {
	box-shadow: 0px 1px 0px 0px #5c5c5c;
	background:linear-gradient(to bottom, #cdf598 5%, #76b722 100%);
	background-color:#cdf598;
	border-radius:6px;
	border:1px solid #76b722;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #8cff66;
margin: 2em auto;
}
.button_maps p:hover {
	background:linear-gradient(to bottom, #76b722 5%, #cdf598 100%);
	background-color:#76b722;
}
.button_maps pa:active {
	position:relative;
	top:1px;
}

.dlh_googlemap {
padding-bottom: 350px!important;
}

.map_friedrich .dlh_googlemap {
background: #fff;
background-image: url(../images/friedrich.jpg);
padding: 2em;
background-size: cover;
background-position: center center;
padding: 0 2em 2em 2em;
}
.map_wilhelm .dlh_googlemap {
background: #fff;
background-image: url(../images/wilhelm.jpg);
padding: 2em;
background-size: cover;
background-position: center center;
padding: 0 2em 2em 2em;
}

.alert-warning {
background: rgba(255,255,255,0.85);
padding: 1em 2em;
max-width: 400px;
margin: auto;
}


#main .team .inside .inside {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
justify-content: center;
padding: 0;
}

.team h2 { float: none; }
.teamimg {width: 20%; padding: 0;  }
.teamimg.block { float: unset;}
.teamimg img {
-webkit-filter: saturate(0.2);
filter: saturate(0.2);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}

.teamimg img:hover {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: 0.5s;
-webkit-filter: saturate(1);
filter: saturate(1);
}

.b100 { width: 100%; }
.t-right {text-align: right;}
.t-left { text-align: left; }
.t-center {text-align: center;}
.mitte {margin: auto; float: none;}



@media (max-width: 768px)  {
.hor-nav {position: static; }
#logo {   width: 100%; text-align: right; float: right; background: #fadea9;	}
#logo img { width: calc(100% - 50px); padding: 7px 0; }
.logo-desktop {display: none;}
.header-image {margin-top: 0px;}
.teamimg {width: 25%; }
.hor-nav .mod_onepage_navigation { display: none; }
.dlh_googlemap { margin-bottom: 3em; }
.kontakt, .kontakt td.oez {text-align: center; }
.kontakt table { margin: 2em auto; }
}

@media (min-width: 769px) {
#logo { width: 100%;	text-align: center; }
.logo-mobil {display: none;}
.b50 {width: 50%; }
.kontakt .k1 {order: 2; }
.kontakt .k2 {order: 1; }
.kontakt .k3 {order: 4; }
.kontakt .k4 {order: 5; }
.kabstand { width:100%; height:3em; float:left; order: 3; }
}

@media (max-width: 1023px)  {
#footer, #footer nav {text-align: center!important; }
#footer div {margin: 0 auto 1em auto; }
#footer img {max-width: 350px; }
}
