:root{
      --spacing-h1-index: 3.25rem;
      --h1-subpage-base-size: 38px;
      --h1-subpage-mobile-size: 30px;
      --h1-subpage-base-line-height: 1.2;
      --h2-subpage-base-size: 30px;
      --h2-subpage-mobile-size: 26px;
      --h2-subpage-base-line-height: 1.2;
      --h3-subpage-base-size: 24px;
      --h3-subpage-mobile-size: 22px;
      --h3-subpage-base-line-height: 1.2;
      --h4-subpage-base-size: 22px;
      --h4-subpage-mobile-size: 20px;
      --h4-subpage-base-line-height: 1.2;
      --h5-subpage-base-size: 20px;
      --h5-subpage-base-line-height: 1.2;
    }
    body {
          font-family: var(--primary-font-r) !important;
    }

#website-wrapper #website .header ul.main-menu li a, #website .header ul.main-menu li > button {
    font-size: 16px;
}
#website-wrapper #website .button,    
#website-wrapper #website .header ul.main-menu li a, #website .header ul.main-menu li > button,
#website-wrapper #website .hero-grid .hero-tile .hero-tile--content .hero-tile--title
{
    font-family: var(--primary-font-b) !important;
    font-weight: 500 !important;
}

html #website-wrapper #website .container-inner > :not(article) .gray-frame .h3, 
html #website-wrapper #website .container-inner > :not(article) .gray-frame h3, 
html #website-wrapper #website .container-inner > :not(article) .white-frame .h3, 
html #website-wrapper #website .container-inner > :not(article) .white-frame h3, 
html #website-wrapper #website .container-inner > article .gray-frame .h3, 
html #website-wrapper #website .container-inner > article .gray-frame h3, 
html #website-wrapper #website .container-inner > article .white-frame .h3, 
html #website-wrapper #website .container-inner > article .white-frame h3
{
  font-family: var(--primary-font-r) !important;
  font-size: var(--h3-subpage-base-size);
  color: var(--secondary-color);
  line-height: var(--h3-subpage-base-line-height);
  padding: 0 0 var(--spacing-line);
  margin: auto auto var(--spacing-h3);
  text-transform: unset !important;
  font-weight: 500;
}

#website-wrapper #website .container-inner>:not(article) .container-box-headline, 
#website-wrapper #website .container-inner>:not(article) .h1, 
#website-wrapper #website .container-inner>:not(article) h1,
#website-wrapper #website .container-inner>:not(article) .catalog-teaser header .h2, 
#website-wrapper #website .container-inner>:not(article) .h3, 
#website-wrapper #website .container-inner>:not(article) h3,
#website-wrapper #website .header .submenu-inner .level-2 li>.title,
#website-wrapper #website .header ul.main-menu li a, 
#website-wrapper #website .header ul.main-menu li > button,
#website-wrapper #website .catalog-teaser header .container-inner>article .h2, 
#website-wrapper #website .container-inner>article .catalog-teaser header .h2, 
#website-wrapper #website .container-inner>article .h3, 
#website-wrapper #website .container-inner>article h3,
#website-wrapper #website .container-inner>article .h4, 
#website-wrapper #website .container-inner>article h4,
#website-wrapper #website .container-inner>article .h5, 
#website-wrapper #website .container-inner>article h5,
    #website-wrapper #website .container-inner>article .h2, 
    #website-wrapper #website .container-inner>article h2,
    #website-wrapper #website .hero-grid .hero-tile .hero-tile--content .hero-tile--title,
    #website-wrapper #website .container-inner > article .container-box-headline, 
    #website-wrapper #website .container-inner > article .h1, 
    #website-wrapper #website .container-inner > article h1:not(.headline),
#website-wrapper #website .container-inner>:not(article) .h2, 
#website-wrapper #website .container-inner>:not(article) h2
{
      text-transform: unset !important;
      font-weight: 500;
      font-family: var(--primary-font-r) !important;
    }



#website .quote blockquote {
    font-size: 22px;
    line-height: 1.2;
}

#website-wrapper #website .beratungstermin-teaser .content .headline {
  text-transform: unset;
  font-family: var(--primary-font-r);
  font-size: 30px;
}

#website-wrapper #website .quote:after {color: var(--primary-color);}    
#website-wrapper #website article .word-rotator {
  margin-bottom: 3rem;
}

#website-wrapper #website .carousel-wrapper-carousel-center-active-item-3 {
  overflow: hidden;
}
#website-wrapper #website .hero-grid .hero-tile.hero-tile-layout-2.hero-tile-bgcolor-1 {
    background: linear-gradient(160deg, #286c42 0%, #36925b 100%);
}
   .ce-menu-abstract .ce-textpic .ce-gallery .ce-row .ce-column .ce-media picture img {
     max-height: 298px;
   }
  @media screen and (max-device-width: 1024px) {
      #website-wrapper #website .aside-container {
        display: none;
      }
  }
  @media screen and (max-device-width: 768px) {
      
      #website-wrapper #website .container-inner>:not(article) .h1, 
      #website-wrapper #website .container-inner>:not(article) h1
      {
        font-size: var(--h1-subpage-mobile-size) !important;
        line-height: var(--h1-subpage-base-line-height) !important;
      }
      
      #website-wrapper #website .container-inner>:not(article) .h2, 
      #website-wrapper #website .container-inner>:not(article) h2
      {
        font-size: var(--h2-subpage-mobile-size) !important;
        line-height: var(--h2-subpage-base-line-height) !important;
      }
      #website-wrapper #website .container-inner>:not(article) .h3, 
      #website-wrapper #website .container-inner>:not(article) h3
      {
        font-size: var(--h3-subpage-mobile-size) !important;
        line-height: var(--h3-subpage-base-line-height) !important;
      }
      #website-wrapper #website .container-inner>:not(article) .h4, 
      #website-wrapper #website .container-inner>:not(article) h4
      {
        font-size: var(--h4-subpage-mobile-size) !important;
        line-height: var(--h4-subpage-base-line-height) !important;
      }
      #website-wrapper #website .owl-carousel .owl-nav {
        margin: 0 !important
      }

  }