/* ---------------------------------- Color --------------------------------- */
.preise i {
  font-size: 16px; }

/* prettier-ignore */
body#pageid-30 #button-area a.first, body#pageid-30 #button-area a.second {
  top: 15%; }

@media (max-width: 1750px) {
  /* ------------------------------- Navigation ------------------------------- */
    .navbar-custom .navbar-brand img {
      width: 150px; }
    .flag img {
      width: 90px; }
    .flag .text b {
      font-size: 14px; }
    .flag .text a {
      font-size: 12px; }
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; } }

/* prettier-ignore */
@media (max-width: 1450px) {
  /* ------------------------------- Navigation ------------------------------- */
  /* ------------------------------- Startseite ------------------------------- */
    body#pageid-30 #button-area a.first, body#pageid-30 #button-area a.second {
      top: 10%; }
    .navbar-custom .navbar-brand {
      padding: 15px; }
      .navbar-custom .navbar-brand img {
        width: 120px; }
    .navbar-custom a, .flag b, #sprache button {
      font-size: 14px; }
    .flag img {
      width: 75px; }
    section.tickets .box-wrapper {
      width: 450px; }
    #ticket-pfeil {
      font-size: 1em;
      align-items: flex-end;
      right: 50px;
      flex: 100%;
      padding-bottom: 3.5rem; }
    #ticket-pfeil img {
      transform: scaleX(-1);
      margin-right: 35px; }
    .preise .h4 {
      font-size: 0.8rem; }
    .preise p {
      font-size: 1.3rem; } }

/* prettier-ignore */
@media (max-width: 1300px) {
  /* ------------------------------- Navigation ------------------------------- */
  /* ------------------------------- Box-Wrapper ------------------------------ */
    .navbar-custom a, .flag b, #sprache button {
      font-size: 13px; }
    .navbar-custom .navbar-brand img {
      width: 100px; }
    .leistungen-content img {
      height: 170px;
      padding-bottom: 30px; } }

/* prettier-ignore */
@media (max-width: 1200px) {
  /* ------------------------------- Navigation ------------------------------- */
  /* -------------------------------- Starteite ------------------------------- */
  /* --------------------------------- Footer --------------------------------- */
  /* ------------------------------- Box-slider ------------------------------- */
    body#pageid-30 #button-area a.first, body#pageid-30 #button-area a.second {
      display: relative; }
    .navbar-collapse.collapse:not(.show) {
      display: none !important; }
    .navbar-expand-lg .navbar-toggler {
      display: block; }
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
      flex-wrap: wrap; }
    .navbar-expand-lg .navbar-collapse {
      flex: 0 0 100%;
      position: relative;
      display: block !important; }
    .hamurger {
      padding: 0;
      display: flex;
      align-items: center;
      z-index: 6; }
    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
      background-color: #ffaa28;
      transition: 0.3s; }
    .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::after, .hamburger.is-active .hamburger-inner::before {
      background-color: #75b324;
      transition: 0.3s; }
    .navbar-custom .navbar-brand {
      padding: 0;
      z-index: 6; }
    .navbar-custom:before {
      content: "";
      z-index: 5;
      background: url(/template/images/headerop.png);
      height: 50px;
      bottom: -25px;
      width: 100%;
      left: 0;
      position: absolute;
      transform: rotate(180deg); }
    .navbar-expand-lg .navbar-nav {
      flex-direction: column;
      align-items: flex-start; }
      .navbar-expand-lg .navbar-nav li {
        margin-bottom: 0; }
        .navbar-expand-lg .navbar-nav li a {
          font-size: 16px;
          text-transform: uppercase;
          color: #000;
          font-weight: 500;
          padding: 5px 0 !important; }
    .flag {
      position: absolute;
      right: 0;
      top: 0; }
    .navbar-expand-lg .nav-inner {
      padding: 25px 0; }
    #header .header-slider .item {
      height: 50vh; }
    section#norden::after {
      content: none; }
    .gallery-items {
      display: flex;
      justify-content: space-between;
      margin-top: 30px; }
    .footer-col {
      margin-top: 50px; }
    .box-slider-section::after, .box-slider-section::before {
      width: 80px;
      background-position: right;
      background-size: contain; }
    .box-slider .slick-arrow {
      top: 100%; }
    .box-slider .slick-arrow.slick-next {
      right: 15px; }
    .box-slider .slick-arrow.slick-prev {
      left: 15px; } }

