/* ==========================================================================
   Hosting Fixers – Designvorschau "Editorial Light"
   Eigenständige Vorschau, nicht Teil der produktiven WordPress-Installation.
   Aufbau: 1 Tokens · 2 Basis · 3 Layout · 4 Komponenten · 5 Sektionen · 6 Utilities
   ========================================================================== */

/* ---------- 1 Tokens ---------- */
@font-face{font-family:"Manrope";src:url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  /* Farben */
  --paper:#F7F7F4;          /* Off-White: Grundfläche */
  --ink:#171A1E;            /* Graphit: Text und dunkle Flächen */
  --ink-2:#20252A;          /* Graphit, angehoben (Felder auf Dunkel) */
  --lime:#D9F36A;           /* Accent: nur als Fläche/Marker mit dunklem Text */
  --grey:#E7E9E5;           /* Soft Grey: ruhige Flächen, Linien */
  --slate:#7B838B;          /* Slate: nur große Schrift / Dekor (3,6:1 auf Paper) */
  --slate-text:#565E66;     /* Slate dunkler für Fließtext auf Hell (6,1:1) */
  --mute-dark:#A9B0B7;      /* Gedämpfter Text auf Graphit (8,0:1) */
  --line:rgba(23,26,30,.16);
  --line-strong:rgba(23,26,30,.9);
  --line-dark:rgba(247,247,244,.2);

  /* Typografie */
  --font-head:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fs-display:clamp(2.5rem,.5rem + 8.4vw,6.5rem);
  --fs-h2:clamp(2rem,1.15rem + 3.6vw,4rem);
  --fs-h3:clamp(1.5rem,1.1rem + 1.5vw,2.25rem);
  --fs-h4:1.25rem;
  --fs-lead:clamp(1.1875rem,1.05rem + .6vw,1.5rem);
  --fs-body:1.0625rem;
  --fs-small:.9375rem;
  --fs-caption:.8125rem;

  /* Abstände (8-pt-Skala) */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:144px;
  --section:clamp(72px,10vw,152px);

  /* Container und Raster */
  --maxw:1280px;
  --gutter:clamp(20px,5vw,56px);
  --col-gap:clamp(16px,2.5vw,32px);

  /* Form */
  --radius:6px;
  --header-h:72px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- 2 Basis ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:800;line-height:1.05;letter-spacing:-.03em;margin:0}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--lime);color:var(--ink)}

:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}
.on-dark :focus-visible,.site-footer :focus-visible{outline-color:var(--lime)}

.skip-link{position:absolute;left:var(--s-4);top:-80px;z-index:200;background:var(--ink);color:var(--paper);padding:var(--s-3) var(--s-5);border-radius:var(--radius);font-weight:600;text-decoration:none}
.skip-link:focus{top:var(--s-4)}
.visually-hidden,.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- 3 Layout ---------- */
.container{width:min(100% - 2*var(--gutter),var(--maxw));margin-inline:auto}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}
.section{padding-block:var(--section)}
.on-dark{background:var(--ink);color:var(--paper)}
.on-grey{background:var(--grey)}

.eyebrow{font-family:var(--font-body);font-size:var(--fs-caption);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--slate-text)}
.on-dark .eyebrow{color:var(--mute-dark)}

/* Inhalts-Links im Fließtext: immer unterstrichen (nicht nur Farbe) */
.link,.prose a,.faq__a a,.legal a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:text-decoration-thickness .15s}
.link:hover,.prose a:hover,.faq__a a:hover{text-decoration-thickness:2px}

