/*
Theme Name: Halbach
Theme URI: https://www.diginovum.de
Author: DIGINOVUM
Author URI: https://www.diginovum.de/
Description: Individuelles Theme basierendes auf Bootstrap 5 und ACF, SEO optimiert
Tags: boilerplate, clean, simple, bootstrap5, seo
Text Domain: halbach
*/
/**********************************************************************
     _ _       _                                       _
    | (_)     (_)                                     | |
  __| |_  __ _ _ _ __   _____   ___   _ _ __ ___    __| | ___
 / _` | |/ _` | | '_ \ / _ \ \ / / | | | '_ ` _ \  / _` |/ _ \
| (_| | | (_| | | | | | (_) \ V /| |_| | | | | | || (_| |  __/
 \__,_|_|\__, |_|_| |_|\___/ \_/  \__,_|_| |_| |_(_)__,_|\___|
          __/ |
         |___/
***********************************************************************
URL: https://www.diginovum.de
Creator: DIGINOVUM GmbH
Author: Frank Schmitz
Contact: schmitz@diginovum.de
***********************************************************************
〈 〉 | « » | ← → | ⟵ ⟶ | ‹ › | “ ” | – ⌄ ∨ 📷
❤ ☀ ★ ☂ ☎ ☏ ⌚ ❄ ♫ ☯ 🗸 ✓ ✔✔ 🗹 ✅ ☑
⨯ ✗ ✘ ❌ ☒ ❎ ◄ ► ◅ ▻ • ™ © ® ☘ ✿ ❀ ■
**********************************************************************/


/**********************************************************************
*** FONTS
*********************************************************************/
  /* work-sans-regular - latin */
  @font-face {
    font-display: swap;
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/google/work-sans-v24-latin-regular.woff2') format('woff2');
  }

  /* work-sans-italic - latin */
  @font-face {
    font-display: swap;
    font-family: 'Work Sans';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/google/work-sans-v24-latin-italic.woff2') format('woff2');
  }

  /* work-sans-600 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/google/work-sans-v24-latin-600.woff2') format('woff2');
  }


  /* antonio-regular - latin */
  @font-face {
    font-display: swap;
    font-family: 'Antonio';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/google/antonio-v22-latin-regular.woff2') format('woff2');
  }

  /* antonio-500 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Antonio';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/google/antonio-v22-latin-500.woff2') format('woff2');
  }

  /* antonio-600 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Antonio';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/google/antonio-v22-latin-600.woff2') format('woff2');
  }




  .antonio {font-family: 'Antonio'!important;}
  .work {font-family: 'Work Sans'!important;}



/**********************************************************************
***  BOOTSTRAP 5
**********************************************************************/
  @media (min-width: 1400px) {
    .content-section-intro-image {
      overflow: visible!important;
    }
  }

  /* PADDING */
    .pxy-s {padding: 2vw!important;}
    .pxy-m {padding: 2vw!important;}
    .pxy-l {padding: 5vw!important;}

    .py-xs {padding-top: 1vw!important; padding-bottom: 1vw!important;}
    .py-s {padding-top: 2vw!important; padding-bottom: 2vw!important;}
    .py-m {padding-top: 60px!important; padding-bottom: 60px!important;}
    .py-l {padding-top: 6vw!important; padding-bottom: 6vw!important;}
    .py-0 {padding-top: 0!important; padding-bottom: 0!important;}
    .py-1 {padding-top: 0!important; padding-bottom: 0!important; margin-top: -60px;}

    .pb-0 {padding-bottom: 0!important;}
    .pt-0 {padding-top: 0!important;}
    .pb-m {padding-bottom: 60px!important;}
    .pb-l {padding-bottom: 6vw!important;}


  /* MARGIN */
    .my-s {margin-top: 2vw!important; margin-bottom: 2vw!important;}
    .my-m {margin-top: 60px!important; margin-bottom: 60px!important;}
    .my-l {margin-top: 6vw!important; margin-bottom: 6vw!important;}

    .mb-s {margin-bottom: 15px!important;}
    .mb-m {margin-bottom: 30px!important;}


  /* GRID */
    /*  .d-grid .gap-5

    */
    .row {
      --bs-gutter-x: 30px;
      --bs-gutter-y: 30px;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      --bs-gutter-x: 30px;
    }

    .accordion {
      --bs-accordion-color: #000;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow: none;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow: none;
      --bs-accordion-active-color: #000;
      --bs-accordion-active-bg: transparent;
      --bs-accordion-border-width: 0;
      --bs-accordion-border-color: transparent;
      --bs-accordion-btn-focus-border-color: transparent;
      --bs-accordion-btn-focus-box-shadow: none;
      --bs-accordion-btn-icon-transform: rotate(-90deg);

      --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg transform='matrix(1 0 0 1 8.5 8.5)'%3E%3Cpath style='stroke: rgb(154, 0, 35); fill: rgb(154, 0, 35);' transform=' translate(-8, -8)' d='M 1.646 4.646 C 1.7398042630101669 4.551958299312365 1.8671727391417587 4.499106216314582 2 4.499106216314582 C 2.1328272608582415 4.499106216314582 2.260195736989833 4.551958299312365 2.354 4.646 L 8 10.293 L 13.646 4.645999999999999 C 13.841508801440101 4.450491198559898 14.1584911985599 4.450491198559898 14.354000000000001 4.645999999999999 C 14.549508801440101 4.8415088014401 14.549508801440101 5.158491198559898 14.354000000000001 5.353999999999999 L 8.354000000000001 11.354 C 8.260195736989834 11.448041700687634 8.132827260858242 11.500893783685418 8 11.500893783685418 C 7.867172739141759 11.500893783685418 7.739804263010168 11.448041700687634 7.646000000000001 11.354 L 1.6460000000000008 5.353999999999999 C 1.551958299312366 5.260195736989832 1.499106216314582 5.132827260858241 1.499106216314582 4.999999999999999 C 1.499106216314582 4.867172739141758 1.551958299312366 4.739804263010166 1.6460000000000008 4.645999999999999 z' stroke-linecap='round'%0A/%3E%3C/g%3E%3C/svg%3E");

      --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cg transform='matrix(1 0 0 1 8.5 8.5)'%3E%3Cpath style='stroke: rgb(154, 0, 35); fill: rgb(154, 0, 35);' transform=' translate(-8, -8)' d='M 1.646 4.646 C 1.7398042630101669 4.551958299312365 1.8671727391417587 4.499106216314582 2 4.499106216314582 C 2.1328272608582415 4.499106216314582 2.260195736989833 4.551958299312365 2.354 4.646 L 8 10.293 L 13.646 4.645999999999999 C 13.841508801440101 4.450491198559898 14.1584911985599 4.450491198559898 14.354000000000001 4.645999999999999 C 14.549508801440101 4.8415088014401 14.549508801440101 5.158491198559898 14.354000000000001 5.353999999999999 L 8.354000000000001 11.354 C 8.260195736989834 11.448041700687634 8.132827260858242 11.500893783685418 8 11.500893783685418 C 7.867172739141759 11.500893783685418 7.739804263010168 11.448041700687634 7.646000000000001 11.354 L 1.6460000000000008 5.353999999999999 C 1.551958299312366 5.260195736989832 1.499106216314582 5.132827260858241 1.499106216314582 4.999999999999999 C 1.499106216314582 4.867172739141758 1.551958299312366 4.739804263010166 1.6460000000000008 4.645999999999999 z' stroke-linecap='round'%0A/%3E%3C/g%3E%3C/svg%3E");
    }


  /* COLORS */
    :root,
    [data-bs-theme=light] {
      --bs-gray-300: #d2d2d2;
    }


  /* ELEMENTS */
    .card {
      --bs-card-border-width: 0;
    }

    .ratio-9x16 {
      --bs-aspect-ratio: 177%;
      max-width: 460px;
      margin: 0 auto;
    }

    .ratio-9x21 {
      --bs-aspect-ratio: 233%;
      max-width: 460px;
      margin: 0 auto;
    }


