/*------ Rundgang ----------------*/
.frame-layout-2 .ce-gallery { display:flex; flex-wrap:wrap; }
.frame-layout-2 .ce-gallery .ce-row { width:23.0909091%; margin-bottom:3%; margin-right:2.54545455%; }
.frame-layout-2 .ce-gallery .ce-row:nth-child(4n+4) { margin-right:0; }
.frame-layout-2 .ce-gallery .ce-row img { width:100%; height:auto; display:block; border-radius:20px; }





/*------ Cookies ----------------*/
.cc-revoke { padding: 1em; }
.cc-revoke.cc-bottom { border-radius:0px !important; text-decoration: none; }
.cc-revoke.cc-bottom { -webkit-transform: translateY(2.5em); transform: translateY(2.5em); }
.cc-bottom { bottom:5px; }
.cc-right { right:5px; }
.cc-deny { background:#FFF !important; text-decoration: none !important; color:#000 !important; }
.cc-floating.cc-theme-classic { border-radius: 0; }
.cc-theme-classic .cc-btn { border-radius:0; }
.dp--cookie-check { border:none; border-top:1px solid rgba(255,255,255,0.5); border-radius:0; padding-top:0.5em; }


/*------ Cookie-Tabelle auf Datenschutzseite ----------------*/
.CookieTable { background:#EEE; width:100%; border-collapse:collapse; }
.CookieTable td, .CookieTable th { padding:10px; text-align:left; border:2px solid #FFF; }
.CookieTable td.CookieHead { border-top:20px solid #FFF; }



/* --------- Allgemeines ---------------------------------------------------------------------*/
html, body { width:100%; height:100%; }

body { background:#FFF; }
  .wrapper { box-sizing:border-box; position:relative; display:block; margin-left:auto; margin-right:auto; padding:0 5%; }
  .hide { display:none; }

  .no-scroll {height:100%; overflow:hidden; }
  .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 */
  }

  figcaption { display:block !important; font-size:0.9em; line-height:140%; padding:10px 0; text-align: center; }
  figcaption p { margin-bottom:3px; }
  figcaption p:last-child { margin-bottom:0 }
  
  .ce-textpic.ce-right { display:flex; justify-content: space-between; flex-wrap: wrap; }
  .ce-textpic.ce-right .ce-gallery { order:2; margin-left:0; float:none; }
  .ce-textpic.ce-right .ce-gallery[data-ce-columns="1"] { width:23.0909091%; margin-bottom:0 !important; }
  .ce-textpic.ce-right .ce-gallery[data-ce-columns="1"]+.ce-bodytext { margin-right:0; width: 65.81818185%;}

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

  .frame-default { position: relative; width: 100%; margin-bottom:3%; }
  .frame-default:last-child { margin-bottom:0; }

  .frame-default.frame-layout-1 { width:65.81818185%; }


/* --------- Kontakt ---------------------------------------------------------------------*/
#kontakt { background:#c4c9ce; z-index:300; }
  #kontakt .wrapper { display:flex; justify-content:space-between; position: relative; padding:40px 5% 30px; color:#2c6986; font-family: 'Oswald', Arial, sans-serif; font-size: 1.4em; line-height: 100%; }

  #kontakt .praxis { font-weight: 300; text-align: right; }
  #kontakt .telefon { margin-left:8.54545455%; }
  #kontakt .telefon a { margin-left:40px; }


  /* --------- Header ---------------------------------------------------------------------*/
#header { background:#2c6986; z-index:500; position: relative;}
  #header .wrapper { display:flex; justify-content:space-between; position: relative; padding:0 5%; }

  /* Logo */ 
  #header .logo { position: absolute; right:0; top:0; width:40%; min-width: 300px; }
  #header .logo img { display:block; width:100%; height:auto;}
  #header .logo a { border:none; }


/* --------- Headerbilder ---------------------------------------------------------------------*/
#headerbild { position:relative; width:100%; z-index:400; }
#headerbild img { display:block; width:100%; height:auto; }


/* --------- Headerslider---------------------------------------------------------------------*/
#headerslider { position:relative; width:100%; z-index:400; }
#headerslider .wrapper { padding:0 5% 0%; }

#headerslider .headerbild-infobox { position:absolute; right:10%; bottom:-180px; display:block; box-sizing:border-box; padding:100px 0; background:#ff8500; color:#fff; width:300px; height:300px; border-radius:150px; font-family: 'Oswald', Arial, sans-serif; text-align:center; font-weight:700; font-size:2.4rem; line-height:50px; }

.slick-slide img { width:100%; }


/* --------- Main Content -------------*/ 
#main { position:relative; background:#ffffff; z-index:300; }
#main .wrapper { padding:7% 5%; }

#main ul { padding-left:30px; list-style-type: square; margin-bottom:3%; }
#main ul li { margin-top: 10px; line-height: 160%;}
#main ul li:first-child { margin-top: 0;}
#main ul li::marker {color:#676e75; font-size: 1.3em; }

#main .boot { position:absolute; right:20px; bottom:-50px; min-width: 200px;}
#main .boot img { display:block; width:100%; height:auto; }

#main.fancyboxInhalt { font-size:0.8em; line-height:150%; }


/*------ GoogleMaps ----------------*/
#map-canvas { height:350px; width:100%; display:block; border-radius:20px; }
#map-canvas .map-content h1 { text-transform:none; font-size:1rem; margin-bottom:0.4em; padding:0; }
#map-canvas .map-content { font-family: 'Open Sans', sans-serif; color:#000; font-size:0.9rem; line-height:140%; }
#map-canvas img { max-width:none; }

#main #map-canvas { height:500px; margin-bottom: 10%; margin-top:10%; }


/* --------- Leistungen -------------*/
#leistungen { position:relative; width:100%; background:#676e75; color:#FFF; z-index:200;}
#leistungen .wrapper { padding:6% 5% 17%; }

#leistungen .leistungen-header { padding-bottom:30px; position:relative; font-size:2.6em; font-weight:900; line-height: 100%; }

#leistungen .leistungen-box { padding:2% 0; display:flex; flex-wrap: wrap; justify-content: space-between; } 
#leistungen .leistungen { position:relative; display:block; width:32%; box-sizing:border-box; border-radius: 20px; line-height: 100%; font-size:1.2em; font-weight:600; padding:20px 30px; margin-top:2%; background:#ffffff; color:#676e75; }
#leistungen .leistungen:hover { transform: scale(1.05); }

#leistungen .animal_panda { position:absolute; left:20px; bottom:-50px; width:20%; min-width:180px; }
#leistungen .animal_panda img { display:block; width:100%; height:auto; }

#leistungen .boot { position:absolute; right:20px; bottom:-50px; min-width: 200px;}
#leistungen .boot img { display:block; width:100%; height:auto; }

#leistungen.page-leistungen { background:#dddddd; color:#676e75;}


/* --------- Aktuelles -------------*/
#news { position:relative; width:100%; background:#FFF; z-index: 200; z-index:100; }
#news .wrapper { display:flex; justify-content: space-between; flex-wrap:wrap; padding:6% 5% 12%; }
#news p { margin:0 0 20px; line-height:160%;}

#news .news-header { padding-bottom:30px; position:relative; font-size:2.6em; font-weight:900; line-height: 100%; color:#3078bf; }

#news .animal_kaenguru { position:absolute; right:4%; bottom:-50px; width:22%; min-width:180px; }
#news .animal_kaenguru img { display:block; width:100%; height:auto; }


/* --------- Abspann -------------*/
#abspann { position:relative; width:100%; background:#7db2be url('../Images/back_abspann.png') no-repeat center top; background-size:cover; color:#FFF; overflow: hidden; }
  #abspann .wrapper { display:flex; justify-content: space-between; flex-wrap:wrap; padding:6% 5% 2%; }
  
  #abspann p { margin:0 0 20px; line-height:160%;}
  #abspann a { color:#FFF;}
  #abspann a:hover { color:#ff8500; }

  #abspann .abspann-adresse { font-size:1.1em; box-sizing: border-box; line-height: 140%; }
  #abspann .abspann-oeffnungszeiten table td { padding-left:20px; }
  #abspann .abspann-oeffnungszeiten table td:first-child { padding-left:0; }



  #abspann .footer_left {}
  #abspann .footernav { display: flex; }
  
  #abspann .footer_right { display:flex; justify-content: flex-end;}
  #abspann .copyright {  }

  /* --------- Footernavigation -------------*/
  #abspann .footernav ul { list-style-type:none; margin:0; padding:0; display:flex;}
  #abspann .footernav ul li { margin:0; }
  #abspann .footernav ul li:first-child { padding-right:40px; }
  #abspann .footernav ul li a { color:#fff; display:inline-block; box-sizing:border-box; display:block; 
    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 */
  }
  #abspann .footernav ul li.active a { color:#ff8500; }
  #abspann .footernav ul li a:hover { color:#ff8500; }



  /* --------- Gridelements -------------*/
  .gridelement_content { display: flex; justify-content: space-between; flex-wrap: wrap; }

  .gridelement_4-8 { text-align: left; }