/* ---------- 4 Komponenten ---------- */
/* Buttons */
.btn,.hf-btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:54px;padding:0 1.6rem;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-family:var(--font-head);font-weight:700;font-size:1rem;letter-spacing:-.005em;text-decoration:none;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.btn svg{width:18px;height:18px;flex:none;transition:transform .25s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn:hover,.hf-btn:hover{background:var(--lime);color:var(--ink)}
.btn--ghost{background:transparent;color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--paper)}
.btn--sm{min-height:44px;padding:0 1.1rem;font-size:.9375rem}
.on-dark .btn,.on-dark .hf-btn{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.on-dark .btn:hover,.on-dark .hf-btn:hover{background:var(--paper);border-color:var(--paper)}
.on-dark .btn--ghost{background:transparent;color:var(--paper);border-color:var(--line-dark)}
.on-dark .btn--ghost:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn[disabled],.btn.is-disabled{background:var(--grey);border-color:var(--grey);color:var(--slate-text);cursor:not-allowed}
.btn[disabled] svg,.btn.is-disabled svg{transform:none}

.arrow-link{display:inline-flex;align-items:center;gap:.55em;font-weight:600;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px;transition:gap .2s var(--ease)}
.arrow-link svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.arrow-link:hover svg{transform:translateX(4px)}

/* Lime-Marker (flache Fläche, kein Verlauf) */
.mark{background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 90%/100% .4em;padding-inline:.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:mark-in .9s .35s var(--ease) both}
@keyframes mark-in{from{background-size:0 .4em}to{background-size:100% .4em}}

/* Tags als Textliste, nicht als Pillen-Wolke */
.topics{display:flex;flex-wrap:wrap;gap:var(--s-2) 0;font-size:var(--fs-small);color:var(--slate-text)}
.topics li{padding-inline:var(--s-3);border-left:1px solid var(--line)}
.topics li:first-child{padding-left:0;border-left:0}
.on-dark .topics{color:var(--mute-dark)}
.on-dark .topics li{border-color:var(--line-dark)}

/* Formulare */

/* Reveal: nur mit JS aktiv, ohne JS ist alles sichtbar */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
.js .reveal.is-in{opacity:1;transform:none}

/* ---------- 5 Sektionen ---------- */
/* Header */
.site-header{position:sticky;top:0;z-index:80;background:var(--paper);border-bottom:1px solid var(--line)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);min-height:var(--header-h)}
.brand{display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--font-head);font-weight:800;font-size:1.3rem;letter-spacing:-.04em;text-decoration:none}
.brand__mark{width:16px;height:16px;background:var(--lime);border:1.5px solid var(--ink);flex:none;transition:transform .35s var(--ease)}
.brand:hover .brand__mark{transform:rotate(45deg)}
.nav-toggle{display:inline-flex;align-items:center;gap:var(--s-3);min-height:44px;padding:0 var(--s-4);background:transparent;border:1.5px solid var(--ink);border-radius:var(--radius);font-weight:600;cursor:pointer}
.nav-toggle__bars{display:grid;gap:5px}
.nav-toggle__bars i{display:block;width:18px;height:2px;background:var(--ink);transition:transform .25s var(--ease),opacity .2s}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars i:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle__bars i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nav{display:none;position:fixed;inset:var(--header-h) 0 0 0;overflow-y:auto;background:var(--paper);padding:var(--s-5) var(--gutter) var(--s-9);border-top:1px solid var(--line)}
.nav.is-open{display:block}
.nav__list{display:grid}
.nav__item{border-bottom:1px solid var(--line)}
.nav__link,.nav__trigger{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:60px;padding:0;background:none;border:0;font-family:var(--font-head);font-weight:700;font-size:1.5rem;letter-spacing:-.03em;text-decoration:none;text-align:left;cursor:pointer}
.nav__trigger svg{width:18px;height:18px;transition:transform .25s var(--ease)}
.nav__trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav__sub{display:none;padding:0 0 var(--s-4)}
.nav__trigger[aria-expanded="true"] + .nav__sub{display:block}
.nav__sub a{display:block;padding:var(--s-2) 0;color:var(--slate-text);text-decoration:none;font-size:1.0625rem}
.nav__sub a:hover{color:var(--ink);text-decoration:underline}
.nav__cta{margin-top:var(--s-6)}
.nav__cta .btn{width:100%}

@media (min-width:1000px){
  :root{--header-h:80px}
  .nav-toggle{display:none}
  .nav{display:flex;position:static;inset:auto;overflow:visible;background:none;padding:0;border:0;align-items:center;gap:var(--s-6);flex:1;justify-content:flex-end}
  .nav__list{display:flex;gap:var(--s-1)}
  .nav__item{position:relative;border:0}
  .nav__link,.nav__trigger{min-height:44px;padding:0 var(--s-4);font-family:var(--font-body);font-weight:600;font-size:.9688rem;letter-spacing:0;width:auto;gap:var(--s-2);border-radius:var(--radius);transition:background-color .15s}
  .nav__link:hover,.nav__trigger:hover,.nav__trigger[aria-expanded="true"]{background:var(--grey)}
  .nav__trigger svg{width:14px;height:14px}
  .nav__sub{position:absolute;left:0;top:100%;min-width:300px;padding:var(--s-3);background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--ink);z-index:5}
  .nav__trigger[aria-expanded="true"] + .nav__sub{display:block}
  @media (hover:hover){
    .nav__item:hover > .nav__sub{display:block}
    .nav__item:hover > .nav__trigger svg{transform:rotate(180deg)}
  }
  .nav__item:focus-within > .nav__sub{display:block}
  .nav__sub a{padding:var(--s-3) var(--s-4);font-size:.9688rem;color:var(--ink);border-radius:var(--radius)}
  .nav__sub a:hover{background:var(--grey);text-decoration:none}
  .nav__cta{margin:0}
  .nav__cta .btn{width:auto}
}

/* Hero */
.hero{padding-block:clamp(32px,6vw,88px) clamp(48px,7vw,104px)}
.hero__grid{row-gap:var(--s-7)}
.hero__title{grid-column:1/-1;font-size:var(--fs-display);line-height:.98;letter-spacing:-.045em;font-weight:800}
.hero__kicker{display:block;margin-bottom:clamp(20px,3vw,40px);font-family:var(--font-body);font-size:var(--fs-caption);font-weight:600;line-height:1.4;letter-spacing:.09em;text-transform:uppercase;color:var(--slate-text)}
.hero__line{display:block}
.hero__line--2{padding-left:.45em}
.hero__line--3{padding-left:1.15em}
.hero__lead{grid-column:1/-1;font-size:var(--fs-lead);line-height:1.5;max-width:34em}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}
.hero__aside{grid-column:1/-1;border-left:3px solid var(--ink);padding-left:var(--s-5);font-size:var(--fs-small)}
.hero__name{font-family:var(--font-head);font-weight:800;font-size:1.375rem;letter-spacing:-.03em;line-height:1.15}
.hero__role{color:var(--slate-text);margin-top:var(--s-1)}
.hero__facts{display:grid;gap:var(--s-3);margin-top:var(--s-5)}
.hero__facts dt{font-size:var(--fs-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--slate-text)}
.hero__facts dd{margin:0;font-weight:500}
.hero__facts a{text-decoration:none;border-bottom:1.5px solid var(--ink)}
.hero__facts a:hover{background:var(--lime)}
.hero__emergency{margin-top:var(--s-5)}
@media (min-width:900px){
  .hero__title{grid-column:1/span 10}
  .hero__lead{grid-column:1/span 7;grid-row:2}
  .hero__aside{grid-column:9/span 4;grid-row:2;align-self:end}
}
@media (min-width:1200px){
  .hero__title{grid-column:1/span 9}
  .hero__lead{grid-column:2/span 6}
  .hero__aside{grid-column:10/span 3;grid-row:1;align-self:end}
}