/**********************************************************************
***  TWEAKS
*********************************************************************/
  svg{max-height:100%; /* chrome needs it  */}
  .hidden {display: none!important;}
  body.admin-bar #page-navigation.sticky-top {top:30px;}
  .embed-responsive > iframe {border: 0 none; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
  img[class^="wp-image-"], img[class*=" wp-image-"] {display: block; max-width: 100%; height: auto;}
  :focus {outline:0; -webkit-outline: 0; -moz-outline: 0; -ms-outline: 0; -o-outline: 0;}
  .aligncenter {margin-left: auto; margin-right: auto;}
  .screen-reader-text {display: none!important;}
  .embed-responsive-3by4 {padding-bottom: 116.25%;}
  .navbar-toggler:focus {box-shadow: none;}
  .row {margin-top: 0;}
  .row > * {margin-top: 0;}

  .items-per-row-1 > div:last-child .content-item-image,
  .items-per-row-2 > div:last-child,
  .items-per-row-2 > div:nth-last-child(2),
  /*.items-per-row-3 > div:last-child,
  .items-per-row-3 > div:nth-last-child(2),
  .items-per-row-3 > div:nth-last-child(3),*/
  .items-per-row-4 > div:last-child,
  .items-per-row-4 > div:nth-last-child(2),
  .items-per-row-4 > div:nth-last-child(3),
  .items-per-row-4 > div:nth-last-child(4) {
    /*margin-bottom: 0!important;*/
  }

  .expert-block {border-radius: 30px; height: 100%;/*margin: 1vw 1vw 30px;*/}
  .expert-block img, .expert-block .expert-text {display: inline-block;width: 30%;vertical-align: top;}
  .expert-block > p {display: none;position: absolute;}
  .expert-text {padding: 15px;width: 68% !important;}
  .wpcf7-form.sent #video-coop {display: block !important;}



/**********************************************************************
*** HELPER
*********************************************************************/


  /*****************************
  *** TEXT
  ******************************/
    .text-bolder {font-weight: 500;}


/**********************************************************************
*** STYLES FÜR halbach
*********************************************************************/
  html.loaded {background-color: #3c3c3a;}
  html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    color: #FDF6EF;
  }

  body {
    background-color: #3c3c3a;
    color: #FDF6EF;
    font-family: 'Work Sans';
    font-weight: regular;
    text-rendering: optimizeLegibility;
    /*font-size: 18px;*/
    font-size: 16px;
  }


  /*****************************
  *** TEXT
  ******************************/
    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
      font-family: 'Antonio';
      font-weight: 600;
      margin-top: 0px;
      margin-bottom: 0px;
      color: #FDF6EF;
      line-height: 1.2;
      /*letter-spacing: 1px;*/
    }

    .xxl {font-size: 52px!important;}
    h1, .h1, .xl {font-size: 40px;}
    h2, .h2 {font-size: 40px;}
    h3, .h3 {font-size: 22px;}
    h4, .h4 {font-size: 20px;}
    h5, .h5 {font-size: 16px;}

    .l {font-size: 36px;}
    .m {font-size: 22px;}
    .xs {font-size: 80%;}

    p {
      margin: 0 0 10px;
    }

    p:last-child {
      margin: 0;
    }

    small {
      font-size: 80%;
    }

    strong,
    .bold {
      font-weight: 600;
    }

    .bolder {
      font-weight: 700;
    }

    ul {}

    figcaption {padding-top: 10px;}


  /*****************************
  *** LINKS
  ******************************/
    a {
      color: #000;
      transition: 0.3s all ease;
      text-decoration: none;
    }

    p > a {
      text-decoration: underline;
      color: #000;
      transition: 0.3s all ease;
    }

    a:hover {color: #3c3c3a;}
    a:focus {color: #3c3c3a; outline: none; outline-offset: -2px;}

    .halbach-text-link {
      color: #000;
      position: relative;
      font-weight: bolder;
      text-decoration: none;
    }

    .no-link {
      text-decoration: none!important;
      color: inherit!important;
    }


  /*****************************
  *** COLORS
  ******************************/
    .white {color:white!important;}
    .black {color: #3c3c3a!important;}
    .lightgrey {color: #e0e0e0!important;}
    .grey {color: #d2d2d2!important;}
    .red {color: #9a0023!important;}

    .bg-white {background-color:white!important;}
    .bg-white-transparent {background-color: rgb(255,255,255,.8)!important;}
    .bg-black {background-color: #3c3c3a!important;}
    .bg-lightergrey {background-color: #f1f1f1;}
    .bg-lightgrey {background-color: #e0e0e0!important;}
    .bg-grey {background-color: #d2d2d2!important;}


    .bg-black .content-heading,
    .bg-black .content-title-heading,
    .bg-black .content-txt,
    .content-section.bg-white .content-item-title.white {
      color: white!important;
    }

    .content-section.bg-white,
    .content-section.bg-white .content-title-subheading,
    .content-section.bg-white .content-title-heading,
    .content-section.bg-white h1,
    .content-section.bg-white h2,
    .content-section.bg-white h3,
    .content-section.bg-white h4,
    .content-section.bg-white h5,
    .content-section.bg-white .h1,
    .content-section.bg-white .h2,
    .content-section.bg-white .h3,
    .content-section.bg-white .h4,
    .content-section.bg-white .h5 {
      color: #3c3c3a!important;
    }


  /*****************************
  *** BUTTONS
  ******************************/
    .btn-halbach,
    .btn-halbach.btn-white:hover {
      /*font-family: 'Antonio';*/
      font-family: 'Work Sans';
      font-size: 16px;
      font-weight: 500;
      color: #FDF6EF!important;
      /*background-color: #9A0023;*/
      border: 1px solid #fff;
      border-radius: 9px;
      padding: 10px 25px;
      /*line-height: 21px;*/
      outline: 0 !important;
      text-align: center;
      vertical-align: middle;
      display: inline-block;
      transition: all .8s ease;
      text-decoration: none;
      /*text-transform: uppercase;*/
    }

    .btn-halbach:hover,
    .btn-halbach:focus,
    .btn-halbach:active,
    .btn-halbach.btn-white,
    .bg-red .btn-halbach {
      background-color: white;
      color: #9A0023!important;
      border-color: #9A0023;
      text-decoration: none;
    }

    .bg-white .btn-halbach {
      color: #000!important;
      /*background-color: #9A0023;*/
      border: 1px solid #000;
    }

    .bg-white .btn-halbach:hover,
    .bg-white .btn-halbach:active,
    .bg-white .btn-halbach:focus {
      color: #fff!important;
      background-color: #000;
      border: 1px solid #000;
    }

    .btn-text {
      color: #940A2C;
      font-family: 'Antonio';
      font-weight: 600;
      font-size: 15px;
    }


  /*****************************
  *** MISC
  ******************************/
    .shadow-sm {}
    .shadow {box-shadow: 0px 3px 6px #3c3c3a29;}
    .shadow-lg {}

    blockquote {
      font-weight: bolder;
      line-height: 2;
      border-left: 6px solid #D2CDC6;
      color: #39342C;
      padding: 0 30px;
      margin: 15px 0;
    }

    pre {
      font-weight: bolder;
      line-height: 1.8;
      border-left: 6px solid #D2CDC6;
      border-radius: 0 6px 6px 0;
      color: #39342C;
      background-color: #d2d2d2;
      padding: 0 15px;
      margin: 15px 0;
    }

    hr {
      margin-top: 0px;
      margin-bottom: 0px;
      border-color: #bfbfbf;
      border-width: 1px;
      border-radius: 1px;
      width: 100%;
      opacity: 1;
    }

    .bg-image {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #d2d2d2;
      transition: all .5s ease;
      filter: blur(5px);
      margin-bottom: 0px;
    }

    .bg-image.bg-image-loaded {
      filter: blur(0px);
    }

    .rounded {border-radius: 9px!important;}

    .list-check ul {
      list-style-type: none;
      padding-left: 0;
    }


    .list-check ul li {
      padding: 5px 0 5px 35px;
      position: relative;
    }

    .list-check ul li::before,
    .content-item ul li::before {
      content: '';
      background-image: url('./img/list-check.svg');
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      position: absolute;
      left: 0;
      width: 30px;
      height: 30px;
      top: 1px;
    }

    .box {
      padding: 30px 45px;
      border-radius: 6px;
    }

    .box-glass {
      padding: 15px;
      background: rgba(0, 0, 0, 0.3);
      backdrop-filter: blur(15px);
      -webkit-backdrop-filter: blur(15px);
    }

    .box-glass-white {
      padding: 15px;
      background: rgba(255, 255, 255, 0.3);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(15px);
    }

    .btn-readmore {
      margin-top: 30px;
    }

    .read-more {
      display: none;
    }

    .btn-readmore span::after {
      content: 'Mehr erfahren';
      display: block;
    }

    .btn-readmore.active span::after {
      content: 'Weniger';
      display: block;
    }


/**********************************************************************
*** PAGE-NAVIGATION
*********************************************************************/

  /*****************************
  *** NAVBAR-META
  ******************************/
    #page-navigation-meta {}


  /*****************************
  *** NAVBAR
  ******************************/
    .navbar-halbach {
      /*background-color: transparent;*/
      background-color: white;
      height: 100px;
      transition: .5s box-shadow ease;
      z-index: 3;
      transition: .5s all ease;
    }

    .navbar-halbach > .container-fluid {
      max-width: 1440px;
      margin: 0 auto;
    }

    .navbar-brand {}

    #nav-logo {
      width: 300px;
      margin-top: 0;
    }

    .navbar-halbach .navbar-nav > li {
      background: transparent;
      transition: 1s color ease;
      /*padding: 10px 20px 11px;*/
      text-align: center;
    }

    .navbar-halbach .navbar-nav > li a {
      background: transparent;
      color: #101010;
      font-family: 'Antonio';
      font-weight: 500;
      font-size: 18px;
      text-transform: uppercase;
      transition: .5s all ease;
    }

    .navbar-halbach .navbar-nav li:hover > a,
    .navbar-halbach .navbar-nav li > a:active,
    .navbar-halbach .navbar-nav li > a:focus,
    .navbar-halbach .navbar-nav li.current_page_item > a,
    .navbar-halbach .navbar-nav li.current-page-ancestor > a,
    .navbar-halbach .navbar-nav li.current_page_parent > a,
    .navbar-halbach .navbar-nav > li a.active {
      color: #9a0023;
      background-color: transparent;
    }

    .navbar-halbach .navbar-nav li.current_page_item > a,
    .navbar-halbach .navbar-nav li.current-page-ancestor > a,
    .navbar-halbach .navbar-nav li.current_page {
      font-weight: bold;
    }

    .navbar-halbach .navbar-nav li.dropdown .dropdown-menu {
      border: 1px solid #fff;
      background-color: white;
      border-radius: 4px;
      padding: 15px;
      z-index: 9;
    }

    #page-navigation .navbar-nav li.dropdown a {
    }

    #page-navigation .navbar-nav li.dropdown .dropdown-menu a {
      font-size: 16px;
    }

    #page-navigation .dropdown-toggle::after {
      display: none;
    }

    #page-navigation.scrolled .navbar-nav li.dropdown .dropdown-menu {
      box-shadow: var(--bs-box-shadow)!important;
    }

    .navbar-halbach .navbar-nav li.dropdown:hover .dropdown-menu {
      display: block;
    }


/**********************************************************************
*** PAGE-HEADER
*********************************************************************/
  #page-header {}

  #page-header {
    max-width: 1920px;
    margin: 0 auto;
    transition: all 1s ease;
  }


  /*****************************
  *** PAGE HEADER IMAGE
  ******************************/
    #page-header-img {}


  /*****************************
  *** PAGE HEADER VIDEO
  ******************************/
    #page-header-video {}


  /*****************************
  *** PAGE HEADER BG
  ******************************/
    .page-header-bg {}



/**********************************************************************
*** CONTENT-SECTIONS
*********************************************************************/
  #main-content {}

  #page-content .container {}
  #page-content .container-fluid {
    max-width: 1920px;
    margin: 0 auto;
  }

  .content-section .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .content-section {
    position: relative;
    /*max-width: 1440px;
    max-width: 1160px;*/
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .content-intro > div > p:last-child,
  .content-intro > p:last-child,
  .content-area > div > p:last-child,
  .content-outro > div > p:last-child {margin-bottom: 0;}

  .content-title {}
  .content-title-heading {}
  .content-title-subheading {}

  .content-title-subline,
  .content-item-subline {
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .5px;
  }

  .bg-red .content-title-subline {
    color: #fff;
  }

  .content-intro {
    /*padding-top: 15px;*/
    padding-bottom: 30px;
  }

  .content-area {}

  [class*="container bg-"] {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  [class*="content-item bg-"] {
    padding: 15px;
  }

  .content-title-heading {
    margin-bottom: 30px;
  }

  .content-title-subheading {
    margin-bottom: 15px;
    z-index: 2;
    position: relative;
  }

  .content-item-title {
    padding-bottom: 15px;
  }
  .content-item-txt {}
  .content-item-subheading {
    padding-bottom: 15px;
  }
  .content-item-link {
    padding-top: 15px;
  }


  .content-outro {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .content-link {
    padding-top: 30px;
  }

  .item-title {}
  .item-txt {}
  .img-item {}

  .img-icon,
  .content-item-image-layout-icon {

  }

  .section-pagination {
    padding-bottom: 30px;
  }

  .section-pagination ul {
    list-style-type: none;
    padding-left: 0;

  }

  .section-pagination ul li {
    display: inline-block;
    padding: 0 10px;
  }

  .section-pagination ul li a {
    text-decoration: none;
    font-weight: bold;
  }

  .content-section-tiles.py-m {
    padding-bottom: 30px!important;
  }



  /*****************************
  *** HEADER
  ******************************/
    .content-section-header {}

    .content-section.content-section-header {
      /*max-width: 1440px;*/
    }

    #page-content > .content-section-header:first-child {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }

    #page-content > .content-section-header:first-child .header-image-container {
    }

    .content-section-header .header-image-container .container {
      left: 0;
      right: 0;
      margin: auto;
      width: unset;
      height: auto;
      bottom: 60px;
      top: unset;
    }

    .content-section-header .header-image-container,
    .content-section-header .swiper-header {
      /*max-width: 1440px;*/
      margin: 0 auto;
      overflow: hidden;
    }

    .swiper-slide .box-glass-white {
      position: absolute;
      bottom: 60px;
      left: 4vw;
      width: 47%;
      height: fit-content;
      top: unset;
      padding: 3vw;
    }

    .swiper-slide .box-glass-white h1,
    .swiper-slide .box-glass-white h2,
    .swiper-slide .box-glass-white h3,
    .swiper-slide .box-glass-white h4,
    .box-glass-white h1,
    .box-glass-white h2,
    .box-glass-white h3,
    .box-glass-white h4 {
      padding-bottom: 15px;
    }

    .content-section-header .swiper-button-next,
    .content-section-header .swiper-button-prev {
      position: absolute;
      top: unset;
      width: 30px;
      height: 30px;
      bottom: 15px;
      z-index: 2;
      padding: 5px;
      color: white;
      background-color: #9a0023;
      border-radius: 4px;
    }

    .content-section-header .swiper-button-next::after,
    .content-section-header .swiper-button-prev::after {
      font-size: 15px;
    }

    .content-section-header .swiper-button-next {
      right: calc(50% - 40px);
    }

    .content-section-header .swiper-button-prev {
      left: calc(50% - 40px);
    }


  /*****************************
  *** TEXT
  ******************************/
    .content-section-text {}

    .content-section-text .content-area ul li {
      color: #000;
    }

    .content-section-text .content-item {

    }

    .content-section-text .content-item-subheading {
      margin-bottom: 15px;
    }

    .content-section-text .content-intro {
      padding-top: 0;
    }


  /*****************************
  *** IMAGE-TEXT
  ******************************/
    .content-section-image-text {}

    .content-section-image-text.py-0 {
      padding-bottom: 60px!important;
    }

    .content-section-image-text .content-intro {
      padding-bottom: 45px;
    }

    .content-section-image-text .bg-image {
      min-height: 500px;
      height: 100%;
      background-position: center top;
    }

    .content-section-image-text.py-1 .content-item-text,
    .content-section-image-text.py-1 .content-item,
    .content-section-image-text.py-0 .content-item-text,
    .content-section-image-text.py-0 .content-item {
      padding-top: 60px;
      padding-bottom: 30px;
    }

    .content-section-image-text .image-text-map iframe {
      width: 100%;
      min-height: 400px;
    }


  /*****************************
  *** TILES
  ******************************/
    .content-section-tiles {}

    .content-section-tiles .content-item-subheading {
      /*font-size: 24px;
      padding: 0 15px 15px;
      word-break: keep-all;*/
    }

    .content-section-tiles.bg-red .content-item-subheading,
    .content-section-tiles.bg-red .content-item-text {
      color: white;
    }

    .content-section-tiles .content-area > div {
      margin-bottom: 30px;
    }

    .content-section-tiles .content-item {
      position: relative;
      padding: 15px 15px 0px;
    }


    /* LAYOUT TEASER */
      .content-section-tiles .content-item-layout-teaser {
        padding: 0;
        border-radius: 45px 45px 30px 30px;
      }

      .content-section-tiles .content-item-layout-teaser .img-layout-teaser,
      .content-section-tiles .content-item-layout-teaser .content-item-image-layout-teaser {
        border-radius: 45px!important;
      }

      .tile-teaser-box-content {
        padding: 30px 15px;
        /*position: relative;*/
      }

      .tile-teaser-box-content .box-glass {
        position: absolute;
        bottom: 30px;
        left: 15px;
        right: 15px;
      }

      .content-section-tiles .content-item-layout-teaser .blog-teaser-box-content {
        padding: 45px 15px 30px;
      }


    /* LAYOUT ICON */
      .content-section-tiles.layout-icon .content-item {
        padding-bottom: 30px;
      }

      .img-layout-icon {
        max-width: 80px;
      }


    /*LAYOUT TESTIMONIAL */
      .swiper-testimonial {
        overflow: hidden;
        position: relative;
        padding-bottom: 60px;
      }

      .content-item-layout-box {}

      .content-item-layout-testimonial .content-item-title {
        top: 15px;
        left: 15px;
        height: 40px;
        right: 15px;
        width: unset;
      }

      .content-item-layout-testimonial .content-item-text {
        top: 50px;
        left: 15px;
        bottom: 15px;
        height: unset;
        right: 15px;
        width: unset;
      }

      .content-item-layout-testimonial .content-item-text p:last-child {
        bottom: 0px;
        height: 40px;
        display: block;
        position: absolute;
      }

      .layout-testimonial .swiper-button-next,
      .layout-testimonial .swiper-button-prev {
        position: absolute;
        top: unset;
        width: 30px;
        height: 30px;
        bottom: 15px;
        z-index: 2;
        padding: 5px;
        color: white;
        background-color: #9a0023;
        border-radius: 4px;
      }

      .layout-testimonial .swiper-button-next::after,
      .layout-testimonial .swiper-button-prev::after {
        font-size: 15px;
      }

      .layout-testimonial .swiper-button-next {
        right: 0;
      }

      .layout-testimonial .swiper-button-prev {
        right: 40px;
        left: unset;
      }


  /*****************************
  *** IMAGE
  ******************************/
    .content-section-image {}

    .content-section-image .content-item {
      margin-bottom: 0px;
    }

    .content-section-image .content-item-image {
      /*margin-bottom: 15px;*/
    }

    .content-section-image .content-item-text em > strong > span {
      color: #9a0023 !important;
    }

    .layout-icon .img-item {
      max-width: 80px;
      max-height: 80px;
    }


  /*****************************
  *** SHORTCODE
  ******************************/
    .content-section-shortcode {}

    .content-section-shortcode .container-fluid {
      max-width: 1530px!important;
    }

    .content-section-shortcode .es-carousel-layout-item {
      border-radius: 12px;
      border: 1px solid #e8e8e8;
      background-color: white;
    }

    #eapps-linkedin-feed-325c9bd8-0c09-4c27-b70e-38f351931235 {
      border-radius: 40px;
      border: 1px solid #7f7f7f;
      padding: 30px;
    }


  /*****************************
  *** SLIDER
  ******************************/
    .content-section.content-section-slider {
      /*max-width: 1440px;*/
    }

    .swiper-slider > .swiper-wrapper {
      transition-timing-function: linear;
      justify-content: center;
    }


  /*****************************
  *** SLIDER GALLERY
  ******************************/
    .content-slider-gallery-gallery-item {}


  /*****************************
  *** TEAM
  ******************************/
    .content-section-team {}


  /*****************************
  *** CONTACT
  ******************************/
    .content-section-contact {}


  /*****************************
  *** ICONS
  ******************************/
    .content-section-icons {}


  /*****************************
  *** MOOD-TEXT
  ******************************/
    .content-section-mood-text {}


  /*****************************
  *** ACCORDION
  ******************************/
    .content-section-faq {}


  /*****************************
  *** IMAGE GALLERY
  ******************************/
    .content-section-image-gallery {}


  /*****************************
  *** SLIDER
  ******************************/
    .content-slider-flickity {}


  /*****************************
  *** CONTACTFORM
  ******************************/



/**********************************************************************
*** BLOG
*********************************************************************/
    
    body.blog {}


  /*****************************
  *** PAGINATION
  ******************************/
    .pagination {
      --bs-pagination-color: #9a0023;
      --bs-pagination-bg: #fff;
      --bs-pagination-border-color: #9a0023;
      --bs-pagination-border-radius: 4px;

      --bs-pagination-hover-color: #fff;
      --bs-pagination-hover-bg: #9a0023;
      --bs-pagination-hover-border-color: #9a0023;

      --bs-pagination-active-color: #fff;
      --bs-pagination-active-bg: #9a0023;
      --bs-pagination-active-border-color: #9a0023;
    }

    

/**********************************************************************
*** SIDEBAR
*********************************************************************/
  #page-sidebar {}

  #page-sidebar section {
    padding: 0 30px 30px;
  }



/**********************************************************************
*** PAGE-SECTIONS
*********************************************************************/
  #page-sections {}
  .page-section {}


  /*****************************
  *** PAGE-SECTION CONTACT
  ******************************/
  


/**********************************************************************
*** PAGE-FOOTER
*********************************************************************/
  #page-footer {}

  #page-footer {
    margin: 60px auto 0;
  }

  #footer-mood {
    padding: 60px;
    margin-bottom: -6vw;
  }

  #footer-mood-text {
    /*background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);*/
  }

  #footer-mood-text a {
    color: #FDF6EF;
    text-decoration: none;
    font-weight: 600;
  }


  /*****************************
  *** PAGE-FOOTER-BLOCKS
  ******************************/
  #page-footer-blocks {
    background-color: white;
    color: black;
    padding-top: 7vw;
  }

  .page-footer-block {
    padding: 30px 0;
  }

  .page-footer-block p {
    margin-bottom: 10px;
    color: black;
  }

  .page-footer-block strong {
    font-family: 'Antonio';
    font-weight: 600;
  }

  .page-footer-block a {
    color: black;
    text-decoration: none;
  }

  #footer-mood-text {
    /*margin: 60px auto;*/
    padding: 30px;
  }

  .dashicons.xl {
    width: 50px;
    height: 40px;
  }


  /*****************************
  *** PAGE-FOOTER-MENU
  ******************************/
    #page-footer-menu {}


  /*****************************
  *** PAGE-FOOTER-META
  ******************************/
    #page-footer-meta {
      background-color: white;
    }

    #page-footer-meta .img-fluid.me-5 {
      max-height: 60px;
    }

    #page-footer-meta a {}



