/* 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 */
}

/* alegreya-sans-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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alegreya-sans-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/alegreya-sans-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/alegreya-sans-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* alegreya-sans-700italic - 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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/alegreya-sans-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


body {
    	color: #666;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden;
	}
	
h1, h2, h3, h4 { font-family: 'Alegreya Sans'; color: #003e7c; }

h1, h2 {  font-weight: bold; }

h3 {margin-top: 1.5em;}
.style-b h2, .style-koi h2 {margin-top: 0;}

a:link, a:visited { color: #97c223;}
a:hover { text-decoration: underline; }

#container {z-index: 6; }

#logo .logo-desktop img {
	max-width: 420px;
	height: auto;
	padding-bottom: 20px;
}

#logo .logo-mobil img {
	width: auto;
	height: auto;
}

.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;
}

.hor-nav.headroom--not-top {  background-color: RGBA(151, 194, 35, .9); }
	
.header-image {
	background: url(../images/header/header-bg.jpg)  center;
	background-size:  auto 100%;
	background-attachment: fixed;
	max-width: 2600px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	}
	
.header-image .inside {
	margin: auto;
	max-width: 2000px;
	}
.header-image img { width: auto;  margin: auto;}

.header-image.mod_article .content_wrapper {
  position: absolute;
  width: 50%;
max-width: 400px;
background: rgba(255,255,255,0.9);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  z-index: 1;
text-align: center;
}

@media (max-width: 700px) {
.header-image.mod_article .content_wrapper { width: 90%; max-width: 90%; }
}

#nav ul.level_2 li strong.active {background: #97c223; }

#footer, #footer h3, #footer h4 { color: #333; }
#footer a { color: #333; padding: 1em 2em; }
#footer a:hover, #footer strong { color: #003e7c; }
#footer ul li { display: inline-block;}
.footerimg {padding-bottom: 4em;}
.footerimg img { max-width: 400px; height: auto; }
.footertext {font-size: 1.3em; }

.anrufen { background: #004f9f; 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 {  
display: flex;
flex-direction: row;
-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;
max-width: 600px;
margin: auto;
}
.ce_gallery ul li { float: none; }
.ce_gallery>ul.cols_6 li { width: 16.66%;	}
.ce_gallery > ul.cols_2 li { width: calc(50% - 6px); }


.leichtigkeit { position: relative; z-index: 100; }

.image_container .cboxElement::after { content: none; }

#main ul {padding-left: 1em; }
#main li {margin: 3px; }

#main .garten,
#main .winter,
#main .kontakt {
background-attachment: fixed;
background-size: cover;
}

#main .garten { background-image: url(../bg/garten.jpg); }
#main .winter { background-image: url(../bg/winter.jpg); }
#main .kontakt { background-image: url(../bg/kontakt.jpg); }

.full-width #main .garten .inside,
.full-width #main .winter .inside,
.full-width #main .kontakt .inside { width: 70%; max-width: 400px!important; background: rgba(255,255,255,0.9); margin: 4em auto; }

.galerie a img:hover, .galerie a img:focus {
-ms-transform: scale(1.1);
 -webkit-transform: scale(1.1);
transform: scale(1.1);
}
.galerie a img {transition: transform 0.2s; }

#header .mod_onepage_navigation ul li { display: inline-block;  padding: 0 0.5em; font-family: 'Alegreya Sans'; font-size: 1.2em; }
#header .mod_onepage_navigation ul li a { color: #999; font-weight: bold;  }
#header .mod_onepage_navigation ul li a:hover { color: #97c223; }


.smaller { font-size: 0.8em; }

.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: calc(100% - 70px); text-align: right; float: right; 	max-width: 270px;}
.logo-desktop {display: none;}
.hor-nav {height: 100px;}
.header-image {margin-top: 0px;}
.leichtigkeit { text-align: center;  margin-top: -90px; }
.leichtigkeit img { max-width: 220px;  }
}

@media (min-width: 769px) {
#logo { width: 100%;	text-align: center; }
.logo-mobil {display: none;}
.hor-nav {height: 200px;}
.leichtigkeit { margin-top: -300px; }
.leichtigkeit img { max-width: 250px;  }
}

@media (max-width: 1023px)  {
#footer, #footer nav {text-align: center!important; }
#footer div {margin: 0 auto 1em auto; }
#footer img {max-width: 350px; }
}

@media (min-width: 1024px) {
.leichtigkeit { margin-top: -400px; }
.leichtigkeit img { max-width: 350px;  }
  .ce_gallery > ul.cols_3 li {  width:30%; }
  .full-width #main [class*="mod_"] .inside, .full-width #footer .inside {  max-width: 900px;  }
}
 }

@media (min-width: 1400px) {
.leichtigkeit { margin-top: -600px; }
 }


@media (max-width: 500px)  {
.leichtigkeit { text-align: center;  margin-top: -50px; }
.leichtigkeit img { max-width: 180px;  }
}