.stack{border-block:1px solid var(--line);padding-block:var(--s-5)}
.stack__inner{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-7);align-items:baseline}
.stack__label{flex:none}
.stack ul{display:flex;flex-wrap:wrap;font-family:var(--font-head);font-weight:700;font-size:1.0625rem;letter-spacing:-.02em;row-gap:var(--s-2)}
.stack li{padding-inline:var(--s-4);border-left:1px solid var(--line)}
.stack li:first-child{padding-left:0;border-left:0}

/* Haltung (Statement) */
.statement{padding-block:var(--section)}
.statement__text{grid-column:1/-1;font-family:var(--font-head);font-weight:700;font-size:clamp(1.75rem,1rem + 3vw,3.375rem);line-height:1.12;letter-spacing:-.035em}
.statement__text span{color:var(--slate)}
.statement__points{grid-column:1/-1;margin-top:var(--s-7);display:grid;gap:var(--s-3);font-size:var(--fs-small);font-weight:600}
.statement__points li{padding-top:var(--s-3);border-top:2px solid var(--ink)}
@media (min-width:900px){
  .statement__text{grid-column:1/span 9}
  .statement__points{grid-column:4/span 9;grid-template-columns:repeat(3,1fr);gap:var(--col-gap)}
}

/* Sektionskopf: Label links, Überschrift rechts */
.section-head{row-gap:var(--s-4);margin-bottom:clamp(40px,6vw,88px)}
.section-head .eyebrow{grid-column:1/-1;padding-top:.7em}
.section-head h2{grid-column:1/-1;font-size:var(--fs-h2);letter-spacing:-.04em}
.section-head p{grid-column:1/-1;font-size:var(--fs-lead);line-height:1.5;color:var(--slate-text);max-width:36em}
.on-dark .section-head p{color:var(--mute-dark)}
@media (min-width:900px){
  .section-head .eyebrow{grid-column:1/span 3}
  .section-head h2{grid-column:4/span 9}
  .section-head p{grid-column:4/span 7;margin-top:var(--s-3)}
}

/* Expertise: Kapitelliste */
.chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:var(--s-4);padding-block:clamp(28px,4vw,52px);border-top:1px solid var(--line-strong)}
.chapter:last-child{border-bottom:1px solid var(--line-strong)}
.chapter__num{grid-column:1/span 2;align-self:start;display:inline-grid;place-items:center;justify-self:start;min-width:52px;height:40px;padding:0 var(--s-3);font-family:var(--font-head);font-weight:800;font-size:1.0625rem;border:1.5px solid var(--ink);border-radius:999px;transition:background-color .25s var(--ease)}
.chapter:hover .chapter__num{background:var(--lime)}
.chapter__title{grid-column:1/-1;font-size:var(--fs-h3);letter-spacing:-.035em}
.chapter__body{grid-column:1/-1;display:grid;gap:var(--s-5);align-content:start}
.chapter__body p{max-width:34em}
.chapter__links{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6)}
.chapter--lead .chapter__title{font-size:clamp(2.25rem,1.2rem + 4.4vw,4.75rem);line-height:1}
@media (min-width:900px){
  .chapter__num{grid-column:1/span 1;grid-row:1}
  .chapter__title{grid-column:2/span 6;grid-row:1}
  .chapter__body{grid-column:8/span 5;grid-row:1}
  .chapter--lead{padding-block:clamp(48px,6vw,88px)}
  .chapter--lead .chapter__title{grid-column:2/span 7}
  .chapter--lead .chapter__body{grid-column:2/-1;grid-row:2;margin-top:var(--s-5);grid-template-columns:minmax(0,6fr) minmax(0,4fr);column-gap:var(--col-gap);row-gap:var(--s-5)}
  .chapter--lead .chapter__body p{grid-row:1/span 2;font-size:var(--fs-lead);line-height:1.5}
  .chapter--lead .topics{flex-direction:column;gap:0;align-self:start}
  .chapter--lead .topics li{padding:var(--s-3) 0;border-left:0;border-top:1px solid var(--line-strong);font-size:1rem;color:var(--ink)}
  .chapter--lead .chapter__links{align-self:end}
}
.chapters-note{margin-top:var(--s-7);display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);align-items:center;justify-content:space-between;font-size:var(--fs-lead);font-family:var(--font-head);font-weight:700;letter-spacing:-.02em}

