/* =========================================================================
   RoTh Consult - Webauftritt
   Erzeugt von 01_Quelle/css_bauen.py. NICHT von Hand aendern:
   Aenderungen gehen in css_bauen.py, danach "python3 bauen.py" laufen lassen.
   Die Wellenkurve ist die ausgelesene Originalkurve des IONOS-Entwurfs.
   ========================================================================= */

:root{
  --f:"Avenir Next","Avenir",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --ink:#231F20; --ink2:#6B6866;
  --dunkel:#151515; --hell:#F8F8F8; --weiss:#FFFFFF; --linie:#E6E4E1;
  --cy:#74D1E2; --cyd:#12535F;
  --ueber:200px;          /* Ueberlappung der Inhaltsebene nach oben */
  --bandluft:150px;       /* Luft oben im Band */
  --bandluft-u:130px;     /* Luft unten im Band */
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--f);color:var(--ink);background:var(--hell);font-size:17px;line-height:1.55;
     -webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
a:focus-visible,button:focus-visible{outline:3px solid var(--cy);outline-offset:3px;border-radius:4px}
.nurlesen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.springen{position:absolute;left:-9999px;top:0;background:var(--cyd);color:#fff;padding:12px 20px;z-index:99}
.springen:focus{left:0}

/* ---------- Bandmechanik ---------- */
.band{position:relative;isolation:isolate;padding:var(--bandluft) 0 var(--bandluft-u)}
.band > .ebene{position:absolute;left:0;right:0;top:calc(-1 * var(--ueber));bottom:0;z-index:0;
  background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.band.wr > .ebene{-webkit-clip-path:polygon(100% 100%, 100% 197.2px, 100% 0px, 99.9583% 10.3px, 99.8333% 20.5px, 99.625% 30.3px, 99.3417% 39.9px, 98.9917% 49px, 98.5667% 57.8px, 98.0833% 66px, 97.5417% 73.7px, 96.95% 80.9px, 96.3% 87.3px, 95.6083% 93.1px, 94.8833% 98.1px, 94.1083% 102.3px, 93.3083% 105.6px, 92.475% 108px, 91.6167% 109.4px, 8.38333% 196.8px, 7.525% 197.2px, 6.69167% 196.5px, 5.89167% 194.9px, 5.125% 192.3px, 4.39167% 188.9px, 3.7% 184.6px, 3.05% 179.4px, 2.45833% 173.6px, 1.91667% 167px, 1.43333% 159.8px, 1.00833% 151.9px, 0.658333% 143.5px, 0.375% 134.5px, 0.166667% 125.1px, 0.0416667% 115.2px, 0% 105px, 0% 197.2px, 0px 100%);clip-path:polygon(100% 100%, 100% 197.2px, 100% 0px, 99.9583% 10.3px, 99.8333% 20.5px, 99.625% 30.3px, 99.3417% 39.9px, 98.9917% 49px, 98.5667% 57.8px, 98.0833% 66px, 97.5417% 73.7px, 96.95% 80.9px, 96.3% 87.3px, 95.6083% 93.1px, 94.8833% 98.1px, 94.1083% 102.3px, 93.3083% 105.6px, 92.475% 108px, 91.6167% 109.4px, 8.38333% 196.8px, 7.525% 197.2px, 6.69167% 196.5px, 5.89167% 194.9px, 5.125% 192.3px, 4.39167% 188.9px, 3.7% 184.6px, 3.05% 179.4px, 2.45833% 173.6px, 1.91667% 167px, 1.43333% 159.8px, 1.00833% 151.9px, 0.658333% 143.5px, 0.375% 134.5px, 0.166667% 125.1px, 0.0416667% 115.2px, 0% 105px, 0% 197.2px, 0px 100%)}
.band.wl > .ebene{-webkit-clip-path:polygon(0px 100%, 0% 197.2px, 0% 0px, 0.0416667% 10.3px, 0.166667% 20.5px, 0.375% 30.3px, 0.658333% 39.9px, 1.00833% 49px, 1.43333% 57.8px, 1.91667% 66px, 2.45833% 73.7px, 3.05% 80.9px, 3.7% 87.3px, 4.39167% 93.1px, 5.125% 98.1px, 5.89167% 102.3px, 6.69167% 105.6px, 7.525% 108px, 8.38333% 109.4px, 91.6167% 196.8px, 92.475% 197.2px, 93.3083% 196.5px, 94.1083% 194.9px, 94.8833% 192.3px, 95.6083% 188.9px, 96.3% 184.6px, 96.95% 179.4px, 97.5417% 173.6px, 98.0833% 167px, 98.5667% 159.8px, 98.9917% 151.9px, 99.3417% 143.5px, 99.625% 134.5px, 99.8333% 125.1px, 99.9583% 115.2px, 100% 105px, 100% 197.2px, 100% 100%);clip-path:polygon(0px 100%, 0% 197.2px, 0% 0px, 0.0416667% 10.3px, 0.166667% 20.5px, 0.375% 30.3px, 0.658333% 39.9px, 1.00833% 49px, 1.43333% 57.8px, 1.91667% 66px, 2.45833% 73.7px, 3.05% 80.9px, 3.7% 87.3px, 4.39167% 93.1px, 5.125% 98.1px, 5.89167% 102.3px, 6.69167% 105.6px, 7.525% 108px, 8.38333% 109.4px, 91.6167% 196.8px, 92.475% 197.2px, 93.3083% 196.5px, 94.1083% 194.9px, 94.8833% 192.3px, 95.6083% 188.9px, 96.3% 184.6px, 96.95% 179.4px, 97.5417% 173.6px, 98.0833% 167px, 98.5667% 159.8px, 98.9917% 151.9px, 99.3417% 143.5px, 99.625% 134.5px, 99.8333% 125.1px, 99.9583% 115.2px, 100% 105px, 100% 197.2px, 100% 100%)}
.band > .wrap{position:relative;z-index:1}
.wrap{max-width:1120px;margin:0 auto;padding:0 30px}

.f-weiss > .ebene{background-color:var(--weiss)}
.f-hell  > .ebene{background-color:var(--hell)}
.f-dunkel> .ebene{background-color:var(--dunkel)}
.f-dunkel{color:#F2F2F2}
.f-dunkel h2,.f-dunkel h3{color:#fff}
.f-dunkel .lead,.f-dunkel p{color:#B9B9B9}

/* Fotobaender: Bild und Schleier stehen je Band in --bild / --schleier,
   ein Motivtausch ist dadurch eine einzige Zeile. */
.foto{color:#fff}
.foto h2,.foto h3{color:#fff}
.foto .lead,.foto p{color:rgba(255,255,255,.86)}
/* Feststehendes Bild auf ALLEN Geraeten, auch auf iPhone und iPad (Weisung Rene 04.10.2026:
   "die Bilder muessen auch auf dem iPhone und iPad feststehen und der Text schiebt sich davor").
   Safari auf iOS kann das fruehere feststehende Hintergrundbild nicht. Deshalb traegt eine eigene,
   am Fenster festgemachte Ebene (::before mit position:fixed) das Bild, und die Bandebene schneidet
   sich daraus mit clip-path nur ihren Ausschnitt heraus (Welle aus .wr/.wl, sonst inset(0)).
   Der Text liegt darueber und schiebt sich ueber das stehende Bild. 100lvh: das Bild deckt auch
   dann das ganze Fenster, wenn Safari die Adressleiste einklappt. */
[class*="bg-"] > .ebene{-webkit-clip-path:inset(0);clip-path:inset(0)}
[class*="bg-"] > .ebene::before{content:"";position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;
  z-index:-1;pointer-events:none;background-image:var(--schleier),var(--bild);
  background-repeat:no-repeat;background-size:cover;background-position:inherit}
.bg-hero > .ebene{--schleier:linear-gradient(100deg,rgba(8,14,17,.80) 0%,rgba(8,14,17,.52) 44%,rgba(8,14,17,.18) 72%,rgba(8,14,17,.36) 100%),linear-gradient(rgba(10,16,19,.22),rgba(10,16,19,.46));--bild:url("img/b02-kopf-fernsehturm-1800.webp")}
.bg-anlaesse > .ebene{--schleier:linear-gradient(rgba(248,248,248,.93),rgba(248,248,248,.90));--bild:url("img/b01-turm-von-unten-1800.webp")}
.bg-module > .ebene{--schleier:linear-gradient(rgba(9,13,15,.80),rgba(9,13,15,.88));--bild:url("img/b07-potsdamer-platz-1800.webp")}
.bg-ablauf > .ebene{--schleier:linear-gradient(rgba(248,248,248,.92),rgba(248,248,248,.88));--bild:url("img/b06-tiergarten-1800.webp")}
.bg-diskretion > .ebene{--schleier:linear-gradient(rgba(10,16,19,.44),rgba(10,16,19,.64));--bild:url("img/b04-glasfassade-1800.webp")}
.bg-arbeit > .ebene{--schleier:linear-gradient(rgba(255,255,255,.93),rgba(255,255,255,.90));--bild:url("img/b11-sbahn-museumsinsel-1800.webp")}
.bg-portal > .ebene{--schleier:linear-gradient(rgba(9,13,15,.78),rgba(9,13,15,.87));--bild:url("img/b03-turm-abendlicht-1800.webp")}
.bg-schluss > .ebene{--schleier:linear-gradient(rgba(10,16,19,.56),rgba(10,16,19,.74));--bild:url("img/b15-berlin-abendlicht-1800.webp")}

/* ---------- Typografie ---------- */
h1{font-size:clamp(34px,6.2vw,76px);line-height:1.05;letter-spacing:-.03em;font-weight:600}
h2{font-size:clamp(26px,3.5vw,45px);line-height:1.12;letter-spacing:-.022em;font-weight:600;max-width:20ch}
h3{font-size:clamp(19px,2vw,25px);line-height:1.2;letter-spacing:-.015em;font-weight:600}
.auge{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--cyd);margin-bottom:20px}
.f-dunkel .auge,.foto .auge{color:var(--cy)}
.lead{font-size:clamp(17px,1.5vw,21px);color:var(--ink2);max-width:56ch;margin-top:22px}

.btn{display:inline-block;border-radius:999px;padding:15px 32px;font-size:16px;font-weight:600;
  text-decoration:none;transition:transform .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-p{background:var(--cyd);color:#fff}
.btn-g{border:1px solid currentColor;color:var(--cyd)}
.f-dunkel .btn-p{background:var(--cy);color:#08272E}
.foto .btn-p{background:var(--cyd);color:#fff}
.f-dunkel .btn-g,.foto .btn-g{color:#fff;border-color:rgba(255,255,255,.55)}
.cta{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Messeleiste ---------- */
.messe{background:var(--dunkel);color:#D8D8D8;font-size:14px;padding:11px 0;position:relative;z-index:3}
.messe .wrap{display:flex;gap:6px 14px;align-items:baseline;flex-wrap:wrap}
.messe b{color:var(--cy);font-weight:600;letter-spacing:.02em}
.messe a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);white-space:nowrap}

/* ---------- Kopfbereich ---------- */
.marke{background:var(--weiss);padding:56px 0 calc(var(--ueber) + 15px);text-align:center;position:relative;z-index:0}
.marke .logo{display:inline-block;line-height:0}
.marke .logo img{height:74px;width:auto;display:block}
.marke nav{margin-top:26px;display:flex;gap:34px;justify-content:center;flex-wrap:wrap}
.marke nav a{font-size:15.5px;color:var(--ink2);text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent}
.marke nav a:hover,.marke nav a[aria-current]{color:var(--ink);border-color:var(--cy)}
.marke .login{display:inline-block;margin-top:24px;background:var(--cyd);color:#fff;text-decoration:none;
  padding:10px 24px;border-radius:999px;font-size:14.5px;font-weight:600}

.hero{padding:200px 0 220px;min-height:88vh;min-height:88svh;display:flex;align-items:center}
.hero h1{max-width:16ch;text-shadow:0 2px 46px rgba(0,0,0,.4)}
.hero em{font-style:normal;color:var(--cy)}
.hero .claim{font-size:clamp(18px,1.7vw,23px);max-width:48ch;margin-top:26px;color:rgba(255,255,255,.92)}
.hero .sub{font-size:17px;max-width:52ch;margin-top:18px;color:rgba(255,255,255,.84)}
.hero .cta{margin-top:40px}

/* ---------- Bausteine ---------- */
.faelle{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:50px}
.fall{background:#fff;border:1px solid var(--linie);border-radius:24px;padding:26px 22px}
.fall .n{font-size:13px;font-weight:600;color:var(--cyd);margin-bottom:13px}
.fall p{font-size:16px;line-height:1.42}
.fall.letzt{background:var(--cy);border-color:transparent}
.fall.letzt .n{color:#0C2E36}
.fall.gross{grid-column:1/-1;padding:30px 34px}
.fall.gross .n{font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.015em;margin-bottom:10px}
.fall.gross p{font-size:17.5px;line-height:1.5;max-width:78ch;color:#08272E}

.nicht{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.nicht .n{background:#fff;border:1px solid var(--linie);border-radius:24px;padding:26px 22px;font-size:15.5px;line-height:1.45;color:var(--ink2)}
.nicht .n b{display:block;color:var(--ink);font-size:16.5px;margin-bottom:9px}
.sondern{margin-top:26px;font-size:clamp(19px,2.1vw,25px);line-height:1.35;letter-spacing:-.015em;font-weight:600;max-width:46ch}
.sondern em{font-style:normal;color:var(--cyd)}

.bericht{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;list-style:none}
.bericht li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  border-radius:20px;padding:22px 20px;font-size:16px;line-height:1.4;color:#DCDCDC}
.bericht li b{display:block;color:var(--cy);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}
.eigentum{margin-top:32px;border-left:2px solid var(--cy);padding-left:18px;font-size:17.5px;
  line-height:1.5;color:#fff;max-width:70ch}
.eigentum + .eigentum{margin-top:16px}
.ruf{margin-top:44px;background:var(--cy);border-radius:24px;padding:26px 30px;display:flex;
  gap:14px 18px;align-items:center;flex-wrap:wrap;color:#08272E}
.ruf b{font-size:18px;font-weight:600}
.ruf a{margin-left:auto;background:#08272E;color:#fff;text-decoration:none;padding:12px 26px;
  border-radius:999px;font-weight:600;font-size:16px;white-space:nowrap}

.zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin-top:50px}
.zahl{border-top:2px solid var(--cy);padding-top:18px}
.zahl b{display:block;font-size:clamp(32px,3.6vw,46px);overflow-wrap:anywhere;line-height:1;letter-spacing:-.035em;font-weight:600;color:#fff}
.zahl span{display:block;font-size:14.5px;color:#B9B9B9;margin-top:11px;line-height:1.38}
.pruef{margin-top:40px;background:rgba(116,209,226,.10);border:1px solid rgba(116,209,226,.32);
  border-radius:24px;padding:30px 32px}
.pruef h4{font-size:19px;font-weight:600;color:#fff;margin-bottom:12px}
.pruef p{font-size:16px;line-height:1.5;color:#C9C9C9}
.pruef p + p{margin-top:11px}
.pruef .stand{font-size:13px;color:#7E7E7E;margin-top:14px}
.herkunft{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.hk{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:26px 22px}
.hk h4{font-size:19px;font-weight:600;color:#fff;letter-spacing:-.01em}
.hk p{font-size:15px;line-height:1.48;color:#BFBFBF;margin-top:11px}
.nachsatz{margin-top:40px;font-size:17px;color:#D6D6D6;max-width:70ch;border-left:2px solid var(--cy);padding-left:18px}

.arbeiten{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin-top:50px}
.arbeit{background:#fff;border:1px solid var(--linie);border-radius:24px;padding:30px 28px 32px}
.arbeit .marker{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyd);font-weight:600}
.arbeit h3{margin-top:13px}
.arbeit .l{margin-top:19px;padding-top:17px;border-top:1px solid var(--linie)}
.arbeit .l b{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-bottom:7px}
.arbeit .l p{font-size:15.5px;line-height:1.45}
.arbeit .e{margin-top:17px;font-size:15.5px;font-weight:600;color:var(--cyd)}
.fuss-note{margin-top:24px;font-size:14.5px;color:var(--ink2)}

.honorar{margin-top:44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  border-radius:24px;padding:30px 32px}
.honorar h4{font-size:19px;font-weight:600;color:#fff;margin-bottom:12px}
.honorar p{font-size:16px;line-height:1.5;color:#C4C4C4}
.honorar p + p{margin-top:10px}
.offen{color:#F0D8A0}
.verg{margin-top:40px;background:var(--hell);border:1px solid var(--linie);border-radius:24px;padding:30px 32px;max-width:78ch}
.verg p{font-size:16.5px;line-height:1.5;color:var(--ink2)}
.verg p + p{margin-top:12px}
.verg .preis{font-size:19px;color:var(--ink);font-weight:600;letter-spacing:-.01em}
.gruppe{margin-top:34px;padding-top:26px;border-top:1px solid var(--linie)}
.gruppe .auge{margin-bottom:12px}
.gruppe p{font-size:15.5px;line-height:1.5;color:var(--ink2)}
.gruppe a{display:inline-block;margin-top:12px;font-weight:600;color:var(--cyd);text-decoration:none;border-bottom:1px solid currentColor}

.module{margin-top:54px;display:grid;gap:20px}
.modul{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:24px;
  padding:34px;display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:start}
.modul .t b{display:block;font-size:22px;letter-spacing:-.015em}
.modul .t span{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--cy);margin-bottom:8px}
.modul p{font-size:16.5px;line-height:1.5;color:#BFBFBF}
.modul p + p{margin-top:12px}
.modul .erg{margin-top:16px;font-size:15px;color:#fff;border-left:2px solid var(--cy);padding-left:14px}

.schritte{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:18px;margin-top:50px}
.schritt{background:#fff;border:1px solid var(--linie);border-radius:24px;padding:26px}
.schritt b{display:block;font-size:13px;color:var(--cyd);margin-bottom:11px;letter-spacing:.08em}
.schritt h4{font-size:19px;font-weight:600}
.schritt p{font-size:15.5px;color:var(--ink2);margin-top:9px}

.zwei{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}
.weise{margin-top:26px;list-style:none}
.weise li{position:relative;padding:11px 0 11px 28px;font-size:16.5px;line-height:1.45;
  border-bottom:1px solid var(--linie);color:var(--ink2)}
.weise li:before{content:"";position:absolute;left:0;top:19px;width:9px;height:9px;
  border-radius:50%;background:var(--cy)}
.weise li b{color:var(--ink)}

.schluss{text-align:center}
.schluss h2{margin:0 auto;max-width:20ch}
.schluss .lead{margin:22px auto 0;color:rgba(255,255,255,.88)}
.schluss .cta{margin-top:36px;justify-content:center}

footer{background:var(--dunkel);color:#8C8C8C;padding:50px 0;font-size:14px;position:relative}
footer .fussmarke img{height:34px;width:auto;display:block;opacity:.9;margin-bottom:14px}
footer .zeilen{display:flex;flex-wrap:wrap;gap:10px 40px;align-items:baseline}
footer a{color:#B9B9B9;text-decoration:none}
footer a:hover{color:#fff}
footer .sp{margin-left:auto}

/* ---------- Einstiege und Zielgruppen (30.09.2026) ---------- */
.einstieg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.eg{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--linie);border-radius:24px;
  padding:26px 22px 22px;text-decoration:none;color:var(--ink);box-shadow:0 10px 30px rgba(8,39,46,.07);
  transition:transform .15s ease,border-color .15s ease}
.eg:hover{transform:translateY(-2px);border-color:var(--cy)}
.eg .zg,.lg .zg{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--cyd)}
.eg b{font-size:19px;line-height:1.28;letter-spacing:-.01em;font-weight:600}
.eg .t{font-size:15.5px;line-height:1.45;color:var(--ink2)}
.eg:after{content:"\2193";margin-top:auto;padding-top:6px;font-weight:600;font-size:18px;color:var(--cyd)}
.lage{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:46px}
.lg{background:var(--hell);border:1px solid var(--linie);border-radius:24px;padding:30px 30px 26px;scroll-margin-top:16px}
.lg .zg{margin-bottom:10px}
.lg h3{margin-bottom:14px}
.lg p{font-size:16px;line-height:1.52;color:var(--ink2)}
.lg p + p{margin-top:11px}
.lg .kern{color:var(--ink);font-weight:600}
.weiter{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:18px;padding-top:16px;border-top:1px solid var(--linie)}
.weiter a{font-weight:600;color:var(--cyd);text-decoration:none;border-bottom:1px solid currentColor;font-size:15.5px}
.klein{margin-top:22px;font-size:14.5px;line-height:1.5;color:#A3A3A3;max-width:72ch}
.verg .b2b{font-size:14.5px;color:var(--ink2)}
h3.zwischen{margin-top:56px}
.fragen{margin-top:40px;display:grid;gap:12px;max-width:880px}
.fragen details{background:#fff;border:1px solid var(--linie);border-radius:20px;padding:0 24px}
.fragen summary{cursor:pointer;list-style:none;padding:20px 34px 20px 0;font-weight:600;font-size:17.5px;
  line-height:1.35;position:relative}
.fragen summary::-webkit-details-marker{display:none}
.fragen summary:after{content:"+";position:absolute;right:0;top:15px;font-size:26px;line-height:1;color:var(--cyd);font-weight:400}
.fragen details[open] summary:after{content:"\2212"}
.fragen details p{padding:0 0 20px;font-size:16px;line-height:1.55;color:var(--ink2);max-width:70ch}
.fragen .fgr{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--cyd);margin:28px 0 2px}
.fragen .fgr:first-child{margin-top:0}
/* Blocksatz mit Silbentrennung fuer Fliesstext (Rene 03.10.2026), Ueberschriften brechen notfalls um */
main p,main li{text-align:justify;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.hero p,.schluss p{text-align:inherit;-webkit-hyphens:manual;hyphens:manual}
h1,h2,h3,h4,.eg b,.k b{overflow-wrap:break-word}
/* schmale Karten: linksbuendig, sonst entstehen Luecken */
.schritt p,.hk p{text-align:left}
.eg .t{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
.koepfe{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;max-width:460px}
.koepfe figure{margin:0}
.koepfe img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:20px}
.koepfe figcaption{font-size:14px;line-height:1.4;color:var(--ink2);margin-top:9px}
.koepfe figcaption b{display:block;color:var(--ink);font-weight:600}
@media (max-width:1180px){
  .einstieg{grid-template-columns:repeat(2,1fr)}
}

/* ---------- Rechtsseiten ---------- */
.rechtstext{max-width:820px;margin:0 auto;padding:0 30px 90px}
.rechtstext h1{font-size:clamp(30px,4.4vw,52px);margin-bottom:14px}
.rechtstext h2{font-size:24px;margin:44px 0 14px;max-width:none}
.rechtstext h3{font-size:18px;margin:26px 0 8px}
.rechtstext p{font-size:16.5px;line-height:1.62;color:#3A3735}
.rechtstext p + p{margin-top:13px}
.rechtstext ul{margin:12px 0 12px 22px}
.rechtstext li{font-size:16.5px;line-height:1.55;color:#3A3735;margin-bottom:7px}
.rechtstext .stand{font-size:14px;color:var(--ink2);margin-top:8px}
.rechtstext .kasten{background:var(--hell);border:1px solid var(--linie);border-radius:20px;
  padding:22px 26px;margin:22px 0}
.rechtstext .kasten p{font-size:16px}
.zurueck{display:inline-block;margin-top:52px;font-size:15.5px;font-weight:600;
  color:var(--cyd);text-decoration:none}
.rechtsseite{padding-top:56px}

/* ---------- Tablet ---------- */
@media (max-width:1080px){
  .herkunft,.nicht{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  :root{--bandluft:110px;--bandluft-u:96px}
  .faelle{grid-template-columns:repeat(2,1fr)}
  .modul{grid-template-columns:1fr;gap:16px}
  .zwei{grid-template-columns:1fr;gap:34px}
  .bericht{grid-template-columns:repeat(2,1fr)}
  .schritte{grid-template-columns:repeat(2,1fr)}
  .lg{padding:26px 24px 22px}
  .hero{padding:150px 0 170px;min-height:74vh;min-height:74svh}
}

/* ---------- Telefon ---------- */
@media (max-width:780px){
  :root{--ueber:96px;--bandluft:76px;--bandluft-u:68px}
  body{font-size:16.5px}
  .wrap,.rechtstext{padding-left:22px;padding-right:22px}
  .band.wr > .ebene{-webkit-clip-path:polygon(100% 100%, 100% 94.7px, 100% 0.0px, 99.9583% 4.9px, 99.8333% 9.8px, 99.625% 14.5px, 99.3417% 19.2px, 98.9917% 23.5px, 98.5667% 27.7px, 98.0833% 31.7px, 97.5417% 35.4px, 96.95% 38.8px, 96.3% 41.9px, 95.6083% 44.7px, 94.8833% 47.1px, 94.1083% 49.1px, 93.3083% 50.7px, 92.475% 51.8px, 91.6167% 52.5px, 8.38333% 94.5px, 7.525% 94.7px, 6.69167% 94.3px, 5.89167% 93.6px, 5.125% 92.3px, 4.39167% 90.7px, 3.7% 88.6px, 3.05% 86.1px, 2.45833% 83.3px, 1.91667% 80.2px, 1.43333% 76.7px, 1.00833% 72.9px, 0.658333% 68.9px, 0.375% 64.6px, 0.166667% 60.0px, 0.0416667% 55.3px, 0% 50.4px, 0% 94.7px, 0.0px 100%);clip-path:polygon(100% 100%, 100% 94.7px, 100% 0.0px, 99.9583% 4.9px, 99.8333% 9.8px, 99.625% 14.5px, 99.3417% 19.2px, 98.9917% 23.5px, 98.5667% 27.7px, 98.0833% 31.7px, 97.5417% 35.4px, 96.95% 38.8px, 96.3% 41.9px, 95.6083% 44.7px, 94.8833% 47.1px, 94.1083% 49.1px, 93.3083% 50.7px, 92.475% 51.8px, 91.6167% 52.5px, 8.38333% 94.5px, 7.525% 94.7px, 6.69167% 94.3px, 5.89167% 93.6px, 5.125% 92.3px, 4.39167% 90.7px, 3.7% 88.6px, 3.05% 86.1px, 2.45833% 83.3px, 1.91667% 80.2px, 1.43333% 76.7px, 1.00833% 72.9px, 0.658333% 68.9px, 0.375% 64.6px, 0.166667% 60.0px, 0.0416667% 55.3px, 0% 50.4px, 0% 94.7px, 0.0px 100%)}
  .band.wl > .ebene{-webkit-clip-path:polygon(0.0px 100%, 0% 94.7px, 0% 0.0px, 0.0416667% 4.9px, 0.166667% 9.8px, 0.375% 14.5px, 0.658333% 19.2px, 1.00833% 23.5px, 1.43333% 27.7px, 1.91667% 31.7px, 2.45833% 35.4px, 3.05% 38.8px, 3.7% 41.9px, 4.39167% 44.7px, 5.125% 47.1px, 5.89167% 49.1px, 6.69167% 50.7px, 7.525% 51.8px, 8.38333% 52.5px, 91.6167% 94.5px, 92.475% 94.7px, 93.3083% 94.3px, 94.1083% 93.6px, 94.8833% 92.3px, 95.6083% 90.7px, 96.3% 88.6px, 96.95% 86.1px, 97.5417% 83.3px, 98.0833% 80.2px, 98.5667% 76.7px, 98.9917% 72.9px, 99.3417% 68.9px, 99.625% 64.6px, 99.8333% 60.0px, 99.9583% 55.3px, 100% 50.4px, 100% 94.7px, 100% 100%);clip-path:polygon(0.0px 100%, 0% 94.7px, 0% 0.0px, 0.0416667% 4.9px, 0.166667% 9.8px, 0.375% 14.5px, 0.658333% 19.2px, 1.00833% 23.5px, 1.43333% 27.7px, 1.91667% 31.7px, 2.45833% 35.4px, 3.05% 38.8px, 3.7% 41.9px, 4.39167% 44.7px, 5.125% 47.1px, 5.89167% 49.1px, 6.69167% 50.7px, 7.525% 51.8px, 8.38333% 52.5px, 91.6167% 94.5px, 92.475% 94.7px, 93.3083% 94.3px, 94.1083% 93.6px, 94.8833% 92.3px, 95.6083% 90.7px, 96.3% 88.6px, 96.95% 86.1px, 97.5417% 83.3px, 98.0833% 80.2px, 98.5667% 76.7px, 98.9917% 72.9px, 99.3417% 68.9px, 99.625% 64.6px, 99.8333% 60.0px, 99.9583% 55.3px, 100% 50.4px, 100% 94.7px, 100% 100%)}
  .bg-hero > .ebene{--bild:url("img/b02-kopf-fernsehturm-1000.webp")}
  .bg-anlaesse > .ebene{--bild:url("img/b01-turm-von-unten-1000.webp")}
  .bg-module > .ebene{--bild:url("img/b07-potsdamer-platz-1000.webp")}
  .bg-ablauf > .ebene{--bild:url("img/b06-tiergarten-1000.webp")}
  .bg-diskretion > .ebene{--bild:url("img/b04-glasfassade-1000.webp")}
  .bg-arbeit > .ebene{--bild:url("img/b11-sbahn-museumsinsel-1000.webp")}
  .bg-portal > .ebene{--bild:url("img/b03-turm-abendlicht-1000.webp")}
  .bg-schluss > .ebene{--bild:url("img/b15-berlin-abendlicht-1000.webp")}
  /* Auf schmalen Schirmen schneidet "cover" mitten ins Motiv - der Turm
     stuende sonst ausserhalb des Bildausschnitts. */
  .bg-hero > .ebene{background-position:18% 45%}
  .bg-portal > .ebene,.bg-schluss > .ebene{background-position:38% 50%}
  .marke{padding:34px 0 calc(var(--ueber) + 12px)}
  .marke .logo img{height:52px}
  .marke nav{margin-top:20px;gap:14px 20px}
  .marke nav a{font-size:15px}
  .marke .login{margin-top:18px}
  .hero{padding:96px 0 110px;min-height:0}
  .hero .cta{margin-top:30px}
  .btn{padding:14px 24px;font-size:15.5px}
  .faelle,.nicht,.bericht,.herkunft{grid-template-columns:1fr}
  .fall,.nicht .n,.schritt,.arbeit,.hk{padding:22px 20px}
  .modul,.honorar,.pruef,.verg{padding:24px 22px}
  .fall.gross{padding:24px 22px}
  .ruf{padding:22px;flex-direction:column;align-items:flex-start}
  .ruf a{margin-left:0;width:100%;text-align:center}
  .module{margin-top:38px}
  .zahlen,.schritte,.arbeiten{margin-top:36px}
  footer{padding:38px 0}
  footer .sp{margin-left:0}
  /* Einstiege auf dem Telefon als kompakte Zeilen mit grosser Tippflaeche */
  .einstieg{grid-template-columns:1fr;gap:10px;margin-top:30px}
  .eg{position:relative;gap:4px;padding:16px 46px 16px 18px;border-radius:18px}
  .eg b{font-size:17px}
  .eg .t{font-size:14.5px;line-height:1.4}
  .eg:after{position:absolute;right:18px;top:50%;transform:translateY(-50%);margin:0;padding:0}
  .lage{grid-template-columns:1fr;margin-top:34px;gap:14px}
  .schritte{grid-template-columns:1fr}
  .lg{padding:22px 20px 20px}
  .fragen details{padding:0 18px}
  .fragen summary{font-size:16.5px;padding:17px 30px 17px 0}
  .fragen summary:after{top:13px}
  h3.zwischen{margin-top:42px}
}
@media (max-width:420px){
  .marke nav{gap:12px 16px}
  .marke nav a{font-size:14.5px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn{transition:none}
}

@media print{
  .messe,.marke nav,.marke .login,.ruf,.einstieg{display:none}
  .fragen details{display:block}
  .band > .ebene{display:none}
  body{background:#fff;color:#000;font-size:11pt}
  .f-dunkel,.foto{color:#000}
  .f-dunkel h2,.f-dunkel h3,.foto h2,.foto h3,.zahl b,.pruef h4{color:#000}
}