/* 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 */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-condensed-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-italic - 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: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/barlow-condensed-v12-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-condensed-v12-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* barlow-condensed-800 - 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: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/barlow-condensed-v12-latin-800.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, .hor-nav {
	font-family: 'Barlow Condensed';
	color: #000;
font-weight: 400;
text-align: center; 
	}

h2 {margin: 2em 0; }

h3 { 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: #005599; }

#container {z-index: 6; }

#header { 
float: left;
width: 100%;
 }

#logo {width: 100%; }

#logo img { 
max-width: 300px;
padding: 20px 0; 
}

.hor-nav {
background: #eee6d9;
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: 1.4em;
}
.hor-nav.headroom--pinned { background: #eee6d9;}

.hor-nav.headroom--not-top {
  background-color: RGBA(238,230, 217, .9);
}

.hor-nav  a { color: #000; display: block; padding: 0.5em 1em;}

.hor-nav  li.active a { background: #005599; color: #fff; }
.hor-nav a:hover { background: #005599; color: #fff; }

.hor-nav li {margin-right: 1px; }

.module-onepage-navigation ul { 
display: flex;
justify-content: center;
}
	
.header-image {
background: #e7d2b3;
background-image: url(../images/contrastbg.jpg);
background-size: cover; 
background-attachment: fixed;
	}
	
.header-image .inside {
	text-align: center;
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; }

.anrufen { background: #75b729; width: 100%; float: left; color: #fff; font-weight: bold; }
.anrufen a {color: #fff;}
.anrufen p {margin: 10px; }
.ce_gallery ul,  .ce_gallery h2 { text-align: center;  }
.ce_gallery ul li { float: none; display: inline-block; padding: 5px 3px; }
.ce_gallery>ul.cols_6 li { width: 16.66%;	}

.bereich { padding: 3em 0; color: #005599; }
.bgblue { background: #005599; }
.bgblue h2 { color: #fff; }

.bg1 { background: #eee6d9 }
.bg2 { background: #f8f1e6; }

.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; }


label {
  display: block!important;
  margin-top: 15px;
}

#icons { font-size: 1.3em;  }

.hor-nav #icons a { padding: 0.3em 0.2em; }



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;  }

.kontakt { text-align: center;  }
#main .kontakt a { text-decoration: none; }
.kontakt .demo-icon { font-size: 2em; }
.kontakt .rte { margin: 3em auto; }

#main li {margin: 3px 0; }

.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;
}


.b100 { width: 100%; }
.t-right {text-align: right;}
.t-left { text-align: left; }
.t-center {text-align: center;}
.mitte {margin: auto; float: none;}

span.more { padding: 0.2em 1em;  margin: 2em 0; background: #ccc; display: block; text-align: center; }
span.more:hover {background: #65b32e;}
#main p.more {
  text-align: center;
margin-top: 2em;
}
#main p.more a {
  background: #333;
  color: #fff;
  display: inline-block;
  padding: 7px 20px;
  margin: auto;
  border-radius: 40px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
text-decoration: none;
font-weight: bold; 
}

.ce_player {
max-width: 700px;
  margin: auto;
  float: none;
}


@media (max-width: 768px)  {
.hor-nav {position: static; }
#logo {   width: 100%; text-align: right; float: right; background: #eee6d9;	}
#logo img { width: calc(100% - 50px); padding: 7px; max-width: 200px;  }
.logo-desktop {display: none;}
.header-image {margin-top: 0px;}
.teamimg {width: 25%; }
.hor-nav .module-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) {
.headroom--top.hor-nav { display: flex;      flex-wrap: wrap; }
.headroom--not-top #icons { display: none; }
#logo { width: 50%; padding-left: 20px;	text-align: left; }

#icons { width: 50%;  display: flex;  justify-content: flex-end;  align-items: center;}
#icons ul { display: flex;  align-items: flex-end;   justify-content: flex-end; }
nav.module-onepage-navigation { width: 100%; display: flex;   justify-content: center; background: #f8f1e6; }
nav.module-onepage-navigation ul { justify-content: flex-end; }
.logo-mobil {display: none;}
.b50 {width: 50%; }
}

@media (max-width: 1023px)  {
#footer, #footer nav {text-align: center!important; }
#footer div {margin: 0 auto 1em auto; }
#footer img {max-width: 350px; }
}