/* Über mich */
.about{row-gap:var(--s-8)}
.about__figure{grid-column:1/-1;margin:0;max-width:440px;padding:0 14px 14px 0}
.portrait{position:relative;aspect-ratio:4/5;background:var(--ink);color:var(--paper);display:flex;align-items:flex-end;padding:var(--s-5);overflow:hidden;box-shadow:14px 14px 0 var(--lime)}
.portrait__mono{font-family:var(--font-head);font-weight:800;font-size:clamp(6rem,16vw,11rem);line-height:.8;letter-spacing:-.07em}
.portrait__dot{position:absolute;top:var(--s-5);right:var(--s-5);width:16px;height:16px;background:var(--lime)}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about__figure figcaption{margin-top:var(--s-5);font-size:var(--fs-small);color:var(--slate-text)}
.about__figure figcaption strong{display:block;font-family:var(--font-head);font-size:1.125rem;letter-spacing:-.02em;color:var(--ink)}
.about__content{grid-column:1/-1}
.about__content h2{font-size:var(--fs-h2);letter-spacing:-.04em}
.about__text{display:grid;gap:var(--s-5);margin-top:var(--s-6);max-width:36em;font-size:var(--fs-lead);line-height:1.5}
.about__points{display:grid;gap:0;margin-top:var(--s-7)}
.about__points li{display:grid;gap:var(--s-1);padding-block:var(--s-4);border-top:1px solid var(--line-strong)}
.about__points strong{font-family:var(--font-head);font-size:1.125rem;letter-spacing:-.02em}
.about__points span{color:var(--slate-text);font-size:var(--fs-small)}
.about__meta{margin-top:var(--s-6)}
@media (min-width:900px){
  .about{align-items:start}
  .about__figure{grid-column:1/span 5;margin-top:var(--s-8)}
  .about__content{grid-column:7/span 6}
  .about__points{grid-template-columns:1fr 1fr;column-gap:var(--col-gap)}
}

/* Arbeitsweise */
.steps{display:grid;gap:0;counter-reset:step}
.step{display:grid;grid-template-columns:72px 1fr;gap:var(--s-2) var(--s-4);padding-block:var(--s-5);border-top:2px solid var(--ink)}
.step__num{grid-row:span 2;font-family:var(--font-head);font-weight:800;font-size:clamp(2.5rem,2rem + 2vw,3.5rem);letter-spacing:-.05em;line-height:1;color:var(--slate-text)}
.step h3{font-size:var(--fs-h3)}
.step p{color:var(--ink);max-width:26em}
@media (min-width:900px){
  .steps{grid-template-columns:repeat(4,1fr);column-gap:var(--col-gap)}
  .step{display:block;padding-top:var(--s-5);padding-bottom:var(--s-8)}
  .step:nth-child(2){margin-top:var(--s-7)}
  .step:nth-child(3){margin-top:var(--s-8)}
  .step:nth-child(4){margin-top:var(--s-9)}
  .step__num{display:block;margin-bottom:var(--s-8)}
  .step h3{margin-bottom:var(--s-3)}
}

/* FAQ */
.faq{grid-column:1/-1}
.faq details{border-top:1px solid var(--line-strong)}
.faq details:last-child{border-bottom:1px solid var(--line-strong)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);min-height:76px;padding-block:var(--s-4);cursor:pointer;list-style:none;font-family:var(--font-head);font-weight:700;font-size:clamp(1.1875rem,1.05rem + .7vw,1.5rem);letter-spacing:-.025em;line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq__icon{position:relative;flex:none;width:36px;height:36px;border:1.5px solid var(--ink);border-radius:50%;transition:background-color .2s}
.faq__icon::before,.faq__icon::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .25s var(--ease)}
.faq__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq details[open] .faq__icon{background:var(--lime)}
.faq details[open] .faq__icon::after{transform:translate(-50%,-50%) rotate(0)}
.faq summary:hover .faq__icon{background:var(--lime)}
.faq__a{padding:0 0 var(--s-6);max-width:42em;display:grid;gap:var(--s-3)}
.faq-more{margin-top:var(--s-6)}
@media (min-width:900px){
  .faq{grid-column:4/span 9}
}

/* Kontakt */
.contact{row-gap:var(--s-8)}
.contact__intro{grid-column:1/-1}
.contact__intro h2{font-size:var(--fs-h2);letter-spacing:-.04em}
.contact__intro > p{margin-top:var(--s-5);font-size:var(--fs-lead);line-height:1.5;color:#D4D8DC;max-width:28em}
.contact__direct{margin-top:var(--s-7);display:grid;gap:var(--s-5)}
.contact__direct div{display:grid;gap:var(--s-1);padding-top:var(--s-4);border-top:1px solid var(--line-dark)}
.contact__direct dt{font-size:var(--fs-caption);letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--mute-dark)}
.contact__direct dd{margin:0;font-family:var(--font-head);font-weight:700;font-size:1.375rem;letter-spacing:-.02em}
.contact__direct a{text-decoration:none;border-bottom:1.5px solid var(--lime)}
.contact__direct a:hover{background:var(--lime);color:var(--ink)}
/* Footer */
.site-footer{background:var(--ink);color:var(--paper);padding-block:var(--s-9) var(--s-6);border-top:1px solid var(--line-dark)}
.footer__top{row-gap:var(--s-7)}
.footer__brand{grid-column:1/-1}
.footer__wordmark{font-family:var(--font-head);font-weight:800;font-size:clamp(2.75rem,1rem + 7vw,7rem);letter-spacing:-.06em;line-height:.9}
.footer__addr{margin-top:var(--s-5);font-style:normal;color:var(--mute-dark);font-size:var(--fs-small);line-height:1.7}
.footer__col{grid-column:span 6}
.footer__col h2{font-family:var(--font-body);font-size:var(--fs-caption);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--mute-dark);margin-bottom:var(--s-4)}
.footer__col a{display:inline-block;padding:var(--s-1) 0;text-decoration:none;font-size:var(--fs-small)}
.footer__col a:hover{text-decoration:underline;text-underline-offset:.2em}
.footer__bottom{margin-top:var(--s-9);padding-top:var(--s-5);border-top:1px solid var(--line-dark);display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-6);justify-content:space-between;font-size:var(--fs-caption);color:var(--mute-dark)}
@media (min-width:900px){
  .footer__brand{grid-column:1/span 5}
  .footer__col{grid-column:span 2}
  .footer__col:first-of-type{grid-column:7/span 2}
}

