/* 	Table Of Content
=======================
	1 - Media Queries
	2 - Important Styles
	3 - General Styles
	4 - Buttons
	5 - Header
	6 - Navigation
  7 - Current (Blog) Widget
  8 - Home
======================*/
/* 0-Fonts */
@import url('https://fonts.googleapis.com/css?family=Raleway');



/* 2-Important Styles */

/* 3-General Styles */
body{
  overflow-x: hidden;
}
#gallery .owl-item p{
  color: #fff!important;
}

/* Headlines */
h1, h2, h3, h5{
  font-family: 'Playball', sans-serif;
}

h6{
  font-family: 'Raleway', sans-serif!important;
}
h3{
	font-size:24px;
}

/* Subheadlines */
.under-headline{
  font-family: 'Raleway', sans-serif;
}

/* Background */
.bg-gradient-blue{
  background: #0C558E; /* Old browsers */
  background: -moz-linear-gradient(right, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152E4B', endColorstr='#152E4B',GradientType=0 ); /* IE6-9 */
}
.bg-gradient-blue div, .bg-gradient-blue p, .bg-gradient-blue h1, .bg-gradient-blue h2, .bg-gradient-blue h3, .bg-gradient-blue h4, .bg-gradient-blue a, .bg-gradient-blue cite{
  color:#fff!Important;
}
.bg-gradient-blue a:hover{
  color:#fff!Important;
}
.bg-gradient-blue .button:hover{
  color:#0C558E!Important;
}
.bg-wood-col{
  background-image: url("/images/wood-col.jpg");
}
.bg-wood-col div, .bg-wood-col p, .bg-wood-col h1, .bg-wood-col h2, .bg-wood-col h3, .bg-wood-col h4, .bg-wood-col a, .bg-wood-col cite{
  color:#14558e!Important;
}

/* 4-Buttons */
.btn-metallschild{
    color:#fff!important;
}
.btn-metallschild:hover{
  color:#14558e!important;
}

/* 5-Header */
header{
  height: auto;
}
header:after {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0px 0px 8px 2px #000000;
    -moz-box-shadow: 0px 0px 8px 2px #000000;
    box-shadow: 0px 0px 8px 2px #000000;
}

.contact-head div{
  font-size:0.9em;
  font-family: 'Raleway', sans-serif;
}
.contact-head .container{
  padding:5px 0;
}
/* Intro Fix */
.intro-fix{
  top:139px!important;
}
/* 6-Navigation */
.navbar {
    margin-top: 0px;
    margin-bottom: 0;
}

.navbar-inverse{
  border: none;
}
.affix>.contact-head{
  height:0;
  display: none;
}
.navbar-inverse .navbar-nav>li>a{
  color:#0C558D;
  font-weight: 700;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
  color:#000;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
  color: #000;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
  background-color: white;
}
header .bg-gradient-blue a:hover{
  color:#DEDEDE!important;
}
/* ------------- AUTO DROPDOWN MENU ------------- */
.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu{
  background-image: url('/images/wood-col.jpg');
  background-position: bottom center;
  background-repeat: repeat-x;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
    z-index: 10;
}

.dropdown-menu>li>a{
  color:#0C558D;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.navbar-inverse{
  background-color: transparent;
}

/* Parallax Slider */
.metallschild-parallax-slides-col-1{
  width:700px;
  height: auto;
  margin:auto;
}
.metallschild-parallax-slides-col-1 .img-2{
  visibility: hidden;
  height:0;
  width:0;
}
.metallschild-parallax-slides-col-1 .img-1, .metallschild-parallax-slides-col-1 .img-2{
  position: relative;
  opacity: 0.8;
  max-width: 100%;
}
#page-startseite-intro .metallschild-parallax-slides-col-1 img{
  position: relative;
  opacity: 0.8;
  max-width: 100%;
}
#page-startseite-intro .logos{
  margin-top:15px;
}
#page-startseite-intro .logos img{
  width: auto;
  height: 100px;
  opacity: 0.8;
}