/**********************************************************************
*** SINGLE
*********************************************************************/
  #single-content {}

  #single-content .container {
    max-width: 1140px;
  }

  #single-main h1, #single-main .h1,
  #single-main h2, #single-main .h2,
  #single-main h3, #single-main .h3,
  #single-main h4, #single-main .h4,
  #single-main h5, #single-main .h5,
  #single-main h6, #single-main .h6 {
    margin-top: 30px;
    margin-bottom: 15px;
    /*hyphens: auto;*/
  }

  #single-main h1, #single-main .h1 {font-size: 41px;}
  #single-main h2, #single-main .h2 {font-size: 31px;}
  #single-main h3, #single-main .h3 {font-size: 21px;}

  #single-main {
    /*border: 1px solid #e0e0e0;*/
    border-top: 0px solid white;
    padding: 30px;
  }

  #single-content .content-section-intro-image figure {
    border-radius: 60px;
    margin-right: 0;
  }

  #single-main strong,
  #single-main .bold {
    font-weight: bold;
    color: black;
  }

  #single-main .wpcf7-form {
    padding: 30px;
    background-color: lightgray;
    border-radius: 30px;
  }

  #single-content #single-main figure {
    max-width: 100%;
  }

  #single-main figure figcaption {
    padding-top: 10px;
    font-style: italic;
  }

  #single-content .content-section-intro-image figure {
    min-height: 350px;
    margin-right: 0;
    background-position: center;
  }



