.elementor-kit-16{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{color:var( --e-global-color-astglobalcolor4 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-16 h1{font-size:26px;}.elementor-kit-16 h2{font-size:26px;}.elementor-kit-16 h3{font-size:14px;}.elementor-kit-16 h4{font-size:14px;}.elementor-kit-16 h5{font-size:14px;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{font-size:17px;line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
  scroll-behavior: smooth;
}
#kontaktbereich {
  scroll-margin-top: 100px; /* Abstand, falls du einen fixierten Header hast */
}


/* Zeige NUR Desktop-Version ab 769px, verstecke mobile komplett */
@media (min-width: 769px){
  #citride-mobile { display:none !important; }
  #citride-desktop { display:block !important; }
}

/* Zeige NUR Mobile-Version bis 768px, verstecke Desktop komplett */
@media (max-width: 768px){
  #citride-desktop { display:none !important; }
  #citride-mobile { display:block !important; }
}

/* Sicherheitsnetz gegen Überlänge/Horizontalscroll */
html, body { margin:0; padding:0; overflow-x:hidden; }

/* Letzte Sektion ohne Extra-Luft unten */
#citride-desktop section:last-of-type,
#citride-mobile section:last-of-type { padding-bottom: 0 !important; }

/* Falls Astra/Elementor unten Margin adden: */
.elementor-location-footer { margin-top: 0 !important; }


/* Falls ein Element nach unten „übersteht“ (Shadows/Transforms) */
#citride-desktop, #citride-mobile { overflow-x:hidden; }

/* Verhindert, dass absolute/transformierte Elemente Scrollhöhe erzeugen */
#citride-desktop .hero-bg,
#citride-mobile .hero-bg { will-change: transform; }

/* Kein Extra-Abstand vom Theme-Container */
.elementor-section { margin-bottom: 0 !important; }



/* Falls ein Element nach unten „übersteht“ (Shadows/Transforms) */
#citride-desktop, #citride-mobile { overflow-x:hidden; }

/* Verhindert, dass absolute/transformierte Elemente Scrollhöhe erzeugen */
#citride-desktop .hero-bg,
#citride-mobile .hero-bg { will-change: transform; }

/* Kein Extra-Abstand vom Theme-Container */
.elementor-section { margin-bottom: 0 !important; }




/* 1) Nur eine Version sichtbar (Sicherheitsnetz) */
@media (min-width:769px){ #citride-mobile{display:none!important} #citride-desktop{display:block!important} }
@media (max-width:768px){ #citride-desktop{display:none!important} #citride-mobile{display:block!important} }

/* 2) Mobile: 100vh-Bug fixen (verwende svh/dvh statt vh) */
@media (max-width: 768px){
  /* Hero korrekt auf Bildschirmhöhe – ohne zusätzliche Lücke */
  #citride-mobile header.hero{
    min-height: 100svh;                 /* „small viewport height“ – stabil bei eingeblendeter Adressleiste */
  }
  @supports (height: 100dvh){
    #citride-mobile header.hero{ min-height: 100dvh; }  /* dynamic viewport – passt sich mit/ohne Leiste an */
  }
  /* Fallback für ältere iOS-Browser */
  @supports not (height: 100svh){
    #citride-mobile header.hero{ min-height: -webkit-fill-available; }
  }

  /* Letzte Sektion: keinen Extra-Abstand + Safe-Area für iPhones */
  :root{ --safe-bottom: env(safe-area-inset-bottom, 0px); }
  #citride-mobile section:last-of-type{
    padding-bottom: calc(0px + var(--safe-bottom)) !important;
    margin-bottom: 0 !important;
  }
}

/* 3) Globale Restluft eliminieren (Astra/Elementor) */
html, body{ margin:0; padding:0; overflow-x:hidden; }
.elementor-section{ margin-bottom:0 !important; }
.site-content, .content-area, .entry-content{ margin-bottom:0 !important; padding-bottom:0 !important; }
.elementor-location-footer{ margin-top:0 !important; }

/* 4) Scrolling-Stabilität (Chrome/Windows zeigt sonst kleine Sprünge) */
html{ scrollbar-gutter: stable both-edges; }/* End custom CSS */