.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#085454;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FFB30D;--e-global-color-3130b38:#000000;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-3130b38 );font-family:"Roboto", Sans-serif;font-size:20px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-3130b38 );}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-6{font-size:14px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root{
  /* Basis (Body Copy) – skaliert zwischen 15px und 18px mit der Breite */
  --fs-body: clamp(15px, 0.9vw + 0.2rem, 18px);

  /* Überschrift-Skala – passe die Maxwerte an deine CI an */
  --fs-h1: clamp(28px, 4.2vw + 0.2rem, 56px);
  --fs-h2: clamp(24px, 3.2vw + 0.2rem, 44px);
  --fs-h3: clamp(20px, 2.2vw + 0.2rem, 32px);
  --fs-h4: clamp(18px, 1.6vw + 0.2rem, 26px);
  --fs-h5: clamp(16px, 1.2vw + 0.2rem, 22px);
  --fs-h6: clamp(15px, 1.0vw + 0.2rem, 18px);

  /* Zeilenhöhe & Absatzabstand – konservativ, gut lesbar */
  --lh-body: 1.55;
  --lh-head: 1.15;
  --sp-paragraph: 0.6em;
}

/* Anwendung global – Theme Style (Website Kit) */
body{ font-size: var(--fs-body); line-height: var(--lh-body); }
h1{ font-size: var(--fs-h1); line-height: var(--lh-head); letter-spacing: -0.01em; }
h2{ font-size: var(--fs-h2); line-height: var(--lh-head); letter-spacing: -0.01em; }
h3{ font-size: var(--fs-h3); line-height: var(--lh-head); letter-spacing: -0.005em; }
h4{ font-size: var(--fs-h4); line-height: 1.2; }
h5{ font-size: var(--fs-h5); line-height: 1.25; }
h6{ font-size: var(--fs-h6); line-height: 1.3; }
p + p{ margin-top: var(--sp-paragraph); }

/* Navigation einzeilig halten (falls gewünscht) */
.ccm-header .ccm-nav .elementor-nav-menu{
  white-space: nowrap; 
}

/* Inhalt-Box: rundum 25px, aber responsiv (klein nie zu eng, gross nie zu weit) */
.ccm-box{
  padding: clamp(16px, 2.2vw, 25px);
  background: #2e9f6b;      /* dein Grün – anpassen */
       /* optional */
  box-sizing: border-box;
  max-width: 100%;           /* Box bricht nie aus der Spalte */
}

/* Typo-Abstände in der Box (optional) */
.ccm-box h2{ margin: 0 0 10px; line-height: 1.2; }
.ccm-box p{ margin: 0; }
.ccm-box p + p{ margin-top: 0.6em; }

/* Mobile-Feinschliff (optional) */
@media (max-width: 767px){
  .ccm-box{ border-radius: 10px; }
}




/* Oberer Versatz = Höhe deines Sticky-Headers (z. B. 100px) */
html { scroll-padding-top: 80px; }

/* Optional: unterschiedliche Höhen für Tablet/Mobile */
@media (max-width: 1024px) {
  html { scroll-padding-top: 60px; }
}
@media (max-width: 767px) {
  html { scroll-padding-top: 80px; }
}/* End custom CSS */