/**********************************************************************
*** ELF LINKEDIN
*********************************************************************/
  #page-content .content-section.content-section-shortcode .content-item #eapps-instagram-feed-1.elfsight-app-303a6e5a-de96-4788-a49d-4e608c9466b7.eapps-instagram-feed.es-widget.eapps-widget.eapps-widget-show-toolbar > a {
    display: none!important;
    opacity: 0!important;
  }

  #page-content .content-section.content-section-shortcode .content-item #eapps-instagram-feed-1.elfsight-app-303a6e5a-de96-4788-a49d-4e608c9466b7.eapps-instagram-feed.es-widget.eapps-widget.eapps-widget-show-toolbar > a::after,
  #page-content .content-section.content-section-shortcode .content-item #eapps-instagram-feed-1.elfsight-app-303a6e5a-de96-4788-a49d-4e608c9466b7.eapps-instagram-feed.es-widget.eapps-widget.eapps-widget-show-toolbar > a > div::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #3c3c3a;
  }

  .eapps-instagram-feed-posts-item {
    border-radius: 9px;
  }

  #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
    background: #9a0023!important;
  }



/**********************************************************************
***
*********************************************************************/



/**********************************************************************
*** FORMS
*********************************************************************/
  .wpcf7 {}

  .wpcf7 label {
    font-family: 'Antonio'!important;
    font-size: 150%;
    width: 100%;
  }

  .wpcf7 label > span {
    margin-top: 10px;
  }

  .wpcf7-acceptance label,
  .wpcf7 input {
    font-size: 100%;
  }

  .wpcf7 .wpcf7-form-control {
    width: 100%;
    border: 1px solid #959594;
    border-radius: 9px;
    padding: 10px 15px;
    margin-bottom: 30px;
    font-family: 'Work Sans'!important;
    font-size: 80%;
  }

  .wpcf7 .wpcf7-form-control.wpcf7-acceptance {
    border: 0px solid #959594;
    padding: 15px 0;
    display: block;
    margin-bottom: 0;
    font-family: 'Work Sans'!important;
  }

  .wpcf7 .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label {
    padding-left: 5px;
  }

  .wpcf7 .wpcf7-form-control::placeholder {
    font-weight: 300;
    opacity: 0.5;
  }

  .wpcf7-form-control.wpcf7-submit {
    width: auto;
    min-width: 200px;
    margin-top: 30px;
  }

  .screen-reader-response {
    display: none!important;
  }

  .wpcf7-form-control-wrap {
    position: relative;
    display: block;
  }

  .wpcf7-not-valid-tip {
    position: absolute;
    top: 13px;
    right: 18px;
    background-color: white;
    padding: 0 5px;
    font-size: 65%;
    color: #9a0023;
  }

  .kc_captcha .wpcf7-not-valid-tip {
    top: 0px;
  }

  .wpcf7-response-output {
    color: white;
  }


