#navigation a:hover {text-decoration: none;}
#tierpark-menuitem {-webkit-transition: .25s all ease;transition: .25s all ease;border-radius: 6px}
#tierpark-menuitem div.show-for-large span {background: rgb(0,107,50);border;    -webkit-transition: .25s all ease;
transition: .25s all ease;  }
#tierpark-menuitem div.show-for-large {padding-left: 10px;margin-left: 40px;position: relative;}
#tierpark-menuitem div.show-for-large span, #tropen-aq div.show-for-large span {    
  width: 60px;
    height: 60px;
    position: absolute;
    left: -57px;
    top: -18px;
    background: #006b32;
    border-radius: 60px;
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;}
#tierpark-menuitem:hover, #tierpark-menuitem:hover div.show-for-large span, #tropen-aq:hover > a {background: rgb(210,41,28);}    

@media only screen and (min-width: 1024px) {
  #tierpark-menuitem.selected, #tierpark-menuitem.selected div.show-for-large span, #tropen-aq > a.selected, #tropen-aq a.selected div.show-for-large span  {background: rgb(210,41,28);}  
}

#tierpark-menuitem div.show-for-large span img {    
  -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    max-width: 44px;
    margin-top: -3px;
    margin-left: -4px;}

#tropen-aq > a {margin-right: 40px;position: relative;-webkit-transition: .25s all ease;transition: .25s all ease;padding-right: 20px;border-radius: 6px 0 0 6px;background: #103873;}
#tropen-aq div.show-for-large span {    
  width: 60px;
    height: 60px;
    position: absolute;
    left: auto;
    right: -48px;
    top: -13px;
    background: #003874;
    border-radius: 60px;
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .25s all ease;
transition: .25s all ease;  }  
#tropen-aq > a span img {    
  -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
        max-width: 40px;}
#tropen-aq:hover div.show-for-large span {background: rgb(210,41,28);}
.cd-main-content ul, .cd-main-header ul, .cd-nav ul {list-style-type: none;}

.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
}

.cd-main-content, .cd-main-header {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
.cd-main-header {position: relative;z-index: 99;}
.cd-main-content {
  background: #e2e3df;
  min-height: 100vh;
  z-index: 2;
  display: block;
}

/* Navigation Fix  
.cd-main-header {z-index: 3;position: absolute;left: 0;right: 0;}
.cd-nav {display: block;}*/

.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 0;
  right: 8px;
}
.cd-header-buttons li {
  display: inline-block;
}


.cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3;
}

.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0);
}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #2e3233;
}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 45vw;
  background: #2e3233;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.cd-primary-nav ul a {
  display: block;
  color: #ffffff;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
}
.cd-primary-nav.hided, .cd-primary-nav ul.hided {

}
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}
.cd-primary-nav .cd-secondary-nav .nav-category {height: 30px;line-height: 30px;}
.cd-primary-nav .cd-secondary-nav .nav-category .nav-category-icon {
    background: #006b32;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 20px;
    padding: 4px 0;
    margin-right: 5px;
}

