@charset "UTF-8";

/*Import Google Fonts - Schriftfamilie Asap
@import 'https://fonts.googleapis.com/css?family=Asap:400,700';
*/
/*Import MyFont Webkitschriftarten*/
@import 'MyFontsWebfontsKit.css';
/*
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
*/
/* CSS Document */




 @font-face {
    font-family: Asap;
    src: url("../fonts/Asap-Bold.ttf");
    font-weight: bold;
  }
 @font-face {
    font-family: Asap;
    src: url("../fonts/Asap-Regular.ttf");
  }
 @font-face {
     font-family: 'Outfit';
    src: url("../fonts/Outfit-VariableFont_wght.ttf");
  }
 @font-face {
     font-family: 'Inter';
    src: url("../fonts/Inter-VariableFont.ttf");
  }




html, body {margin: 0; padding: 0;font-size:1em;line-height: 1.2em;color:#005026;}

/*_-_-_-_-_-_-  T Y P O  _-_-_-_-_-_-*/

/*__________HEADLINES__________*/

h1,h2,h3 {margin: 0 auto !important;}


/*Schriftfamilien*/

h1 {font-family: FFBlurWebProMedium;
	font-weight: normal;
	font-style: normal;
  font-size: 4em;
}

h2, h3, h4 {font-family: DINEngschriftStd;
	font-weight: normal;
	font-style: normal !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
	text-align: center;
}

h2 {font-size: 3em !important;}
h3 {color: #ffffff;  font-size: 2em !important;}

body {font-family: Asap;}

.welcome h1 {font-size: 4vmin !important;line-height:1em;}

p a {color: inherit;}


/*Striche an h2*/

.sppb-section-title {
  border-top: 1px solid #676866;margin-top: 15px;
text-align: center;}
.bildstart-info .sppb-section-title {border-bottom: 1px solid #ffffff !important;text-align: center;}
.sppb-section-title h2 {margin-top: -0.5em !important;display:inline-block;padding: 0px 3em;line-height: 1em !important;}
.bildstart-info .sppb-section-title h2 {margin-bottom:1em !important;display: inline-block;padding: 0;}
@media (max-width: 768px) {.sppb-section-title h2 {padding: 0px 1em !important;}}


/*--F��tterung---*/

.fuetterung p {font-weight: bold !important;text-transform: uppercase;font-size: 0.8em;letter-spacing: 0.04em;line-height: 1.1em;margin: 0;padding: 1em 0;}
.fuetterung p sub {font-family: DINEngschriftStd; font-size: 1.2em; color:#495057;letter-spacing: 0.3em;font-weight: normal !important;}
.fuetterung p sup {font-weight: normal; text-transform: none;}
.fuetterung .line-left {border-left: 2px solid #a4c800;display:inline-block;padding-left: 5px; margin: -10px 0 -10px;}
.fuetterung .visible-xs p {text-align: center !important;font-size: 1.5em;}

/*___________LAYOUT_________*/

/*ContainerStruktur*/

#head {    width: 100%;
background: white;
    height: 185px;
    margin: 0;
    position: fixed;
    z-index: 9999;
    top: 0px;
	box-shadow:0px 0px 10px #3d3200;-webkit-box-shadow:0px 0px 10px #3d3200;-ms-box-shadow:0px 0px 10px #3d3200;}
#nav1 {background: #0D5B43; color: #ffffff;width: 100%;position: relative;height: 65px;     z-index: 9999;}
#nav1 .wrap {width: 100%;
    display: flex;
    justify-content: space-between;
    margin-left: 0%;
    position: relative;
    height: 65px;     align-items: center; padding: 0 80px 0;}
#nav2 {    position: relative;
    
    width: 100%;}

div#logo .menu {
  position: fixed;
    left: 0px;
    top: 5px;
    z-index: 999;
    padding: 0px;
    top: 40px;
    font-size: 24px; 
    text-align: left;
    width: 400px;
    height: 66px;
    font-family: DINEngschriftStd !important;
    line-height: 1.8;    margin: 0;
}
div#logo .menu li img {
    margin-left: 12px;
}
div#logo .menu li {
    display: inline-block;
}
div#logo .menu a {
    color: white;
    text-decoration: none;
     padding: 12px 15px;
    display: block;
}
 
#content {margin-top:150px;}
#footer1 {width: 100%;background-color: #005026;color: #ffffff;line-height: 1.8;}
#footer2 {width: 100%;background-color: #ffffff; color: #005026;}