/**********************************************************************
*** IMPRESSUM & DATENSCHUTZ
*********************************************************************/
  body#page-392,
  body#page-3 {}

  .meta-page.content-section h1,
  .meta-page.content-section h2,
  .meta-page.content-section h3,
  .meta-page.content-section h4 {
    margin-bottom: 15px;
    margin-top: 30px;
  }

  .meta-page.content-section h2 {font-size: 31px;}



/**********************************************************************
*** QUICKLINKS
**********************************************************************/
  #quicklinks {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 1;
  }

  #quicklinks-wrapper {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
  }

  #quicklinks-wrapper li {
    border: 1px solid #9a0023;
  }

  #quicklinks-wrapper li:first-child {
    margin-top: 0;
  }

  .quicklink-item {
    background-color: #9a0023;
    padding: 0;
    transition: .5s all ease;
    transform: translateX(150px);
    width: 200px;
    height: 54px;
    margin-top: -1px;
  }

  .quicklink-item:hover {
    transform: translateX(0);
  }

  .quicklink .dashicons {
    color: white;
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #9a0023;
    padding: 15px;
    transition: color .8s ease;
  }

  .quicklink .quicklink-text a {
    background-color: #9a0023;
    color: white;
    line-height: 50px;
    vertical-align: super;
    font-size: 18px;
    font-family: 'Antonio';
    font-weight: 600;
    height: 50px;
  }

  .quicklink:hover {
    text-decoration: none;
    color: #ee1a22;
  }

  .quicklink .dashicons {
    font-size: 21px;
    text-align: center;
  }