/* ---------- 6 Prose (bestehende Fachartikel und Leistungsseiten) ---------- */
.prose{max-width:68ch}
.prose > * + *{margin-top:1.1em}
.prose h2{font-size:var(--fs-h3);margin-top:2em}
.prose h3{font-size:var(--fs-h4);margin-top:1.6em;letter-spacing:-.02em}
.prose ul{list-style:disc;padding-left:1.25em}
.prose ul li + li{margin-top:.4em}
.prose blockquote{margin-inline:0;padding-left:var(--s-5);border-left:4px solid var(--lime);font-family:var(--font-head);font-weight:600;font-size:1.25rem;letter-spacing:-.02em}
.prose code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.9em;background:var(--grey);padding:.1em .35em;border-radius:3px}

/* ---------- Reduzierte Bewegung ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important}
  .js .reveal{opacity:1;transform:none}
}




/* ---------- 7 Ergänzungen Startseite ---------- */
.hero__loc{margin-top:var(--s-4);font-size:var(--fs-small);color:var(--slate-text)}
.hero__loc a{color:var(--ink);text-decoration:underline;text-underline-offset:.22em}
.contact__regional{margin-top:var(--s-6);font-size:var(--fs-small);color:var(--mute-dark)}
.contact__regional a,.on-dark .link{color:var(--paper);text-decoration:underline;text-underline-offset:.22em}

/* Hebel (Definitionsliste) */
.levers{display:grid;gap:0;border-bottom:1px solid var(--line-strong)}
.lever{display:grid;gap:var(--s-3);padding-block:var(--s-5);border-top:1px solid var(--line-strong)}
.lever dt{font-family:var(--font-head);font-weight:800;font-size:var(--fs-h4);letter-spacing:-.02em}
.lever dd{margin:0;max-width:36em;color:var(--slate-text)}
.why__title{margin:var(--s-9) 0 var(--s-6);font-size:var(--fs-h3)}
@media (min-width:900px){
  .lever{grid-template-columns:minmax(0,3fr) minmax(0,7fr);column-gap:var(--col-gap)}
  .levers{margin-left:calc((100% + var(--col-gap)) * 3 / 12)}
  .levers--why{margin-left:0}
}

/* Symptom → Lösung */
.ps{margin-top:var(--s-9)}
.ps__title{font-size:var(--fs-h3);margin-bottom:var(--s-6)}
.ps__list{display:grid}
.ps__row{display:grid;gap:var(--s-4);padding-block:var(--s-5);border-top:1px solid var(--line-strong)}
.ps__row:last-child{border-bottom:1px solid var(--line-strong)}
.ps__tag{display:block;margin-bottom:var(--s-2);font-size:var(--fs-caption);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--slate-text)}
.ps__solution{font-weight:600}
@media (min-width:900px){.ps__row{grid-template-columns:1fr 1fr;column-gap:var(--col-gap)}}

/* Fallstudien (Graphit) */
.cases{border-bottom:1px solid var(--line-dark)}
.case{display:grid;gap:var(--s-6);padding-block:clamp(32px,5vw,64px);border-top:1px solid var(--line-dark)}
.case__head h3{font-size:var(--fs-h3);margin:var(--s-3) 0 var(--s-4)}
.case-dl{display:grid}
.case-dl > div{display:grid;gap:var(--s-2);padding-block:var(--s-4);border-top:1px solid var(--line-dark)}
.case-dl > div:first-child{border-top:0;padding-top:0}
.case-dl dt{font-size:var(--fs-caption);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--lime)}
.case-dl dd{margin:0;max-width:40em;color:#D4D8DC}
.case-metrics{width:100%;margin-top:var(--s-5);border-collapse:collapse;font-size:var(--fs-small)}
.case-metrics th,.case-metrics td{padding:var(--s-3) var(--s-3) var(--s-3) 0;text-align:left;border-top:1px solid var(--line-dark)}
.case__link{margin-top:var(--s-5)}
@media (min-width:900px){
  .case{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap)}
  .case__head{grid-column:1/span 4}
  .case__body{grid-column:6/span 7}
  .case-dl > div{grid-template-columns:150px 1fr;gap:var(--col-gap)}
}

/* Security (zweispaltig) */
.split{row-gap:var(--s-7)}
.split__text,.split__list{grid-column:1/-1}
.split__text h2{font-size:var(--fs-h2);margin:var(--s-4) 0 var(--s-5)}
.split__text p{max-width:34em}
.split__text p + p{margin-top:var(--s-5)}
.checks li{position:relative;padding:var(--s-3) 0 var(--s-3) 2rem;border-top:1px solid var(--line-strong)}
.checks li:last-child{border-bottom:1px solid var(--line-strong)}
.checks li::before{content:"";position:absolute;left:0;top:1.15em;width:14px;height:8px;border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(-45deg)}
@media (min-width:900px){
  .split__text{grid-column:1/span 5}
  .split__list{grid-column:7/span 6}
}

