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

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

    
    /* ------ Navigation ------ */

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

    .navigation__item {
      color: #00476b    }

    .navigation__item:hover {
      color: #00476b    }


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

    .navigation .navigation__inner .navigation__logo {
      height: 75% !important;    }

    /* 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: #00476b    }

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

          .icon__navwalker svg{
        fill: #1d1d1d;
      }
      .icon__navwalker svg path{
        fill: #1d1d1d;
      }
    
    #hamburger-icon .line {
      background: #00476b    }

    .overlay {
      background-color: #ffffff    }

    .navigation .overlay a {
      color: #00476b    }

    .navigation #hamburger-icon.cross .line {
      background: #00476b !important    }

    #scrollNav {
      background-color: #ffffff    }

  

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

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

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

    .footer{
      background-color: #f5f4f2;
      color: #00476b    }

    .footer a{
      color: #00476b    }

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


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

      h1 {
        font-size: 4rem;
        font-weight: 400;
        color: ;
      }

      h2 {
        font-size: 2.25rem;
        font-weight: 400;
        color: #00476b;
      }
      h3 {
        font-size: 1.75rem;
        font-weight: 300;
        color: #00476b;
      }

      h4 {
        font-size: 1.25rem;
        font-weight: 300;
        color: #00476b;
      }

      h5 {
        font-size: 1.25rem;
        font-weight: 400;
        color: #fb776a;
      }

      h6 {
        font-size: 1rem;
        font-weight: 400;
        color: ;
      }

      body {
        font-size: 1.25rem;
        font-weight: 300;
        color: #2b2b2a;
      }


      
              @media only screen and (max-width: 1199.98px) {
                                                   h5 { font-size: 1.0rem; }                      body { font-size: 1.0rem; }         }
      
      
              @media only screen and (max-width: 767.98px) {
           h1 { font-size: 2.5rem; }            h2 { font-size: 1.75rem; }            h3 { font-size: 1.35rem; }            h4 { font-size: 1.15rem; }                                       }
      
    /* ------ Buttons und Links ------ */

    body a{
      color: #fb776a    }

    body a:hover{
      color: #00476b;
    }

    .button {
      background-color: ;
      border-color: ;
      border-radius: 30px;
    }

    .button a, .field-wrap input[type=button] {
      color: #00476b !important;
      padding: 6px 12px;
    }

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

    .button.button--2 a{
      padding: 6px 12px;
    }

    .button.button--2:after {
      color: ;
      padding: 6px 10px;
    }

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

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

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

    .kacheln__arrows .kacheln__arrows--prev:hover, .kacheln__arrows .kacheln__arrows--next:hover {
      color:     }

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

    .moove-gdpr-button-holder button {
      border-radius: 30px !important;
      background-color:  !important;
      border-color:  !important;
    }

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

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

    #moove_gdpr_cookie_modal #moove-gdpr-menu .menu-item-selected button {
      background-color:  !important;
      color: #00476b !important;
    }


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