@media (max-width: 768px) {#logo {width: 100px;} #content {margin-top:80px;} #nav1 .wrap {width: 100%;margin-left: 0;}#nav1 .topmenu li {padding: 0 3px !important;} #nav1 a {font-size: 0.5em !important;}}


/*----Layoutanpassungen*----*/


@media (min-width: 838px) {.sppb-row {display: flex;width: 100%;margin: 0 auto !important;}}
@media (max-width: 837px) {.sppb-row {width: 100%;margin: 0;}}
.sppb-section {margin: 0 auto !important;}
.sppb-container {padding: 2em 0;}
.sppb-row .sppb-row {width: 100%;margin: 0;}

@media (max-width: 768px) {.hidden-xs {display: none;} }
@media (max-width: 768px) {.visible-xs {display: block;} }
@media (min-width: 769px) {.visible-xs {display: none;} }

/*---LAYOUTVARIANTEN---*/

.welcome {min-height: 150px;display:flex;align-items: center;}
.relative {position: relative;z-index:10;}
.small-content {width: 85%;margin: 1em auto;}

.small-box-light .column-flex {display: flex;align-items: center;justify-content: center;flex-flow: column;height: 400px;}

.jux-content-slider figure.effect-ruby p {padding: 20px 0 !important;background:rgba(61,50,0,0.4) !important;border:0px !important;font-size:1em;}

/*---img als background----*/

.background-img {position: absolute;top:0;left: 0;z-index: 1;height: 100%;}
.background-img img {height: 100%;width: 100%;object-fit: cover;}



/*---Small-Box----*/


.small-box {min-height:500px;display: flex;justify-content:center;align-items:center;text-align:center;margin: 0 auto 4px !important;flex-flow: column;}
.small-box h2, .small-box  h3, .small-box a {line-height: 1em;color: inherit;text-decoration:none;}
.small-box h3, .small-box p, .small-box-light h3, .small-box-light p {margin: 0.5em auto !important;text-align:center;color: inherit;}
.small-box h3 sup {font-size: 0.45em;letter-spacing: 0.2em;margin-bottom: 1em;}
.small-box a:hover, .small-box a:focus {text-decoration: underline;}
.small-box .sppb-btn, .medium-box .sppb-btn {margin-top: 2em;padding: 0.5em 2em;text-align:center;}
.small-box .sppb-img-responsive {margin: auto;}
.long {min-height: 734px;}
.half {margin-right:4px !important;}
.short {min-height: 316px !important;}
.small-box-light { margin: 0 auto 4px !important;}

@media (max-width: 768px) {.small-box {min-height: 300px;}}
@media (min-width: 769px) and (max-width: 990px) {.small-box {min-height: 500px;}}

/*small-box-seitenspezifisch*/

.small-box .open {line-height: 2.5em;}
.column-tight {width: 70% !important;margin: 0 auto !important;}


/*---small-section--*/

.fluid-box .small-box {margin:0 !important;}
.fluid-box .sppb-addon {width: 90%;margin: 0 auto;}
.fluid-section .sppb-section {margin-bottom: 0px !important;}
.fluid-section .sppb-container-inner {width: 100%;}
.fluid-section .maps .sppb-container-inner {width: 100%;}

/****Medium Box****/
div#anreise {
    overflow: hidden;
}
.anreise-map-address {
    overflow: hidden;
}
.medium-box {display: flex;min-height: 795px; max-height: 795px; justify-content:center;align-items:center;text-align:center;margin: 0 auto 4px !important;flex-flow: column;}
.medium-box h2 {background-color: transparent !important;color: #ffffff;font-size: 3em !important;line-height: 1.5em;}
.medium-box p {width: 70%;margin: 0 auto !important;text-align: center;}


/*----FARBVARIANTEN-------*/

.whiteback, .whiteback h2 {background-color: #ffffff;}
.whitefont {color: #ffffff !important;}
.mintback, .mintback h2 {background-color: #e6efdd;}
.mintback_even, .mintback_even h2 {background-color: #d4e3c5;}

.grasgruen, .grasgruen h2 {background-color: #a4c800;color: #005026;}
.grasgruenfont, .dunkelgruen strong {color: #005026 !important;}
#unser_service_für_sie_besuch .grasgruenfont, .dunkelgruen strong {color: #fff !important;}
.dunkelgruen, .dunkelgruen h2 {background-color: #005026;color:#e6efdd;}
.dunkelgruenfont {color: #005026 !important;}

.hellgelb, .hellgelb h2 {background-color: #FED678;color: #005026 !important;}

.blauback, .blauback h2 {background-color: #00afeb;color:#312f2f;}
.hellblau, .hellblau h2 {background-color: #b5d6ee;color: #005026;}
.rotback, .rotback h2 {background-color: #c73e32; color:#ffffff;}
.patenschaften {background-color: #c50086;color:#ffffff !important;}
.zooshop {background-color: #10647b;color:#ffffff;}

/***______BILDSTART_______***/

.bildstart, .bildstart-info {height: 1050px;min-height: 850px; color: #ffffff;line-height: 1.2em;border-top: 10px solid #a4c800;display:flex;flex-flow:column;align-items:center;justify-content:center;text-shadow: 5px 5px 10px #3d3200;-webkit-text-shadow: 5px 5px 10px #3d3200;-ms-text-shadow: 5px 5px 10px #3d3200;}
.bildstart-info {height: 70% !important;min-height: 850px !important;font-size: em !important:}

.bildstart h1, .topslider h1 {line-height: 100%;font-size:5vmax;position:relative;color: #ffffff;}
.infostart h1 {line-height: 100%; font-size:5em !important;color:#fff;font-family: DINEngschriftStd;text-transform:uppercase;margin: 0.5em 0 !important;}

.bildstart-info h1{line-height: 100%; font-size:5em !important;color:#fff;font-family: DINEngschriftStd;text-transform:uppercase;margin: 0.5em 0 !important;}
.bildstart-info h2 {font-size: 3em;line-height: 1.2em;margin-top: -15px !important;}
.bildstart p {font-size: 2vmax;line-height: 1.2em !important;width: 60%;}
.bildstart-info p {font-size: 1.2em;line-height: 1.2em;}
.bildstart p strong, .topslider p strong {border-bottom: 3px solid #005026;text-transform:uppercase;letter-spacing: 0.05em;line-height: 1.5em;display:inline-block;}

.bildstart .sppb-addon-container  {padding-left: 10%;  padding-right: 10%; }
.bildstartbutton {position:absolute;margin-top: -6em !important;left: 50%;margin-left: -125px !important;}
.bildstartbutton .sppb-btn {padding: 1em 4em;color:#ffffff !important;width: 250px;text-shadow: 2px 2px 5px #3d3200;}

@media (max-width: 768px) {.bildstart-info h1 {font-size: 3.5em !important;} .bildstart-info h2 {font-size:2em !important;}}


.fluid-section.anreise-map-address .sppb-addon.sppb-addon-text-block h1 {
    color: #005026;
}

/******Weiterfl��chen*****/

.weiter {text-align:center;}
.weiter h2 {font-size: 2em !important;line-height: 1.2em !important;}


/*---Buttons*----*/
a.sppb-btn, button.sppb-btn {font-weight: bold; text-transform: uppercase;text-decoration: none;color: inherit;letter-spacing: 0.04em;border: 0px;text-shadow: none !important;}
a.sppb-btn:hover, a.sppb-btn:focus, button.sppb-btn:hover, button.sppb-btn:focus {background: #005026; color: #ffffff;text-decoration:none;}
a.dunkelgruenfont:hover, a.dunkelgruenfont:focus, button.dunkelgruenfont:hover, button.dunkelgruenfont:focus {color:#ffffff !important;}
a.rotback:hover, a.rotback:focus, button.rotback:hover, button.rotback:focus {background: #ffffff !important;color: #c73e32 !important; }
a.dunkelgruen:hover, a.dunkelgruen:focus, button.dunkelgruen:hover, button.dunkelgruen:focus {background: #ffffff !important;color: #005026 !important; }
a.patenschaften:hover, a.patenschaften:focus, button.patenschaften:hover, button.patenschaften:focus {background: #ffffff !important;color: #c50086 !important; }

.small-btn {text-align: center;}
a.center-btn, button.center-btn {margin: 0 auto !important;}

.dunkelgruenfont a.sppb-btn, .dunkelgruenfont button.sppb-btn {color: #005026 !important;}


/***Wetter***/
#weather {z-index:10;}
#weather {height: 330px !important;margin-bottom: 4px;}
#weather {font-family: DINEngschriftStd;
	font-weight: normal;
	font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em;

}
#weather .uitleg {font-family: Asap;text-transform: none;}
#weather .dag, #weather .neerslag, #weather .wind, #weather .nextday_label, #weather .todayinfo, #weather .temp-min {display: none !important;}
#vooruitzichten .item {background: none !important;}

#weather .icon {margin: 0 auto !important;width: 120px;}

/*----ICONS----*/

.icon {width: 100px; height: 50px;margin: 0 auto;text-align: center;}
.iconbig {width: 130px; height: auto;margin: 0 auto;text-align: center;padding: 0;border-radius: 80px;}
.iconbig img {height: 130px;}
.iconstart {width: 200px;height: auto;margin: 0 auto;text-align:center;}
.iconwhite img {fill: #ffffff;}

/*--*mehrtop--*/

.mehrtop {/*position: absolute;*/width: 100%;height:30px;margin-top:-110px !important;z-index:10 !important;text-transform:uppercase;font-weight: normal !important;color: #ffffff;}

/*------Fotovorschau----*/

.event p {font-weight: bold;text-align:center;}
.event .lighthl h3 {color: #ffffff;text-shadow: 2px 2px 5px #3d3200;}
.event .darkhl h3 {color:#005026 !important;text-shadow: 5px 5px 5px #e6efdd;}
.event .sppb-addon-title {
    border-bottom: 2px solid;
    font-size: 1.5em !important;
    left: 50%;
    line-height: 1.5em !important;
    margin-bottom: 0;
    margin-left: -75px !important;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    top: 30px;
}


/**Artenschutz*/

.artenschutz h3 {color: #005026 !important;font-size: 3vmax;line-height: 1em;}
.artenschutz .small-box, .artenschutz .medium-box {margin: 0px !important;font-size: 1.5vmax !important;line-height: 1em !important;}
@media (max-width: 900px) {.artenschutz .small-box, .artenschutz .medium-box {font-size: 1.2em !important;}}
.artenschutz h2 {line-height: 120%;text-shadow: 2px 2px 5px #3d3200;}
.artenschutz .medium-box {margin-bottom: 0px !important;}
.artenschutz .raise h2 {font-size: 8vmax !important;line-height: 1.2em !important;color: #005026 !important;}
.artenschutz .raise h2 span {font-size: 0.5em;}


/**Spenden**/

.spenden {color: #c50086;width: 70%;margin: 2em auto !important;}
.spenden-box h2 {line-height: 1em !important;}
.spenden .sppb-progress-bar-success {background-color: #c50086;}

/*----Ecken-----*/

.eckelinks {position: absolute;right: -5px;width:40px;top: 20px;z-index:10;}
.eckerechts {position: absolute;left: -5px;width:40px;top: 20px;z-index:10;}
.eckerechts-down {position: absolute;left: -5px;width:40px;top: 100px;z-index:10;}
.eckerechts img, .eckerechts-down img {transform: scaleX(-1); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1);}


/*---Slider2---*/

.jux-content-slider figure.effect-ruby {background-color: #cccccc !important;}
.jux-content-slider figure.effect-ruby img {opacity: 1;}
.jux-slider h4 {
    border-bottom: 2px solid;
  font-size: 1.5em !important;
display: inline-flex;
line-height: 1.5em;
  text-shadow: 2px 2px 5px #3d3200;
  -webkit-text-shadow: 2px 2px 5px #3d3200;
  -ms-text-shadow: 2px 2px 5px #3d3200;
}
.jux-slider .figcaption p span {font-size: 2em !important;line-height: 1.2em !important;}

.jux-content-slider .owl-controls {position:absolute;width: 100%;top: -40px;}
.jux-content-slider .owl-nav {display:flex;justify-content:space-between;}
.jux-content-slider .owl-nav .owl-next, .jux-content-slider .owl-nav .owl-prev {
  background: none !important;color: #3d3200;    font-size: 0.8em !important;    font-weight: normal !important;    letter-spacing: 0.2em;    text-transform: uppercase;display:flex;align-items: center;padding: 0 !important;}
.jux-content-slider .owl-nav i.fa {font-size: 2em;}
.jux-content-slider .owl-nav .owl-next i.fa {margin-left: 5px;}
.jux-content-slider .owl-nav .owl-prev i.fa {margin-right: 5px;}


/*-----Slider-Top*----*/

.topslider .sp-smart-slider {height: 100vw;max-height: 900px;min-height: 600px;}
.topslider .sp-smart-slider .slider-content {position: absolute;left: 0%;line-height: 1em;z-index:10;width:100%;}
.topslider .sp-smart-slider .slider-content .slider-text {max-width:85%; margin: auto;}

.topslider .sp-smart-slider .slider-image {width: 100%;z-index:1;}
.topslider .slider-content {color: #ffffff;font-size: 2vmax;line-height: 1.2em;text-shadow: 5px 5px 10px #3d3200;-webkit-text-shadow: 5px 5px 10px #3d3200;-ms-text-shadow: 5px 5px 10px #3d3200;    padding-top: 120px;}
.topslider .slider-image img {height: auto;min-height: 900px;object-fit: cover;width: 100vw;}

.topslider .layout-minima .slider-controllers {display: flex;justify-content:end;top: 20px;}
.topslider .layout-minima .slider-controllers ul li {background: #e6efdd !important;width: 20px;height:20px;border-radius:10px;display:flex;flex-flow:column;margin: 10px 0;}
.topslider .layout-minima .slider-controllers ul li.active {background: #a4c800 !important;border: 2px solid #ffffff;}


.minima-slider .slider-button {
    position: absolute;
    top: 15px;
    left: -5px;
    margin-top: 0px!important;
    background: red;
    transform: rotate(-45deg)!important;
    width: 160px;
    height: 65px;
    text-align: center;
    text-transform: uppercase;
    z-index: 9;
    padding-top: 5px;
}
.minima-slider .slider-button:after {
    content: '';
    position: absolute;
    left: -50px;
    top: -45px;
    border: 120px solid transparent;
    border-left: 150px solid #fd0100;
    border-top: 100px solid #fd0100;
    z-index: -1;
    transform: rotate(40deg);
}
.minima-slider .slider-button a {
    color: white;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
    text-decoration: none;
      line-height: 1;
}








/*-----Donation*/

.jmb-donation {background: none !important;border: 0px !important;padding: 0 !Important;margin: 0 auto !important;width: 80% !important;}
.jmb-donation form {margin: 0px;}
.jmb-donation .jmb-donation-slider {background-color: #c50086 !Important;border-color: #ffffff !important;height: 20px !important; width: 100% !important;}
.jmb-donation-slider div.knob, .jmb-donation-slider button.knob {height: 30px !important;width: 40px !important;background: url('../images/Spendenpfeil.svg') no-repeat center center !important;border:0px;box-shadow:none !important;}

.spenden-box .custom p {margin: 0px auto !important;width: 80%;}

.jmb-donation .jmb-donation-slider + input.jmb-donation-input {background: transparent !important;border: 1px solid #b5d6ee; width: auto !important;font-size: 2em !important;color: #ffffff !important;margin-right: 0 !important;margin-left: -30px;}
.currency_amount {font-size: 2em;color:#ffffff;margin: 0 !important;}

.jmb-donation button {margin: 0 auto !important;text-transform: uppercase !important;}


/*---Columns*---*/

.sppb-col-xs-1, .sppb-col-sm-1, .sppb-col-md-1, .sppb-col-lg-1, .sppb-col-xs-2, .sppb-col-sm-2, .sppb-col-md-2, .sppb-col-lg-2, .sppb-col-xs-3, .sppb-col-sm-3, .sppb-col-md-3, .sppb-col-lg-3, .sppb-col-xs-4, .sppb-col-sm-4, .sppb-col-md-4, .sppb-col-lg-4, .sppb-col-xs-5, .sppb-col-sm-5, .sppb-col-md-5, .sppb-col-lg-5, .sppb-col-xs-6, .sppb-col-sm-6, .sppb-col-md-6, .sppb-col-lg-6, .sppb-col-xs-7, .sppb-col-sm-7, .sppb-col-md-7, .sppb-col-lg-7, .sppb-col-xs-8, .sppb-col-sm-8, .sppb-col-md-8, .sppb-col-lg-8, .sppb-col-xs-9, .sppb-col-sm-9, .sppb-col-md-9, .sppb-col-lg-9, .sppb-col-xs-10, .sppb-col-sm-10, .sppb-col-md-10, .sppb-col-lg-10, .sppb-col-xs-11, .sppb-col-sm-11, .sppb-col-md-11, .sppb-col-lg-11, .sppb-col-xs-12, .sppb-col-sm-12, .sppb-col-md-12, .sppb-col-lg-12 {padding: 0 !important; float: left;}

.sppb-column {
height: auto;
}
/*--Footer1*/

#footer1 .wrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
  background-color: #ffffff;
  flex-wrap: wrap;
}

@media (max-width: 990px) {#footer1 .wrap {width: 100%;border-left: 0px !important;}}

#footer1 .wrap ul.mod-menu  {padding: 2em 0;width: auto;flex-grow:1;}
#footer1 .wrap .moduletable {
    padding: 2em 0;
    width: auto;
    flex-grow: 1;
}
#footer1 {color:#ffffff; font-size: 0.8em;display: block;margin-top: -5px;margin-bottom: 0.5em;}

#footer1 .nav {list-style-type: none;padding: 0px;}
#footer1 .nav a {color: #ffffff;text-decoration: none;}
#footer1 .nav a:hover {text-decoration:underline;} 
#footer1 .spacer {display: block !important;}

.footersm {background: rgba(0,80,38,0.8);color:#ffffff;text-align: center;border-left: 1px solid #e6efdd;}
.footerpartner {background: rgba(0,80,38,0.6);color:#ffffff;text-align: center;}
.footersm .footersm, .footerpartner .footerpartner {background: none;border: 0px;}
.footersm-first {border: 0px;}
.footersm img, .footerpartner img {margin: 5px 10px;}
.footersm h2, .footerpartner h2{text-transform: uppercase;font-size: 1.2em!important;letter-spacing: 0.05em;}
.footerpartner h2{color: #000;}
.footersm a, .footerpartner a, .footersm a:visited, .footerpartner a:visited  {display: inline-block; border-radius: 6px;-webkit-border-radius: 6px; -ms-border-radius:6px;}
.footersm a:hover, .footerpartner a:hover, .footersm a:focus, .footerpartner a:focus {background: rgba(255,255,255,0.1) !important;}

#footer1 .dunkelgruen .nav {padding-right: 20px !important;}

/*----Footer2*/
#footer2 .wrap {width: 80%;margin: 0 auto;display: flex;align-items:end;justify-content:space-between;}
.backtotop {width: auto;}
.backtotop a {text-transform: uppercase; text-decoration: none;background: transparent url('../images/logo_4c_icon.svg') no-repeat right center;padding-right: 20px;font-size: 0.6em;color: #005026 !important;}
.abbinder p {display:inline;margin:0;}
.abbinder {text-align:right;width:auto;}
.abbinder img {width: 50%;}


/*________________NAVIGATION_______________*/
#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {
    padding-left: 0px;
    padding-right: 0px !important;
}
#megamenucss .zookoeln.megamenu ul.level0 > li.megacss:hover > a.megacss, #megamenucss #js-mainnav.megamenu.zookoeln ul.level0 li.active a.megacss {
    border-bottom: 0!important;
    color: #0D5B43;
}
#jux_memamenu105 a {
	font-family: 'Outfit', sans-serif!important;
	font-weight: normal !important;
	font-style: normal !important;
text-transform: initial;
    letter-spacing: 0;
	text-align: center;
	 
}

#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

/*--Icons*--
#jux_memamenu105 #menu109 {background: transparent url(../../../images/Icons/navi/h_pic_2-min.png) no-repeat left center;}
#jux_memamenu105 #menu110 {background: transparent url(../../../images/Icons/navi/h_pic_3-min.png) no-repeat left center;}
#jux_memamenu105 #menu111 {background: transparent url(../../../images/Icons/navi/h_pic_4-min.png) no-repeat left center;}
#jux_memamenu105 #menu112 {background: transparent url(../../../images/Icons/navi/h_pic_5-min.png) no-repeat left center;}
#jux_memamenu105 #menu113 {background: transparent url(../../../images/Icons/navi/h_pic_4-min.png) no-repeat left center;}
#jux_memamenu105 #menu114 {background: transparent url(../../../images/Icons/navi/h_pic_7-min.png) no-repeat left center;}


#jux_memamenu288 li.megacss.first.home-en.submenu-align-auto a {
    display: none!important;
}
#jux_memamenu288 ul.megamenu.level0 li:nth-child(2) a {
    border-left: 0!important;
}
#jux_memamenu288 #menu387 {background: transparent url('../../../images/Icons/navi/Ticket1-01.svg') no-repeat scroll 15px 0px / 20px auto;}
#jux_memamenu288 #menu396 {background: transparent url('../../../images/Icons/navi/Stern-01.svg') no-repeat scroll 15px 0px / 20px auto;}
#jux_memamenu288 #menu402 {background: transparent url('../../../images/Icons/navi/Luftballon-01.svg') no-repeat scroll 18px 5px / 16px auto;}
#jux_memamenu288 #menu408 {background: transparent url('../../../images/Icons/navi/Elefant-01.svg') no-repeat scroll 18px -3px / 23px auto;}
#jux_memamenu288 #menu422 {background: transparent url('../../../images/Icons/navi/Weltkugel-01.svg') no-repeat scroll 18px 2px / 18px auto;}


*/
/*navitop*/
#nav1 ul {
    list-style-type: none;
    line-height: inherit;
    display: flex;
    justify-content: start;
	    font-family: 'Outfit';
    padding: 0;
}
#nav1 a, #nav1 a:visited {
	color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
 
}
#nav1 a:hover, #nav1 a:active {text-decoration: underline;}

#nav1 .homemenu .item-101 {padding-left: 20px;background: transparent url('../../../images/Icons/white/home.svg') no-repeat scroll 0px 8px / 15px auto;}
#nav1 .topmenu li a{padding: 0px 20px;
    border-left: 1px solid #ffffff;
    margin: 0; font-weight: 600;
    font-size: 18px;
    line-height: 23px;}
#nav1 .topmenu li:first-child {border-left: 0px;}
 

/*-----TABS-----*/

.sppb-tab-pane .custom {width: 100% !important;margin: 0 !important;padding:0 !important;}
.sppb-tab-pane .custom > div {padding: 3em 0 1em 0;}
.sppb-tab-pane .custom .even {background: rgba(255,255,255,0.2);}
.sppb-tab-pane .custom p {margin: 1em 1em 0 15%;}
.sppb-tab-pane .custom h4, .sppb-nav-tabs a{font-family: DINEngschriftStd;font-weight: normal !important;text-transform: uppercase;font-size: 3em;line-height: 1.2em;margin: 0 0 0 0 !important;text-align:center;}


.sppb-tab-pane .custom h2 {font-family: DINEngschriftStd;font-weight: normal !important;text-transform: uppercase;font-size: 3em;line-height: 1.2em;text-align:center;    background-color: unset;}


.sppb-tab-pane .custom p strong {text-transform: uppercase; display:inlinefont-size: 1.2em;}
.sppb-nav-tabs a {margin-left: 0 !important;}

.sppb-nav-tabs {display:flex;justify-content:stretch;flex-wrap: wrap;}
.sppb-nav-tabs li {flex-grow: 1;margin-right: 5px;}
.sppb-nav-tabs li:last-child {margin-right: 0px;}
.sppb-nav-tabs a {font-size: 1.5em;background: none !important;text-decoration: none;border:0px !important;letter-spacing: 0.06em;padding: 5px;}
.sppb-nav-tabs a:hover, .sppb-nav-tabs a:focus {text-decoration: underline !important;}
.sppb-nav-tabs li.active a {color: #ffffff !important;}
.sppb-tab-pane .odd, .sppb-tab-pane .even {padding: 3em 0;}
.sppb-tab-pane > .custom > div {padding: 0 !important;}
.sppb-tab-pane > .custom > div:last-child {padding-bottom: 2em;}

/*@media (max-width: 768px) {
  .sppb-tab-pane .custom p strong {font-size: 2em;display:block;}
  .sppb-tab-pane .custom p, .sppb-tab-pane .custom h4 {margin-left: 5% !important;}
  .sppb-nav-tabs  {flex-direction: column;}
  .sppb-nav-tabs li {margin: 0;}
  .sppb-nav-tabs a {font-size: 0.9em;padding: 0;}
  .sppb-nav-tabs li.active a {font-size: 1.5em;text-decoration:underline;}
}*/

.oeffnungszeiten p {margin: 2em auto !important;padding: 0 2em !important;}
.oeffnungszeiten .first {background: #fdcc53 !important;}
.oeffnungszeiten .second {background: #00afeb !important;color: #ffffff !important;}
.oeffnungszeiten .custom {text-align:center;}
.oeffnungszeiten .sppb-nav-tabs a {padding-left: 70px !important;}
.oeffnungszeiten .sppb-nav-tabs .first a, .oeffnungszeiten .sppb-nav-tabs .first a:visited {color: #005026;background: transparent url('../../../images/Icons/final/Sonne_w-01.svg') no-repeat scroll 5px 10px / 60px auto !important;}
.oeffnungszeiten .sppb-nav-tabs .second a, .oeffnungszeiten .sppb-nav-tabs .second a:visited {color: #ffffff;background: transparent url('../../../images/Icons/final/Schneeflocke_w-01.svg') no-repeat scroll 5px 10px / 60px auto !important;}

.preise, .preise + .bildstart, .preise .sppb-addon-container  {padding: 0px !important;}
.preise > div {padding-bottom: 0px !important;}
.preise .sppb-nav-tabs a {padding-left: 20px !important;text-align:center;}
.preise .first, .preise .sppb-nav-tabs .first a,  .preise .sppb-nav-tabs .first a:visited {background: #a4c800 !important;color: #005026 !important;}
.preise .second,  .preise .sppb-nav-tabs .second a,  .preise .sppb-nav-tabs .second a:visited {background: #005026 !important;color: #ffffff !important;}
.preise .third,  .preise .sppb-nav-tabs .third a,  .preise .sppb-nav-tabs .third a:visited {background: #00afeb !important;color: #ffffff !important;}
.preise .fourth,  .preise .sppb-nav-tabs .fourth a,  .preise .sppb-nav-tabs .fourth a:visited {background: #b5d6ee !important;color: #005026 !important;}

.fuehrungen p {text-align: center !important;margin: 1em auto !important;padding: 0 1em;}
.fuehrungen .first, .fuehrungen .sppb-nav-tabs .first a,  .fuehrungen .sppb-nav-tabs .first a:visited {background: #a4c800 !important;color: #005026 !important;}
.fuehrungen .second,  .fuehrungen .sppb-nav-tabs .second a,  .fuehrungen .sppb-nav-tabs .second a:visited {background: #005026 !important;color: #ffffff !important;}
.fuehrungen .third,  .fuehrungen .sppb-nav-tabs .third a,  .fuehrungen .sppb-nav-tabs .third a:visited {background: #00afeb !important;color: #ffffff !important;}

/*---Zooshop---*/

.zooshop-tag {position: absolute;top:0px;left:0px;}
.ordnung {text-align:center;}

.besuch-fragen p strong {border-bottom: 2px solid;text-transform: uppercase;}
.boxesrow .small-box {margin: 2px !Important;}
.boxesrow .small-box > .sppb-addon {padding: 0 2em;}
.boxesrow .small-box > .sppb-addon:first-child {padding: 0;}
.zoomap {text-align:center;}

/*-----Artenschutz-----*/

.artenschutz-projekt .sppb-container {padding: 0px;}
.artenschutz-projekt .sppb-section-title h2 {width: 70%;word-wrap: break-word;hyphens: auto;-webkit-hyphens:auto;-ms-hyphens:auto;}
.artenschutz-mengentext h3 {color: inherit !important;text-align: left !important;margin: 1em 0 0 0 !important;line-height: 1em;}
@media (max-width: 768px) {.artenschutz-mengentext .sppb-addon-container {width: 90%;margin: 0 auto;padding: 0 !important;}

.minima-slider .slider-button {
  top: -10px;
  left: -15px;
  height: 45px;
  padding-top: 0px;
  width: 140px;
  height: 45px;
}
.minima-slider .slider-button a {
    font-size: 18px;
}









}
.artenschutz-projekt .small-box strong {text-transform: uppercase;letter-spacing: 0.04em;font-weight: normal;}


/*----Portfolio---*/
.portfolio-module h4, .portfolio-module p{font-size: 1.5em !important; line-height:1em !important;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;width: 85%;margin: 0 auto; text-transform: uppercase;}
.pf-einzel {margin: 1em;}
.pf-einzel h2, .pf-einzel h3, #colorbox .page-header h2 {line-height: 1em; text-align: center;width: 100%;color: #005026;}
.pf-einzel .project-wrapper h3, #colorbox .page-header h2 {text-align: left;margin-bottom: 0 !important;}
.pf-einzel .project-wrapper .gallery-grid .grid-item {width: 100%;}
.pf-einzel .project-wrapper > div:last-child > div {text-align: center;color: #a4c800; }
.pf-einzel .project-wrapper > div:last-child > div > p:first-child strong {font-size: 2em;line-height:1em;}
.pf-einzel .project-wrapper > div:last-child  p > strong {font-family: DINEngschriftStd;text-transform:uppercase;font-size: 1.2em;display: block;color: #005026;}


/*---elefakten---*/
.elefaktenbox {height: 250px;text-align: center;display: flex; align-items: center;margin: 4px 0;}
.elefaktenbox .sppb-addon-content {width: 80%;margin: 0 auto;}
.elefaktenbox h3 {line-height: 1em;}

/*----tiergeburtenslider---*/

.tiergeburtenslider .item img.lazyOwl {height: 300px !important; width: 100%; object-fit: cover;}
/*.tiergeburtenslider .content-slider-date-share {margin-top: 1em;}*/
.tiergeburtenslider .jux-slider {color: #005026 !important;}
.tiergeburtenslider .jux-slider h2 a {font-size: inherit !important;}

/*---newsflash----*/
.newsflash .img-intro- > img {width: 100%;height: 250px;object-fit: cover;}
.newsflash h2, .tiergeburtenslider .jux-slider h2 {font-size: 1.8em !important;line-height: 1em;margin: 1em 0 0 0 !important;}
.newsflash .newsflashitem {padding-bottom: 2em;}

.aben-txt-font {
    font-size: 28px !important;
}
/*scrolltotop*/
#footer2 .moduletable.abbinder {
      padding-bottom: 20px;
    margin: auto;
}
#footer2 .moduletable.backtotop.dunkelgruenfont.smoothscroll {
position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 99999;
    padding: 0px 0px 0px 8px;
    border-radius: 10px;
}
#footer2 .abbinder {
    text-align: center;
}
#footer2 .custom.backtotop.dunkelgruenfont.smoothscroll a:before {
    content: "";
    width: 18px;
    height: 19px;
    position: absolute;
    top: 0px;
    left: 41%;
    background: #005026 url(../../../images/Icons/white/home.svg) no-repeat scroll 0px 2px / 17px auto;
}
#footer2 .moduletable.backtotop.dunkelgruenfont.smoothscroll p {
    margin-bottom: 5px;
}
/*logo*/
#head .logo-custom {
    background: #005026;
    width: 140px;
    height: 70px;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 10px;
}
#head .logo-custom img {
width: 140px;
    height: auto;
    top: -20px;
    position: relative;
}
#head ul.nav.homemenu li {
    display: none;
}
/*lbox*/
div#sbox-content .item-page {
    padding: 0px 5px;
}
/*hover*/
.anreise-map-address a.sppb-btn.sppb-btn-default.sppb-btn-.dunkelgruenfont:hover {
    color: white!important;
}
/*form*/
p.checkform input.sppb-form-control {
    float: left;
    width: 20px;
    margin: 2px 5px 0px 0px;
    max-height: 20px;
}

@media (max-width: 1480px) {
#nav2 .menu-title {
font-size: 17px!important;
}
#nav2 #js-mainnav.megamenu.zookoeln {
    min-height: 67px;
}
#megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild.megacss span.menu-title, #megamenucss #js-mainnav.megamenu.horizontal ul.level0 li a.haschild-over.megacss span.menu-title {
    padding-left: 0px;
    padding-right: 2px !important;
}

}

@media (max-width: 1180px) {
   div#logo .menu {
    font-size: 20px;
  }
  div#logo .menu {
    width: 180px; left: inherit;     right: 0px;
}
  div#logo .menu a {
    padding: 5px 5px;
    min-height: 34px;
    line-height: 1;
}
  div#logo .menu li {
        width: 100%;
    text-align: center;
    float: left;
}
  div#logo .menu li img {
    margin-left: 0px; float: left; margin-right: 5px;     max-height: 28px;
}
  div#logo .menu a span.image-title {
    font-size: 17px;
    line-height: 1.4;
}
}

@media (max-width: 680px) {
  div#logo .menu a {
    min-height: 66px;
}
  a.menu-ticket.ver img {
    top: -1px;}

div#logo .menu a {
    line-height: 1;
}

}
.mod-languages {
    position: relative;
}