/* Preise */
.price-list{border-bottom:1px solid var(--line-strong)}
.price-row{display:grid;gap:var(--s-2);padding-block:var(--s-5);border-top:1px solid var(--line-strong)}
.price-row h3{font-size:var(--fs-h4);letter-spacing:-.02em}
.price-row__range{font-family:var(--font-head);font-weight:800;letter-spacing:-.02em}
.price-row__desc{color:var(--slate-text);max-width:40em}
.price-foot{margin-top:var(--s-8);row-gap:var(--s-7)}
.price-foot > div{grid-column:1/-1}
.price-foot h3{font-size:var(--fs-h4);margin-bottom:var(--s-3)}
@media (min-width:900px){
  .price-row{grid-template-columns:minmax(0,3fr) minmax(0,2fr) minmax(0,5fr);column-gap:var(--col-gap);align-items:baseline}
  .price-foot > div{grid-column:span 6}
}

/* ---------- 8 Kontaktformular (bestehendes Backend, nur Styling; Geltungsbereich .hf-form) ---------- */
.contact__intro,.contact__formwrap{grid-column:1/-1}
.contact__intro h2{margin-top:var(--s-4)}
@media (min-width:900px){
  .contact__intro{grid-column:1/span 5}
  .contact__formwrap{grid-column:7/span 6}
}
.hf-form{display:grid;gap:var(--s-5)}
.hf-field{display:grid;gap:var(--s-2)}
.hf-field label{font-weight:600;font-size:var(--fs-small)}
.hf-field .req{color:inherit}
.hf-form .hf-input,.hf-form .hf-select,.hf-form .hf-textarea{width:100%;min-height:54px;margin:0;padding:.85rem 1rem;background-color:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius);color:var(--ink);font:inherit;box-shadow:none}
.hf-form .hf-textarea{min-height:150px;resize:vertical;line-height:1.55}
.hf-form .hf-input:focus-visible,.hf-form .hf-select:focus-visible,.hf-form .hf-textarea:focus-visible{outline:3px solid var(--lime);outline-offset:0;box-shadow:0 0 0 1.5px var(--ink)}
/* Dropdown „Thema“: genau EIN Pfeil.
   Natives Pfeil-Widget abschalten (appearance + IE/Edge-Legacy) und genau ein Hintergrund-Chevron setzen.
   Keine ::before/::after, keine Icon-Font-Zeichen, nur dieses eine Element im Formular. */
.hf-form select.hf-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:2.8rem;background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23171A1E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");text-overflow:ellipsis}
.hf-form select.hf-select::-ms-expand{display:none}
.hf-form select.hf-select::before,.hf-form select.hf-select::after{content:none}
.hf-field:has(> select.hf-select)::before,.hf-field:has(> select.hf-select)::after{content:none}
.on-dark .hf-form .hf-input,.on-dark .hf-form .hf-select,.on-dark .hf-form .hf-textarea{background-color:var(--ink-2);color:var(--paper);border-color:rgba(247,247,244,.55)}
.on-dark .hf-form select.hf-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23F7F7F4' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.on-dark .hf-form select.hf-select option{background:var(--ink-2);color:var(--paper)}
.on-dark .hf-form ::placeholder{color:var(--mute-dark);opacity:1}
.hf-form__consent{display:grid;grid-template-columns:24px 1fr;gap:var(--s-3);align-items:start;font-size:var(--fs-small)}
.hf-form__consent input{width:24px;height:24px;margin:1px 0 0;accent-color:var(--lime)}
.hf-form__consent a{text-decoration:underline;text-underline-offset:.22em}
.hf-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hf-btn--lg{min-height:58px}
.hf-btn--accent{background:var(--ink);color:var(--paper)}
.on-dark .hf-btn--accent{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.hf-notice{padding:var(--s-4) var(--s-5);border-radius:var(--radius);border:1.5px solid currentColor;font-weight:600;margin-bottom:var(--s-5)}
.hf-notice p + p{margin-top:var(--s-2)}
.hf-notice--ok{color:var(--ink);background:var(--lime);border-color:var(--lime)}
.hf-notice--err{color:#8F1B14;background:#FFF1EF}
.on-dark .hf-notice--err{color:#FFB4AB;background:transparent}

/* ---------- 9 Innenseiten ---------- */
.page,.local,.single,.archive,.layout-sidebar,.e404{padding-block:clamp(40px,6vw,88px)}
.page__head,.archive__head,.single__head{margin-bottom:clamp(32px,5vw,64px);max-width:56rem}
.page__title,.single__title,.archive__title,.e404__title{font-size:var(--fs-h2);letter-spacing:-.04em}
.page__intro,.archive__desc,.e404__lead{margin-top:var(--s-5);font-size:var(--fs-lead);line-height:1.5;color:var(--slate-text);max-width:38em}
.page__hero{margin-bottom:var(--s-7)}
.page__hero img{width:100%;height:auto;border-radius:var(--radius)}
.layout-sidebar{display:grid;gap:var(--s-8)}
@media (min-width:1000px){.layout-sidebar{grid-template-columns:minmax(0,8fr) minmax(0,3fr);column-gap:var(--s-8)}}
.prose a{color:inherit}
.prose img{height:auto;border-radius:var(--radius)}
.prose table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}
.prose th,.prose td{padding:var(--s-3);border-bottom:1px solid var(--line);text-align:left}
.prose pre{overflow:auto;padding:var(--s-4);background:var(--ink);color:var(--paper);border-radius:var(--radius)}
.prose ol{list-style:decimal;padding-left:1.25em}
.local__body{display:grid;gap:clamp(40px,6vw,80px);margin-top:var(--s-7)}
.local-section h2{font-size:var(--fs-h3);margin-bottom:var(--s-5)}
.local-section__cta{margin-top:var(--s-6)}
.local-section--why{padding:clamp(24px,4vw,48px);background:var(--grey);border-radius:var(--radius)}
.link-list{display:grid;gap:var(--s-2)}
.link-list a{display:inline-block;padding-block:var(--s-1);text-decoration:underline;text-underline-offset:.22em}
.post-meta{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin-top:var(--s-4);font-size:var(--fs-small);color:var(--slate-text)}
.post-meta__label{font-weight:600}
.post-list{display:grid}
.post-card{padding-block:var(--s-5);border-top:1px solid var(--line-strong)}
.post-card__title{font-size:var(--fs-h4)}
.post-card__title a{text-decoration:none}
.post-card__title a:hover{text-decoration:underline}
.post-card__excerpt{margin-top:var(--s-3);color:var(--slate-text);max-width:42em}
.post-card__thumb img{width:100%;height:auto}
.postnav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--line-strong)}
.postnav__link{text-decoration:underline;text-underline-offset:.22em}
.pagelinks,.navigation.pagination{margin-top:var(--s-6)}
.tags{margin-top:var(--s-5);font-size:var(--fs-small);color:var(--slate-text)}
.e404__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-6)}
.search-form{display:flex;gap:var(--s-2)}
.search-form input[type=search]{flex:1;min-height:54px;padding:0 1rem;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--paper)}
.search-form button,.search-form input[type=submit]{min-height:54px;padding:0 1.4rem;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-weight:700;cursor:pointer}

