/* ------ Theme Font ------ */
          body{
        font-family: 'Lato', sans-serif;
      }
    

    /* ------ Layout ------ */

          @media (min-width: 1400px){
        .container, .container-xl{
          max-width: 1400px;
        }
      }
    
    /* ------ Navigation ------ */

    .navigation #desktopNav{
      height: 175px;
      background-color: #ffffff;
    }

    .navigation__item {
      color: #5b5b5b    }

    .navigation__item:hover {
      color: #5b5b5b    }

    .sub-menu {
      background-color: #ffffffee;
    }

    .navigation .navigation__inner .navigation__logo {
      height: 75%    }

    /* Kleiner Menupfeil hinter Sub Menu Item mit passender Farbe */
    #desktopNav .menu-item-has-children:after, #scrollNav .menu-item-has-children:after, #mobileNav .menu-item-has-children>a:after{
      background-color: #5b5b5b    }

    /* Sub Menu Icon */
    .icon__navwalker{
      transform: translateY(0px) scale(1.4);
    }

          .icon__navwalker svg{
        fill: #5b5b5b;
      }
    
    #hamburger-icon .line {
      background: #5b5b5b    }

    .overlay {
      background-color: #ffffff    }

    .navigation .overlay a {
      color: #5b5b5b    }

    .navigation #hamburger-icon.cross .line {
      background: #5b5b5b !important    }

    #scrollNav {
      background-color: #ffffff    }

    /* Hoehe der Navbar */
    .block__inner--header-1col, .block__inner--header-2col {
      min-height: calc(100vh - 175px);
    }

    .block__inner--header-1col img {
      height: calc(100vh - 175px);
    }

    
    #mobileNav.overlay .overlay-content{
      text-align: left    }

    
          #mobileNav.overlay, .mobile-nav-color{
        background-color: #ffffff !important      }
    

    /* ------ Footer ------ */

    .footer{
      background-color: #f1ece9;
      color: #5b5b5b    }

    .footer a{
      color: #5b5b5b    }

    .footer a:hover{
      color: #5b5b5b;
      filter: brightness(75%)
    }


    /* ------ Theme Typografie ------ */

      h1 {
        font-size: 2rem;
        font-weight: 700;
        color: ;
      }

      h2 {
        font-size: 1.75rem;
        font-weight: 600;
        color: ;
      }
      h3 {
        font-size: 1.75rem;
        font-weight: 400;
        color: ;
      }

      h4 {
        font-size: 2.25rem;
        font-weight: 500;
        color: ;
      }

      h5 {
        font-size: 1.35rem;
        font-weight: 500;
        color: ;
      }

      h6 {
        font-size: 1.1rem;
        font-weight: 400;
        color: #80a017;
      }

      body {
        font-size: 1.1rem;
        font-weight: 400;
        color: #5b5b5b;
      }


      
      
              @media only screen and (max-width: 991.98px) {
                                                                       body { font-size: 1.1rem; }         }
      
              @media only screen and (max-width: 767.98px) {
           h1 { font-size: 1.5rem; }            h2 { font-size: 1.4rem; }            h3 { font-size: 1.4rem; }                      h5 { font-size: 1.25rem; }                      body { font-size: 1rem; }         }
      
    /* ------ Buttons und Links ------ */

    body a{
      color:     }

    body a:hover{
      color: ;
    }

    .button {
      background-color: #5b5b5b;
      border-color: #5b5b5b;
      border-radius: 0px;
    }

    .button a, .field-wrap input[type=button] {
      color: #FFFFFF !important;
      padding: 7.5px 15px;
    }

    .button:hover a, .field-wrap input[type=button]:hover {
      color: #5b5b5b !important    }

    .button.button--2 a{
      padding: 7.5px 15px;
    }

    .button.button--2:after {
      color: #5b5b5b;
      padding: 7.5px 12.5px;
    }

    .button--3:before {
      border-color: #5b5b5b !important    }

    .kacheln__dots ul li.slick-active button {
      background-color: #5b5b5b;
    }

    .kacheln .kacheln__dots ul li button {
      border-color: #5b5b5b;
    }

    .kacheln__arrows .kacheln__arrows--prev:hover, .kacheln__arrows .kacheln__arrows--next:hover {
      color: #5b5b5b    }

    /* ------ Cookie Plugin ------ */

    .moove-gdpr-button-holder button {
      border-radius: 0px !important;
      background-color: #5b5b5b !important;
      border-color: #5b5b5b !important;
    }

    #moove_gdpr_cookie_info_bar button:hover {
      color: #5b5b5b !important;
    }

    #moove_gdpr_cookie_info_bar a, #moove_gdpr_cookie_info_bar span.change-settings-button{
      color:  !important;
    }

    #moove_gdpr_cookie_modal #moove-gdpr-menu .menu-item-selected button {
      background-color: #5b5b5b !important;
      color: #FFFFFF !important;
    }


    /* ------ Aufzählungszeichen ------ */