.elementor-35 .elementor-element.elementor-element-810431f{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:1;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-35 .elementor-element.elementor-element-810431f::before, .elementor-35 .elementor-element.elementor-element-810431f > .elementor-background-video-container::before, .elementor-35 .elementor-element.elementor-element-810431f > .e-con-inner > .elementor-background-video-container::before, .elementor-35 .elementor-element.elementor-element-810431f > .elementor-background-slideshow::before, .elementor-35 .elementor-element.elementor-element-810431f > .e-con-inner > .elementor-background-slideshow::before, .elementor-35 .elementor-element.elementor-element-810431f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #FFFFFF26 0%, #FFFFFF00 100%);}.elementor-35 .elementor-element.elementor-element-6aff77c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-77c90ab{text-align:center;}.elementor-35 .elementor-element.elementor-element-77c90ab .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:4.5rem;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-1bc75dc{text-align:center;font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#353535;}.elementor-35 .elementor-element.elementor-element-a12dfd7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-35 .elementor-element.elementor-element-180ed91 .elementor-button{background-color:#000000D1;font-family:"Helvetica", Sans-serif;font-weight:500;border-style:solid;border-width:2px 2px 2px 2px;border-color:#000000D1;}.elementor-35 .elementor-element.elementor-element-180ed91 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-180ed91 .elementor-button:focus{background-color:#000000;border-color:#000000;}.elementor-35 .elementor-element.elementor-element-2aaca85 .elementor-button{background-color:#FFFFFFD1;font-family:"Helvetica", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFFD1;}.elementor-35 .elementor-element.elementor-element-2aaca85 .elementor-button:hover, .elementor-35 .elementor-element.elementor-element-2aaca85 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-35 .elementor-element.elementor-element-2aaca85 .elementor-button:hover svg, .elementor-35 .elementor-element.elementor-element-2aaca85 .elementor-button:focus svg{fill:#000000;}.elementor-35 .elementor-element.elementor-element-278e5dc{--display:flex;--min-height:712px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-278e5dc:not(.elementor-motion-effects-element-type-background), .elementor-35 .elementor-element.elementor-element-278e5dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-35 .elementor-element.elementor-element-8ddaebb{z-index:0;}.elementor-35 .elementor-element.elementor-element-72c4c2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-de47300{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-7e3dbaa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-810431f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-35 .elementor-element.elementor-element-6aff77c{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-810431f{--content-width:1441px;}.elementor-35 .elementor-element.elementor-element-6aff77c{--content-width:928px;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-810431f{--min-height:100vh;--overlay-opacity:0.8;}.elementor-35 .elementor-element.elementor-element-810431f::before, .elementor-35 .elementor-element.elementor-element-810431f > .elementor-background-video-container::before, .elementor-35 .elementor-element.elementor-element-810431f > .e-con-inner > .elementor-background-video-container::before, .elementor-35 .elementor-element.elementor-element-810431f > .elementor-background-slideshow::before, .elementor-35 .elementor-element.elementor-element-810431f > .e-con-inner > .elementor-background-slideshow::before, .elementor-35 .elementor-element.elementor-element-810431f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(102deg, #FFFFFF26 27%, #FFFFFF00 100%);}.elementor-35 .elementor-element.elementor-element-6aff77c{--min-height:0px;--padding-top:150px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-35 .elementor-element.elementor-element-77c90ab .elementor-heading-title{font-size:2.4rem;}.elementor-35 .elementor-element.elementor-element-1bc75dc{font-size:16px;}.elementor-35 .elementor-element.elementor-element-a12dfd7{--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-35 .elementor-element.elementor-element-278e5dc{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-839eafd */:root{
  --ink:#0f172a;
  --emerald:#10b981;
}

.section-ornament{
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  justify-content: center;

  /* Ornament-Hintergrund wie im Original */
}

.section-ornament .container{
  max-width: 56rem; /* ~max-w-4xl */
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  text-align: center;
  color: var(--ink);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, Helvetica, sans-serif;
}

/* Badge */
.hero-badge{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border-radius: 9999px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(0,0,0,.05);
  padding: .375rem 1rem; /* px-4 py-1.5 */
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: rgba(15,23,42,.8); /* text-ink/80 */
}

.hero-badge .dot{
  width: 6px; height: 6px;
  border-radius: 9999px;
  background: var(--emerald); /* emerald-500 */
}

/* Chip-Liste */
.chips{
  margin-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  font-size: 0.875rem; /* text-sm */
}