@media (max-width: 1200px) {
  #button-area a.first, #button-area a.second {
    width: 120px;
    height: 120px;
    top: 50%; }
  #button-area a.first {
    right: 140px; }
  #button-area a.zero {
    width: 300px;
    top: 65px;
    right: -15px; } }

/* prettier-ignore */
@media (max-width: 992px) {
  /* ------------------------------- Box-Wrapper ------------------------------ */
  /* ------------------------------- Startseite ------------------------------- */
  /* ------------------------------- Box-Slider ------------------------------- */
  /* ------------------------------- Unterseiten ------------------------------ */
  /* --------------------------------- Preise --------------------------------- */
  /* --------------------------------- Cookie --------------------------------- */
    #de_1_Intro {
      display: none; }
      .leistungen-content img {
        height: 100px;
        padding-bottom: 15px; }
        .leistungen-content .text-box p {
          font-size: 16px; }
        .leistungen-content .text-box .h3 {
          font-size: 20px; }
    #header .header-slider .item {
      height: 33vh; }
    #button-area a.first, #button-area a.second {
      width: 120px;
      height: 120px;
      top: 35%; }
    #button-area a.first {
      right: 140px; }
    #button-area a.zero {
      width: 300px;
      top: 65px;
      right: -15px; }
    #entdecke .link-collage-item.visit {
      margin-top: 30px;
      min-height: 400px; }
    #entdecke .link-collage-item.visit .content {
      position: relative; }
    section.tickets .box-wrapper {
      width: 100%;
      margin-top: 0px; }
    .box-wrapper.ticket-2::before {
      right: -40px;
      top: -40px; }
    section.tickets .box-wrapper h3 {
      padding-right: 80px; }
    .box-wrapper.ticket-2 {
      margin-left: 0px;
      transform: translateY(0px);
      margin-top: 30px; }
    #entdecke .link-collage-item.visit {
      height: auto;
      min-height: auto; }
    #entdecke .link-collage-item.visit .content {
      height: auto;
      margin-top: 30px;
      margin-bottom: 30px; }
    #entdecke .link-collage-item.visit .content img {
      height: 80px;
      margin: 15px 0; }
    .box-wrapper.ticket-1 {
      transform: none;
      margin-bottom: 30px; }
    .box-slider .box-outer .top {
      height: 300px; }
    #intro img {
      width: 100%;
      height: 300px;
      margin-bottom: 50px;
      object-fit: contain; }
    .parallax-window {
      min-height: 450px; }
    .tier_wechsel div:first-child, .tier_wechsel div:last-child {
      order: 2; }
    .tier_wechsel div:nth-child(2) {
      order: 1;
      margin-bottom: 30px; }
    .tierpark_detail .tier_wechsel .tier_wechsel_btn a {
      font-size: 16px; }
    .tierpark_detail .tier_wechsel .tier_wechsel_btn a span {
      height: 50px;
      width: 50px; }
    .preise-stripe {
      display: none; }
    #myCookie {
      bottom: 100px; }
    body#pageid-11 #header {
      margin-top: 0px !important; } }