/* Breadcrumb, TOC, Autorbox, Verwandte Beiträge, Widgets */
.hf-breadcrumb{margin-bottom:var(--s-5);font-size:var(--fs-small);color:var(--slate-text)}
.hf-breadcrumb__list{display:flex;flex-wrap:wrap;gap:var(--s-1) var(--s-2)}
.hf-breadcrumb__item + .hf-breadcrumb__item::before{content:"/";margin-right:var(--s-2)}
.hf-breadcrumb__link{text-decoration:underline;text-underline-offset:.22em}
.hf-breadcrumb__current{color:var(--ink);font-weight:600}
.hf-toc{margin:var(--s-6) 0;padding:var(--s-5);background:var(--grey);border-radius:var(--radius)}
.hf-toc__title{font-size:var(--fs-h4);margin-bottom:var(--s-3)}
.hf-toc__list{display:grid;gap:var(--s-1)}
.hf-toc__link{text-decoration:underline;text-underline-offset:.22em}
.hf-author-bio{display:grid;grid-template-columns:auto 1fr;gap:var(--s-5);margin-top:var(--s-8);padding:var(--s-5);background:var(--grey);border-radius:var(--radius)}
.hf-author-bio__avatar{display:grid;place-items:center;width:64px;height:64px;background:var(--ink);color:var(--paper);font-family:var(--font-head);font-weight:800;border-radius:50%}
.hf-author-bio__name{font-family:var(--font-head);font-weight:800;font-size:1.125rem}
.hf-author-bio__role{color:var(--slate-text);font-size:var(--fs-small)}
.hf-author-bio__link{text-decoration:underline;text-underline-offset:.22em}
.hf-related{margin-top:var(--s-8)}
.hf-related__title{font-size:var(--fs-h3);margin-bottom:var(--s-5)}
.hf-related__item{padding-block:var(--s-4);border-top:1px solid var(--line-strong)}
.hf-related__link{text-decoration:none}
.hf-related__name{font-family:var(--font-head);font-weight:700;font-size:var(--fs-h4)}
.hf-related__link:hover .hf-related__name{text-decoration:underline}
.hf-related__excerpt{color:var(--slate-text);font-size:var(--fs-small)}
.hf-sidebar{display:grid;gap:var(--s-6);align-content:start}
.hf-widget{padding:var(--s-5);border:1px solid var(--line-strong);border-radius:var(--radius)}
.hf-widget__title{font-size:var(--fs-h4);margin-bottom:var(--s-3)}
.hf-widget__list{display:grid;gap:var(--s-2)}
.hf-widget a{text-decoration:underline;text-underline-offset:.22em}
.hf-widget-emergency{background:var(--ink);color:var(--paper)}
.hf-widget-emergency a{color:var(--lime)}
.hf-arrow,.hf-icon{width:1em;height:1em;flex:none}
.arrow-link .hf-arrow,.btn .hf-arrow{width:16px;height:16px;display:inline-block;transition:transform .25s var(--ease)}
.btn .hf-arrow{width:18px;height:18px}
.arrow-link:hover .hf-arrow,.btn:hover .hf-arrow{transform:translateX(4px)}
/* Gutenberg-Buttons und Muster */
.wp-block-button__link,.wp-element-button{display:inline-flex;align-items:center;min-height:54px;padding:0 1.6rem;border-radius:var(--radius);background:var(--ink);color:var(--paper);font-family:var(--font-head);font-weight:700;text-decoration:none}
.hf-pattern-card{padding:var(--s-5);border:1px solid var(--line-strong);border-radius:var(--radius)}
.hf-pattern-cta{padding:var(--s-6);background:var(--ink);color:var(--paper);border-radius:var(--radius)}
.alignwide{max-width:var(--maxw)}
.wp-caption{max-width:100%}

