/* Prototyp V18 (Audit 03.11.2026): nur vorhandene Markenfarben und Tokens. Nicht live. */
main h1{hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}

/* V18-02 Drei Bereiche */
.drei18{display:grid;gap:14px;margin-top:24px}
.tor18{position:relative;display:grid;grid-template-columns:64px 1fr;column-gap:16px;align-items:start;padding:20px;border-radius:var(--r-flaeche);background:linear-gradient(150deg,var(--flaeche-tief),var(--flaeche));transition:transform 220ms ease,box-shadow 220ms ease}
.tor18 svg{grid-row:1/4;width:64px;height:64px;color:var(--brand)}
.tor18.i svg{color:var(--immo)}
.tor18.e svg{color:var(--edel)}
.tor18 h3{margin:0 0 4px;font-size:1.3rem}
.tor18 p{margin:0 0 10px;color:var(--ink-2);font-size:.97rem;line-height:1.45}
.tor18 .wege18{display:flex;flex-wrap:wrap;gap:4px 16px}
.tor18 .wege18 a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--brand);text-decoration:none}
.tor18.i .wege18 a{color:var(--immo)}
.tor18.e .wege18 a{color:var(--edel)}
.tor18 .wege18 a:first-child::after{content:" →";white-space:pre}
.tor18 .wege18 a+a{font-weight:500;text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){
 .drei18{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
 .tor18{display:flex;flex-direction:column;padding:28px;min-height:330px}
 .tor18 svg{width:96px;height:96px;margin-bottom:auto}
 .tor18 h3{font-size:1.6rem;margin-top:24px}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.tor18:hover{transform:translateY(-3px);box-shadow:0 18px 36px -28px rgba(60,40,20,.45)}}

/* V18-06 Über mich: Bild begrenzt, Knopf im ersten Blick, Zeitleiste */
@media(min-width:900px){.hero16 .profil16>img{max-height:600px;object-fit:cover;object-position:50% 12%}}
.btns18{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.zeit16{position:relative}
@media(min-width:900px){
 .zeit16{display:grid;grid-template-columns:1fr 1fr 2fr;gap:32px;padding-top:26px;margin-top:24px;list-style:none;padding-left:0;background:linear-gradient(90deg,var(--brand),var(--line)) 0 7px/100% 2px no-repeat}
 .zeit16 li{position:relative}
 .zeit16 li::before{content:"";position:absolute;left:0;top:-26px;width:16px;height:16px;border-radius:50%;background:var(--paper);border:2px solid var(--brand)}
}

/* Immobilien: Hero und kompakte Rechner-Bereiche */
.v18-leer .reiter11,.v18-leer #ergebnis-reiter,.v18-leer .wenn11-titel,.v18-leer .wenn11{display:none}
.v18-finknopf{display:none}
.v18-fehlt{padding:22px;border-radius:var(--r-flaeche);background:var(--flaeche-tief);color:var(--ink);font-weight:500}
.waage11{background:linear-gradient(160deg,var(--flaeche-tief),var(--flaeche));color:var(--ink)}
.waage11 .waage-seiten,.waage11 .waage-seiten li,.waage11 .waage-seiten b{color:var(--ink);opacity:1}
.p9 .waage11 .waage-seiten .plus-titel{color:var(--immo)}
.p9 .waage11 .waage-seiten .minus-titel{color:var(--brand)}
.waage11 .waage-seiten li::before{color:var(--ink-2)}
.waage11 svg .waage-fuss,.waage11 svg line,.waage11 svg .waage-seil{stroke:var(--ink-2)}

@media(max-width:899px){
 /* V18-01 Startseite: Text und Knopf zuerst, Bild danach */
 .hero16 .i16{gap:22px}
 .hero16 figure{order:2}
 .hero16 img{max-height:36vh;object-position:50% 14%}
 .hero16 h1{font-size:clamp(1.95rem,8.6vw,2.3rem);line-height:1.08;margin-bottom:14px}
 .hero16 .slogan{font-size:.95rem}
 .hero16 .lead{font-size:1.02rem;margin-bottom:0}
 .hero16 .btns{margin-top:16px}
 /* V18-03 Themenseiten: Knopf im ersten Blick */
 .heroA .bild9{order:2}
 .heroA .bild9 img{aspect-ratio:16/9}
 .hero9 h1{font-size:clamp(1.9rem,8.2vw,2.25rem);line-height:1.08;margin:6px 0 12px}
 .hero9 .lead9{font-size:1.02rem;line-height:1.45;margin-bottom:16px}
 /* V18-04 Immobilien */
 .v18-finknopf{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 0;border:0;background:none;color:var(--ink);text-align:left;font:inherit;font-size:.95rem}
 .v18-finknopf b{color:var(--brand);font-weight:600;white-space:nowrap}
 fieldset.v18-zu>.feld{display:none}
 .chips9{margin-top:14px}
 /* V18-05 Ratgeber und Beitragslisten als Zeilen */
 .artikel16{gap:14px;margin-top:20px;grid-template-columns:1fr}
 .artikel16 a{display:grid;grid-template-columns:92px 1fr;column-gap:14px;align-items:start}
 .artikel16 .bild16{grid-row:1/3;aspect-ratio:1;margin:0;border-radius:14px}
 .artikel16 .meta16{font-size:.78rem}
 .artikel16 b{font-size:1.05rem;margin:0}
 .artikel16 p.kurz16{display:none}
 /* Startseite: nur ein großes Porträt, das zweite doppelt sich direkt darunter */
 #ueber-mich .profil16>img{display:none}
 /* V18-07 Edelmetalle kompakter; Warnhinweis bleibt direkt beim Ergebnis stehen */
 .barren11 svg{max-width:250px;margin-inline:auto;display:block}
 .grund11{display:grid!important;grid-template-columns:1fr 1fr;gap:14px 16px;overflow:visible;margin:22px 0 0!important;padding:0!important}
 .grund11 li{min-width:0;width:auto}
 .grund11 p{font-size:.86rem;line-height:1.35;margin:2px 0 0}
 .kstand11-warn{display:none}
 .klegende11 li p{display:none}
 .klegende11 li{padding-block:8px}
 .rliste11 p{font-size:.92rem;line-height:1.38}
 .rliste11 li{padding-block:8px}
 .verweise12{grid-template-columns:1fr;overflow:visible;display:grid!important;gap:0;border-top:0;margin:14px 0 0;padding:0}
 .verweise12 li{width:auto;min-width:0}
 .verweise12 a small{display:none}
 .weiter11{display:flex;flex-wrap:wrap;gap:0 18px}
 .fazit11{font-size:1.02rem}
 [id^="em-hinweis-"]{font-size:.8rem;line-height:1.3}
}
@media(min-width:600px) and (max-width:899px){
 .hero16 .i16{grid-template-columns:1.5fr 1fr;gap:28px}
 .hero16 figure{order:0}
 .hero16 img{max-height:none;aspect-ratio:4/5;object-position:50% 10%}
}
/* Formular auf Themenseiten eingeklappt, Muster wie auf der Immobilienseite */
.v18-schreiben{margin-top:22px;padding:0}
.v18-schreiben>summary{display:flex;flex-direction:column;gap:2px;padding:20px 22px;min-height:48px;cursor:pointer;list-style:none;position:relative}
.v18-schreiben>summary::-webkit-details-marker{display:none}
.v18-schreiben>summary b{font-family:var(--serif);font-size:1.2rem}
.v18-schreiben>summary small{color:var(--ink-2);font-size:.95rem}
.v18-schreiben>summary::after{content:"+";position:absolute;right:22px;top:20px;color:var(--brand);font-size:1.3rem}
.v18-schreiben[open]>summary::after{content:"–"}
.v18-schreiben>.innen18{padding:0 22px 22px}
.nf18{padding:64px 0 96px}
.nf18 h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.05;margin:8px 0 16px}
.nf18 ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;max-width:30rem}
.nf18 li a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:10px 16px;border-radius:14px;background:var(--flaeche-tief);text-decoration:none;color:var(--ink);font-weight:500}