.cd-primary-nav .nav-category .nav-category-icon .fa {  
    color: #fff;
}
.cd-primary-nav .nav-category .nav-category-item img {
    background: #006b32;
    border-radius: 30px;
    width: 42px;
    height: 42px;
    margin-right: 8px;
    margin-top: -2px;
}
.cd-primary-nav .cd-secondary-nav .green-bg .nav-category, .cd-primary-nav .cd-secondary-nav .green-bg .nav-category:hover, .cd-primary-nav .cd-secondary-nav .green-bg .nav-category:focus {
  background: #fff; color: #195a2b;    border-radius: 4px;}
.cd-primary-nav .cd-secondary-nav .blue-bg .nav-category, .cd-primary-nav .cd-secondary-nav .blue-bg .nav-category:hover, .cd-primary-nav .cd-secondary-nav .blue-bg .nav-category:focus {
  background: #fff; color: #103873;    border-radius: 4px;padding: 0 15px;position: relative;}  

.cd-primary-nav .cd-secondary-nav .green-bg .nav-category i {color: #1e6a33;}
.cd-primary-nav .green-bg .nav-category .fa {
    font-size: 36px;
    position: relative;
    top: 0;
    padding: 0;
    background: none;
    width: auto;height: auto;
    margin-right: 8px;
    margin-left: 3px;
}
.cd-primary-nav .green-bg {color: #FFF;width: 25%;}
.ta .cd-primary-nav .green-bg strong {color: #fff}
.cd-primary-nav .nav-content {padding-right: 20px;width: 100%;height: 85%;}

.cd-primary-nav .see-all a {
  color: #69aa6f;
}

.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px;
}
.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #2e3233;
  font-size: 1.3rem;
  /* hide description on small devices */
  display: none;
}

.cd-secondary-nav .has-children > a, .go-back a {
  position: relative;
}
.cd-secondary-nav .has-children > a::before, .cd-secondary-nav .has-children > a::after, .go-back a::before, .go-back a::after {
  /* arrow icon in CSS - for element with nested unordered lists */
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-secondary-nav .has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-secondary-nav .has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cd-primary-nav .cd-secondary-nav .menu-quick-links a {    
  color: #000;
    text-overflow: initial;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    background: #e6ecf0;
    border-radius: 6px;
    margin: 10px 10px;}

.cd-secondary-nav .has-children > a {
  padding-right: 40px;
}
.cd-secondary-nav .has-children > a::before, .cd-secondary-nav .has-children > a::after {
  /* arrow goes on the right side - children navigation */
  right: 30px;
  -webkit-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  transform-origin: 9px 50%;
}

.cd-primary-nav .go-back a {
  padding-left: 40px;
}
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  /* arrow goes on the left side - go back button */
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  transform-origin: 1px 50%;
}


.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(2, 2, 2, 0.3);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.4s ease 0s, visibility 0s 0.4s ease, -webkit-transform 0.4s ease 0s;
  transition: opacity 0.4s ease 0s, visibility 0s 0.4s ease, transform 0.4s ease 0s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s ease 0s, visibility 0s 0s, -webkit-transform 0.4s ease 0s;
  transition: opacity 0.4s ease 0s, visibility 0s 0s, transform 0.4s ease 0s;
}
/* -------------------------------- 

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2;
}

.cd-primary-nav .cd-secondary-nav > li.nav-direct-links {border-right: 0;width: 100%;padding: 0;    max-width: 100%;
    margin-left: 25%;
    margin-top: -50px;}
.cd-primary-nav .cd-secondary-nav > li.nav-direct-links .menu-quick-links {width: 100%; height: 50px;background: #e6ecf0;
    border-top: 1px solid #ccc;}

.mobile-nav .nav-direct-links {display: none;}
.mobile-nav > li:first-child {background: rgb(0,107,50);}
.mobile-nav > li:first-child > a, .mobile-nav > li#tropen-aq > a {padding: 13px 20px; display: block;color: #FFF;margin-right: 0;border-radius:0}
.mobile-nav > li:first-child > a i, .mobile-nav > li#tropen-aq > a i {float: right;margin-right: 0;position: relative;top: 6px;}
.mobile-nav.cd-primary-nav .cd-secondary-nav {width: 100%;margin-left: 0;}
#navigation .mobile-nav.cd-primary-nav .cd-secondary-nav a:hover {color: rgb(230,142,36);}
.mobile-nav.cd-primary-nav ul a {padding: 0 40px 0 15px;}
.mobile-nav.cd-primary-nav .go-back a {padding-left: 40px;}

.mobile-nav .cd-secondary-nav .has-children > a::before, .mobile-nav .cd-secondary-nav .has-children > a::after, .mobile-nav .go-back a::before, .mobile-nav .go-back a::after {background: #fff}

.mobile-nav .has-children.green-bg, .mobile-nav .has-children.blue-bg {display: none;}

#navigation .cd-secondary-nav a.button.nav-button {padding: 0;    background: rgb(210,41,28);
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;}
#navigation .cd-secondary-nav a.button.nav-button:hover {padding: 0;background: rgb(210,41,28); color: #fff}



/* ==========================================================================
   HAUPT-NAVIGATION LINKE SEITE
========================================================================== */

/* Words-Rotator */
/* Words-Rotator */
.sentence{
    font-size: 1rem;
    color: rgba(255,255,255,0.6);
    text-transform: none;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    line-height: 2.6;
    margin-bottom: 0;
}
.sentence small {font-weight: 400;color: rgba(255,255,255,0.8);}
.sentence span {color: #FFF;font-size: 138%;text-transform: none;margin-top: -10px;}
.sentence span a {display: inline;}
.sentence i {color: rgba(255,255,255,0.5);
    font-size: 20px;position: relative;
    top: 2px;}
/* Words-Rotator Animations */
.slidingVertical{
  display: block;
  text-indent: 20px;
}
.slidingVertical span{
  animation: topToBottom 17.5s linear infinite 0s;
  -ms-animation: topToBottom 17.5s linear infinite 0s;
  -webkit-animation: topToBottom 17.5s linear infinite 0s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.slidingVertical span:nth-child(2){
  animation-delay: 3.5s;
  -ms-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
}
.slidingVertical span:nth-child(3){
  animation-delay: 7s;
  -ms-animation-delay: 7s;
  -webkit-animation-delay: 7s;
}
.slidingVertical span:nth-child(4){
  animation-delay: 10.5s;
  -ms-animation-delay: 10.5s;
  -webkit-animation-delay: 10.5s;
}
.slidingVertical span:nth-child(5){
  animation-delay: 14s;
  -ms-animation-delay: 14s;
  -webkit-animation-delay: 14s;
}

/*topToBottom Animation*/
@keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; transform: translateY(-50px); }
  10% { opacity: 1; transform: translateY(0px); }
  25% { opacity: 1; transform: translateY(0px); }
  30% { opacity: 0; transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: translateY(-50px); }
  10% { opacity: 1; -webkit-transform: translateY(0px); }
  25% { opacity: 1; -webkit-transform: translateY(0px); }
  30% { opacity: 0; -webkit-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
  0% { opacity: 0; }
  5% { opacity: 0; -ms-transform: translateY(-50px); }
  10% { opacity: 1; -ms-transform: translateY(0px); }
  25% { opacity: 1; -ms-transform: translateY(0px); }
  30% { opacity: 0; -ms-transform: translateY(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}

/*Horizontal Flip*/
.horizontalFlip{
  display: inline;
  text-indent: 8px;
}
.horizontalFlip span{
  animation: horizontal 17.5s linear infinite 0s;
  -ms-animation: horizontal 17.5s linear infinite 0s;
  -webkit-animation: horizontal 17.5s linear infinite 0s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.horizontalFlip span:nth-child(2){
  animation-delay: 3.5s;
  -ms-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
}
.horizontalFlip span:nth-child(3){
  animation-delay: 7s;
  -ms-animation-delay: 7s;
  -webkit-animation-delay: 7s;
}
.horizontalFlip span:nth-child(4){
  animation-delay: 10.5s;
  -ms-animation-delay: 10.5s;
  -webkit-animation-delay: 10.5s;
}
.horizontalFlip span:nth-child(5){
  animation-delay: 14s;
  -ms-animation-delay: 14s;
  -webkit-animation-delay: 14s;
}

/*Horizontal Flip Animation*/
@keyframes horizontal{
  0% { opacity: 0; }
  5% { opacity: 0; transform: rotateY(180deg); }
  10% { opacity: 1; transform: translateX(0px); }
  25% { opacity: 1; transform: translateX(0px); }
  30% { opacity: 0; transform: translateX(0px); }
  80% { opacity: 0; }
  100% { opacity: 0;}
}
@-webkit-keyframes horizontal{
  0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: rotateY(180deg); }
  10% { opacity: 1; -webkit-transform: translateX(0px); }
  25% { opacity: 1; -webkit-transform: translateX(0px); }
  30% { opacity: 0; -webkit-transform: translateX(0px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes horizontal{
  0% { opacity: 0; }
  5% { opacity: 0; -ms-transform: rotateY(180deg); }
  10% { opacity: 1; -ms-transform: translateX(0px); }
  25% { opacity: 1; -ms-transform: translateX(0px); }
  30% { opacity: 0; -ms-transform: translateX(0px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}


/*Pop Effect*/
.popEffect{
  display: inline;
  text-indent: 8px;
}
.popEffect span{
  animation: pop 20s linear infinite 0s;
  -ms-animation: pop 20s linear infinite 0s;
  -webkit-animation: pop 20s linear infinite 0s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.popEffect span:nth-child(2){
  animation-delay: 4s;
  -ms-animation-delay: 4s;
  -webkit-animation-delay: 4s;
}
.popEffect span:nth-child(3){
  animation-delay: 8s;
  -ms-animation-delay: 8s;
  -webkit-animation-delay: 8s;
}
.popEffect span:nth-child(4){
  animation-delay: 12s;
  -ms-animation-delay: 12s;
  -webkit-animation-delay: 12s;
}
.popEffect span:nth-child(5){
  animation-delay: 16s;
  -ms-animation-delay: 16s;
  -webkit-animation-delay: 16s;
}

/*Pop Effect Animation*/
@keyframes pop{
  0% { opacity: 0; }
  5% { opacity: 0; transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
  10% { opacity: 1; transform: translateY(0px); }
  25% { opacity: 1; transform: translateY(0px); }
  30% { opacity: 0; transform: translateY(0px); }
  80% { opacity: 0; }
  100% { opacity: 0;}
}
@-webkit-keyframes pop{
  0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px);}
  10% { opacity: 1; -webkit-transform: translateY(0px); }
  25% { opacity: 1; -webkit-transform: translateY(0px); }
  30% { opacity: 0; -webkit-transform: translateY(0px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes pop{
  0% { opacity: 0; }
  5% { opacity: 0; -ms-transform: rotate(0deg) scale(0.10) skew(0deg) translate(0px); }
  10% { opacity: 1; -ms-transform: translateY(0px); }
  25% { opacity: 1; -ms-transform: translateY(0px); }
  30% { opacity: 0; -ms-transform: translateY(0px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}

/*Push Effect*/
.pushEffect{
  display: inline;
  text-indent: 8px;
}
.pushEffect span{
  animation: push 20s linear infinite 0.1s;
  -ms-animation: push 20s linear infinite 0.1s;
  -webkit-animation: push 20s linear infinite 0.1s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.pushEffect span:nth-child(2){
  animation-delay: 4s;
  -ms-animation-delay: 4s;
  -webkit-animation-delay: 4s;
}
.pushEffect span:nth-child(3){
  animation-delay: 8s;
  -ms-animation-delay: 8s;
  -webkit-animation-delay: 8s;
}
.pushEffect span:nth-child(4){
  animation-delay: 12s;
  -ms-animation-delay: 12s;
  -webkit-animation-delay: 12s;
}
.pushEffect span:nth-child(5){
  animation-delay: 16s;
  -ms-animation-delay: 16s;
  -webkit-animation-delay: 16s;
}

/*Push Effect Animation*/
@keyframes push{
  0% { opacity: 0; }
  5% { opacity: 0; transform: rotate(0deg) scale(2) skew(0deg) translate(0px); }
  10% { opacity: 1; transform: translateX(0px); }
  25% { opacity: 1; transform: translateX(0px); }
  30% { opacity: 0; transform: translateX(0px); }
  80% { opacity: 0; }
  100% { opacity: 0;}
}
@-webkit-keyframes push{
  0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform:rotate(0deg) scale(2) skew(0deg) translate(0px);}
    10% { opacity: 1; -webkit-transform: translateX(0px); }
  25% { opacity: 1; -webkit-transform: translateX(0px); }
  30% { opacity: 0; -webkit-transform: translateX(0px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes push{
  0% { opacity: 0; }
  5% { opacity: 0; -ms-transform: rotate(0deg) scale(2) skew(0deg) translate(0px); }
  10% { opacity: 1; -ms-transform: translateX(0px); }
  25% { opacity: 1; -ms-transform: translateX(0px); }
  30% { opacity: 0; -ms-transform: translateX(0px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}

.slidingHorizontal span{
  animation: leftToRight 17.5s linear infinite 0s;
  -ms-animation: leftToRight 17.5s linear infinite 0s;
  -webkit-animation: leftToRight 17.5s linear infinite 0s;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}
.slidingHorizontal span:nth-child(2){
  animation-delay: 3.5s;
  -ms-animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
}
.slidingHorizontal span:nth-child(3){
  animation-delay: 7s;
  -ms-animation-delay: 7s;
  -webkit-animation-delay: 7s;
}
.slidingHorizontal span:nth-child(4){
  animation-delay: 10.5s;
  -ms-animation-delay: 10.5s;
  -webkit-animation-delay: 10.5s;
}
.slidingHorizontal span:nth-child(5){
  animation-delay: 14s;
  -ms-animation-delay: 14s;
  -webkit-animation-delay: 14s;
}
.slidingHorizontal i:first-child {    
    left: 0;
    color: #f2a513;
    position: absolute;
    top: 9px;
    font-size: 22px;}

/*leftToRight Animation*/
@keyframes leftToRight{
  0% { opacity: 0; }
  5% { opacity: 0; transform: translateX(-50px); }
  10% { opacity: 1; transform: translateX(0px); }
  25% { opacity: 1; transform: translateX(0px); }
  30% { opacity: 0; transform: translateX(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-webkit-keyframes leftToRight{
  0% { opacity: 0; }
  5% { opacity: 0; -webkit-transform: translateX(-50px); }
  10% { opacity: 1; -webkit-transform: translateX(0px); }
  25% { opacity: 1; -webkit-transform: translateX(0px); }
  30% { opacity: 0; -webkit-transform: translateX(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}
@-ms-keyframes leftToRight{
  0% { opacity: 0; }
  5% { opacity: 0; -ms-transform: translateX(-50px); }
  10% { opacity: 1; -ms-transform: translateX(0px); }
  25% { opacity: 1; -ms-transform: translateX(0px); }
  30% { opacity: 0; -ms-transform: translateX(50px); }
  80% { opacity: 0; }
  100% { opacity: 0; }
}

.contact-details .follow {
  display: inline-block;
  cursor: default;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: center;
  top: 2px;
}
.contact-details .follow:hover .label {
  opacity: 0;
  -webkit-transition: opacity .5s .125s ease-out;
  transition: opacity .5s .125s ease-out;
}
.contact-details .follow:hover .icon {
  border-radius: 1em;
  margin: 0 4px 0 0;
}
#tropen-aq .contact-details p, #tropen-aq .contact-details p strong {color: #fff}
.nav-content .contact-details {margin-top: 0;padding: 0 15px;}
.nav-content .contact-details p {font-weight: 400;font-size: 0.93rem;margin: 0 0 0.5rem;}
.nav-content .contact-details p a {text-decoration: underline;}
.nav-content .contact-details .icon, .nav-content .contact-details .label {
  background-color: #fff;
  line-height: 2rem;
  margin: 0 auto;
}

.nav-content .contact-details .label {
  border-radius: 1rem;
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: opacity .5s .75s ease-out;
  transition: opacity .5s .75s ease-out;
  color: #000;
}

.nav-content .contact-details .icon {
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 2em;
  margin: 0 -.5em;
  -webkit-transition: background-color .5s ease-out, border-radius .5s .25s ease-out, margin .5s .25s ease-out,  width .5s .25s ease-out;
  transition: background-color .5s ease-out, border-radius .5s .25s ease-out, margin .5s .25s ease-out,  width .5s .25s ease-out;
  width: 4em;
  color: #000;
}
.nav-content .contact-details .icon.first {
  border-bottom-left-radius: 1em;
  border-top-left-radius: 1em;
  margin-left: 0;
  width:  2em;
}
.nav-content .contact-details .icon:not(.first) {border-radius: 0 20px 20px 0}
.nav-content .contact-details .follow:hover .icon:not(.first) {width:2em; border-radius: 20px}
.nav-content .contact-details .icon.last {
  border-bottom-right-radius: 1em;
  border-top-right-radius: 1em;
  margin-right: 0;
  
}
.nav-content .contact-details .icon:hover, .nav-content .contact-details .icon-lg:hover {
  background-color: rgb(210,41,28);
  color: #fff;
}

.nav-content .contact-details button {
  -webkit-appearance: none;
          appearance: none;
  border-radius: 50%;
  border: 0;
  background-color: #fff;
  color: #000;
  font-family: inherit;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: background-color .25s ease-out, -webkit-transform .5s ease-out;
  transition: background-color .25s ease-out, -webkit-transform .5s ease-out;
  transition: background-color .25s ease-out, transform .5s ease-out;
  transition: background-color .25s ease-out, transform .5s ease-out, -webkit-transform .5s ease-out;
  cursor: pointer
}

.nav-content .contact-details p span {display: inline-block;width: 20px;float: left;height: 30px;}

.icon-lg {vertical-align: middle;}
.icon-lg {
  height: 2rem;
  width: 2rem;
  margin: 5px 5px 5px 0;
}
.icon-lg .text {
  -webkit-transition: -webkit-transform .5s ease-out;
  transition: -webkit-transform .5s ease-out;
  transition: transform .5s ease-out;
  transition: transform .5s ease-out, -webkit-transform .5s ease-out;
  -webkit-transform: scale(1);
          transform: scale(1);
}


/* TA Navigation Anpassungen */
/* TA Navigation Anpassungen */
/* TA Navigation Anpassungen */
.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-icons {right: -170px;}
.cd-primary-nav #tropen-aq .cd-secondary-nav {box-shadow: none; margin-left: 0;}
.cd-primary-nav #tropen-aq .cd-secondary-nav > li a {color: #333}
.cd-primary-nav #tropen-aq .cd-secondary-nav > li a:hover {color: #113874}
.cd-primary-nav #tropen-aq .cd-secondary-nav > li {border-right: none}
/*.cd-primary-nav #tropen-aq .nav-category {background: rgba(0, 0, 0, 0.45)}*/
.cd-primary-nav #tropen-aq .nav-category .fa {background: #113874;}
.cd-primary-nav #tropen-aq .nav-category img {background: none;width: 43px;height: auto}
.cd-primary-nav > li {margin-right: 11px;}
.cd-primary-nav > li > a {border-radius: 6px}

.cd-primary-nav > li:nth-child(2) {margin-right: 0;}
.cd-primary-nav > li:nth-child(2) a  { border-radius: 6px 0 0 6px;}
.cd-primary-nav > li:nth-child(3) a  { border-radius: 0 6px 6px 0;border-left: 1px solid #ccc;}


.besucher-infos{position: relative;margin: 0;}
.besucher-infos a {height: auto!important; line-height: auto!important;padding: 0!important;-webkit-transition: .25s all ease;transition: .25s all ease;  }
.besucher-infos a::after {display: none!important;}
.besucher-infos a:hover i, .besucher-infos a:focus i, .besucher-infos a:hover span, .besucher-infos a:focus span {color: #d42b1d}
.besucher-infos a:hover .slidingHorizontal, .besucher-infos a:focus .slidingHorizontal {background: #fff}
.besucher-infos .o-zeiten {
    color: #333;
    padding: 5px 1px 5px 0;
    position: relative;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0.4px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    text-align: left;
}
.besucher-infos .o-zeiten.tp {margin-top: 5px;margin-bottom: 10px;}
.besucher-infos .o-zeiten span.circle {
   
    width: 20px;
    height: 20px;
    min-width: 20px;
    background: #006b32;
    border-radius: 20px;
    margin: 0 6px 0 0;
    border: 4px solid #FFF;
}
.besucher-infos .o-zeiten span.offen, .besucher-infos .o-zeiten span.closed, .besucher-infos .o-zeiten span.schliesstbald, .besucher-infos .o-zeiten span.highlight-green {
        background: #fff;
    display: inline-block;
    width: auto;
    height: 100%;
    text-align: center;
    color: #006b32;
    border-radius: 6px;
    font-weight: 700;
    margin-left: auto;
    min-width: 50px;
    position: relative;
    right: 5px;
    line-height: 16px;
    padding: 2px 8px;
    text-transform: none;
    font-size: 12px;
}
.besucher-infos .o-zeiten span.closed {color: var(--main-color-red)}
.besucher-infos .o-zeiten span.schliesstbald {color: #F2A513!important}

.besucher-infos .o-zeiten span.offen.geschlossen {background: #d32a1c;}
.besucher-infos .o-zeiten.ta span.circle {background: #103873;}

.besucher-infos a.button {
    background: var(--main-color-red);
    color: #fff!important;
    border-radius: 20px;
    padding: 2px 12px 4px!important;
    font-size: 0.9rem!important;
    display: inline-block!important;
    line-height: inherit!important;
    align-self: flex-start;
    position: relative!important;
    top: 10px!important;
}
.besucher-infos a.button:hover {background: #fff;}
.besucher-infos a.button i {font-weight: bold;}
.besucher-infos a:hover span {color: #2b6a2d}

#tropen-aq .besucher-infos .sentence span a {color: #fff}

@media only screen and (min-width: 1024px) {
  .cd-main-header::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-main-content {display: none;}
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0;
  }

  .cd-header-buttons {
    top: 18px;
    right: 4rem;
  }

  .cd-nav-trigger {
    display: none;
  }

    .cd-primary-nav {
      position: static;
      padding: 0;
      height: auto;
      width: auto;
      float: right;
      overflow: visible;
      background: transparent;
      margin: 0;
    }
    .cd-primary-nav::after {
      clear: both;
      content: "";
      display: table;
    }
    .cd-primary-nav.moves-out > li > a {
      /* reset mobile style */
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }
    .cd-primary-nav ul {
      position: static;
      height: auto;
      width: auto;
      background: transparent;
      overflow: visible;
      z-index: 100;
      margin: 0;
    }
    .cd-primary-nav ul.hided {
      min-height: 85%;
    }
    .cd-primary-nav ul.moves-out > li > a {
      /* reset mobile style */
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
    }


    .cd-primary-nav > .has-children > a {
        padding-right: 35px !important;
    }
    .cd-primary-nav > li {
        float: left;
    }
    .cd-primary-nav > li.last-item a {border-radius: 0 6px 6px 0}
    .cd-primary-nav > li > a {
        position: relative;
        display: inline-block;
        padding: 6px 12px 7px;
        background-color: #006b32;
        color: #fefefe;
        border-radius: 0;
        overflow: visible;
        border-bottom: none;
        -webkit-transition: color 0.3s, box-shadow 0.3s;
        transition: color 0.3s, box-shadow 0.3s;
        font-size: 0.93rem;
    }
    .cd-primary-nav > li > a:hover {background-color: var(--main-color-red)}
    

    .has-children > a::after, .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .has-children > a::before, .go-back a::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #464c4e;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
        background: #c9cbc4;
    }
    .has-children > a::before, .has-children > a::after {
        right: 20px;
        -webkit-transform-origin: 9px 50%;
        -ms-transform-origin: 9px 50%;
        transform-origin: 9px 50%;
    }
    .has-children > a::before, .has-children > a::after {
        right: 15%;
    }

    .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
        width: 9px;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        background: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: width 0.3s, -webkit-transform 0.3s;
        transition: width 0.3s, transform 0.3s;
    }

    .cd-primary-nav > .has-children > a::before {
        right: 17px;
    }
    .cd-primary-nav > .has-children > a::after {
        right: 12px;
    }

    .cd-primary-nav > .has-children > a.selected::after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cd-primary-nav > .has-children > a.selected::before {
        -webkit-transform: translateX(5px) rotate(-45deg);
        -ms-transform: translateX(5px) rotate(-45deg);
        transform: translateX(5px) rotate(-45deg);
    }
    .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
        width: 14px;
    }

    .cd-primary-nav .go-back, .cd-primary-nav .see-all {
      display: none;
    }
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-icons {
      /* dropdown menu style */
      position: absolute;
      top: 80px;
      width: 96.5vw;
      background: #E6ECF0;
      padding: 0px;
      box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
      -webkit-transition: opacity .3s 0s, visibility 0s 0s;
      transition: opacity .3s 0s, visibility 0s 0s;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
          border-radius: 6px;
      overflow: hidden;
          max-width: 1400px;
          right: -165px;
      left: auto;    
    }
    .cd-primary-nav .cd-secondary-nav {background: #E6ECF0 url('../img/grafiken/navi-illu.png') no-repeat bottom right;background-size: 45%;}
    .cd-primary-nav #tropen-aq .cd-secondary-nav {background: #E6ECF0 url('../img/grafiken/navi-illu-ta.png') no-repeat bottom right;background-size: 45%;}

    #tropen-aq .cd-secondary-nav, .cd-primary-nav .cd-nav-icons {background: #E6ECF0;}

    .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-icons::after {
      clear: both;
      content: "";
      display: table;
    }
    .cd-primary-nav .cd-secondary-nav.hided, .cd-primary-nav .cd-nav-icons.hided {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .3s 0s, visibility 0s .3s;
      transition: opacity .3s 0s, visibility 0s .3s;
    }
    .cd-primary-nav .cd-secondary-nav > li {
      padding: 1.5rem;
      padding-right: 0;
      -webkit-overflow-scrolling: touch;
      -webkit-flex: 1 1 auto; /* Safari 6.1+ */
      -ms-flex: 1 1 auto; /* IE 10 */ 
      flex: 1 1 auto;
      width: 25%;
      border: 1px solid #fff;
      border-bottom: 0;
      border-right: 0;
      /* Prevent scroll bar on more than 6 list items */
      overflow: hidden;
      position: relative;
    }
    .cd-primary-nav .cd-secondary-nav > li:nth-child(1) {border: 0}
    .cd-primary-nav .cd-secondary-nav > li:nth-child(2) {border-top: 0;border-left: 0}
    .cd-primary-nav .cd-secondary-nav > li:nth-child(3), .cd-primary-nav .cd-secondary-nav > li:nth-child(4), .cd-primary-nav .cd-secondary-nav > li:nth-child(5) {border-top: 0}
    .cd-primary-nav .cd-secondary-nav > li:nth-child(6) {border-top: 0;border-left: 0;background: #2d8656}
    .cd-primary-nav #tropen-aq .cd-secondary-nav > li:nth-child(6) {background: rgb(0, 39, 81);}
    .cd-primary-nav .cd-secondary-nav > li:nth-child(9) {border-left: 0;}

    .cd-primary-nav .cd-secondary-nav > li:nth-child(9) a {display: none;}

    
    .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
      /* +2 because we have 2 list items with display:none */
      margin-right: 0;
      border-right: none;
      border-bottom: none
    }

    .cd-primary-nav .cd-secondary-nav > li > a {
      /* secondary nav title */
      color: #1e6a33;
      font-weight: 700;
      margin-bottom: .6rem;
      cursor: default;
      display: flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      font-size: 1rem;
      background:rgba(253,253,253,0.5);
      font-family: 'Averia Libre', sans-serif;
/*  
    background: -webkit-linear-gradient(left, rgba(253,253,253,0.65), #e6ecf0);
    background: -ms-linear-gradient(top, rgba(253,253,253,0.65), #e6ecf0);
    background: linear-gradient(top, rgba(253,253,253,0.65), #e6ecf0);*/
    }

    .cd-primary-nav .cd-secondary-nav a {
      height: 36px;
      line-height: 36px;
      padding: 0;
      color: #333;
      border-bottom: none;
      font-size: 0.93rem;
      overflow: visible;
    }
    
    .cd-primary-nav .cd-secondary-nav a:hover {
      color: #006b32;
    }
    /* .cd-primary-nav .cd-secondary-nav ul > li:not(.has-children) a::before, .cd-primary-nav .cd-secondary-nav ul > li:not(.go-back) a::before {content:"\00B7";font-size:20px;top: -2px;position: absolute;transition: 0.3s ease;opacity: 0;left: -20px;}
    .cd-primary-nav .cd-secondary-nav ul > li:not(.has-children) a:hover::before, .cd-primary-nav .cd-secondary-nav ul > li:not(.go-back) a:hover::before {left: -10px;opacity: 1;} */
    
    .cd-primary-nav .cd-secondary-nav a .nav-category-item {
      flex: 0 0 auto;
      -webkit-box-flex: 0 0 auto; 
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto; 
      margin-top: -5px;}
    /*.cd-primary-nav .cd-secondary-nav a[href$=".htm"]::after, .cd-primary-nav .cd-secondary-nav a[href$=".php"]::after {    
      content: "";
      width: 2px;
      height: 2px;
      background:#fff;
      position: absolute;
      top: 16px;
      margin-left: 8px;
      border-radius: 20px;}*/
    .cd-primary-nav .nav-category {
      border-radius: 20px 6px 6px 20px;
      width: 93%;}
    .cd-primary-nav .nav-animal.giraffe {    
    position: absolute;
    bottom: 20px;
    right: 20px;
    top: auto;
    /* Temporär */
    display: none;}
    
    .cd-primary-nav .nav-category .fa {
      background: #006b32;
    color: #fff;
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 22px;
    padding: 11px 5px;
    margin-right: 8px;
    top: 0;
    align-self: center;
    position: relative;
    font-size: 20px;}

    .cd-primary-nav .cd-secondary-nav > li:nth-child(2) a, .cd-primary-nav .cd-secondary-nav > li:nth-child(6) a {
      color: #FFF;padding: 0 15px;position: relative;}
    .cd-primary-nav .cd-secondary-nav ul {
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      width: 100%;    
      overflow: hidden;
      padding-left: 15px;
    }
    .cd-primary-nav .cd-secondary-nav li.green-bg ul {padding-left: 0;}
    .cd-primary-nav .cd-secondary-nav ul ul {
      /* tertiary navigation */
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      margin: 0;
    }
    

    .cd-primary-nav .cd-secondary-nav ul ul.hided {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back {
      display: block;
    }
    .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
      color: #006b32;
    }
    .cd-primary-nav .cd-secondary-nav ul ul .see-all {
      display: block;
    }
    .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
      /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    #navigation .cd-primary-nav .cd-secondary-nav .button {margin: 10px;}
    
    .cd-primary-nav .cd-nav-icons li {
      /* set here number of columns - use width percentage */
      width: 32%;
      float: left;
      margin: 0 2% 20px 0;
    }
    .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
      /* +2 because we have two additional list items with display:none */
      margin-right: 0;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item {
      border-bottom: none;
      height: 80px;
      line-height: 1.2;
      padding: 24px 0 0 85px;
      position: relative;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
      background: #f6f6f5;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
      color: #69aa6f;
      font-weight: bold;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item p {
      display: block;
    }
    .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
      left: 25px;
    }

    .cd-secondary-nav .has-children > a::before, .cd-secondary-nav .has-children > a::after, .go-back a::before, .go-back a::after {
      background: #006b32;
    }
    .cd-secondary-nav .has-children > a:hover::before, .cd-secondary-nav .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
      background: rgb(0,0,0);
    }
    
    .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
      /* remove arrows on secondary nav titles */
      display: none;
    }

    .cd-primary-nav .go-back a {
      padding-left: 20px;
    }
    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
      left: 1px;
    }

  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1080px) {
  .cd-primary-nav .cd-secondary-nav > li > a {font-size: 0.85rem;}
}
@media only screen and (max-width: 1023px) {
    .cd-primary-nav.hided, .cd-primary-nav ul.hided {
    /* secondary navigations hidden by default */
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-45vw);
    -ms-transform: translateX(-45vw);

    transform: translateX(-45vw);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(45vw);
    -ms-transform: translateX(45vw);

    transform: translateX(45vw);
  }
  .nav-is-fixed .cd-main-header {
  /* add .nav-is-fixed class to body if you want a fixed navigation on > 1024px */
    position: absolute;
    top: 67px;
    right: 25px;}
  #navigation > div {height: 42px;} 

  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%;
  }
  .nav-on-left .cd-header-buttons li {
    float: right;
  }

  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0;
  }

  .cd-primary-nav {
    /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
    visibility: hidden;
    -webkit-transition: visibility 0s 0.4s ease;
    transition: visibility 0s 0.4s ease;  
  }
  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
  }
  .cd-primary-nav {right: -45vw;-webkit-transition: .4s all ease;transition: .4s all ease;  }
  .cd-primary-nav.nav-is-visible {right: 0;-webkit-transition: .4s all ease;transition: .4s all ease;}
  .cd-primary-nav > li, #tierpark-menuitem {margin-right: 0;border-radius:0;font-family: 'Averia Libre', sans-serif;}
  .cd-primary-nav > li:nth-child(2), .cd-primary-nav > li:nth-child(3) {display: none;}


  .cd-overlay {background-color: rgba(0, 0, 0, 0.5);z-index: 0;}
  .cd-overlay.is-visible {
    -webkit-transform: translateX(-45vw);
    -ms-transform: translateX(-45vw);

    transform: translateX(-45vw);
  }
  .nav-on-left .cd-overlay.is-visible {
    -webkit-transform: translateX(45vw);
    -ms-transform: translateX(45vw);

    transform: translateX(45vw);
  }
  .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);

    transform: translateX(0);
  }
  #navigation .cd-primary-nav > li {margin-right: 0;}
}

@media only screen and (max-width: 1240px) {
  .cd-primary-nav .cd-secondary-nav {right: -15px;}
}
@media only screen and (max-width: 1180px) {
  .cd-primary-nav .cd-secondary-nav {right: 0;}
}
@media only screen and (max-width: 1023px) {

  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-icons {right: 0;}
  .cd-secondary-nav .button {margin: 5px 15px;}
  .cd-primary-nav .cd-secondary-nav > li > a {background: none; color: #fff; padding-left: 1rem;}
  .cd-primary-nav .cd-secondary-nav > li:nth-child(3), .cd-primary-nav .cd-secondary-nav ul > li:nth-child(2), .cd-primary-nav #tropen-aq .cd-secondary-nav > li:nth-child(3), .cd-primary-nav #tropen-aq .cd-secondary-nav ul > li:nth-child(2) {padding-top: 22px;}
  
  .cd-primary-nav .cd-secondary-nav > li:last-child .nav-category {display: none;}
  .cd-primary-nav #tropen-aq .cd-secondary-nav > li:last-child .nav-category {display: block;}
  .cd-primary-nav .cd-secondary-nav .nav-category {height: 50px;line-height: 50px;}
  
  .cd-primary-nav .cd-secondary-nav > li:nth-child(9) a {display: none;}
  

  .mobile-nav.cd-primary-nav ul a {padding: 0 30px 0 15px;font-family: 'Averia Libre', sans-serif;}
  .mobile-nav.cd-primary-nav .cd-secondary-nav, .mobile-nav.cd-primary-nav .cd-secondary-nav ul {
    width: 100%;
    margin-left: 0;
    background: #333 url('/img/interface/papierkante_oben_green.png') no-repeat center 50px;
    background-size: 200vw;}
  .mobile-nav.cd-primary-nav #tropen-aq .cd-secondary-nav, .mobile-nav.cd-primary-nav #tropen-aq .cd-secondary-nav ul {
    background: #333 url('/img/interface/papierkante_oben_blue.png') no-repeat center 50px;}  
  .mobile-nav.cd-primary-nav .cd-secondary-nav li:nth-child(n+2) {margin: 10px 0}
  .mobile-nav.cd-primary-nav .go-back a {padding-left: 40px;background: var(--main-color-green);}
  .mobile-nav.cd-primary-nav #tropen-aq .go-back a {background: var(--main-color-blue);}

  .cd-secondary-nav .has-children > a::before, .cd-secondary-nav .has-children > a::after {right: 15px;}

  .mobile-nav.cd-primary-nav .cd-secondary-nav.moves-out ul li a {padding-left: 39px;}

  .mobile-quick-infos {padding: 20px 5px 20px 10px;background: #e6ecf0;height: calc(100vh - 110px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
        -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;}
  .mobile-quick-infos .info-field {font-size: 80%;margin-top: 25px;} 
  .mobile-quick-infos .info-field:first-child {margin-top: 0;}
  .mobile-quick-infos .info-field p {margin-bottom: 0;font-weight: 400;}

  .cd-primary-nav.moves-out .mobile-quick-infos {transform: translateX(-50%);}
  .mobile-quick-infos {transform: translateX(0);transition: 0.3s ease;}

  .mobile-social-icons {
        margin-top: auto;
    padding-top: 10px;
    background: #fff;
    padding: 3px 15px 0;
    margin-right: 6px;
    border-radius: 10px;
  }
  .mobile-social-icons span {margin-right: 10px;}
  .mobile-social-icons span:first-child {margin-right: 10px;}
  .mobile-social-icons span:last-child {margin-right: 0;}
  .mobile-social-icons span a {font-size: 40px;}  
  .mobile-social-icons span a[href^="https:"]::after {display: none;}
  .mobile-social-icons span a .fa-youtube-square {color: #e90000 }
  .mobile-social-icons span a .fa-facebook-square {color: #4267b2}

  .cd-primary-nav #tropen-aq .cd-secondary-nav > li a {color: #fff}
  .mobile-quick-infos table.nostyle tbody th, .mobile-quick-infos table.nostyle tbody td {padding: 0.15rem 0rem 0.15rem;}
  

  .cd-header-buttons {right: 0;}

  .sentence span {    
    color: rgb(230,142,36);
      white-space: nowrap;
      left: 32px;
      line-height: 28px;
      font-size: 12px;
      letter-spacing: 0.2px;
      font-weight: 600;margin-top: 6px;}
  .sentence strong {color: #FFF;}
  /* Animation */
  .slidingHorizontal{
    display: block;
    width: 100%;
    height: 36px;
    margin-top: 10px;
    font-size: 18px;
    line-height: 36px;
    position: relative;
    overflow: hidden;
  }

  .nav-animal {display: none;}
}
@media screen and (max-width: 719px) { 
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-75vw);
    -ms-transform: translateX(-75vw);

    transform: translateX(-75vw);
  }
  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(70vw);
    -ms-transform: translateX(70vw);

    transform: translateX(70vw);
  }
  .cd-primary-nav {right: -70vw;}
  .cd-primary-nav, .cd-primary-nav ul {width: 70vw;}

  .cd-overlay.is-visible {
    -webkit-transform: translateX(-60vw);
    -ms-transform: translateX(-60vw);

    transform: translateX(-60vw);
  }
  .nav-on-left .cd-overlay.is-visible {
    -webkit-transform: translateX(70vw);
    -ms-transform: translateX(70vw);

    transform: translateX(70vw);
  }

}