.metallschild-parallax-slides-col-1 div{
  width: 593px;
  height: 359px;
  position: absolute;
  top:128px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.metallschild-parallax-slides-text-col-1 h2, .metallschild-parallax-slides-text-col-1 p, .metallschild-parallax-slides-text-col-1 h6, .metallschild-parallax-slides-text-col-1 h1, .metallschild-parallax-slides-text-col-1 a{
  color:#fff;
}

/* Mobile Menü */


/* Footer */
footer{
  background-image: url('/images/footer-bg-row.jpg');
}
footer h2, footer h3, footer p, footer li, footer a{
  color:#0C558D;
}
.footer-bottom a, .footer-bottom p, .footer-bottom div{
    font-size:0.9em;
}
footer .about-widget>div>ul{
  padding:0;
}
footer .about-widget>div>ul>li{
  list-style: none;
  margin-bottom:1em;
}
.footer-widget-links>ul{
  padding:0;
}
.footer-widget-links>ul>li{
  list-style: none;
}
footer .bio-aus-ueberzeugung-widget div{
  padding-bottom:10px;
  padding-left:0;
}
footer .bio-aus-ueberzeugung-widget img{
  width:auto;
  height: 70px;
}
footer .social-mdeia ul{
  list-style: none;
  padding: 0;
}
/* Page Title */
.page-title{
  text-align: center;
  position: relative;
}
.page-title:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #1e5799;
    background: -moz-linear-gradient(right, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%);
    background: -webkit-linear-gradient(top, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%);
    background: linear-gradient(top right, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152E4B', endColorstr='#152E4B',GradientType=0 );
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    /* IE 5-7 */
    filter: alpha(opacity=50);
    /* Netscape */
    -moz-opacity: 0.5;
    /* Safari 1.x */
    -khtml-opacity: 0.5;
    /* Good browsers */
    opacity: 0.5;
      z-index: 0;
}

.page-title h1, .page-title h2, .page-title li, .page-title a{
  color:#fff;
  position: relative;
}
.page-title ul{
  list-style: none;
}
.page-title ul>li{
  float:left;
  padding-right:5px;
}
.page-title{
    background-image: url(/images/intro.jpg);
    background-position: center center;
}
.page-title .fa-sort-asc{
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -moz-transform: rotate(90deg);   /* Firefox */
  -ms-transform: rotate(90deg);   /* IE 9 */
  -o-transform: rotate(90deg);   /* Opera */
  transform: rotate(90deg);
}

.page-title .bread-crumb {
    position: relative;
    display: inline-block;
    padding:0;
}

/*  */

/* Section */
section{
}
/* 12-Current (Blog) Widget*/

#current {
	background: url('/images/parallax-slides/luftaufnahme-brunnnehof.jpg') 50% 0 fixed;
	height: auto;
	margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 120px 0 60px;
    position: relative;
}

#current figure {
	padding: 50px 30px 40px 30px;
	background-color: #fff;
	border-radius: 4px;
}

#current figure img {
	margin: 0 auto;

}

#current figcaption {
	margin-top: 20px;
	font-size: 20px;
	font-weight: 600;
}

#current figure .credit {
	padding: 18px 0 0 0;
}

#current figure cite a {
	padding: 5px 0;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
}

#current figure i {
	font-size: 14px;
	color: #ffbb37;
}
#current figure h4{
  min-height:50px;
}
#current figure blockquote {
  padding:0 20px;
  margin: 0;
  border-left: 0;
  min-height:200px;
}

#current figure blockquote p {
    margin: 0;
    font-size: 12px;
    line-height: 30px;
}
#current figure blockquote .link{
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
#current .owl-theme .owl-controls {
	margin-top: 70px;
}


/* Bio Products Widget */

/* Online Shop Widget without Background */


/* Feuatures Section */

.intro-features-wrap{
  padding:0px;
}
.min-feature{
  padding:25px;
}


/* Welcome Section */


/* Bio from conviction  */


/* Portfolio */


/* International Preperation Center  */

/* Page - Startseite */
#page-startseite-intro{
  padding-bottom: 180px;
}
#page-startseite-intro .metallschild-parallax-slides-col-1 .metallschild-parallax-slides-text-col-1{
  top:233px;
}
#page-startseite-intro .metallschild-parallax-slides-col-1 .metallschild-parallax-slides-zertifikate, #page-startseite-intro .metallschild-parallax-slides-col-1 .metallschild-parallax-slides-links{
  position: relative;
  top:auto;
  width: auto;
  height: auto;
}
#page-startseite-intro .metallschild-parallax-slides-zertifikate img{
  height:70px;
  width:auto;
}
#page-startseite-intro h2{
  font-family: 'Raleway', sans-serif!important;
  font-size:20px;
}
#page-startseite-intro .owl-theme p, #page-startseite-intro .owl-theme a{
  color:#fff!important;
}
#extra-features .zertifikat img{
  width:auto;
  height:70px;
}
/*Feature*/
.min-feature h3{
  font-weight: 500;
  font-size: 29px;
}
.min-feature ol, .min-feature ul{
  list-style: none;
  padding:0;
}
.min-feature .text{
  min-height:580px;
}
.min-feature .button-bottom{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 50px;
}
.intro-features-wrap .seperator{
margin-bottom:1.2em;
}

