/*------ Cookies ----------------*/
.cc-revoke { padding: 1em 2em; }
.cc-revoke.cc-bottom { border-radius:0px !important; text-decoration: none; }
.cc-animate.cc-revoke.cc-bottom { -webkit-transform: translateY(2.5em); transform: translateY(2.5em); }
.cc-revoke, .cc-window { font-family: inherit; font-size: 0.9rem; }
.cc-window { box-shadow: 0 0 20px rgba(0,0,0,0.5); }
/*.cc-revoke.cc-left { left: 80px !important; text-transform: uppercase; }*/


.cc-window {  }
.cc-window .dp--cookie-check { border: none; }
.cc-window .dp--cookie-check label:first-child { padding-left:0px; padding-right:0px; }
.cc-window .dp--cookie-check label:last-child { padding-right:0px; padding-left:0px;}
.cc-window .cc-deny { display:none !important; }
.cc-window .cc-allow-all { display:none !important; }
.cc-window .cc-btn { width: 48% !important; background:#FFF !important; color:#000 !important; 
  transition: all 0.4s ease-in 0s; /* explorer 10 */
  -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
  -moz-transition: all 0.4s ease-in 0s; /* firefox */
  -o-transition: all 0.4s ease-in 0s; /* opera */}
.cc-window .cc-btn:hover { opacity: 0.8; }


.cc-compliance { padding:0 1.5rem 1.5rem; }
.cc-compliance .cc-btn { width: 48%; }


@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
  .cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(3em);
    transform: translateY(3em);
  }
}

/*------ Mostobstpreis ----------------*/
#mostobst .flex_8 { display:flex; }
.tagespreis { transform:rotate(-3deg); width:50%; }
.tagespreis-image { width:52%; height:100%; bottom:0; right:0; position:absolute; background:url('../Images/bluete.png') right bottom no-repeat; background-size:contain; }
.head-tagespreis { text-transform:uppercase; text-align:center; margin:0; font-size:1.4rem; }
.preis-tagespreis { text-align:center; font-size:6.0rem; position:relative; font-weight:900; color:#c90019; padding:30px 30px 15px; background:url('../Images/preisschild.png') center no-repeat; background-size:contain; line-height:100%; }
.preis-tagespreis p { margin:0; }
.menge-tagespreis { font-weight:400; font-size:1.2rem; line-height:100%; padding-top:5px; }
.stand-tagespreis { text-align:center; margin:0; }
.tagespreis > p { text-align:center; margin:0; }


/*------ Javascript-Debugger ----------------*/
#output { /* display:none;*/ background:orange; position:fixed; top:200px; left:0; width:300px; z-index:3000; }
#output p{ padding:10px; }


/* --------- Allgemeines ---------------------------------------------------------------------*/
html { height:100%; }
body { }
  .wrapper { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative; display:block; margin-left:auto; margin-right:auto; }
  .hide { display:none; }

  .transition {  
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }

  /* Contain floats: h5bp.com/q */ 
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }

  figcaption { text-align:center; font-size:0.8rem; line-height:140%; padding-top:3px; padding-bottom:5px; }

  .ce-gallery img { max-width:100%; height:auto; }

/* --------- Header ---------------------------------------------------------------------*/
#header { position:relative; padding:0; }
  #header .wrapper {  }

  #header .singleImage { display:block; width:100% !important; height:auto !important; }

  /* --------- Logo ---------------------------------------------------------------------*/
  #logo { position:absolute; top:-65px; right:5%; padding:0; width:500px; }
  #logo img { display:block; width:100%; height:auto; }


 /* --------- Main Content -------------*/ 
#main-content { position:relative; z-index:2000; }
#main-content .wrapper { padding:0px 5% 50px; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:flex-start; 
background: rgba(255,238,176,1);
/* Old Browsers */background: -moz-linear-gradient(-75deg, rgba(255,238,176,1) 0%, rgba(250,213,0,1) 38%, rgba(0,143,52,1) 100%);
 /* FF3.6+ */background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,238,176,1)), color-stop(38%, rgba(250,213,0,1)), color-stop(100%, rgba(0,143,52,1)));
/* Chrome, Safari4+ */background: -webkit-linear-gradient(-75deg, rgba(255,238,176,1) 0%, rgba(250,213,0,1) 38%, rgba(0,143,52,1) 100%);
 /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(-75deg, rgba(255,238,176,1) 0%, rgba(250,213,0,1) 38%, rgba(0,143,52,1) 100%);
 /* Opera 11.10+ */background: -ms-linear-gradient(-75deg, rgba(255,238,176,1) 0%, rgba(250,213,0,1) 38%, rgba(0,143,52,1) 100%);
 /* IE 10+ */background: linear-gradient(165deg, rgba(255,238,176,1) 0%, rgba(250,213,0,1) 38%, rgba(0,143,52,1) 100%);
/* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeeb0', endColorstr='#008f34', GradientType=1 );
/* IE6-9 fallback on horizontal gradient */
}

  #main-content .flex_8 { margin-top:-30px; display:flex; flex-wrap:wrap; justify-content:space-between; }
  #main-content .flex_4 { margin-top:-30px; }
  .box-1 { width:48%; position:relative; box-sizing:border-box; padding:0; box-shadow:7px 7px 0 rgba(0,0,0,0.7); }
  .box-1:hover { cursor:pointer;  }
  .box-1 img { width:100%; height:100%; display:block; }
  .box-2 { width:48%; position:relative; box-sizing:border-box; padding:0; box-shadow:7px 7px 0 rgba(0,0,0,0.7); }
  .box-2 img { width:100%; height:100%; display:block; }
  .box-3 { position:relative; background:#dddddd; box-sizing:border-box; padding:40px 30px 20px; box-shadow:7px 7px 0 rgba(0,0,0,0.7); }

  #main-content p, #main-content ul {  margin:0; padding-bottom:15px; list-style-type:square; }
  #main-content ul ul {  margin:0; padding-bottom:0px; }

  #main-content li {  padding-bottom:20px; }
   
  .content { margin-top:50px; }
  

/* --------- Ansprechpartner Content -------------*/ 
#geschichte { position:relative; overflow:hidden; }
#geschichte .wrapper { padding:100px 5%; background:url('../Images/back_geschichte.jpg') center bottom no-repeat; background-size:cover; }




/* --------- Mostobst Content -------------*/ 
#mostobst { position:relative; overflow:inherit; }
#mostobst .wrapper { padding:50px 5% 0; background:#009036; color:#ffe6c2; display:flex; justify-content:space-between; }
#mostobst .wrapper:last-child { padding:0; }

  #mostobst p.annahme { margin:0; }
  #mostobst h2 { color:#ffe6c2; }
  #mostobst td:first-child { padding-right:15px; }

  #mostobst .flex_4 { padding-bottom:50px; }

  #mostobst .wrapper:last-child img { width:100%; height:100%; }
  #mostobst .mostobst-img1 { width:67.7%; }
  #mostobst .mostobst-img2 { width:32.3%; }


  #mostobst .video-wrapper { display:block; padding:0 20%; }
  #mostobst .rtopVideoPlayerWrapper { box-shadow: none; }
  #mostobst .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder { height: auto; padding-bottom:inherit; }
  #mostobst .rtopVideoPlayerWrapper .rtopVideoPlayer .rtopVideoHolder video { position: relative; display:block; }
  #mostobst .rtopVideoPlayerWrapper .rtopVideoPlayer .vidControls .controlBtn { width: 80%; max-width: 80%; margin: auto !important; }


/* --------- Anfahrt -------------*/
#anfahrt { color:#FFF; position:relative; width:100%; }
  #anfahrt .wrapper { height:500px; display:flex; overflow:hidden; background:grey; justify-content:flex-end; padding:0px 5% 100px; border-top:15px solid #009036; }

  /*------ GoogleMaps ----------------*/
  #map-canvas { height:500px; width:100%; display:block; position:absolute !important; left:0; top:0; }
  #map-canvas .map-content h1 { text-transform:none; font-size:1rem; margin-bottom:0.4em; padding:0; }
  #map-canvas .map-content { font-family: 'Rajdhani', sans-serif; color:#000; font-size:0.9rem; line-height:140%; }
  #map-canvas img { max-width:none; }


  /* --------- Adresse -------------*/
  .adresse { position:relative; width:30%; background:#009036; box-sizing:border-box; padding:40px 30px 20px; box-shadow:7px 7px 0 rgba(0,0,0,0.7); margin-top:-7px;}
  .adresse h3 { color:#FFF; }
  .adresse p { color:#FFF; margin:0 0 20px; line-height:140%;}
  .adresse a { color:#FFF; }
  .adresse a:hover { text-decoration:underline; color:#FFF; }



/* --------- Footer -------------*/
#footer { color:#FFF; position:relative; width:100%;  }
  #footer .wrapper { display:flex; justify-content:space-between; padding:20px 5%; background:rgba(255,255,255,0.5); }


  /* --------- Copyright -------------*/
  .copyright { color:#000; line-height:100%; text-shadow:0 0 10px #FFF; }

  /* --------- Footernavigation -------------*/
  .footernav { position:relative; width:30%; box-sizing:border-box; padding:0 20px; }
  .footernav ul { list-style-type:none; margin:0; padding:0; display:flex;}
  .footernav ul li { line-height:100%; }
  .footernav ul li a { text-decoration:none; color:#000; display:inline-block; padding:0 10px;
    transition: all 0.4s ease-in 0s; /* explorer 10 */
    -webkit-transition: all 0.4s ease-in 0s; /* chrome & safari */
    -moz-transition: all 0.4s ease-in 0s; /* firefox */
    -o-transition: all 0.4s ease-in 0s; /* opera */
  }
  .footernav ul li.active a { color:#000; }
  .footernav ul li a:hover { color:#000; }