/* prettier-ignore */
@media (max-width: 768px) {
  /* ------------------------------- Box-Wrapper ------------------------------ */
  /* ------------------------------- Startseite ------------------------------- */
  /* ------------------------------- Unterseiten ------------------------------ */
  /* ---------------------------------- Infos --------------------------------- */
    body {
      font-size: 1rem; }
    footer {
      margin-top: 50px; }
    .box-wrapper {
      margin-bottom: 30px; }
    .entdecken-outer .xtra-info {
      display: none; }
      .leistungen-content img {
        height: 80px;
        padding-bottom: 10px; }
        .leistungen-content .text-box p {
          font-size: 10px; }
        .leistungen-content .text-box .h3 {
          font-size: 15px; }
    #header .header-slider .item {
      height: 200px; }
    #button-area a.first, #button-area a.second {
      width: 80px;
      height: 80px;
      top: 25%; }
    #button-area a.first {
      right: 100px; }
    #button-area a.zero {
      width: 210px;
      top: 85px;
      right: -9px; }
    #intro .btn-link {
      margin-top: 15px; }
    #entdecke .link-collage-item {
      padding: 15px; }
    #entdecke .link-collage-item.standard .icon {
      margin-bottom: 15px; }
    #entdecke .link-collage-item.standard .headline {
      font-size: 1.4em; }
    #pageid-1 #news {
      display: none; }
    .home-text-p, section.tickets {
      padding: 50px 0; }
    section#norden {
      padding-bottom: 50px; }
    section.tickets .row {
      margin-bottom: 50px; }
    section.tickets {
      padding-bottom: 0px; }
    section#gallery {
      margin: 50px 0; }
    .info-outer {
      display: block; }
    .info-outer .info-item.line::after {
      content: none; }
    .info-outer .info-item.line {
      margin-right: 0; }
    section#intro h1 {
      font-size: 25px; }
    #entdecken {
      margin-bottom: 0;
      margin-top: 50px; }
    .tierpark_detail img {
      width: 100%;
      margin-bottom: 30px; }
    .img-trenner::before {
      top: -20px; }
    .img-trenner::after {
      bottom: -10px; }
    section.parallax {
      margin: 0px; }
    .simpleParallax {
      height: auto; }
    section#tiere-endeken {
      margin-top: 3rem; }
    section#pelican {
      margin: 3rem 0;
      margin-bottom: 0; }
    .ticket-btn {
      position: relative;
      margin-bottom: 30px; }
    .info-box {
      margin-bottom: 50px; }
    section.speech-bubble:after, .tickets:after, .tickets:before, .box-wrapper.ticket-2::before, section#norden:after, section.zoofuehrung:after, .preis-info {
      display: none; }
    .info-icon {
      justify-content: unset !important; }
    .info-icon img {
      width: 33% !important;
      height: auto !important;
      margin-bottom: 15px !important;
      margin-top: 30px; } }

/* prettier-ignore */
@media (max-width: 540px) {
  /* --------------------------------- General -------------------------------- */
  /* ------------------------------- Startseite ------------------------------- */
  /* ------------------------------- Box-Slider ------------------------------- */
  /* ------------------------------- Unterseiten ------------------------------ */
  /* ---------------------------------- Infos --------------------------------- */
  /* --------------------------------- Cookie --------------------------------- */
    .h2, h2 {
      font-size: 1.5rem; }
    .h1, h1 {
      font-size: 1.9rem; }
    section#intro {
      padding: 0; }
    #entdecke .link-collage-item.standard .icon {
      height: 80px; }
    #entdecke .link-collage-item.standard p {
      font-size: 0.7em; }
    #entdecke .link-collage-item.standard .headline {
      font-size: 0.9em; }
    section.tickets .box-wrapper {
      display: block;
      padding: 15px; }
    #entdecke .link-collage-item.visit .flag img {
      width: 60px; }
    #entdecke .link-collage-item.visit .flag .content p:first-child {
      font-size: 0.8em; }
    #entdecke .link-collage-item.visit .flag .content p:last-child {
      font-size: 0.7em; }
    .box-slider-section::after, .box-slider-section::before {
      content: none; }
    .parallax-window {
      min-height: 300px; }
    #entdecken {
      margin-top: 50px; }
    .tier_wechsel_btn span {
      margin-left: 0 !important;
      margin-bottom: 15px; }
    .tier_wechsel_btn.bnext a {
      flex-direction: column-reverse; }
    .tier_wechsel_btn.bpreview a {
      flex-direction: column; }
    .accordion-info-btn {
      font-size: 18px; }
    #myCookie {
      display: block;
      width: auto;
      margin: 0;
      left: 15px;
      bottom: 100px;
      right: 15px; }
    #myCookie div.cookieinfo p {
      font-size: 14px;
      line-height: 1.4; }
    .cookie_section h3 {
      height: 47px;
      line-height: 1em;
      font-size: 21px;
      margin-bottom: 15px;
      width: 50%;
      display: flex;
      align-items: center; } }

body#pageid-11 #header {
  margin-top: 200px; }

body#pageid-11 #button-area a.first, body#pageid-11 #button-area a.second {
  display: none; }