#welcome-text{
    padding-top: 0;
}

/* Referenzen */
#testimonials figure img{
  height:300px;
  width:300px;
}
#testimonials figure h4{

}
#testimonials figure blockquote{
  min-height:420px;
}

/* Page - Aktuelles */
/* Widgets */
.widgets-news .categorie-names{
  border:0 solid #fff;
  border-radius: 5px;
}
.widgets-news .categorie-names{
  padding:25px;
}
.widgets-news .categorie-names ul{
  list-style: none;
  padding:0;
}
/* Jumbotron */
.jumbotron p strong{
  font-size: 0.8em;
}
#page-aktuelles .news .col-md-6 .jumbotron{
  min-height:850px;
}
/* Page - Der Brunnnehof > Bio Qualität */
#page-der-brunnenhof-text-tiergerechte-haltung h2{
  margin-bottom: 10px!important;
}
.text-hidden{
  visibility: hidden;
  height: 0;
}
.text-show{
  visibility: visible;
  height: auto;
}

/* Page - Der Brunnnehof > */
.page-der-brunnenhof-features-list ol{
    list-style: none;
    padding:0;
}

#page-startseite-intro{
  background: url('/images/parallax-slides/putenhaltung-wiese-folienhaus-silos.jpg') 0 fixed;
  background-position: center bottom;
}
.page-title-der-brunnenhof{
  background: url('/images/parallax-slides/demeter-bio-pute.jpg') 0 fixed;
}
#page-der-brunnenhof-text-bio-demeter-beim-brunnenhof{
  background: url('/images/parallax-slides/demeter-bio-pute.jpg') 0 fixed;
}
#page-der-brunnenhof-text-feinstes-demeter-gefluegel{
  background: url('/images/parallax-slides/demeter-bio-pute.jpg') 0 fixed;
}
#page-der-brunnenhof-text-tiergerechte-haltung{
  background: url('/images/parallax-slides/demeter-bio-pute.jpg') 0 fixed;
}
#page-praeparate-text-praeparatekurs{
  background: url('/images/parallax-slides/praeparate.jpg') 0 fixed;
}
#page-tierwohl-auf-dem-brunnenhof-text-hoforganismus{
  background: url('/images/parallax-slides/demeter-bio-pute.jpg') 0 fixed;
}
#page-demeter-lebensmittel-mit-charakter-text-handel-bauern{
  background: url('/images/parallax-slides/demeter-bio-pute.jpg') 0 fixed;
}
#testimonials{
  background: url('/images/parallax-slides/luftaufnahme-bio-demeter-betrieb-brunnnehof.jpg') 0 fixed;
}
#page-newsletter-wie-kann-ich-mich-anmelden{
  background: url('/images/parallax-slides/luftaufnahme-bio-demeter-betrieb-brunnnehof.jpg') 0 fixed;
}
#page-aufzucht-in-eigener-hand{
  background: url('/images/parallax-slides/aufzucht-in-eigener-hand.jpg') 0 fixed;
}
#page-aufzucht-puten-aufzucht{
	background: url('/images/parallax-slides/puten-aufzucht.jpg') 0 fixed;
}
#page-aufzucht-erfolgreiche-aufzucht{
  background: url('/images/parallax-slides/erfolgreiche-aufzucht.jpg') 0 fixed;
}

/* Page - Der Brunnnehof > Hofladen*/
#page-der-brunnenhof-text-bio-freilauf{
  padding-bottom:25px!important;
}
#page-hofladen-text-opening-hours{
  padding-top: 25px!important;
}
.page-hofladen-text-opening-hours ul{
  list-style: none;
  padding:0;
}
#owl-team{
  width:50%!Important;
}
#page-hofladen-text-opening-hours ul{
  list-style: none;
  padding: 0;
}
#hofladen-counter-bg{
  padding: 0 0 200px;
  background-image: url('/images/hofladen/hofladen-bg.jpg');
  background-repeat: no-repeat;
}
/* Page karriere */
#page-karriere-initiativbewerbung .big-icon-right, #page-karriere-initiativbewerbung .big-icon-left{
  font-size: 5em;
  float: left;
}
#page-karriere-initiativbewerbung ul, #page-karriere-initiativbewerbung p{
  list-style: none;
  float:left;
  padding-left: 40px;
}
.zertifikat img {
    width: auto;
    height: 70px;
}