.chip{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .25rem .75rem; /* px-3 py-1 */
  border-radius: 9999px;
  background: rgba(255,255,255,.6);
  border: 1px solid rgba(255,255,255,.6);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px); /* „Glas“-Effekt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ddaebb */>
    /* ------------------ Section Wrapping ------------------ */
    .feature-section{
      position: relative;
      overflow: hidden;
      isolation: isolate;
      color: #0f172a;
    }
    .feature-section .bg-layer{
      position: absolute;
      inset: 0;
      z-index: -1;
      background-image: linear-gradient(135deg, #f5efe3, #ffffff 40%, #ece3d2);
    }
    .feature-section .blob{
      position: absolute;
      right: -12rem;
      bottom: -12rem;
      width: 40rem;
      height: 40rem;
      opacity: .3;
      color: #ece3d2;
    }

    /* ------------------ Layout ------------------ */
    .feature-section .container{
      max-width: 80rem;             /* 1280px */
      margin: 0 auto;
      padding: 5rem 1rem;
      display: grid;
      grid-template-columns: 1fr;   /* Mobile/Tablet: Text und Bilder übereinander */
      gap: 2.5rem;
      align-items: center;
    }
    @media (min-width: 640px){
      .feature-section .container{ padding: 5rem 1.5rem; }
    }
    @media (min-width: 1024px){
      .feature-section .container{
        padding: 7rem 2rem;
        grid-template-columns: repeat(12, minmax(0, 1fr));
      }
      .feature-section .text{ grid-column: span 6 / span 6; }
      .feature-section .collage{ grid-column: span 6 / span 6; }
    }

    /* ------------------ Textblock ------------------ */
    .text{
      text-align: center;           /* Mobile/Tablet: mittig */
      margin-inline: auto;
      max-width: 46rem;
    }
    @media (min-width:1024px){
      .text{ text-align: left; }    /* Desktop: linksbündig */
    }

    .eyebrow{
      font-size: .8125rem;
      letter-spacing: .2em;
      text-transform: uppercase;
      color: #8f6f3c;
    }
    .headline{
      margin-top: .75rem;
      font-family: "Playfair Display", Georgia, "Times New Roman", serif;
      font-weight: 700;
      line-height: 1.05;
      font-size: clamp(2rem, 2.6vw + 1rem, 2.5rem);
    }
    .lead{
      margin-top: 1.25rem;
      font-size: 1.125rem;
      color: #334155;
    }

    .actions{
      margin-top: 2rem;
      display: flex;
      flex-wrap: wrap;
      gap: .75rem;
      justify-content: center;      /* Mobile/Tablet: mittig */
    }
    @media (min-width:1024px){
      .actions{ justify-content: flex-start; }
    }
    .btn{
      display: inline-block;
      padding: .875rem 1.25rem;
      border-radius: 8px;
      font-weight: 400;
      line-height: 1;
      text-decoration: none;
      transition: background-color .2s ease, color .2s ease, border-color .2s ease, filter .2s ease, transform .1s ease;
      will-change: transform;
    }
    .btn:hover{ transform: translateY(-1px); }
    .btn:active{ transform: translateY(0); }
    
    
    .btn2:hover{
        color:#fff;
    }
    
    .btn-white:hover{
        color:#000;
    }
    
    /* Schwarz/Weiß Buttons */
    .btn-white{
      background: #ffffff;
      color: #000000;
      border: 1px solid #000000;
    }
    .btn-white:hover{ background: #f5f5f5; }
    .btn-black{
      background: #000000;
      color: #ffffff;
      border: 1px solid #000000;
    }
    .btn-black:hover{ filter: brightness(1.1); }

    .meta{
      margin-top: 1.25rem;
      display: flex;
      gap: 1.5rem;
      flex-wrap: wrap;
      color: #475569;
      font-size: .9375rem;
      justify-content: center;      /* Mobile/Tablet: mittig */
    }
    @media (min-width:1024px){
      .meta{ justify-content: flex-start; }
    }
    .meta .dot{
      display: inline-flex;
      align-items: center;
      gap: .5rem;
    }
    .meta .dot i{
      width: .5rem; height: .5rem;
      border-radius: 999px;
      background: #10b981;
      display: inline-block;
    }

    /* ------------------ Collage ------------------ */
    /* WICHTIG: Immer 3 Spalten – auch auf Mobil – für gleiche Anordnung wie Desktop */
    .collage{
      display: grid;
      grid-template-columns: repeat(3, 1fr);  /* <- 3 Spalten auf ALLEN Breakpoints */
      gap: 1rem;
      width: 100%;
    }
    .collage .tile{
      position: relative;
      border-radius: 1rem;
      background: #eee center/cover no-repeat;
      box-shadow:
        0 12px 20px -8px rgba(0,0,0,.15),
        0 6px 12px -8px rgba(0,0,0,.08);
    }
    /* Spannen wie am Desktop beibehalten */
    .collage .tile.wide{ grid-column: span 2; aspect-ratio: 4 / 3; }
    .collage .tile.tall{ grid-column: span 1; aspect-ratio: 4 / 5; }

    /* Optional: auf sehr kleinen Geräten ein wenig mehr Höhe geben,
       damit die Thumbnails nicht zu klein wirken */
    @media (max-width: 420px){
      .collage .tile.wide{ aspect-ratio: 3 / 2; } /* etwas höher */
      .collage .tile.tall{ aspect-ratio: 3 / 4; } /* etwas höher */
    }

    /* Fallback ohne aspect-ratio */
    @supports not (aspect-ratio: 1 / 1){
      .collage .tile{ padding-top: 75%; }
      .collage .tile.tall{ padding-top: 125%; }
      .collage .tile > *{ position:absolute; inset:0; }
    }

    /* Motion Pref */
    @media (prefers-reduced-motion: reduce){
      .btn{ transition: none; }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-278e5dc */.bg-sand-safe{
  position: relative;
  overflow: hidden;                      /* <- schneidet Überstände ab */
  background:
    radial-gradient(60vmin 60vmin at 90% 120%, #eadfca 0%, rgba(234,223,202,0) 60%),
    linear-gradient(135deg, #f5efe3 0%, #ffffff 40%, #ece3d2 100%);
  background-repeat: no-repeat, no-repeat;
  background-position: 90% 120%, 0% 0%;
  background-size: 60vmin 60vmin, cover;
}

/* Blob als pseudo-element; skaliert mit dem Viewport und bleibt im Container */
.bg-sand-safe::after{
  content:"";
  position:absolute;
  right: -18vmin;                        /* leicht nach außen versetzt */
  bottom: -18vmin;
  width: 70vmin;                         /* Größe reagiert auf Viewport */
  height: 70vmin;
  pointer-events:none;
  opacity:.30;
  background: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'>\
  <path fill='%23ece3d2' d='M43.1,-52.7C54.9,-42.4,62.7,-27.6,66.2,-12.3C69.6,3.1,68.6,18.8,62.1,33.3C55.6,47.8,43.7,61.1,29,67.2C14.4,73.2,-3.1,72.1,-17.7,65.3C-32.4,58.4,-44.1,45.8,-54.2,31.6C-64.3,17.5,-72.8,1.8,-71.7,-13.5C-70.6,-28.8,-60,-43.6,-46.7,-53.8C-33.4,-64,-16.7,-69.6,-0.5,-69C15.7,-68.5,31.4,-61,43.1,-52.7Z' transform='translate(100 100)'/>\
</svg>") no-repeat center / contain;
}

/* feinfühlige mobile Anpassung – Blob etwas kleiner */
@media (max-width: 768px){
  .bg-sand-safe::after{
    right: -14vmin;
    bottom: -14vmin;
    width: 52vmin;
    height: 52vmin;
    opacity: .24;
  }
}
@media (max-width: 480px){
  .bg-sand-safe::after{
    right: -12vmin;
    bottom: -12vmin;
    width: 44vmin;
    height: 44vmin;
    opacity: .22;
  }
}

/* Sicherheitsnetz gegen horizontales Scrollen auf Alt-Themes/Bildern */
html, body{ overflow-x: clip; }          /* fallback: notfalls 'hidden' statt 'clip' *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-245bbef *//* eigener Container für den Services-Bereich */
    .services-section .container{
      max-width: 80rem;
      margin: 0 auto;
      padding: 5rem 1rem;
    }
    @media (min-width:640px){
      .services-section .container{ padding: 5rem 1.5rem; }
    }

    /* Header immer zentriert (überschreibt nicht deine .text-Regel) */
    .services-header{
      text-align: center;
      margin: 0 auto 2rem;
      max-width: 46rem;
    }

    /* Grid: mobil 1, tablet 2, desktop 4 Spalten */
    .services-grid{
      display: grid;
      grid-template-columns: 1fr;
      gap: 1rem;
    }
    @media (min-width:640px){
      .services-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.25rem; }
    }
    @media (min-width:1024px){
      .services-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1.25rem; }
    }

    /* Karten im selben Look wie deine Sektion (weiß + softer Schatten) */
    .service-card{
      background: #ffffff;
      border: 1px solid rgba(0,0,0,.06);
      border-radius: 1rem;
      padding: 1.25rem;
      box-shadow:
        0 12px 20px -8px rgba(0,0,0,.15),
        0 6px 12px -8px rgba(0,0,0,.08);
      display: flex;
      flex-direction: column;
      text-align: center;              /* mobil/tablet mittig */
    }
    @media (min-width:1024px){
      .service-card{ text-align: left; } /* desktop links */
    }

    /* WICHTIG: Card-Titel NICHT in Serif, sondern normal (Sans) */
    .service-title{
      margin: 0 0 .5rem 0;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      letter-spacing: 0;
      font-size: 1.125rem;            /* 18px, harmoniert mit .lead */
      line-height: 1.25;
      color: #0f172a;
    }

    /* etwas kompaktere Abstände innerhalb der Karten */
    .service-card .lead{ margin-top: .5rem; }

    .service-actions{
      margin-top: auto;
      display: flex;
      gap: .5rem;
      justify-content: center;
    }
    @media (min-width:1024px){
      .service-actions{ justify-content: flex-start; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c5c63fc *//* Container für den Produktbereich */
    .products-section .container{
      max-width: 80rem;
      margin: 0 auto;
      padding: 5rem 1rem;
    }
    @media (min-width:640px){
      .products-section .container{ padding: 5rem 1.5rem; }
    }

    /* Header zentriert */
    .products-header{
      text-align: center;
      margin: 0 auto 2rem;
      max-width: 46rem;
    }

    /* Grid: Phone 1, Tablet/PC 2 */
    .products-grid{
      display: grid;
      grid-template-columns: 1fr;
      gap: 1.25rem;
    }
    @media (min-width:640px){
      .products-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
    }

    /* Produktkarte – basiert auf deinem service-card Look */
    .product-card{
      padding: 0;
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }
    .product-media{
      aspect-ratio: 16 / 9;
      background: #eee center/cover no-repeat;
    }
    .product-content{
      padding: 1.25rem;
      display: flex;
      flex-direction: column;
      gap: .5rem;
    }
    /* Titel in Sans (nicht Serif) */
    .product-title{
      margin: 0;
      font: 700 1.25rem/1.25 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      color: #0f172a;
    }
    .product-sub{
      margin: 0;
      color: #334155;
      font-size: 1rem;
      line-height: 1.5;
    }

    /* kompakte Badges */
    .product-badges{
      display: flex;
      flex-wrap: wrap;
      gap: .5rem;
      margin-top: .25rem;
    }
    .badge{
      display: inline-block;
      font-size: .875rem;
      line-height: 1;
      padding: .5rem .625rem;
      border: 1px solid rgba(0,0,0,.10);
      border-radius: 999px;
      background: #fff;
      color: #0f172a;
      white-space: nowrap;
    }
    
/* Badges mobil/tablet mittig ausrichten */
.product-badges{ justify-content: center; }

/* Desktop wieder links */
@media (min-width:1024px){
  .product-badges{ justify-content: flex-start; }
}
    /* Buttons auf Mobil/Tabs mittig, Desktop links */
    .product-actions{
      margin-top: .75rem;
      display: flex;
      justify-content: center;      /* <— mobil/tabs mittig */
    }
    @media (min-width:1024px){
      .product-actions{ justify-content: flex-start; }
    }
    .product-card .btn{ font-weight: 400; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c706a5 *//* dunkler, kontrastreicher Hintergrund – overflow-sicher */
    .cta-section{
      position: relative;
      overflow: hidden;
      color: #f8fafc; /* Basis-Schrift hell */
    background: radial-gradient(80rem 80rem at 100% 120%, rgb(0 0 0 / 15%) 0%, rgb(0 0 0 / 0%) 60%), linear-gradient(180deg, #282727 0%, #282727 60%, #282727 100%);
    }

    /* Container-Abstände analog zu deinen anderen Sektionen */
    .cta-section .container{
      max-width: 80rem;
      margin: 0 auto;
      padding: 5rem 1rem;
    }
    @media (min-width:640px){
      .cta-section .container{ padding: 5rem 1.5rem; }
    }

    /* Inhalt zentriert halten */
    .cta-content{
      text-align: center;
      margin: 0 auto;
      max-width: 46rem;
    }

    /* Farb-Overrides nur innerhalb des CTA (kein globales Duplizieren) */
    .cta-section .eyebrow{ color: #e5e7eb; opacity: .9; }
    .cta-section .headline{ color: #ffffff; }
    .cta-section .lead{ color: #cbd5e1; }

    /* Buttons mittig (auch mobil) */
    .cta-actions{
      margin-top: 1.75rem;
      display: flex;
      justify-content: center;
      gap: .75rem;
      flex-wrap: wrap;
    }/* End custom CSS */