/**********************************************************************
*** BREAKPOINT XL MIN 1920px
*********************************************************************/
  @media (min-width: 1920px) {

  }



/**********************************************************************
*** BREAKPOINT XL MAX 1399px
*********************************************************************/
  @media (max-width: 1399px) {

    /** BASICS **/


    /** MENU **/
      .navbar-halbach .navbar-nav > li {
        padding: 18px 10px 12px;
      }

    /** HEADER **/


    /** CONTENT **/
      .content-section-intro .content-title-heading {/*hyphens: auto;*/}

  }


/**********************************************************************
*** BREAKPOINT LG MAX 1199px
*********************************************************************/
  @media (max-width: 1199px) {

    /** BASICS **/


    /** MENU **/


    /** HEADER **/
      .navbar-halbach .navbar-nav > li {
        padding: 18px 0px 12px;
      }
      /*.navbar-text {width: 200px;}
      .navbar-text > span {width: 100%;}*/


    /** CONTENT **/

      .content-section-intro-image figure {/*margin-right: -15px;*/}

      .layout-testimonial .swiper-button-prev {right: 55px;}
      .layout-testimonial .swiper-button-next {right: 15px;}


    /** FOOTER **/


  }


/**********************************************************************
*** BREAKPOINT MD MAX 991px
*********************************************************************/
  @media (max-width: 991px) {

    /** BASICS **/
      body {font-size: 18px;}
      h1, .h1 {font-size: 36px; line-height: 1.2;}
      h2, .h2 {font-size: 36px; line-height: 1.2;}
      h3, .h3 {}
      h4, .h4 {}
      h5, .h5 {}
      h6, .h6 {}


    /** MENU **/


    /** NAV **/
      .navbar-halbach {height: 70px;}
      #page-navigation .navbar-nav li.dropdown a {font-size: 14px;}
      #nav-logo {margin-top: 0px;}
      #navbar-contact {display: none;}
      #menu-hauptmenu.justify-content-start {justify-content: flex-end !important;}

      .navbar-toggler {
        position: absolute;
        top: 15px;
        right: 15px;
        font-size: var(--bs-navbar-toggler-font-size);
        color: #9a0023;
        border: none;
        border-radius: 0;
      }

      .navbar {
      --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28230, 57, 44%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }

      .navbar-halbach .navbar-nav > li {padding: 10px 0px 10px;}
      .navbar-halbach .navbar-nav > li a {font-size: 14px;}


    /** HEADER **/
      .swiper-slide .box-glass {width: 70%;}



    /** BLOG **/



    /** FOOTER **/



  }