/* Page Demeter Lebensmittel mit Charakter */
/* Pae - Jobs */
.jobs{
padding:50px;
}
.jobs.bg-gradient-blue p, .jobs.bg-gradient-blue h3, .jobs.bg-gradient-blue h6 small{
  color:#fff;
}

/* Page - Impressum */
#impressum ul{
  list-style: none;
  padding:0;
}

/* Page - Kontakt*/
#map{
    height:500px;
}
#contact ul{
  list-style: none;
  padding:0;
  margin-top:50px;
}
#contact ul li{
  padding-bottom: 5px;
}
#page-kontakt-gmaps .container-fluid{
  padding:0;
}
#page-kontakt-gmaps{
  padding-bottom: 0;
}

/* Newsletter */

#page-newsletter-fragen-und-antworten, #page-newsletter-was-bekomme-ich, #page-newsletter-newsletter-anmeldung{
  text-align: center;
}
.faq-number {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    border: 4px solid #0C558E;
    font-size: 32px;
    color: #0C558E;
    line-height: 50px;
    font-weight: 700;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.features-box .features-box-icon {
    display: inline-block;
    width: 88px;
    height: 88px;
    margin: 0 auto;
    border: 4px solid #0C558E;
    font-size: 48px;
    color: #0C558E;
    line-height: 80px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#page-newsletter-wie-kann-ich-mich-anmelden ol>li{
  color: #fff;
}

/* manufaktur */
#page-manufaktur-text-1 h3{
	font-size:32px;
}


/* contact popover*/
#contactButton{
  color: #fff;
}
#contactPopover{
  position: absolute;
  background-color: #fff;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  border: solid #0C558E 2px;
  border-radius: 5px;
  text-align: left;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5); 
  box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
}

#contactPopover>.close{
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  padding: 1rem;
  transform: translate(50%, -50%);
  border-radius: 50%;
  color: #0C558D!important;
  border: solid 1px #0C558D;
  opacity: 1;
  text-shadow: none;
}

#contactPopover>.closeButton{
  margin: 0 auto;
  margin-top:2rem;
  display:none;
}

#contactPopover>.item{
  display: flex;
  align-items: center;
}

#contactPopover>.item>.image{
  padding-right: 3rem;
  height: 100%;
} 

#contactPopover>.item>.image>img{
  width: auto;
  height: 100%;
}

#contactPopover>.item>.text{
  color: #000000!important;
  font-size: 2rem;
} 

#contactPopover>.item>.text>a{
  color: #337ab7!important;
  text-decoration: underline;
  font-weight: 500;
} 


/* 1-Media Queries */
@media (max-width:450px) {
  #contactPopover{
    left:-15px;
    width:100vw;
  }
  #contactPopover>.close{
    display: none;
  }
  #contactPopover>.item>.image{
    width:20%;
  }
  #contactPopover>.item>.text{
    width:80%;
  }
  #contactPopover>.item>.image>img{
    width: 100%;
    height: auto;
  }
  #contactPopover>.closeButton{
    display: block;
  }
}

