nav a.aktiv{text-decoration:underline;text-underline-offset:4px;}
  header{padding:32px 0;}
  .kopfzeile{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;width:100%;padding:0 40px;box-sizing:border-box;}

  .gruss-block{display:grid;grid-template-columns:1fr 1fr;}
  .gruss-block .bild{aspect-ratio:1/1;overflow:hidden;}
  .gruss-block .bild img{width:100%;height:100%;object-fit:cover;display:block;}
  .gruss-block .txt{display:flex;align-items:center;justify-content:center;text-align:center;padding:10%;}
  .gruss-block h1{font-weight:300;font-size:56px;line-height:1.15;}
  
  /* Persönliches Video: sichtbar und stabil rendern.
     Keine Clip-Path-Maske mehr direkt auf dem großen Video-Container. */
  .simon-video .video-wrap.gross.reveal-image{
    clip-path:none !important;
  }

  @media(max-width:820px){.gruss-block{grid-template-columns:1fr;}.gruss-block h1{font-size:36px;}}

  .grosszitat{padding:320px 0 160px;text-align:center;}
  .grosszitat p{font-weight:300;font-size:42px;line-height:1.4;max-width:38ch;margin:0 auto;}

  .angebot-liste{padding:120px 0 60px;}
  .sektion-titel{font-weight:300;font-size:44px;text-align:left;margin-bottom:64px;}

  .fuer-wen{padding:0 0 120px;}
  .fuer-wen p{font-weight:300;font-size:28px;line-height:1.6;max-width:700px;}
  .fuer-wen .nicht{font-weight:300;font-size:17px;line-height:1.6;color:#555;margin-top:36px;max-width:600px;}

  .schritte{list-style:none;max-width:58ch;}
  .schritte li{display:flex;gap:16px;padding:10px 0;border-top:1px solid #ddd;font-weight:400;font-size:17px;line-height:1.5;}
  .schritte li span{font-weight:500;color:#888;flex-shrink:0;}

  .stimmen{padding:170px 0 100px;}
  .stimmen-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 48px;}
  .stimme-name{font-weight:400;font-size:17px;margin-top:14px;line-height:1.4;}
  .stimme-name span{display:block;font-weight:300;font-size:14px;color:#777;margin-top:2px;}
  .stimmen.salbei-bg .stimme-name span{color:#4a4a4a;}
  .verfuegbar{font-weight:300;font-size:15px;line-height:1.55;color:#555;max-width:46ch;margin-top:26px;}
  .simon-video{padding:190px 0 130px;}
  .fuer-wen-block + .simon-video{padding-top:220px;}
  .video-wrap.gross{max-width:100%;padding-top:41.66%;background-size:cover;background-position:center;cursor:pointer;}
  @media(max-width:820px){.video-wrap.gross{padding-top:56.25%;}}
  .video-platzhalter{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18);transition:background .3s;}
  .video-wrap.gross:hover .video-platzhalter{background:rgba(0,0,0,.05);}
  .video-platzhalter .play{display:block;width:0;height:0;flex-shrink:0;border-left:38px solid rgba(255,255,255,.92);border-top:24px solid transparent;border-bottom:24px solid transparent;}
  .video-bu{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#888;margin-top:16px;}
  .video-wrap{position:relative;width:100%;padding-top:56.25%;background:#000;}
  /* Safari zeigt den Vollbild-Knopf trotz controlslist, daher per CSS aus. */
  .stimmen video::-webkit-media-controls-fullscreen-button{display:none;}
  .video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;filter:grayscale(100%);transition:filter .3s;}
  .video-wrap video{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block;object-fit:cover;background:#000;filter:grayscale(100%);transition:filter .3s;}
  .stimmen .video-wrap{cursor:pointer;}
  .video-wrap .video-platzhalter{cursor:pointer;}
  .video-wrap.laeuft .video-platzhalter{display:none;}
  .video-wrap.laeuft video{filter:grayscale(0%);}
  .stimmen .video-platzhalter .play{border-left-width:30px;border-top-width:19px;border-bottom-width:19px;}
  @media(max-width:700px){.stimmen-grid{grid-template-columns:1fr;}}
  .angebot-block{padding:40px 0 0;}
  .angebot-block + .angebot-block{margin-top:110px;}
  .projekt-text{max-width:none;}
  .projekt-text p{font-weight:300 !important;}
  .projekt-text p{margin-bottom:24px;}
  .angebot-spalten{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:80px;align-items:start;margin-top:8px;}
  @media(max-width:1000px){.angebot-spalten{grid-template-columns:1fr;row-gap:40px;}}
  .angebot-block > h2{font-weight:300;font-size:40px;margin-bottom:26px;}
.angebot-claim{display:block;font-size:18px;font-weight:300;margin-top:10px;letter-spacing:0;text-transform:none;}
  .kicker{display:block;font-weight:400;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:12px;}
  @media(max-width:820px){}
  .fuer-wen-kurz{font-weight:300;font-size:22px;line-height:1.6;color:var(--schwarz);max-width:none;margin:0 0 24px;}
  .fuer-wen-kurz.zweiter{margin:0 0 100px;}
  .angebot-liste .sektion-titel{margin-bottom:40px;}
  .sonderthemen{padding:100px 0;margin-top:0;}
  .sonderthemen-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:110px;row-gap:56px;}
  @media(max-width:700px){.sonderthemen-grid{grid-template-columns:1fr;}}
  .sonderthema{display:flex;flex-direction:column;align-items:flex-start;}
  .sonderthema h3{font-weight:400;font-size:30px;margin-bottom:20px;}
  .sonderthema p{font-weight:300;font-size:17px;line-height:1.55;color:var(--schwarz);max-width:46ch;margin:0 0 28px;}
  .sonderthema .btn{background:var(--schwarz);color:var(--weiss);padding:13px 28px;font-size:14px;margin-top:auto;align-self:flex-start;}
  .sonderthema .btn-gross{padding:14px 40px;font-size:17px;margin-top:auto;}
  .lead{font-weight:400;font-size:19px;line-height:1.6;max-width:58ch;}
  .themen{list-style:none;max-width:58ch;margin-top:18px;}
  .themen li{font-weight:400;font-size:17px;line-height:1.5;padding:0 0 14px;}
  .vorlauf{font-weight:400;font-size:19px;line-height:1.65;max-width:58ch;color:var(--schwarz);}
  .frage-titel{font-weight:400;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#888;margin-bottom:10px;}
  .angebot-frage{margin-bottom:0;}
  
  
  .preis{font-weight:500;font-size:26px;margin-top:64px;}
  .preis-rechts{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-top:90px;}
  .preis-umbau{text-align:right;}
  .preis-rechts .preis{margin-top:24px;}
  .preis-btn{display:inline-block;background:var(--schwarz);color:var(--weiss);padding:16px 24px;font-size:13px;text-decoration:none;letter-spacing:1px;margin-top:28px;}
  .preis .brutto{display:block;font-weight:300;font-size:14px;color:#888;margin-top:6px;}
  .preis .caption{display:inline;text-transform:none;letter-spacing:0;font-size:16px;font-weight:300;color:#555;}

  .buchen{padding:56px 0 0;}

  /* Zusammenführung 10.08.2026 · Inhalte aus dem Arbeitsstand */
  .fuer-wen-block{padding:200px 0 0;}
  .tore{display:grid;grid-template-columns:repeat(4,1fr);column-gap:56px;margin-top:200px;}
  .tore > div{display:flex;flex-direction:column;}
  .tore h3{font-weight:400;font-size:23px;line-height:1.3;margin-bottom:14px;}
  .tore p{font-weight:300;font-size:17px;line-height:1.55;color:#3f4438;}
  .tore .pz{font-family:'Poppins',Helvetica,Arial,sans-serif !important;font-style:normal;font-weight:400;font-size:18px;line-height:1.5;color:var(--schwarz);margin-top:0;padding-top:0;}
  @media(max-width:900px){.tore{grid-template-columns:1fr 1fr;row-gap:44px;}}
  @media(max-width:620px){.tore{grid-template-columns:1fr;}}

  .methode-verweis{padding:150px 0 0;}
  .methode-verweis .sektion-titel{margin-bottom:26px;}
  .methode-verweis p{font-weight:300;font-size:19px;line-height:1.7;color:var(--schwarz);max-width:56ch;}
  .methode-verweis .mehr{margin-top:26px;font-size:17px;}
  .methode-verweis a{color:var(--schwarz);text-decoration:underline;text-underline-offset:4px;}

  .arbeitsproben{padding:130px 0 80px;margin-top:130px;}
  .ap-raster{display:grid;grid-template-columns:1fr 1fr;column-gap:140px;align-items:start;}
  .ap-raster .einleitung{max-width:none;}
  .ap-raster ul{max-width:none;}
  @media(max-width:820px){.ap-raster{grid-template-columns:1fr;row-gap:70px;}}

  .arbeitsproben .sektion-titel{margin-bottom:22px;}
  .arbeitsproben .einleitung{font-weight:300;font-size:18px;line-height:1.6;color:#3f4438;max-width:52ch;margin-bottom:48px;}
  .arbeitsproben ul{list-style:none;max-width:70ch;}
  .arbeitsproben ul li{font-family:'Poppins',Helvetica,Arial,sans-serif;font-style:normal;padding:22px 0;}
  .arbeitsproben li a{font-weight:400;font-size:23px;text-decoration:none;display:inline-block;margin-bottom:7px;}
  .arbeitsproben li a:hover{text-decoration:underline;text-underline-offset:5px;}
  .arbeitsproben li a .offen{display:inline;font-weight:300;color:#7a4a2e;}
  .arbeitsproben li > span{display:block;font-weight:300;font-size:17px;line-height:1.55;color:#3f4438;}
  .arbeitsproben li.platzhalter{opacity:.4;}
  .arbeitsproben .mehr{margin-top:34px;font-weight:300;font-size:15px;}
  .stimmen{padding:130px 0 130px;}
  .stimme-name .fall-link{display:inline-block;font-weight:300;font-size:14px;margin-top:8px;color:var(--schwarz);text-decoration:underline;text-underline-offset:4px;}

  .faq{padding:140px 0 150px;}
  .faq .sektion-titel{margin-bottom:48px;}
  .faq details{border-top:1px solid #ddd;}
  .faq details:last-of-type{border-bottom:1px solid #ddd;}
  .faq summary{list-style:none;cursor:pointer;padding:24px 0;font-weight:400;font-size:21px;line-height:1.4;position:relative;padding-right:50px;max-width:70ch;}
  .faq summary::-webkit-details-marker{display:none;}
  .faq summary::after{content:"+";position:absolute;right:0;top:22px;font-weight:300;font-size:26px;line-height:1;}
  .faq details[open] summary::after{content:"–";}
  .faq details p{font-weight:300;font-size:18px;line-height:1.75;max-width:70ch;margin:0 0 20px;}
  .faq details p:last-child{margin-bottom:28px;}
  .buchen p{font-weight:300;font-size:20px;line-height:1.6;max-width:50ch;}
  .btn{display:inline-block;background:var(--schwarz);color:var(--weiss);padding:16px 36px;font-size:15px;text-decoration:none;margin-top:32px;}
  .buchen .caption{margin-top:14px;color:#555;font-size:13px;font-weight:400;line-height:1.5;}
  .buchen .buchen-note{font-weight:300;font-size:16px;color:#555;margin-top:8px;}

  footer{background:var(--schwarz);color:var(--weiss);padding:52px 0 44px 0;}
  footer a{color:var(--weiss);text-decoration:none;font-size:13px;display:block;margin-bottom:6px;}
  footer .caption{color:var(--weiss);margin-bottom:12px;display:block;font-size:11px;}
  .fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;}
  .nl input{width:100%;background:var(--weiss);border:none;padding:10px 12px;font-family:inherit;font-size:13px;margin-bottom:8px;color:var(--schwarz);}
  .nl button{background:var(--weiss);color:var(--schwarz);border:none;padding:10px 20px;font-family:inherit;font-size:13px;cursor:pointer;}
  .nl p{font-size:11px;line-height:1.5;margin-top:12px;}
  .nl .nl-form{margin:0;}
  .nl .nl-danke{font-size:11px;line-height:1.5;margin-top:10px;}
  .nl .nl-danke[hidden]{display:none;}
  .nl p a{display:inline;font-size:inherit;margin:0;text-decoration:underline;text-underline-offset:2px;}
  .fclaim{font-weight:300;font-size:16px;line-height:1.4;}

  @media(max-width:820px){
    .fgrid{grid-template-columns:1fr;}
    .titel-block h1{font-size:36px;}
  }

  /* EINS:EINS · Design-/Transition-Pass 10.08.2026
     Adaptiert vom aktuellen Startseiten-System */

  /* H1 und H2 leicht: Gewicht entsteht über Größe und Raum (CI-Manual). */
  h1{
    font-weight:300 !important;
  }
  h2{
    font-weight:300 !important;
  }

  /* Listen in der Hausschrift, nicht in der Zitatschrift. */
  ul li{
    font-family:'Poppins',Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:300;
  }

  /* Nummerierte Abläufe etwas luftiger zwischen den Linien. */
  ol.schritte li{
    padding:22px 0;
  }

  
  .schritte li strong{
    font-family:'Poppins',Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:700;
  }

  /* Zitate generell. */
  .inline-quote,
  .quote-feature{
    font-family:'Newsreader',Georgia,'Times New Roman',serif !important;
    font-style:normal;
    font-weight:400 !important;
  }

  /* Direkt folgende Section: Georgia Italic + weiterhin großzügige Position. */
  .grosszitat .quote-feature{
    max-width:38ch;
    margin:0 auto;
    text-align:left;
  }

  /* HERO · exakt dieselbe Bewegungslogik wie auf der aktuellen Startseite:
     Bild von links, Salbeifläche von rechts, Titel erst danach. */
  .hero-v2{
    margin-top:-1px;
    overflow:hidden;
    background:var(--weiss) !important;
  }
  .hero-v2 .bild{
    position:relative;
    overflow:hidden;
    background:var(--weiss);
    line-height:0;
  }
  .hero-v2 .bild img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transform-origin:center center;
    backface-visibility:hidden;
  }
  .hero-v2 .txt{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:transparent !important;
    text-align:left;
  }
  .hero-v2 .txt::before{
    content:'';
    position:absolute;
    z-index:-1;
    inset:-1px;
    background:var(--salbei);
    transform:translate3d(0,0,0);
    will-change:transform;
  }
  .hero-v2 .txt h1{
    font-size:56px;
    line-height:1.08;
  }

  .js .hero-v2 .bild{
    clip-path:inset(0 100% 0 0);
  }
  .js .hero-v2 .bild img{
    transform:scale(1.045);
  }
  .js .hero-v2 .txt::before{
    transform:translate3d(101%,0,0);
  }

  .js .hero-v2.is-visible .bild{
    animation:ee-hero-image-reveal 1150ms cubic-bezier(.22,.75,.18,1) 80ms both;
  }
  .js .hero-v2.is-visible .bild img{
    animation:ee-hero-image-settle 1500ms cubic-bezier(.22,.75,.18,1) 80ms both;
  }
  .js .hero-v2.is-visible .txt::before{
    animation:ee-hero-panel-in 1120ms cubic-bezier(.22,.78,.18,1) 120ms both;
  }

  @keyframes ee-hero-image-reveal{
    from{clip-path:inset(0 100% 0 0);}
    to{clip-path:inset(0 0 0 0);}
  }
  @keyframes ee-hero-image-settle{
    from{transform:scale(1.045);}
    to{transform:scale(1.012);}
  }
  @keyframes ee-hero-panel-in{
    from{transform:translate3d(101%,0,0);}
    to{transform:translate3d(0,0,0);}
  }

  /* Titel wartet, bis die Salbeifläche vollständig steht. */
  .hero-hi-mask{
    display:block;
    overflow:hidden;
    padding:.08em .08em .14em 0;
  }
  .hero-hi-inner{
    display:block;
    transform-origin:left bottom;
  }
  .js .hero-v2 .hero-hi-inner{
    opacity:0;
    transform:translate3d(0,105%,0) rotate(1.4deg) scale(.96);
    filter:blur(7px);
    letter-spacing:.09em;
  }
  .js .hero-v2.is-visible .hero-hi-inner{
    animation:ee-hero-title-in 880ms cubic-bezier(.16,.82,.22,1) 1320ms both;
  }
  @keyframes ee-hero-title-in{
    0%{
      opacity:0;
      transform:translate3d(0,105%,0) rotate(1.4deg) scale(.96);
      filter:blur(7px);
      letter-spacing:.09em;
    }
    62%{
      opacity:1;
      transform:translate3d(0,-3%,0) rotate(-.2deg) scale(1.01);
      filter:blur(0);
      letter-spacing:.015em;
    }
    100%{
      opacity:1;
      transform:translate3d(0,0,0) rotate(0) scale(1);
      filter:blur(0);
      letter-spacing:0;
    }
  }

  /* Typewriter der großen Georgia-Folgesection. */
  .typewriter-quote .type-word{
    display:inline-block;
    white-space:nowrap;
  }
  .js .typewriter-quote .type-char{
    display:inline-block;
    opacity:0;
    transform:translate3d(0,.16em,0);
    transition:
      opacity 100ms linear,
      transform 190ms cubic-bezier(.22,.75,.18,1);
    transition-delay:calc(var(--char-index) * 18ms);
    will-change:opacity,transform;
  }
  .js .typewriter-quote.is-visible .type-char{
    opacity:1;
    transform:translate3d(0,0,0);
  }

  /* Dezente Scroll-Reveals wie auf der Startseite.
     Nichts animiert, bevor es tatsächlich in den Viewport kommt. */
  .js .scroll-reveal{
    opacity:0;
    transform:translate3d(0,26px,0);
    transition:
      opacity 820ms cubic-bezier(.22,.75,.18,1),
      transform 820ms cubic-bezier(.22,.75,.18,1);
    transition-delay:var(--reveal-delay,0ms);
    will-change:opacity,transform;
  }
  .js .scroll-reveal.reveal-side{
    transform:translate3d(34px,0,0);
  }
  .js .scroll-reveal.reveal-left{
    transform:translate3d(-34px,0,0);
  }
  .js .scroll-reveal.reveal-image{
    opacity:1;
    transform:none;
    clip-path:inset(0 0 0 100%);
    transition:clip-path 1050ms cubic-bezier(.22,.75,.18,1);
    will-change:clip-path;
  }
  .js .scroll-reveal.is-visible{
    opacity:1;
    transform:translate3d(0,0,0);
    clip-path:inset(0 0 0 0);
  }

  @media(max-width:820px){
    .hero-v2{
      display:grid;
      grid-template-columns:1fr !important;
      background:var(--weiss) !important;
    }
    .hero-v2 .bild{
      width:100%;
      aspect-ratio:1/1;
    }
    .hero-v2 .txt{
      width:100%;
      min-height:clamp(230px,66vw,330px);
      padding:8%;
      justify-content:center !important;
      align-items:center !important;
      background:transparent !important;
    }
    .hero-v2 .txt::before{
      inset:-2px;
      width:calc(100% + 4px);
      height:calc(100% + 4px);
    }
    .hero-v2 .txt h1{
      width:100%;
      font-size:clamp(44px,12vw,64px) !important;
      text-align:center !important;
    }
    .hero-v2 .hero-hi-mask,
    .hero-v2 .hero-hi-inner{
      width:100%;
      text-align:center;
    }
    .hero-v2 .hero-hi-inner{
      transform-origin:center bottom;
    }

    .grosszitat .quote-feature{
      max-width:30ch;
      font-size:31px !important;
    }

    ol.schritte li{
      padding:20px 0;
    }

    .js .scroll-reveal.reveal-side,
    .js .scroll-reveal.reveal-left{
      transform:translate3d(0,22px,0);
    }
  }

  @media(prefers-reduced-motion:reduce){
    .js .hero-v2 .bild,
    .js .hero-v2 .bild img,
    .js .hero-v2 .txt::before,
    .js .hero-v2 .hero-hi-inner,
    .js .typewriter-quote .type-char,
    .js .scroll-reveal{
      animation:none !important;
      transition:none !important;
      opacity:1 !important;
      transform:none !important;
      filter:none !important;
      clip-path:none !important;
    }
  }


  /* OL-Abläufe: jede Zeile wieder einspaltig.
     Nummer, fetter Begriff, Bullet und Fließtext laufen in einer normalen Textzeile weiter. */
  ol.schritte li{
    display:block !important;
  }
  ol.schritte li > span{
    display:inline-block;
    min-width:1.15em;
    margin-right:4px;
    vertical-align:baseline;
  }
  ol.schritte li strong{
    display:inline;
  }

  @media(max-width:820px){
    ol.schritte li > span{
      min-width:1.15em;
      margin-right:4px;
    }
  }


  /* OL-Abläufe · Ziffer wieder wie in der Ursprungsversion:
     Die Nummer sitzt außerhalb des Textflusses. Umbrüche beginnen daher
     sauber unter dem eigentlichen Text und niemals unter der Ziffer. */
  ol.schritte li{
    position:relative;
    display:block !important;
    padding:22px 0 22px 2em !important;
  }
  ol.schritte li > span{
    position:absolute;
    left:0;
    top:22px;
    display:block;
    min-width:0 !important;
    margin:0 !important;
    line-height:1.5;
  }
  ol.schritte li strong{
    display:inline;
  }

  /* Mobile Reihenfolge:
     Erst klärung. vollständig, anschließend umbau. vollständig.
     Desktop bleibt weiterhin in der bisherigen zweispaltigen Zuordnung. */
  @media(max-width:820px){
    ol.schritte li{
      padding:20px 0 20px 2em !important;
    }
    ol.schritte li > span{
      top:20px;
    }

  }




  /* HEADER · Sticky + mobiles Burgermenü
     Desktop bleibt optisch unverändert. Keine Linie, kein Schatten. */
  header{
    position:sticky;
    top:0;
    z-index:1000;
    background:var(--weiss);
    border:0 !important;
    box-shadow:none !important;
  }

  .menu-toggle{
    display:none;
    appearance:none;
    -webkit-appearance:none;
    width:44px;
    height:44px;
    padding:10px;
    margin:0;
    border:0;
    background:transparent;
    color:var(--schwarz);
    cursor:pointer;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:6px;
  }
  .menu-toggle span{
    display:block;
    width:24px;
    height:1.5px;
    background:currentColor;
    transform-origin:center;
    transition:
      transform 280ms cubic-bezier(.22,.75,.18,1),
      opacity 180ms ease;
  }

  @media(max-width:820px){
    header{
      padding:22px 0;
    }
    .kopfzeile{
      flex-wrap:nowrap;
      gap:16px;
      padding:0 24px;
    }

    .menu-toggle{
      display:flex;
      margin-left:auto;
      flex:0 0 auto;
    }

    header nav{
      position:absolute;
      top:100%;
      left:0;
      right:0;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:0;
      padding:18px 24px 30px;
      background:var(--weiss);
      border:0 !important;
      box-shadow:none !important;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translate3d(0,-10px,0);
      transition:
        opacity 220ms ease,
        transform 320ms cubic-bezier(.22,.75,.18,1),
        visibility 0s linear 320ms;
    }
    header nav a{
      display:inline-block;
      margin-left:0 !important;
      padding:9px 0;
      font-size:24px;
      line-height:1.35;
    }

    header.menu-open nav{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translate3d(0,0,0);
      transition:
        opacity 220ms ease,
        transform 320ms cubic-bezier(.22,.75,.18,1),
        visibility 0s;
    }

    header.menu-open .menu-toggle span:first-child{
      transform:translateY(3.75px) rotate(45deg);
    }
    header.menu-open .menu-toggle span:last-child{
      transform:translateY(-3.75px) rotate(-45deg);
    }
  }

  @media(prefers-reduced-motion:reduce){
    .menu-toggle span,
    header nav{
      transition:none !important;
    }
  }

  .grosszitat .quote-feature{font-family:'Newsreader',Georgia,'Times New Roman',serif;font-style:normal;font-weight:400;font-size:clamp(24px,2.9vw,42px);line-height:1.4;text-align:center;max-width:none;margin-left:auto;margin-right:auto;}

  /* H1-Stufen: Salbeifeld 96, Textfluss 56 */
  h1{font-size:56px !important;line-height:1.15;font-weight:300 !important;}
  @media(max-width:820px){h1{font-size:36px !important;}}
  .gruss-block h1, .k-hero h1{font-size:96px !important;line-height:1.05;font-weight:300 !important;}
  @media(max-width:820px){.gruss-block h1, .k-hero h1{font-size:48px !important;}}

  /* TEXTSTUFEN · Fließtext 18 · Vorspann 22 · Caption 13 */
  p, li{font-size:18px !important;line-height:1.65 !important;}
  .fuer-wen-kurz, .k-hero-text, .frage, .wirkung p, .drei-muster,
  .intro p, .auftakt, .intro-copy p, .einleitung, .t-vorspann{font-size:22px !important;line-height:1.6 !important;}
  .caption, .kicker, .frage-titel, .privat, .hinweis, .nl-hinweis, .cal-hinweis,
  .datum, .herkunft, .notizen-titel, .fclaim, .stimme .name, .fall-zitat .name,
  .jahre, .stimme-name, footer p, footer li, .methodengruppe li span, .video-bu,
  .buchen .caption, .btn-zeile .caption{font-size:13px !important;line-height:1.5 !important;}
  .quote-feature, .fall-zitat p, .wirkung-zitat p, .leitsatz p,
  .grosszitat .quote-feature, .quote-section .quote-feature{font-size:clamp(24px,2.9vw,42px) !important;line-height:1.4 !important;}
  .stimme p:not(.name):not(.stimme-name){font-size:26px !important;line-height:1.45 !important;}
  .preis{font-size:26px !important;}
  .methodengruppe .name{font-size:24px !important;}

  /* Zitatschrift Newsreader Light */
  .quote-feature, .fall-zitat p, .wirkung-zitat p, .leitsatz p,
  .grosszitat .quote-feature, .quote-section .quote-feature,
  .stimme p:not(.name):not(.stimme-name), .inline-quote{font-weight:300 !important;}

  /* Große Zitate: Newsreader ExtraLight. Stimmen und kleine Zitate bleiben Light. */
  .quote-feature, .fall-zitat p, .wirkung-zitat p, .leitsatz p,
  .grosszitat .quote-feature, .quote-section .quote-feature{font-weight:300 !important;}

/* klärung. auf Salbei, volle Fensterbreite */
.klaerung-salbei{background:var(--salbei);
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding:90px calc(50vw - 50%) 80px !important;}
.klaerung-salbei .kicker{color:#565b4e;}

/* klärung. neu: untereinander statt drei ungleicher Spalten */
.klaerung-salbei .frage-titel{font-size:13px !important;letter-spacing:1px;text-transform:uppercase;color:var(--schwarz);margin-bottom:18px;font-weight:500;}
.k-wann{margin-top:40px;max-width:66ch;}
.k-wofuer{margin-top:64px;}
.k-wofuer .lead{max-width:66ch;}
.k-wofuer ul.themen{columns:2;column-gap:80px;max-width:1100px;margin-top:26px;}
.k-wofuer ul.themen li{break-inside:avoid;margin-bottom:14px;}
.k-wie{margin-top:64px;}
.k-schritte{display:grid;grid-template-columns:repeat(4,1fr);column-gap:64px;align-items:start;}
.k-nr{display:block;font-weight:300;font-size:40px;line-height:1;color:rgba(0,0,0,.35);margin-bottom:14px;}
.k-s-titel{font-weight:500 !important;font-size:18px !important;margin-bottom:8px;}
.k-s-text{font-weight:300;}
.k-btn{margin-top:34px;display:inline-block;width:auto;text-align:center;padding:16px 22px;white-space:nowrap;}
@media(max-width:1000px){.k-schritte{grid-template-columns:1fr 1fr;row-gap:44px;}.k-wofuer ul.themen{columns:1;}}
@media(max-width:600px){.k-schritte{grid-template-columns:1fr;}}

.k-oben{display:grid;grid-template-columns:1fr 1fr;column-gap:96px;margin-top:48px;align-items:start;}
.k-themen{display:grid;grid-template-columns:1fr 1fr;column-gap:96px;row-gap:16px;margin-top:34px;columns:auto !important;max-width:none !important;}
.k-themen li{margin-bottom:0 !important;}
@media(max-width:900px){.k-oben{grid-template-columns:1fr;row-gap:48px;}.k-themen{grid-template-columns:1fr;}}

.k-block{margin-top:56px;}
.k-breit{max-width:75ch;}

.k-zwei{display:grid;grid-template-columns:1.05fr 1.35fr 0.9fr;column-gap:64px;margin-top:48px;align-items:start;}
  .k-zwei .vorlauf, .k-zwei ul.themen li, .k-nicht{font-size:18px !important;font-weight:300 !important;line-height:1.65 !important;}
.k-zwei ul.themen{columns:auto;max-width:none;margin-top:0;list-style:disc;padding-left:1.2em;}
.k-zwei ul.themen li{margin-bottom:0;padding:0 0 6px;display:list-item;}
@media(max-width:900px){.k-zwei{grid-template-columns:1fr;row-gap:48px;}}
.k-nicht{font-weight:300;}
@media(max-width:900px){.k-zwei{grid-template-columns:1fr;}}

/* Buchstaben-Erscheinen der Hero-Wörter */
.hero-hi-inner .bst-wort{display:inline-block;white-space:nowrap;}
.hero-hi-inner .bst{display:inline-block;opacity:0;transform:translateY(0.18em);animation:bst-ein .5s ease forwards;}
@keyframes bst-ein{to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion: reduce){.hero-hi-inner .bst{animation:none;opacity:1;transform:none;}}