/**********************************************************************
*** BREAKPOINT SM MAX 767px
*********************************************************************/
  @media (max-width: 767px) {

    /** BASICS **/
      body {font-size: 16px;}

      h1, .h1 {font-size: 41px;}
      h2, .h2 {font-size: 41px;}
      h3, .h3 {font-size: 20px;}
      h4, .h4 {font-size: 17px;}

      .xxl {font-size: 50px !important;}

      body.admin-bar #page-navigation {top: 45px;}
      #page-navigation .container {background-color: white;}
      #page-navigation .navbar-nav li.dropdown .dropdown-menu a {font-size: 14px;}


      p {margin: 0 0 10px;}

      .pb-m {padding-bottom: 30px !important;}
      #page-content .content-section-arrow:last-child {margin-bottom: 30px !important;}


    /** NAV **/
      .navbar-halbach {height: 60px; padding-top: 0; position: sticky; box-shadow: var(--bs-box-shadow) !important;}
      .home .navbar-halbach,
      .navbar-halbach.scrolled {background: white!important;}

      .navbar-brand {padding: 5px 5px 5px 15px;}
      #nav-logo {width: 230px; margin-top: 5px;}
      .navbar-toggler {top: 9px;}
      .navbar-halbach > .container-fluid {padding-left: 0; padding-right: 0;}

      #menu-hauptmenu {padding-top: 15px; padding-bottom: 15px; padding-right: 15px; background-color: white; box-shadow: none;}
      .navbar-halbach .navbar-nav li {text-align: right; padding: 5px 15px 5px;}
      .navbar-halbach .navbar-nav li li {padding-right: 0px;}
      .navbar-halbach .navbar-nav li a {font-size: 14px; display: block; position: relative; white-space: wrap;}
      .navbar-halbach .menu-mail a {float: left;}
      .navbar-halbach .navbar-nav li.dropdown .dropdown-menu {display: none; float: right; text-align: left; padding: 0 0 5px; border: none;}
      .navbar-halbach .navbar-nav li.current_page_item.dropdown > .dropdown-menu,
      .navbar-halbach .navbar-nav li.current-menu-parent.dropdown > .dropdown-menu {display: block;}
      #page-navigation.scrolled .navbar-nav li.dropdown .dropdown-menu {box-shadow: none!important;}
      .home .navbar-halbach .navbar-nav > li a {color: #000;}
      .navbar-halbach .navbar-nav li.current-page-ancestor > a,
      .navbar-halbach .navbar-nav li.current_page_parent > a,
      .navbar-halbach .navbar-nav li.current_page_item > a,
      .home .navbar-halbach .navbar-nav li.current-page-ancestor > a,
      .home .navbar-halbach .navbar-nav li.current_page_parent > a {color: #9a0023;}

      .navbar-halbach .dropdown-menu a::before {
        content: '-';
        position: absolute;
        top: 3px;
        right: 0;
        display: inline-block;
      }


    /** HEADER **/
      .swiper-slide .box-glass {width: 80%;}
      .swiper-slide .box-glass-white {bottom: 30px;left: 15px;width: 92%;}
      .swiper-slide .box-glass-white h1,
      .swiper-slide .box-glass-white h2 {font-size: 31px;}



    /** CONTENT **/
      .content-title-heading {margin-bottom: 15px;}
      .content-section-faqs .content-title-heading {margin-bottom: 30px;}
      .content-item-image {margin-bottom: 30px;}
      /*.content-item {margin-bottom: 30px;}*/
      .content-link {padding-top: 15px;}
      .img-icon {max-width: 135px;}
      .img-team {max-width: 300px;}


      .content-section-header .content-intro {padding: 0 0 0px;}
      .content-section-image-text.bg-s-red-white .content-item {padding-top: 0px;}

      .content-section-intro .content-intro {padding: 0 0 30px;}
      .content-section-intro-image figure.bg-rounded {background-position: center top;}

      .list-item-title > div {text-align: left!important; padding-bottom: 5px;}

      .content-section-tiles .content-item {max-width: 320px; margin: 0 auto;}

      .contact-box {margin-top: 30px;}

      .content-section-text .content-item,
      .content-section-text .content-item ul {margin-bottom: 0px;}

      #page-14 .content-section-text .content-item-text {margin-bottom: 30px;}
      #page-14 .content-section-text .content-item-subheading {margin-bottom: 0px; padding-bottom: 0;}

      main > .content-section-text:last-child .content-intro {padding-top: 0; padding-bottom: 0;}


      .content-section-image-text .bg-image {min-height: 500px;}
      .content-section-image-text .content-area-list > div {margin: 15px 0;}
      .content-section-image-text .content-item-txt em > strong {display: block; width: 100%;}
      .content-section-image-text .content-item-text-position-right .content-item {padding-left: 0px;}

      .container .content-item-text-position-left figure {margin-left: 0;}

      .content-section-tiles .content-item-hover-wrapper p {margin-bottom: 5px;}
      .content-section-tiles .content-area > div {margin-bottom: 30px;}
      .content-section-tiles.layout-icon .content-area > div {margin-bottom: 30px;}
      .content-section-tiles.layout-icon .content-area > div:last-child {margin-bottom: 0px;}
      .content-section-tiles .content-item-layout-list {margin-bottom: 0;}
      .content-section-tiles .content-item.content-item-layout-icon.has-hover {padding-top: 20%;}

      .content-section-slider .content-outro img.aligncenter {display: inline-block; width: 49%; margin-bottom: 30px;}
      .content-section-slider .content-outro div p > img:nth-child(3),
      .content-section-slider .content-outro div p > img:nth-child(4) {
        margin-bottom: 0!important;}

      .content-section-intro-title {padding-top: 0px;}
      .content-section-intro .content-title-heading {margin-bottom: 30px;}
      .content-section-intro-image figure {min-height: 500px;}

      .content-section-arrow .content-title-heading {font-size: 195%;}

      .content-section-video iframe.rounded {border-radius: 30px!important;}


    /** FOOTER **/
      #page-footer.py-5 {padding-bottom: 0!important;}

      .page-footer-block {padding: 15px 0;}



      .content-experts .col-lg-6 {margin-bottom: 30px;}

  }


/**********************************************************************
*** BREAKPOINT XS MAX 575px
*********************************************************************/
  @media (max-width: 575px) {

    /** BASICS **/
      body {font-size: 15px;}

      h1, .h1 {font-size: 31px;}
      h2, .h2 {font-size: 31px;}
      h3, .h3 {font-size: 18px;}
      h4, .h4 {font-size: 16px;}

      .py-m {padding-top: 30px!important; padding-bottom: 30px!important;}


    /** MENU **/


    /** HEADER **/
      .content-title-heading {margin-top: 15px; hyphens: auto;}
      .content-section-header .content-title-heading span {font-size: 58%;}
      .swiper-slide .box-glass-white h1,
      .swiper-slide .box-glass-white h2 {font-size: 19px; padding-bottom: 0;}
      .swiper-header .swiper-slide .box-glass-white > p {display: none;}
      .swiper-header .swiper-button-prev,
      .swiper-header .swiper-button-next {display: none;}
      .content-section-header .header-image-container .container {bottom: 25px;}
      .swiper-slide .box-glass-white h1,
      .swiper-slide .box-glass-white h2,
      .content-section-header .box-glass-white h1,
      .content-section-header .box-glass-white h2 {font-size: 26px; padding-bottom: 0;}
      .content-section-header .box-glass-white > p {display: none;}



    /** CONTENT **/
      .box {padding: 30px 15px;}

      .content-section-intro .content-title-heading {hyphens: none;}
      .content-section-intro-image figure {min-height: 300px;}
      .content-section-intro .content-title-heading {margin-bottom: 20px;}
      .content-section-intro .pt-3.pb-3,
      .content-section-intro .pt-3.pb-5 {padding: 0 0 15px!important;}

      .content-section-arrow .content-title-heading {font-size: 160%;margin: 0 0 15px!important;}

      .btn-halbach.btn-xl,
      .btn-halbach.btn-xl:hover {
        font-size: 24px!important;
        padding: 2vw 3vw !important;
      }


    /** PAGE **/


    /** FOOTER **/
      #footer-mood {padding: 30px; margin-bottom: -6vw;}

      #page-footer-meta .img-fluid.me-5 {margin-bottom: 15px;}

  }

  @media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1160px;
    }
  }


/**********************************************************************
*** ANIMATIONS
*********************************************************************/
    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }


  @media (min-width: 1200px) {
    /*.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1440px;}*/
  }

  @media (max-width: 1200px) {.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: none;}}



/**********************************************************************
*** IE 10+
*********************************************************************/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  }