@media (max-width:767px) {
  .affix{
    height:60px!important;
  }
  .affix-top{
    height:auto;
  }
  header{
        background-repeat: repeat-y;
  }
  header .col-md-6{
    text-align: center;
  }
  .metallschild-parallax-slides-col-1{
    width:auto;
  }
  .metallschild-parallax-slides-col-1 div{
    width:auto;
  }
  .mobile-toggle{
    right:50px;
    display: block;
    border-color:#0C558D;
  }
  .bar-1, .bar-2, .bar-3{
    background: #0C558D;
  }
  .dropdown-menu{
    position: relative!important;
    float: none!important;
    background-image: none!important;
    background-color: transparent;
    border: none;
    box-shadow:none;
    -webkit-box-shadow:none;
  }
  .dropdown-menu li{
    text-align: center;

  }
  .dropdown-menu li a{
      font-weight: 700;
  }
  .footer-widget{
    text-align: center!important;
  }
  .legally-links{
    text-align: center!important;
  }

  #page-hofladen-text-opening-hours{
    text-align: center!important;
  }
  #page-der-brunnenhof-text-bio-freilauf{
    padding-bottom:0px!important;
  }
  #page-der-brunnenhof-einzigartige-bio-gefluegelhaltung p, #page-maufaktur-text-2, #contact, #page-bio-was-steckt-dahinter-text-bio-was-wird-ueberprueft, #page-bio-was-steckt-dahinter-text-keine-oekologische-lebensmittel, #page-bio-was-steckt-dahinter-text-keine-oekologische-lebensmittel, #page-auslauf-und-aufzucht-text-auslauf-und-aufzucht, #page-tierwohl-auf-dem-brunnehof-text-was-bedeutet-tierwohl .col-lg-6, #page-tierwohl-auf-dem-brunnehof-text-puten-freilaufhaltung .col-lg-6, #page-tierwohl-auf-dem-brunnehof-text-fuetterung, #page-rassen-und-herkunft-text, #page-der-brunnenhof-das-brunnnehof-team .col-md-6>p, #page-rassen-und-herkunft-text, #page-der-brunnenhof-das-brunnnehof-team .col-md-6>h3{
    text-align: center!important;
  }
  #page-maufaktur-text-2, #page-tierwohl-auf-dem-brunnehof-text-fuetterung{
    padding-top: 0px!important;
  }
}
@media (min-width: 768px){
  .navbar-nav>li>a{
      padding-top: 22px!important;
      padding-bottom: 10px!important;
  }
  #page-aktuelles .col-md-6{
    min-height: 944px;
  }
}

@media (max-width: 768px){

}

@media (max-width: 991px){
  .min-feature .text {
      min-height: 876px;
  }
  #owl-team{
    width:100%!important;
  }
}
@media(max-width:1024px){
  header .col-md-6{
    text-align: center;
  }
}
@media (max-width:1440px) {
  .min-feature .text {
    min-height: 640px;
  }
}
@media (max-width: 1200px){
  .min-feature .text {
    min-height: 702px;
  }
}
@media (max-width: 767px){
  .min-feature .button-bottom{
    position: inherit;
  }
  .min-feature .text{
    min-height: auto;
  }
  .navbar-static-top{
        background-image: url(../images/header.jpg);
  }

}
/* Metallschild */
@media (max-width: 767px){
  .metallschild-parallax-slides-text-col-1{
    padding:50px;
  }
}
@media (max-width: 715px){
  .metallschild-parallax-slides-text-col-1{
    padding:50px;
    padding-top:30px;
  }
}
@media (max-width: 707px){
  .metallschild-parallax-slides-text-col-1{
    padding:50px;
    padding-top:0px;
  }
}
@media (max-width: 678px){
  .metallschild-parallax-slides-col-1 .img-1{
    visibility: hidden;
    height: 0;
    width: 0;
  }
  .metallschild-parallax-slides-text-col-1{
    padding:50px;
    padding-top:30px;
  }
  .metallschild-parallax-slides-text-col-1{
    height:auto!important;
    margin:0 10px!important;
    background: #0C558E;
    background: -moz-linear-gradient(right, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%);
    background: -webkit-linear-gradient(top, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%);
    background: linear-gradient(to right, #152E4B 0%, #0B416D 28%, #0C558E 66%, #0B416D 88%, #152E4B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152E4B', endColorstr='#152E4B',GradientType=0 );
  }
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:700px;
  }
}
@media (max-width: 559px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:800px!important;
  }
}
@media (max-width: 483px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:900px!important;
  }
}
@media (max-width: 411px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:1000px!important;
  }
}
@media (max-width: 373px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:1100px!important;
  }
}
@media (max-width: 357px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:1000px!important;
  }
  .metallschild-parallax-slides-text-col-1{
    padding:30px;
  }
}
@media (max-width: 339px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:1100px!important;
  }
}
@media (max-width: 293px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:1200px!important;
  }
}
@media (max-width: 267px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:1400px!important;
  }
}
@media (max-width: 239px){
  #page-der-brunnenhof-text-bio-demeter-beim-brunnenhof, #page-der-brunnenhof-text-feinstes-demeter-gefluegel, #page-der-brunnenhof-text-tiergerechte-haltung, #page-praeparate-text-praeparatekurs, #page-tierwohl-auf-dem-brunnenhof-text-hoforganismus, #page-newsletter-wie-kann-ich-mich-anmelden{
    height:1500px!important;
  }
}