/* Header-Logo (Custom Logo) */
.brand--logo img{max-height:40px;width:auto}
.nav__item--has-sub{position:relative}

/* ---------- 10 Complianz: ausschließlich Optik, Logik bleibt unverändert ----------
   Es wird nur das vorhandene Complianz-Banner umgestaltet (Farben, Typografie, Radius).
   Kein eigener Banner, keine Consent-Skripte, keine Änderung an Kategorien oder Speicherung. */
html body .cmplz-cookiebanner{
  --cmplz_banner_background_color:#F7F7F4;--cmplz_banner_border_color:#171A1E;--cmplz_banner_border_width:1.5px 1.5px 1.5px 1.5px;--cmplz_banner_border_radius:6px;
  --cmplz_text_color:#171A1E;--cmplz_hyperlink_color:#171A1E;
  --cmplz_button_accept_background_color:#171A1E;--cmplz_button_accept_border_color:#171A1E;--cmplz_button_accept_text_color:#F7F7F4;
  --cmplz_button_deny_background_color:#F7F7F4;--cmplz_button_deny_border_color:#171A1E;--cmplz_button_deny_text_color:#171A1E;
  --cmplz_button_settings_background_color:#F7F7F4;--cmplz_button_settings_border_color:#171A1E;--cmplz_button_settings_text_color:#171A1E;
  --cmplz_button_border_radius:6px;
  --cmplz_slider_active_color:#171A1E;--cmplz_slider_inactive_color:#7B838B;--cmplz_slider_bullet_color:#F7F7F4;
  font-family:var(--font-body);
}
html body .cmplz-cookiebanner .cmplz-title{font-family:var(--font-head);font-weight:800;letter-spacing:-.02em}
html body .cmplz-cookiebanner .cmplz-btn{min-height:46px;font-family:var(--font-head);font-weight:700;border-width:1.5px;border-style:solid;cursor:pointer}
html body .cmplz-cookiebanner .cmplz-btn:hover{background:var(--lime);border-color:var(--ink);color:var(--ink)}
html body .cmplz-cookiebanner .cmplz-btn:focus-visible,html body .cmplz-cookiebanner a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
html body .cmplz-cookiebanner .cmplz-link{text-decoration:underline;text-underline-offset:.2em}
/* Schwebender „Einstellungen“-Button von Complianz, falls aktiviert */
html body #cmplz-manage-consent .cmplz-manage-consent{font-family:var(--font-head);font-weight:700;border:1.5px solid var(--ink);border-radius:6px;background:var(--paper);color:var(--ink);min-height:44px}
html body #cmplz-manage-consent .cmplz-manage-consent:hover{background:var(--lime)}
/* Link im Footer zum erneuten Öffnen (Klasse cmplz-manage-consent, Handler liefert Complianz) */
.hf-consent-link{padding:0;background:none;border:0;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer;min-height:24px}
.hf-consent-link:hover{color:var(--lime)}
.footer__list li{list-style:none}
.footer__list a{display:inline-block;padding:var(--s-1) 0;text-decoration:none;font-size:var(--fs-small)}
.footer__list a:hover{text-decoration:underline;text-underline-offset:.2em}
.site-footer a{color:var(--paper)}
.site-footer .footer__addr a{color:var(--paper);text-decoration:underline;text-underline-offset:.2em}

/* Kommentare */
.comments{margin-top:var(--s-8)}
.comments h2{font-size:var(--fs-h3);margin-bottom:var(--s-5)}
.comment-list{display:grid;gap:var(--s-5);margin-bottom:var(--s-7)}
.comment-list .children{margin-left:var(--s-5);margin-top:var(--s-4);display:grid;gap:var(--s-4)}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{width:100%;min-height:54px;padding:.85rem 1rem;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--paper);font:inherit}
.comment-respond label{display:block;font-weight:600;font-size:var(--fs-small);margin-bottom:var(--s-1)}
.comment-respond .submit{min-height:54px;padding:0 1.6rem;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-weight:700;cursor:pointer}

/* Überlauf-Schutz */
.layout-sidebar{grid-template-columns:minmax(0,1fr)}
.layout-sidebar__main,.hf-sidebar{min-width:0}
.single__title,.page__title,.archive__title,.prose{overflow-wrap:anywhere}
.search-form input[type=search]{min-width:0}
@media (min-width:1000px){.layout-sidebar{grid-template-columns:minmax(0,8fr) minmax(0,3fr)}}
.hf-widget{min-width:0;max-width:100%}
.hf-widget input,.hf-widget select{max-width:100%;min-width:0}
.hf-widget .wp-block-search__inside-wrapper{flex-wrap:wrap;gap:var(--s-2)}
.hf-widget .wp-block-search__input{flex:1 1 10rem;min-width:0;min-height:44px;padding:0 .8rem;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--paper)}
.hf-widget .wp-block-search__button{min-height:44px;margin:0;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--paper);font-weight:700;padding:0 1rem}
@media (min-width:900px){.case-dl > div{grid-template-columns:190px 1fr}}
.split__text h2{font-size:clamp(1.75rem,1.1rem + 2.4vw,3rem)}

.contact__intro > p.contact__regional{font-size:var(--fs-small);line-height:1.6;color:var(--mute-dark);max-width:none}