/* Kanzlei Dr. Kaltseis – Stylesheet (statische Version) */
@font-face{font-family:"Brandon";src:url(/assets/fonts/BrandonText-Thin.woff) format("woff");font-weight:100;font-display:swap}
@font-face{font-family:"Brandon";src:url(/assets/fonts/BrandonText-Light.woff) format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Brandon";src:url(/assets/fonts/BrandonText-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Brandon";src:url(/assets/fonts/BrandonText-RegularItalic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Brandon";src:url(/assets/fonts/BrandonText-Bold.woff) format("woff");font-weight:700;font-display:swap}

:root{
  --c1:#fff;--c2:#47286d;--c3:#4a4a49;--c4:#af0d21;--c5:#afca0b;--c6:#f2e500;--c7:#36a9e1;--c8:#f7a600;
  --schatten:rgba(40,20,66,.28);
  --cc1:#7d6898;--cc2:#6b5389;--cc3:#1e3b9f;--cc4:#e3dee9;--cc5:#c7bed3;--lila-hell:#f4f0f8;
  --font:"Brandon",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --wrap:1200px;--gutter:30px;--gap:4%;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--c3);font:400 16px/1.4 var(--font);letter-spacing:.4px}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:var(--cc2);text-decoration:none;transition:color .2s}
a:hover{color:var(--c2);text-decoration:underline}
:focus-visible{outline:3px solid var(--c8);outline-offset:2px}
p{margin:0 0 20px}
ul,ol{margin:16px 0;padding-left:40px}
strong,b{font-weight:700}
h1,h2,h3,h4,h5,h6{color:var(--c2);font-weight:400;margin:0 0 .8em;line-height:1.2}
h1{font-size:48px;letter-spacing:-.015em;margin:.67em 0}
h2{font-size:28px;letter-spacing:-.015em;margin:0 0 1.1em}
h3{font-size:24px;font-weight:700;letter-spacing:-.015em;margin:1em 0}
h4{font-size:20px;font-weight:700;letter-spacing:-.3px}
h5{font-size:18px;font-weight:700;letter-spacing:.1px;margin:5px 0 20px}
h6{font-size:16px;font-weight:700}
table{border-collapse:collapse;width:100%;margin:0 0 20px}
th,td{border:1px solid var(--cc4);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--lila-hell);color:var(--c2)}
blockquote{margin:0 0 20px;padding:10px 20px;border-left:3px solid var(--akzent);background:var(--lila-hell)}
.skip{position:absolute;left:-999px;top:0;background:var(--c2);color:#fff;padding:10px 16px;z-index:999}
.skip:focus{left:10px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Layout */
.wrap{max-width:calc(var(--wrap) + 2*var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.sec{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}
.sec>.wrap.full{max-width:none}
.row{display:flex;flex-wrap:wrap;column-gap:var(--gap);align-items:flex-start}
.row.ai-center{align-items:center}.row.ai-stretch{align-items:stretch}
.col{flex:0 0 100%;min-width:0;display:flex;flex-direction:column;margin-bottom:20px}
.col>.inner{flex:1 1 auto}
.row>.col{flex-basis:calc(var(--w) * 100% - (1 - var(--w)) * var(--gap))}
.col.has-box>.inner{display:block}
.col a.col-link{position:absolute;inset:0;z-index:2}
.col{position:relative}

/* Inhalte */
.text>*:last-child{margin-bottom:0}
.title{margin:0 0 20px}
.title.upper{text-transform:uppercase}
.img{margin:0 0 20px;line-height:0}
.img.al-center{text-align:center}.img.al-right{text-align:right}
.img a{display:inline-block;overflow:hidden;border-radius:inherit}
.img.zoom img{transition:transform .3s}.img.zoom a:hover img{transform:scale(1.05)}
.alignleft{float:left;margin:0 20px 15px 0}.alignright{float:right;margin:0 0 15px 20px}.aligncenter{display:block;margin:0 auto 20px}
.sep{border:0;border-top:2px solid var(--akzent);margin:15px auto;height:0}
.spacer{height:0}
.btn-wrap{margin:0 0 20px}
.btn-wrap.al-right{text-align:right}.btn-wrap.al-center{text-align:center}
.btn{display:inline-flex;align-items:center;gap:10px;font:400 16px/1.2 var(--font);letter-spacing:.8px;padding:20px 29px;border-radius:4px;background:var(--c2);color:#fff;border:2px solid transparent;cursor:pointer}
.btn,.btn:hover{transition:none}
.btn:hover{text-decoration:none;color:#fff;background:var(--cc2)}
.btn.small{font-size:12px;padding:9px 20px}
.btn.large{font-size:18px;padding:22px 34px}
.btn.green{background:var(--akzent);color:var(--akzent-ink)}
.btn.green:hover{background:var(--c2);color:#fff}
.btn.light{background:#fff;color:var(--c2);border-color:#fff}
.btn.light:hover{background:var(--cc4);color:var(--c2)}
.btn svg{width:1em;height:1em;flex:none}

/* Hausklassen aus der bisherigen Seite */
.spezialha h1,.spezialha h5{font-size:18px;font-weight:700;letter-spacing:.1px}
.spezialha h1{margin:0}
.spezialha h5{margin-top:5px;margin-bottom:20px}
.introtext,.introtext h1,.introtext p{font-size:40px;line-height:50px;text-transform:uppercase;color:var(--c3);font-weight:700;letter-spacing:-.36px}
.introtext2{font-size:25px;line-height:50px;text-transform:uppercase}
.lilaboxtext{color:#fff;text-transform:uppercase;font-weight:300;letter-spacing:.8px;font-size:20px}
.lilaboxtext h5,.lilaboxtext a{color:#fff}
.weisslilaboxtext{color:var(--c2);text-transform:uppercase;font-weight:700;letter-spacing:.8px;font-size:20px}
.weisslilaboxtext h5{color:var(--c2)}
.breitzeilen{line-height:2}
.postkartentitel h3,.postkartentitel{font-size:18px}
.allesgross h5{text-transform:uppercase;font-size:20px}

/* Zwischenzeile über Überschriften */
.eyebrow{font-size:14px;line-height:1.3;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--c2);margin:0 0 8px}

.spezialha .eyebrow{font-size:14px;margin-top:30px}

/* Titelseite: Einstieg wie das Cover eines Magazins */
.cover{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 35%,var(--cc2) 0,transparent 45%),var(--c2);padding:clamp(40px,5vw,72px) 0 clamp(104px,10vw,132px)}
.cover-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0 clamp(24px,4vw,64px);align-items:end}
.cover-text{align-self:center;padding-bottom:clamp(8px,2vw,24px)}
.cover h1{display:flex;flex-direction:column;margin:0 0 28px;color:#fff;font-weight:300;font-size:clamp(40px,4.7vw,68px);line-height:1.04;letter-spacing:-.025em}
.cover .h1-name{order:-1;display:flex;align-items:center;gap:16px;margin:0 0 28px;font-size:14px;line-height:1.3;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#fff}
.cover .h1-name::before{content:"";flex:none;width:44px;height:3px;background:var(--akzent)}
.cover .h1-mark{color:var(--akzent-mark);font-weight:700}
.cover-lead{margin:0 0 32px;max-width:23em;padding-left:22px;border-left:3px solid var(--akzent);font-size:clamp(19px,1.8vw,24px);line-height:1.5}
.cover-cta{max-width:34em}
.cover-btns{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cover-btns a{display:flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;min-height:64px;padding:16px 18px;font:700 18px/1.2 var(--font);letter-spacing:.4px;border-radius:4px;border:2px solid var(--akzent);text-decoration:none;transition:background .15s,color .15s}
.cover-btns svg{width:20px;height:20px;flex:none;fill:currentColor}
.cover-btns .cover-call{background:var(--akzent);color:var(--akzent-ink)}
.cover-btns .cover-call:hover{background:var(--akzent);color:var(--akzent-ink);text-decoration:underline;box-shadow:0 0 0 3px #fff}
.cover-btns .cover-mail{background:transparent;border-color:#fff;color:#fff}
.cover-btns .cover-mail:hover{background:transparent;color:#fff;text-decoration:underline;box-shadow:0 0 0 3px #fff}
.cover-hours{margin:14px 0 0;font-size:15px;line-height:1.6}
.cover-photo{position:relative;justify-self:end;width:min(100%,600px);margin:0}
.cover-photo img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,var(--c2) 38%),linear-gradient(0deg,transparent 0,var(--c2) 16%),linear-gradient(180deg,transparent 0,var(--c2) 12%),linear-gradient(270deg,transparent 0,var(--c2) 8%);-webkit-mask-composite:source-in,source-in,source-in;mask-image:linear-gradient(90deg,transparent 0,var(--c2) 38%),linear-gradient(0deg,transparent 0,var(--c2) 16%),linear-gradient(180deg,transparent 0,var(--c2) 12%),linear-gradient(270deg,transparent 0,var(--c2) 8%);mask-composite:intersect,intersect,intersect}
.cover-themes{list-style:none;margin:clamp(36px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,4vw,64px);counter-reset:thema}
.cover-themes li{counter-increment:thema;border-top:1px solid var(--cc1)}
.cover-themes a{display:flex;align-items:baseline;gap:16px;padding:18px 0;color:#fff;font-size:20px;line-height:1.25;text-decoration:none}
.cover-themes a::before{content:"0" counter(thema);flex:none;font-size:14px;font-weight:700;letter-spacing:2px;color:var(--akzent)}
.cover-themes a::after{content:"\2192";margin-left:auto;color:var(--akzent)}
.cover-themes a:hover{color:var(--akzent)}
@media (max-width:900px){
  .cover{padding:0 0 96px}
  .cover-grid{grid-template-columns:1fr;gap:0}
  .cover-photo{order:-1;justify-self:center;width:min(100%,460px)}
  .cover-photo img{-webkit-mask-image:linear-gradient(0deg,transparent 0,var(--c2) 22%),linear-gradient(90deg,transparent 0,var(--c2) 14%),linear-gradient(270deg,transparent 0,var(--c2) 14%);-webkit-mask-composite:source-in,source-in;mask-image:linear-gradient(0deg,transparent 0,var(--c2) 22%),linear-gradient(90deg,transparent 0,var(--c2) 14%),linear-gradient(270deg,transparent 0,var(--c2) 14%);mask-composite:intersect,intersect}
  .cover-photo{margin:0 -20px}
  .cover-text{padding-bottom:0}
  .cover .h1-name{font-size:13px;letter-spacing:3px}
}
@media (max-width:640px){
  .cover-themes{grid-template-columns:1fr}
  .cover-themes a{font-size:19px}
}
@media (max-width:480px){.cover-btns{grid-template-columns:1fr}}

/* Zweiter Teil des Einstiegs: Rückhalt und Ort */
.hero-more{padding:clamp(56px,7vw,88px) 0 clamp(48px,6vw,72px)}
.hero-more-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:0 clamp(32px,6vw,80px);align-items:start}
.hero-more-grid p{margin:0}
.hero-more-grid>p:first-child{font-size:clamp(21px,2.4vw,28px);line-height:1.4;color:var(--c2)}
.hero-more-grid .hero-ort{font-size:17px;line-height:1.6;margin:0 0 16px}
.hero-more-grid .hero-side .hero-ort:last-child{margin-bottom:0}
.hero-more-grid .hero-ort a{color:var(--c2);text-decoration:underline}
@media (max-width:800px){.hero-more-grid{grid-template-columns:1fr;gap:22px}}

/* Auszeichnung */
.award{background:var(--lila-hell);padding:40px 0;margin:30px 0}
.award h2{margin:0 0 12px}
.award p{max-width:720px}
.award .text>p:last-child{margin-bottom:20px}
.award .btn-wrap{margin:0}

/* Zitat */
.zitat{background:var(--lila-hell);border-radius:7px;padding:24px 28px;margin-top:24px}
.zitat h5{margin:0}


/* Fahrplan: so läuft die Zusammenarbeit */
.plan{background:var(--c2);color:#fff;padding:56px 0 50px;margin:40px 0 0}
.plan .eyebrow{color:var(--akzent)}
.plan h2{color:#fff;margin:0 0 30px}
.plan-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.step{border-top:3px solid var(--akzent);padding-top:18px}
.step-nr{display:block;font-size:44px;font-weight:700;line-height:1;color:var(--akzent);margin-bottom:10px}
.step h3{color:#fff;font-size:20px;margin:0 0 10px}
.step p{margin:0 0 10px;font-size:16px;line-height:1.5}
.step p:last-child{margin-bottom:0}
.plan-note{margin:36px 0 0;padding-top:22px;border-top:1px solid var(--akzent);font-size:18px;line-height:1.5;text-align:center}
.plan a{color:#fff;text-decoration:underline}
.plan a:hover{color:#fff;text-decoration:none}
@media (max-width:1024px){.plan-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.plan{padding:44px 0 40px}.plan-steps{grid-template-columns:1fr;gap:26px}}

/* Vertrauensleiste unter dem Einstieg */
.trust{position:relative;z-index:3;margin:-56px 0 0}
.trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:4px solid var(--akzent);border-radius:7px;box-shadow:0 14px 34px var(--schatten);overflow:hidden}
.trust-list li{border-left:1px solid var(--cc4)}
.trust-list li:first-child{border-left:0}
.trust-list li>a,.trust-item{display:flex;flex-direction:column;gap:4px;padding:20px 24px;color:var(--c3);text-align:center}
.trust-list li>a:hover{text-decoration:none;background:var(--cc4);color:var(--c3)}
.trust-item a{color:var(--c2);font-weight:700;text-decoration:underline}
.trust-list strong{color:var(--c2);font-size:18px;line-height:1.25}
.trust-list span{font-size:14px;line-height:1.3}
@media (max-width:800px){.trust-list{grid-template-columns:1fr}.trust-list li{border-left:0;border-top:1px solid var(--cc4)}.trust-list li:first-child{border-top:0}.trust-list li>a,.trust-item{padding:14px 10px}}

/* Kanzlei-Streifen */
.kanzlei{margin:60px 0 0}
.kanzlei-lead{max-width:720px}
.kanzlei-fotos{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:stretch}
.kanzlei-fotos li{margin:0;min-height:0}
.kanzlei-fotos img{width:100%;height:100%;min-height:200px;object-fit:cover;border-radius:7px;display:block}
@media (max-width:800px){.kanzlei-fotos{grid-template-columns:1fr 1fr}.kanzlei-fotos li:first-child{grid-column:1/-1}.kanzlei-fotos img{min-height:0;height:auto;aspect-ratio:16/9}.kanzlei-fotos li:first-child img{aspect-ratio:21/9}}
@media (max-width:500px){.kanzlei-fotos{grid-template-columns:1fr}.kanzlei-fotos li:first-child img{aspect-ratio:16/9}}

/* Themen-Karten (Ziel, Ehekrise, Lebensgemeinschaft) */
.topics{margin:70px 0 0}
.topics-lead{max-width:760px;margin:0 0 10px}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:stretch;margin:20px 0 30px}
.topic{border:2px solid var(--akzent);border-radius:7px;padding:24px;background:#fff;display:flex;flex-direction:column}
.topic h3{font-size:20px;margin:0 0 12px}
.topic>p{margin:0 0 14px}
.topic .toggle{margin:0 0 18px}
.topic .btn-wrap{margin:auto 0 0}
.topic .toggle:not([open])>.toggle-content{display:none}
.topic .toggle-content{padding-left:0;background:#fff;color:var(--c3);position:relative;z-index:1}
.topic .toggle-content h4{margin:18px 0 8px}
.topic .toggle-content li,.topic .toggle-content p{background:#fff;color:var(--c3)}
@media (max-width:1024px){.topic-grid{grid-template-columns:1fr}}

/* Checklisten-Kasten */
.checkbox{margin:60px 0 0}
.checkbox-inner{background:var(--c2);color:#fff;border-radius:7px;padding:44px 48px;border-left:8px solid var(--akzent)}
.checkbox .eyebrow{color:var(--akzent)}
.checkbox h2{color:#fff;margin:0 0 14px}
.checkbox-inner p{max-width:720px}
.check-list{margin:0 0 26px;padding-left:22px}
.check-list li{margin:0 0 6px}
.check-btns{display:flex;flex-wrap:wrap;gap:14px}
.checkbox .btn{background:var(--akzent);color:var(--akzent-ink)}
.checkbox .btn:hover{background:#fff;color:var(--c2)}
.checkbox .btn.light-outline{background:transparent;color:#fff;border-color:#fff}
.checkbox .btn.light-outline:hover{background:#fff;color:var(--c2)}
@media (max-width:800px){.checkbox-inner{padding:30px 22px}}

/* Fachartikel auf der Startseite */
.fach{margin:70px 0 0}
.fach-h{margin:30px 0 20px}
.tabsec{margin-top:70px}

/* Tabs */
.tabs{margin:0 0 20px}
.tabs [role=tablist]{display:flex;flex-wrap:wrap;gap:1px;border-bottom:3px solid var(--akzent)}
.tabs [role=tab]{flex:1 1 0;font:400 16px/1.2 var(--font);letter-spacing:.4px;background:#fff;color:#747474;border:0;padding:11px 8px;cursor:pointer}
.tabs [role=tab][aria-selected=true]{color:var(--c2);font-weight:700;box-shadow:inset 0 -3px 0 var(--akzent)}
.tabs [role=tab]:hover{color:var(--c2)}
.tabs [role=tabpanel]{padding:25px 0 0}
.tabs [role=tabpanel] h4.tab-title{display:none}
.no-js .tabs [role=tablist]{display:none}
.no-js .tabs [role=tabpanel]{display:block!important}
.no-js .tabs [role=tabpanel] h4.tab-title{display:block}

/* Aufklapper */
.toggle{border-bottom:1px solid var(--cc4);margin:0 0 10px}
.toggle summary{cursor:pointer;color:var(--c2);font-weight:700;padding:10px 0;list-style:none;display:flex;gap:10px;align-items:center}
.toggle summary::-webkit-details-marker{display:none}
.toggle summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--c2);color:#fff;font-weight:400;flex:none}
.toggle[open] summary::before{content:"–"}
.toggle .toggle-content{padding:0 0 15px 32px;color:var(--c3)}

/* Box */
.tagline{border:1px solid var(--cc4);border-left:3px solid var(--c2);padding:25px 30px;margin:0 0 20px;background:var(--c2);color:#fff}
.tagline h2{margin:0 0 10px;color:#fff}

/* Rechtstipps */
.tipps{position:relative;min-height:340px;margin:0 0 20px;text-align:center}
.tipp{display:none;padding:50px 60px}
.tipp.on{display:block;animation:fade .6s}
.no-js .tipp{display:block}
.tipp h2{color:var(--akzent);font-size:28px;margin:0 0 20px}
.tipp .cap{font-size:18px;max-width:820px;margin:0 auto 25px}
.tipps .nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;font-size:34px;line-height:1;color:var(--c2);cursor:pointer;padding:10px}
.tipps .prev{left:0}.tipps .next{right:0}
.tipps .dots{display:flex;gap:8px;justify-content:center}
.tipps .dots button{width:10px;height:10px;border-radius:50%;border:0;background:var(--cc5);padding:0;cursor:pointer}
.tipps .dots button[aria-current=true]{background:var(--c2)}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* Fachartikel-Karten */
.cards{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:40px;margin:0 0 20px}
.card{border:2px solid var(--akzent);border-radius:7px;padding:15px;display:flex;flex-direction:column;background:#fff}
.card-meta{font-size:12px;border-bottom:2px solid var(--c2);padding-bottom:10px;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:4px 12px}
.card h3{font-size:18px;margin:0 0 12px;text-transform:uppercase}
.card h3 a{color:var(--c3)}
.card h3 a:hover{color:var(--c2)}
.card p{flex:1 1 auto}
.card .btn-wrap{margin:0}
.art-meta{font-size:14px;color:var(--cc2);margin:0 0 25px}

/* Google-Bewertungen (statischer Auszug) */
.reviews-wrap{margin:0 0 20px;padding:20px 0}
.rv-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.rv-top>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rv-title{text-transform:uppercase;font-size:20px;color:var(--c3)}
.rv-stars{color:#f6bb06;font-size:20px;letter-spacing:2px;line-height:1}
.rv-list{list-style:none;margin:0;padding:4px 2px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.rv{scroll-snap-align:start;background:var(--lila-hell);border-radius:7px;padding:18px;display:flex;flex-direction:column;gap:10px}
.rv-head{display:flex;gap:12px;align-items:center;font-size:14px;line-height:1.3}
.rv-head time{color:#6b6b6b;font-size:13px}
.rv-avatar{width:40px;height:40px;border-radius:50%;background:var(--c2);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.rv p{margin:0;font-size:15px;line-height:1.5}
.rv-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}
.rv-nav button{width:38px;height:38px;border-radius:50%;border:2px solid var(--c2);background:#fff;color:var(--c2);font-size:22px;line-height:1;cursor:pointer}
.rv-nav button:hover{background:var(--c2);color:#fff}
.rv-note{font-size:12px;color:#6b6b6b;margin:12px 0 0}
.no-js .rv-nav{display:none}
@media (max-width:1024px){.rv-list{grid-auto-columns:calc((100% - 20px)/2)}}
@media (max-width:640px){.rv-list{grid-auto-columns:85%}}

/* E-Mail-Kontakt */
.mailbox{background:var(--lila-hell);border-radius:7px;padding:30px;margin:0 0 20px}
.mailbox p{font-size:18px;margin:0 0 18px}
.mail-btns{display:flex;flex-wrap:wrap;gap:14px}
.mail-btns svg{fill:currentColor;width:18px;height:18px}
.mail-btns .btn{transition:none}
.mail-btns .btn:hover{color:#fff}
.mail-btns .btn.light-outline:hover{background:var(--c2);color:#fff}
.btn.light-outline{background:#fff;color:var(--c2);border-color:var(--c2)}
.btn.light-outline:hover{background:var(--c2);color:#fff}

/* Externe Inhalte (Einwilligung) */
.ext{background:var(--lila-hell);border:1px dashed var(--cc5);border-radius:7px;padding:30px;text-align:center;margin:0 0 20px}
.ext p{max-width:520px;margin:0 auto 15px}
.ext iframe{width:100%;height:100%;min-height:450px;border:0;border-radius:7px;display:block}
.ext.loaded{padding:0;border:0;background:none}
.map-credit{font-size:12px;color:#6b6b6b;margin:-12px 0 20px}

.notice{padding:15px 20px;border-radius:7px;background:var(--lila-hell);border-left:4px solid var(--akzent);margin:0 0 20px}

/* Kopfzeile */
.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.hdr{display:flex;align-items:center;gap:20px;min-height:86px;padding-top:10px;padding-bottom:10px}
.logo{flex:none;line-height:0}
.logo img{width:250px;height:auto}
.nav{flex:1 1 auto;display:flex;justify-content:center}
.nav ul{list-style:none;margin:0;padding:0}
.nav>ul{display:flex;gap:6px;align-items:center}
.nav li{position:relative}
.nav a{display:block;font-weight:700;font-size:14.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--c3);padding:10px;border-radius:4px}
.nav a:hover,.nav li:focus-within>a{color:var(--c2);text-decoration:none}
.nav a[aria-current=page],.nav li.current>a{background:var(--cc5);color:var(--c2)}
.nav .has-sub>a{padding-right:24px}
.nav .has-sub>a::after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-70%) rotate(45deg)}
.nav .sub{position:absolute;left:0;top:100%;min-width:260px;background:#fff;border-radius:7px;box-shadow:0 10px 30px rgba(71,40,109,.15);padding:8px 0;margin-top:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;display:none}
.nav .sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.nav li:hover>.sub,.nav li:focus-within>.sub,.nav li.open>.sub{opacity:1;visibility:visible;transform:none}
@media (min-width:1101px){.nav li:hover>.sub,.nav li:focus-within>.sub,.nav li.open>.sub{display:block}}
.nav .sub a{text-transform:none;font-weight:400;font-size:14.5px;padding:10px 20px;border-radius:0;color:var(--c2)}
.nav .sub a:hover{background:var(--lila-hell)}
.nav .sub a[aria-current=page]{background:var(--lila-hell)}
.social{display:flex;gap:16px;align-items:center;flex:none}
.social a{color:var(--c2);display:inline-flex}
.social a:hover{color:var(--cc2)}
.social svg{width:20px;height:20px;fill:currentColor}
.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--c2);margin-left:auto}
.nav-toggle svg{width:28px;height:28px}

/* Fußzeile */
.site-footer{background:var(--c2);color:#fff;margin-top:60px}
.site-footer a{color:#fff}
.ft{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:60px;padding-bottom:50px}
.ft h2{font-weight:100;text-transform:uppercase;font-size:24px;color:#fff;margin:0 0 20px;letter-spacing:.5px}
.ft ul{list-style:none;padding:0;margin:0}
.ft li{margin:0 0 8px;text-transform:uppercase}
.ft dl{display:grid;grid-template-columns:22px 1fr;gap:6px 10px;margin:0}
.ft dt{font-weight:700}.ft dd{margin:0}
.ft-search{margin:0 0 18px}
.ft input{flex:1;min-width:0;font:400 15px var(--font);padding:10px 12px;border:0;border-radius:4px 0 0 4px}
.ft button{font:700 13px var(--font);letter-spacing:.5px;text-transform:uppercase;border:0;background:var(--akzent);color:var(--akzent-ink);padding:0 16px;border-radius:0 4px 4px 0;cursor:pointer}
.ft .social{margin-top:22px}.ft .social a{color:#fff}.ft .social svg{width:24px;height:24px}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.2);font-size:14px}
.ft-bottom nav{display:flex;flex-wrap:wrap;gap:6px 18px;text-transform:uppercase}
.ft-bottom button{background:none;border:0;color:#fff;font:inherit;text-transform:uppercase;cursor:pointer;padding:0;letter-spacing:inherit}
.ft-bottom button:hover{text-decoration:underline}

/* Sonstiges */
.to-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:4px;background:var(--c3);color:#fff;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .3s;z-index:40}
.to-top.show{opacity:.85;pointer-events:auto}
.to-top:hover{opacity:1;color:#fff;text-decoration:none}
.call-now{display:none}
.page-simple{padding:40px 0 30px}
.search-box{display:flex;gap:10px;margin:0 0 30px}
.search-box input{flex:1;font:400 18px var(--font);padding:12px 14px;border:2px solid var(--cc5);border-radius:4px}
.results{list-style:none;padding:0}
.results li{padding:18px 0;border-bottom:1px solid var(--cc4)}
.results h3{margin:0 0 6px;font-size:20px}

/* Cookie-Hinweis */
.cc{position:static;background:var(--lila-hell);color:var(--c3);font-size:14px;line-height:1.45;border-top:3px solid var(--cc4)}
.cc[hidden]{display:none}
.cc .wrap{display:flex;gap:25px;align-items:center;padding-top:20px;padding-bottom:20px}
.cc p{margin:0 0 8px}
.cc a{color:var(--c2);text-decoration:underline}
.cc .cc-txt{flex:1 1 auto}
.cc .cc-btns{display:flex;gap:10px;flex-wrap:wrap;flex:none}
.cc .btn{padding:14px 22px;font-size:14px;background:var(--c2);color:#fff}
.cc .btn:hover{background:var(--cc2);color:#fff}
.cc .btn.ghost{background:transparent;color:var(--c2);border-color:var(--c2)}
.cc .btn.ghost:hover{background:var(--cc4);color:var(--c2)}
.cc fieldset{border:0;padding:0;margin:10px 0 0;display:grid;gap:8px}
.cc label{display:flex;gap:10px;align-items:flex-start}
.cc label input{margin-top:3px;flex:none}
.cc .cc-opts[hidden]{display:none}
.cc .cc-btns,.cc .cc-btns:hover{color:var(--c2)}
.cc .cc-btns .btn,.cc .cc-btns .btn:hover,.cc .cc-btns .btn:focus-visible{background:var(--c2);color:#fff;text-decoration:none}
.cc .cc-btns .btn:hover,.cc .cc-btns .btn:focus-visible{background:var(--cc2)}
.cc .cc-btns .btn.ghost,.cc .cc-btns .btn.ghost:hover,.cc .cc-btns .btn.ghost:focus-visible{background:var(--lila-hell);color:var(--c2);border-color:var(--c2)}
.cc .cc-btns .btn.ghost:hover,.cc .cc-btns .btn.ghost:focus-visible{background:var(--cc4)}

@media (max-width:1100px){
  .nav-toggle{display:inline-flex}
  .nav{position:fixed;inset:86px 0 0 0;background:#fff;display:none;overflow:auto;padding:10px var(--gutter) 40px;justify-content:flex-start}
  .nav.open{display:block}
  .nav>ul{flex-direction:column;align-items:stretch;gap:0}
  .nav a{padding:14px 10px;border-bottom:1px solid var(--cc4);border-radius:0}
  .nav .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;margin:0;padding:0 0 0 15px;display:none}
  .nav li.open>.sub{display:block}
  .nav .has-sub>a::after{right:14px}
  .hdr .social{display:none}
  .logo img{width:200px}
  .hdr{min-height:76px}
  .nav{inset:76px 0 0 0}
}
@media (max-width:800px){
  :root{--gutter:20px}
  .row>.col{flex-basis:100%}
  .cards{grid-template-columns:1fr}
  .ft{grid-template-columns:1fr;gap:30px}
  .form .two{grid-template-columns:1fr}
  h1{font-size:34px}
  .introtext,.introtext h1,.introtext p{font-size:28px;line-height:36px}
  .introtext2{font-size:20px;line-height:32px}
  .tabs [role=tab]{flex-basis:50%}
  .tipp{padding:30px 34px}
  .cc .wrap{flex-direction:column;align-items:stretch}
  .call-now{display:grid;place-items:center;position:fixed;left:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:var(--akzent);color:var(--akzent-ink);box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:40;opacity:0;pointer-events:none;transition:opacity .3s}
  .call-now.show{opacity:1;pointer-events:auto}
  .call-now svg{width:26px;height:26px;fill:currentColor}
  .alignleft,.alignright{float:none;margin:0 0 15px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.site-footer,.cc,.to-top,.call-now{display:none!important}}

/* Sichtbarkeit je Bildschirmgröße (wie bisher: klein ≤640, mittel ≤1024) */
@media (max-width:640px){.hide-s{display:none!important}}
@media (min-width:641px) and (max-width:1024px){.hide-m{display:none!important}}
@media (min-width:1025px){.hide-l{display:none!important}}
/* Verschachtelte Abschnitte (Inhalt von Fachartikeln) */
.col .sec>.wrap{padding:0;max-width:none}

/* ===== Magazin-Gestaltung der Startseite (03.11.2026) =====
   Überschreibt die älteren Regeln weiter oben: große Überschriften, viel Luft,
   Rubrikzeilen, Kapitelnummern, Titelgeschichte bei den Fachartikeln. */
:root{--abstand:clamp(64px,9vw,120px)}

/* Rubrikzeile über den Überschriften */
.eyebrow{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:3px;margin:0 0 20px}
.eyebrow::before{content:"";flex:none;width:36px;height:3px;border-radius:2px;background:var(--akzent)}

/* Große Abschnittsüberschriften */
.plan h2,.kanzlei h2,.topics h2,.fach h2,.checkbox h2,.award h2{font-size:clamp(30px,4.2vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:0 0 .6em;max-width:20em}
.tabsec .text h3{font-size:clamp(30px,4.2vw,48px);font-weight:400;line-height:1.1;letter-spacing:-.02em;margin:0 0 24px}

/* Bewertungen: wieder wie ursprünglich (Karten mit Initialen, Regeln bei „Google-Bewertungen“ weiter oben) */

/* Fahrplan: Kapitelnummern */
.plan{margin:0;padding:var(--abstand) 0}
.plan h2{margin:0 0 56px}
.plan-steps{gap:48px 40px}
.step{border-top:1px solid var(--akzent);padding-top:8px}
.step-nr{font-size:clamp(88px,9vw,128px);font-weight:100;line-height:.95;letter-spacing:-.04em;margin:6px 0 18px}
.step h3{font-size:22px}
.step p{line-height:1.55}

/* Kanzlei: Fotostrecke */
.kanzlei{margin:0;padding:var(--abstand) 0 0}
.kanzlei-lead{max-width:720px;font-size:20px;line-height:1.5}
.kanzlei-fotos{grid-template-columns:1fr 1fr;gap:20px;margin:48px 0 40px}
.kanzlei-fotos li:first-child{grid-column:1/-1}
.kanzlei-fotos img{border-radius:0;min-height:240px}
.kanzlei-fotos li:first-child img{height:auto;min-height:0;aspect-ratio:2.3/1}
@media (max-width:800px){.kanzlei-fotos{grid-template-columns:1fr 1fr}.kanzlei-fotos img{min-height:0;height:auto;aspect-ratio:4/3}.kanzlei-fotos li:first-child img{aspect-ratio:16/9}}
@media (max-width:500px){.kanzlei-fotos{grid-template-columns:1fr}.kanzlei-fotos img{aspect-ratio:16/9}}

/* Auszeichnung: ruhige Textzeile mit Zitatzeichen */
.award{background:none;padding:var(--abstand) 0 0;margin:0;text-align:center}
.award .inner{max-width:900px;margin:0 auto;border-top:1px solid var(--cc4);border-bottom:1px solid var(--cc4);padding:56px 20px}
.award .eyebrow{justify-content:center}
.award h2{max-width:none;margin:0 0 18px}
.award h2::before{content:"\201C";display:block;font-size:110px;font-weight:700;line-height:.7;height:52px;color:var(--c2)}
.award p{max-width:680px;margin:0 auto 28px;font-size:21px;line-height:1.5}
.award .text>p:last-child{margin-bottom:28px}

/* Drei Themen: Spalten mit Linie und Ziffer */
.topics{margin:0;padding:var(--abstand) 0 0}
.topics h2{max-width:18em}
.topics-lead{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 56px;font-size:20px;line-height:1.5;margin:0}
.topic-grid{gap:0 56px;margin:56px 0 0;align-items:start;counter-reset:thema}
.topic{border:0;border-top:1px solid var(--c2);border-radius:0;padding:22px 0 0;background:none;counter-increment:thema}
.topic::before{content:"0" counter(thema);display:block;font-size:72px;font-weight:100;line-height:1;color:var(--c2);margin-bottom:20px}
.topic h3{font-size:26px;line-height:1.2;margin:0 0 14px}
.topic>p{font-size:17px;line-height:1.55}
@media (max-width:1024px){.topic{margin:0 0 48px}.topic-grid{margin-top:40px}}
@media (max-width:800px){.topics-lead{grid-template-columns:1fr}}

/* Zitat unter den Themen */
.zitat{background:none;border-radius:0;border-top:1px solid var(--cc4);padding:56px 0 0;margin:24px 0 0;text-align:center}
.zitat h5{font-size:clamp(24px,3.2vw,36px);font-weight:400;font-style:italic;line-height:1.3;letter-spacing:-.01em;color:var(--c2);max-width:900px;margin:0 auto}

/* Checkliste: volle Breite, zwei Spalten */
.checkbox{margin:var(--abstand) 0 0;padding:0}
.checkbox>.wrap{max-width:none;padding:0}
.checkbox-inner{border-radius:0;border-left:0;border-top:6px solid var(--akzent);padding:clamp(56px,8vw,96px) max(var(--gutter),calc((100vw - var(--wrap))/2));display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:80px;align-items:start}
.checkbox-inner>*{grid-column:1}
.checkbox-inner .check-list{grid-column:2;grid-row:1/5;align-self:center;list-style:none;margin:0;padding:0;font-size:24px;line-height:1.3}
.checkbox-inner .check-list li{margin:0;padding:20px 0;border-top:1px solid var(--akzent)}
.checkbox-inner .check-list li:last-child{border-bottom:1px solid var(--akzent)}
.checkbox-inner p{font-size:19px;line-height:1.55}
.checkbox-inner .check-btns{margin-top:10px}
@media (max-width:900px){.checkbox-inner{grid-template-columns:1fr}.checkbox-inner .check-list{grid-column:1;grid-row:auto;margin:6px 0 30px;font-size:20px}}

/* Fachartikel: Titelgeschichte mit zwei Nebenmeldungen */
.fach{margin:0;padding:var(--abstand) 0 0}
.fach-h{font-size:30px;font-weight:400;letter-spacing:-.01em;margin:56px 0 32px;padding-bottom:14px;border-bottom:1px solid var(--cc4)}
.fach h2+.fach-h{margin-top:40px}
.fach .cards{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 64px;margin:0 0 28px}
.fach .card{border:0;border-top:3px solid var(--akzent);border-radius:0;background:none;padding:18px 0 30px}
.fach .card:first-child{grid-row:1/3;background:var(--lila-hell);border-top-color:var(--c2);padding:32px 36px 34px}
.fach .card:first-child h3 a{color:var(--c2)}
.fach .card:first-child .btn-wrap.al-right{margin-top:auto;padding-top:10px}
.fach .card-meta{border:0;padding:0;margin:0 0 12px;font-size:13px;color:#6b6b6b}
.fach .card h3{text-transform:none;font-size:22px;line-height:1.25;letter-spacing:-.01em;margin:0 0 12px}
.fach .card:first-child h3{font-size:clamp(28px,3.2vw,40px);line-height:1.12}
.fach .card:first-child p{flex:0 0 auto;font-size:19px;line-height:1.55}
.fach .card p{margin-bottom:12px}
.fach .card .btn-wrap.al-right{text-align:left;margin:auto 0 0}
.fach .card .btn.light{background:none;border-color:transparent;padding:6px 0;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--c2)}
.fach .card .btn.light:hover{background:none;color:var(--cc2);text-decoration:underline}
@media (max-width:800px){.fach .cards{grid-template-columns:1fr}.fach .card:first-child{grid-row:auto;padding:24px 22px 26px;margin-bottom:10px}}

/* Scheidungsfolgen und Rechtstipps */
.tabsec{margin:0;padding:var(--abstand) 0 calc(var(--abstand) - 60px)}
.tabsec .text p{font-size:18px;line-height:1.6;max-width:820px}
.tabs [role=tab]{padding:16px 10px;font-size:17px}
.tabsec .tabs [role=tabpanel]{padding:40px 0 0;max-width:900px}
.tabsec .tabs [role=tabpanel] p{font-size:17px;line-height:1.65}
.tabsec .tipps{background:var(--lila-hell);margin:72px 0 0;padding:36px 0 28px;min-height:360px}
.tabsec .tipp h2{color:var(--c2)}
@media (max-width:800px){.tabsec .tipp{padding:30px 44px}}


/* ===== Titelseite in Creme mit Violett (03.11.2026) – überschreibt den dunklen Cover weiter oben ===== */
:root{--creme:#f5efe4}
.cover{background:var(--creme);color:var(--c3);padding:clamp(40px,6vw,88px) 0 clamp(104px,10vw,140px)}
.cover-grid{align-items:center}
.cover h1{color:var(--c2)}
.cover .h1-name{color:var(--c2);font-size:13px}
.cover .h1-mark{color:var(--c2);font-weight:700;background:linear-gradient(transparent 80%,var(--akzent-mark) 80%,var(--akzent-mark) 94%,transparent 94%)}
.cover-lead{color:var(--c3);margin:0 0 20px}
.cover-ask{margin:0 0 14px;font-size:clamp(19px,1.8vw,24px);line-height:1.4;font-weight:700;color:var(--c2)}
.cover-btns a{border-color:var(--c2)}
.cover-btns .cover-call{background:var(--c2);color:#fff}
.cover-btns .cover-call:hover{background:var(--cc2);color:#fff;box-shadow:none;text-decoration:underline}
.cover-btns .cover-mail{background:transparent;border-color:var(--c2);color:var(--c2)}
.cover-btns .cover-mail:hover{background:var(--c2);color:#fff;box-shadow:none;text-decoration:underline}
.cover-photo{z-index:1}
.cover-photo::before{content:"";position:absolute;z-index:-1;left:-24px;right:24px;top:24px;bottom:-24px;background:var(--c2)}
.cover-photo img{position:relative;-webkit-mask-image:none;mask-image:none}
@media (max-width:900px){
  .cover{padding:28px 0 96px}
  .cover-photo{order:-1;margin:0 auto 32px;width:min(86%,440px)}
  .cover-photo::before{display:none}
  .cover-photo img{-webkit-mask-image:none;mask-image:none}
}

/* ===== Schriften und Abstände kleiner, Sternekarte auf dem Foto (03.11.2026) – überschreibt weiter oben ===== */
:root{--abstand:clamp(48px,6vw,80px)}
.eyebrow{font-size:12px;letter-spacing:2.5px;margin:0 0 16px}
.eyebrow::before{width:28px}
.plan h2,.kanzlei h2,.topics h2,.fach h2,.checkbox h2,.award h2,.tabsec .text h3{font-size:clamp(24px,2.8vw,34px);line-height:1.15;letter-spacing:-.015em}
.plan h2{margin:0 0 36px}
.step-nr{font-size:clamp(52px,6vw,76px);margin:4px 0 12px}
.step h3{font-size:19px}
.step p{font-size:15px;line-height:1.5}
.kanzlei-lead{font-size:17px}
.kanzlei-fotos{margin:36px 0 32px}
.award .inner{padding:40px 20px}
.award h2::before{font-size:76px;height:36px}
.award p{font-size:17px}
.topics-lead{font-size:17px}
.topic-grid{margin-top:40px}
.topic::before{font-size:48px;margin-bottom:14px}
.topic h3{font-size:21px}
.topic>p{font-size:16px}
.zitat{padding-top:40px}
.zitat h5{font-size:clamp(20px,2.4vw,28px)}
.checkbox-inner{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}
.checkbox-inner .check-list{font-size:19px}
.checkbox-inner .check-list li{padding:14px 0}
.checkbox-inner p{font-size:17px}
.fach-h{font-size:22px;margin:40px 0 24px}
.fach .card h3{font-size:18px}
.fach .cards{align-items:start}
.fach .card:first-child h3{font-size:clamp(21px,2.3vw,28px)}
.fach .card:first-child p{font-size:17px}
.tabsec .text p{font-size:16px}
.tabs [role=tab]{font-size:15px}
.tabsec .tabs [role=tabpanel] p{font-size:16px}
.tabsec .tipps{margin-top:48px}
.hero-more-grid>p:first-child{font-size:clamp(18px,2vw,22px)}
.cover h1{font-size:clamp(32px,3.6vw,50px);margin-bottom:22px}
.cover .h1-name{font-size:12px}
.cover-lead{font-size:clamp(17px,1.5vw,20px);margin-bottom:18px}
.cover-ask{font-size:clamp(17px,1.5vw,20px)}
.cover-btns a{font-size:16px;min-height:56px}

/* Sternekarte auf dem Foto (Google) */
.hero-rating{position:absolute;z-index:3;left:-56px;bottom:48px;margin:0;background:#fff;border-radius:7px;box-shadow:0 14px 34px var(--schatten)}
.hero-rating a{display:flex;flex-direction:column;gap:2px;padding:14px 22px;color:var(--c3);text-decoration:none;font-size:14px;line-height:1.3;border-radius:7px}
.hero-rating a:hover{color:var(--c3);text-decoration:none;background:var(--lila-hell)}
.hero-rating .rv-stars{font-size:22px;line-height:1.1}
.hero-rating strong{color:var(--c2);font-size:17px;line-height:1.25}
@media (min-width:801px){.trust-list{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1200px){.hero-rating{left:-20px}}
@media (max-width:900px){
  .hero-rating{left:14px;bottom:14px}
  .hero-rating a{padding:10px 16px}
  .hero-rating .rv-stars{font-size:19px}
  .hero-rating strong{font-size:15px}
}
@media (max-width:640px){.trust-list{grid-template-columns:1fr}}

/* ===== Einstieg weiß mit Logo-Ring um das runde Porträt (03.11.2026) – löst Creme ab ===== */
.cover{background:var(--c1)}
.cover-grid{gap:0 clamp(40px,6vw,88px)}
.cover-photo{width:min(100%,540px);margin:26px 26px 26px 0;aspect-ratio:1/1;justify-self:center}
.cover-photo::before{content:"";position:absolute;z-index:0;inset:-26px;left:-26px;right:-26px;top:-26px;bottom:-26px;border-radius:50%;background:conic-gradient(var(--akzent) 0 72deg,var(--c6) 72deg 144deg,var(--c8) 144deg 216deg,var(--c7) 216deg 288deg,var(--c4) 288deg 360deg);-webkit-mask-image:radial-gradient(circle closest-side,transparent calc(100% - 21px),#000 calc(100% - 20px),#000 calc(100% - 7px),transparent calc(100% - 6px)),repeating-conic-gradient(#000 0 2deg,transparent 2deg 4deg);-webkit-mask-composite:source-in;mask-image:radial-gradient(circle closest-side,transparent calc(100% - 21px),#000 calc(100% - 20px),#000 calc(100% - 7px),transparent calc(100% - 6px)),repeating-conic-gradient(#000 0 2deg,transparent 2deg 4deg);mask-composite:intersect}
.cover-photo img{position:relative;z-index:1;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 18%;border-radius:50%}
.hero-rating{left:-28px;bottom:36px}
@media (max-width:1200px){.hero-rating{left:-16px}}
@media (max-width:900px){
  .cover{padding:28px 0 96px}
  .cover-photo{order:-1;width:min(86%,420px);margin:12px auto 36px;aspect-ratio:auto;padding:18px;box-sizing:border-box}
  .cover-photo img{height:auto}
  .cover-photo::before{display:block;inset:0;-webkit-mask-image:radial-gradient(circle closest-side,transparent calc(100% - 15px),#000 calc(100% - 14px),#000 calc(100% - 5px),transparent calc(100% - 4px)),repeating-conic-gradient(#000 0 2deg,transparent 2deg 4deg);mask-image:radial-gradient(circle closest-side,transparent calc(100% - 15px),#000 calc(100% - 14px),#000 calc(100% - 5px),transparent calc(100% - 4px)),repeating-conic-gradient(#000 0 2deg,transparent 2deg 4deg)}
  .hero-rating{left:50%;transform:translateX(-50%);bottom:14px;white-space:nowrap}
}


/* ===== Sterne in der Leiste, Einstiegstexte kleiner (03.11.2026) ===== */
.trust-google .rv-stars{color:#f6bb06;font-size:20px;line-height:1.1}
.trust-google strong{font-size:17px}
.cover h1{font-size:clamp(28px,3.4vw,42px)}
.cover-lead{font-size:clamp(15px,1.3vw,17px);line-height:1.5}
.cover-ask{font-size:16px}
.cover-btns a{font-size:15px;min-height:52px}
.trust-list strong{font-size:16px}
.trust-list span{font-size:13px}


/* ===== Leiste im Einstieg, links unter den Knöpfen (03.11.2026) ===== */
.cover{padding-bottom:clamp(48px,6vw,88px)}
.proof{list-style:none;margin:32px 0 0;padding:18px 0 0;border-top:1px solid var(--cc4);display:grid;grid-template-columns:repeat(3,1fr)}
.proof li{border-left:1px solid var(--cc4);padding:0 16px}
.proof li:first-child{border-left:0;padding-left:0}
.proof li:last-child{padding-right:0}
.proof li>a,.proof-item{display:flex;flex-direction:column;gap:3px;color:var(--c3);text-decoration:none;font-size:13px;line-height:1.35}
.proof li>a:hover{text-decoration:none}
.proof li>a:hover strong{text-decoration:underline}
.proof strong{color:var(--c2);font-size:15px;line-height:1.3}
.proof .rv-stars{color:#f6bb06;font-size:18px;line-height:1.1}
.proof-item a{color:var(--c3);font-weight:700}
@media (max-width:1100px) and (min-width:901px){.proof{grid-template-columns:1fr}.proof li{border-left:0;padding:10px 0 0}}
@media (max-width:640px){.proof{grid-template-columns:1fr;gap:14px}.proof li{border-left:0;padding:0}.cover{padding-bottom:48px}}


/* ===== Einstieg geradlinig: Rechteck-Foto, volle violette Leiste (03.11.2026) – löst Rundfoto/Ring ab ===== */
.cover{padding:0;overflow:visible;background:var(--c1)}
.cover-grid{grid-template-columns:minmax(0,1fr) minmax(0,clamp(320px,40vw,560px));gap:0 clamp(32px,5vw,88px);align-items:stretch;padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.cover-text{align-self:center;padding:0}
.cover h1{font-size:clamp(30px,3.6vw,46px);margin-bottom:24px}
.cover-lead{max-width:none;font-size:clamp(16px,1.5vw,19px);line-height:1.55;margin-bottom:26px}
.cover-cta{max-width:none}
.cover-btns{grid-template-columns:repeat(2,minmax(0,1fr))}
.cover-photo{order:0;position:relative;z-index:auto;width:100%;max-width:none;margin:0;padding:0;aspect-ratio:auto;justify-self:stretch;border-left:8px solid var(--akzent);border-radius:0;background:var(--lila-hell)}
.cover-photo::before{display:none}
.cover-photo img{position:relative;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 20%;border-radius:0;-webkit-mask-image:none;mask-image:none}
.proof-band{background:var(--c2);border-top:4px solid var(--akzent);color:#fff}
.proof-band .proof{margin:0;padding:26px 0;border-top:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.proof-band .proof li{border-left:1px solid var(--cc1);padding:0 32px}
.proof-band .proof li:first-child{border-left:0;padding-left:0}
.proof-band .proof li:last-child{padding-right:0}
.proof-band .proof li>a,.proof-band .proof-item{color:var(--cc4);text-decoration:none}
.proof-band .proof strong{color:#fff;font-size:16px}
.proof-band .proof span{font-size:13px}
.proof-band .proof .rv-stars{color:#f6bb06;font-size:19px}
.proof-band .proof-item a{color:#fff;text-decoration:underline}
.proof-band .proof li>a:hover strong,.proof-band .proof-item a:hover{color:var(--akzent)}
@media (max-width:900px){
  .cover{padding:0}
  .cover-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:0;padding-bottom:0}
  .cover-photo{order:-1;width:auto;margin:0 calc(-1*var(--gutter));border-left:0;border-bottom:6px solid var(--akzent)}
  .cover-photo img{height:auto;aspect-ratio:3/2;object-position:50% 15%}
  .cover-text{padding:32px 0 40px}
  .proof-band .proof li{padding:0 18px}
}
@media (max-width:700px){
  .proof-band .proof{grid-template-columns:minmax(0,1fr);gap:0;padding:8px 0}
  .proof-band .proof li{border-left:0;padding:16px 0;border-top:1px solid var(--cc1)}
  .proof-band .proof li:first-child{border-top:0}
}
@media (max-width:480px){.cover-btns{grid-template-columns:minmax(0,1fr)}}


/* ===== Einstieg: Abstände und Position ===== */
.cover-lead{margin-bottom:clamp(32px,3.2vw,44px)}
.cover-ask{margin-bottom:16px}

/* ===== Einstieg: mehr Luft (03.11.2026) ===== */
@media (min-width:901px){.cover-grid{padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(56px,6vw,96px)}}
.cover .h1-name{margin-bottom:clamp(32px,3vw,44px)}
.cover h1{line-height:1.14;margin-bottom:clamp(30px,3vw,42px)}
.cover-lead{line-height:1.7;padding-top:6px;padding-bottom:6px;margin-bottom:clamp(48px,4.6vw,64px)}
.cover-ask{margin-bottom:22px}
.cover-btns{gap:18px}
@media (max-width:900px){
  .cover-text{padding:44px 0 56px}
}
@media (min-width:901px){
  .cover-text{align-self:center;padding-bottom:clamp(40px,6vw,80px)}
}

/* ===== Einstieg Hochglanz: großes Foto randlos rechts, große dünne Überschrift (03.11.2026) – löst die schmale Foto-Variante ab ===== */
.cover-grid{max-width:none;width:100%;margin:0;padding:0 0 0 max(var(--gutter,30px),calc((100% - 1200px)/2));grid-template-columns:minmax(0,1fr) minmax(0,min(46vw,760px));gap:0;align-items:stretch;min-height:clamp(560px,calc(100vh - 210px),780px)}
.cover-text{align-self:center;max-width:680px;padding:clamp(48px,6vw,96px) clamp(32px,5vw,88px) clamp(48px,6vw,96px) 0}
.cover h1{font-size:clamp(34px,3.9vw,58px);font-weight:300;line-height:1.08;letter-spacing:-.02em;margin-bottom:clamp(24px,2.4vw,34px)}
.cover .h1-mark{font-weight:700}
.cover .h1-name{font-size:12px;letter-spacing:5px;margin-bottom:clamp(24px,2.4vw,36px)}
.cover-lead{max-width:34em;margin-bottom:clamp(32px,3.4vw,48px)}
.cover-ask{font-size:13px;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px}
.cover-btns{display:flex;flex-wrap:wrap;gap:14px}
.cover-btns a{transition:none;flex:0 1 auto;min-height:52px;padding:12px 28px;font-size:15px;letter-spacing:.6px;border-radius:2px}
.cover-photo{position:relative;min-height:0;border-left:5px solid var(--akzent)}
.cover-photo img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.proof-band{background:linear-gradient(100deg,var(--c2) 0%,var(--c2) 45%,color-mix(in srgb,var(--c2) 60%,var(--cc2)) 100%)}
@media (max-width:900px){
  .cover-grid{padding:0 var(--gutter,20px);min-height:0;grid-template-columns:minmax(0,1fr)}
  .cover-text{max-width:none;padding:40px 0 52px}
  .cover-photo{border-left:0;border-bottom:6px solid var(--akzent);margin:0 calc(-1*var(--gutter,20px))}
  .cover-photo img{position:static;height:auto;aspect-ratio:5/4;object-position:50% 15%}
}
@media (max-width:600px){
  .cover-photo img{aspect-ratio:6/5}
  .cover-btns a{flex:1 1 100%}
}


/* ===== Einstieg: Absatz „Lebenseinschnitt“ und Ortsabsatz im Einstieg (03.11.2026) ===== */
.cover-more{max-width:34em;margin:0 0 clamp(32px,3.4vw,48px);font-size:clamp(16px,1.3vw,18px);line-height:1.7;color:var(--c3)}
.cover .hero-ort{max-width:34em;margin:clamp(28px,3vw,40px) 0 0;font-size:14px;line-height:1.6;color:var(--c3)}
.cover-lead{margin-bottom:clamp(20px,2vw,28px)}

#bewertungen{padding-top:clamp(48px,5vw,72px)}

/* ===== Fahrplan hell, direkt unter der violetten Leiste (03.11.2026) ===== */
.plan{background:var(--c1);color:var(--c3);padding-bottom:0}
.plan .eyebrow{color:var(--c2)}
.plan h2,.step h3{color:var(--c2)}
.step-nr{color:var(--cc1)}
.plan a,.plan a:hover{color:var(--c2)}

/* Checkliste: Knöpfe ohne Übergang beim Darüberfahren (Lesbarkeit) */
.checkbox .btn,.checkbox .btn:hover,.checkbox .btn.light-outline,.checkbox .btn.light-outline:hover{transition:none}
.checkbox .btn:hover,.checkbox .btn.light-outline:hover{background:#fff;color:var(--c2)}

/* ===== Erstgespräch-Abschnitt unter der Leiste, Fahrplan mit 3 Schritten (03.11.2026) ===== */
.erst{background:var(--lila-hell);padding:clamp(48px,5vw,80px) 0}
.erst-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.erst h2{margin:0 0 20px}
.erst-text p:last-child{margin-bottom:0;font-size:clamp(16px,1.4vw,19px);line-height:1.7}
.erst-preis{background:var(--c1);border-top:4px solid var(--akzent);padding:clamp(24px,3vw,40px)}
.erst-label{margin:0 0 6px;font-size:13px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;color:var(--c2)}
.erst-betrag{margin:0 0 14px;color:var(--c2);line-height:1.1}
.erst-betrag strong{font-size:clamp(34px,4vw,52px);font-weight:300}
.erst-betrag span{font-size:16px;color:var(--c3)}
.erst-preis .cover-btns{margin-top:22px}
.plan-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.plan-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.erst-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:800px){.plan-steps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.erst-preis .cover-btns a{flex:1 1 100%}}

/* ===== Einstieg: klar, reduziert, elegant (03.11.2026) – ein Akzent (Strich vor dem Namen, feine Linie unter dem Foto) ===== */
.cover{padding:0}
.cover h1{font-weight:300;font-size:clamp(36px,4.2vw,64px);line-height:1.08;margin-bottom:clamp(32px,3.4vw,48px)}
.cover .h1-mark{background:none;color:var(--c2);font-weight:700}
.cover .h1-name{margin-bottom:clamp(32px,3.4vw,48px)}
.cover-lead,.cover-more{border-left:0;padding:0;max-width:32em;font-size:clamp(16px,1.3vw,19px);line-height:1.9;font-weight:400;color:var(--c3);margin:0 0 clamp(22px,2vw,30px)}
.cover-lead strong,.cover-more strong{font-weight:inherit}
.cover-more{margin-bottom:clamp(44px,4.4vw,64px)}
.cover-ask{font-size:12px;letter-spacing:3px;font-weight:400;color:var(--cc2);margin:0 0 14px}
.cover .cover-btns{align-items:center;gap:12px 28px}
.cover .cover-btns .cover-call{background:var(--c2);color:#fff;border:1px solid var(--c2);border-radius:2px;padding:12px 30px}
.cover .cover-btns .cover-call:hover{background:var(--cc2);border-color:var(--cc2);color:#fff;box-shadow:none}
.cover .cover-btns .cover-mail{background:transparent;border:0;box-shadow:none;color:var(--c2);padding:12px 4px;min-height:0;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.cover .cover-btns .cover-mail:hover{background:transparent;color:var(--c2);box-shadow:none;text-decoration-thickness:2px}
.cover-photo{border:0}
.proof-band{background:var(--c2);border-top:0}
.proof-band .proof{padding:22px 0}
.proof-band .proof strong{font-size:15px}
@media (min-width:901px){
  .cover-text{max-width:720px;padding:clamp(64px,7vw,112px) clamp(40px,6vw,104px) clamp(64px,7vw,112px) 0}
}
@media (max-width:600px){
  .cover .cover-btns .cover-mail{text-align:center}
}
@media (max-width:900px){
  .cover-photo img{aspect-ratio:5/4;object-position:50% 12%}
  .cover-text{padding:44px 0 56px}
}
@media (max-width:600px){.cover-photo img{aspect-ratio:6/5}}
.cover .cover-btns,.cover .cover-btns:hover{color:var(--c2)}
.cover .cover-btns a,.cover .cover-btns a:hover,.cover .cover-btns a:focus-visible{transition:none}
.cover .cover-btns .cover-call,.cover .cover-btns .cover-call:hover,.cover .cover-btns .cover-call:focus-visible{color:#fff}
.cover .cover-btns .cover-mail,.cover .cover-btns .cover-mail:hover,.cover .cover-btns .cover-mail:focus-visible{color:var(--c2);background:transparent}
/* Knöpfe im Einstieg: Behälter ohne eigene Fläche, die zwei Knöpfe liegen direkt in .cover-cta */
.cover .cover-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;max-width:none}
.cover .cover-cta .cover-ask{flex:1 1 100%;margin:0 0 2px}
.cover .cover-cta .cover-btns{display:contents}
@media (max-width:600px){.cover .cover-cta{gap:12px}.cover .cover-cta .cover-btns a{flex:1 1 100%}}

/* ===== Einstieg: Grün zurück, Überschrift kleiner, Termin-Zeile lesbar (03.11.2026) ===== */
.cover h1{font-size:clamp(32px,3.3vw,50px)}
.cover-ask{font-size:14px;letter-spacing:2px;font-weight:700;color:var(--c2)}
.cover-photo{border:0}
.proof-band{border-top:5px solid var(--akzent)}
/* Grün in der Überschrift: Marker hinter „Scheidungsanwalt“ (Schrift bleibt violett, wegen Kontrast) */
.cover .h1-mark{background:linear-gradient(transparent 62%,var(--akzent-mark) 62%,var(--akzent-mark) 92%,transparent 92%);padding:0 .06em}
@media (max-width:900px){
  .cover-photo{border:0}
}


/* ===== Einstieg: Blocksatz (03.11.2026) ===== */
.cover-lead,.cover-more{text-align:justify;hyphens:auto;-webkit-hyphens:auto}


/* ===== Einstieg: Text kleiner, Leiste hervorgehoben (03.11.2026) ===== */
.cover-lead,.cover-more{font-size:clamp(15px,1.1vw,16.5px);line-height:1.8;max-width:30em}
.cover-lead{margin-bottom:clamp(18px,1.8vw,24px)}
.cover-more{margin-bottom:clamp(36px,3.6vw,52px)}
.proof-band{border-top:8px solid var(--akzent);background:var(--c2)}
.proof-band .proof{padding:clamp(32px,3.4vw,48px) 0}
.proof-band .proof li{padding:0 clamp(24px,3vw,48px)}
.proof-band .proof li:first-child{padding-left:0}
.proof-band .proof li:last-child{padding-right:0}
.proof-band .proof li>a,.proof-band .proof-item{gap:6px;color:#fff;font-size:15px;line-height:1.45}
.proof-band .proof strong{font-size:clamp(18px,1.7vw,22px);font-weight:700;line-height:1.25;color:#fff}
.proof-band .proof span{font-size:15px}
.proof-band .proof .rv-stars{font-size:clamp(22px,2vw,28px);letter-spacing:3px;color:var(--c6)}
.proof-band .proof li:nth-child(2) strong{color:var(--akzent)}
.proof-band .proof-item a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:700px){
  .proof-band .proof{padding:12px 0}
  .proof-band .proof li{padding:22px 0}
  .proof-band .proof li:first-child{padding-top:20px}
}


/* ===== Leiste als schwebende Karte mit Symbolen (03.11.2026) ===== */
.proof-band{background:transparent;border:0;color:var(--c3);position:relative;z-index:3}
.proof-band .proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;background:var(--c1);border-top:5px solid var(--akzent);box-shadow:0 18px 44px var(--schatten)}
.proof-band .proof li,.proof-band .proof li:first-child,.proof-band .proof li:last-child{border-left:1px solid var(--cc4);border-top:0;padding:26px clamp(20px,2.2vw,32px)}
.proof-band .proof li:first-child{border-left:0}
.proof-band .proof li>a,.proof-band .proof-item{display:flex;flex-direction:row;align-items:center;gap:16px;height:100%;color:var(--c3);font-size:14px;line-height:1.4;text-decoration:none}
.proof-ico{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--c2);color:var(--c1)}
.proof-ico svg{width:22px;height:22px;display:block}
.proof-txt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.proof-band .proof strong{font-size:clamp(15px,1.25vw,17px);font-weight:700;line-height:1.25;color:var(--c2)}
.proof-band .proof li:nth-child(2) strong{color:var(--c2)}
.proof-band .proof .proof-sub{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:14px;line-height:1.4;color:var(--c3)}
.proof-band .proof span.proof-sub>span{font-size:14px}
.proof-band .proof .rv-stars{font-size:17px;letter-spacing:2px;color:#f6bb06}
.proof-band .proof-call{display:inline-flex;align-items:center;margin-top:4px;padding:8px 16px;background:var(--akzent);color:var(--akzent-ink);font-weight:700;font-size:15px;letter-spacing:.5px;text-decoration:none;border-radius:2px;white-space:nowrap}
.proof-band .proof .proof-item a.proof-call{color:var(--c2);text-decoration:none}
.proof-band .proof .proof-item a.proof-call:hover{background:var(--c2);color:var(--c1)}
.proof-band .proof li>a:hover strong{color:var(--cc2);text-decoration:underline;text-underline-offset:3px}
@media (min-width:901px){
  .cover{padding-bottom:0}
  .cover-grid{padding-bottom:0}
  .cover-text{padding-bottom:clamp(120px,10vw,160px)}
  .proof-band{margin-top:-76px}
  .proof-band + .erst{padding-top:clamp(88px,8vw,128px)}
}
@media (max-width:900px){
  .proof-band{margin-top:0;padding:4px 0 40px}
  .proof-band .proof{grid-template-columns:minmax(0,1fr)}
  .proof-band .proof li,.proof-band .proof li:first-child,.proof-band .proof li:last-child{border-left:0;border-top:1px solid var(--cc4);padding:20px 22px}
  .proof-band .proof li:first-child{border-top:0}
}

/* Einstieg: E-Mail-Knopf umrandet wie in der Kostenpauschale */
.cover .cover-btns .cover-mail{background:transparent;border:2px solid var(--c2);border-radius:4px;padding:12px 30px;text-decoration:none}
.cover .cover-btns .cover-mail:hover,.cover .cover-btns .cover-mail:focus-visible{background:var(--c2);color:#fff;text-decoration:underline}


/* ===== Ratgeberseiten im Stil der Startseite (03.11.2026) ===== */
.page-ratgeber{padding:clamp(48px,6vw,96px) 0 clamp(48px,5vw,80px);margin:0}
.page-ratgeber .text{max-width:760px}
.page-ratgeber h1{font-size:clamp(34px,4.2vw,56px);font-weight:300;line-height:1.1;letter-spacing:-.02em;margin:0 0 clamp(24px,2.6vw,36px)}
.page-ratgeber .text>p,.page-ratgeber .text li{font-size:clamp(16px,1.3vw,18px);line-height:1.85}
.page-ratgeber .text>h1+p{font-size:clamp(18px,1.7vw,22px);line-height:1.65;color:var(--c2)}
.page-ratgeber .text>p{margin:0 0 1.2em}
.page-ratgeber .text h2{font-size:clamp(24px,2.8vw,34px);font-weight:400;line-height:1.15;letter-spacing:-.015em;margin:clamp(40px,4.5vw,64px) 0 .7em;padding-top:22px;border-top:1px solid var(--cc4);position:relative}
.page-ratgeber .text h2::before{content:"";position:absolute;left:0;top:-2px;width:36px;height:3px;border-radius:2px;background:var(--akzent)}
.page-ratgeber .text h3{font-size:clamp(18px,1.6vw,21px);margin:1.8em 0 .5em}
.page-ratgeber .text ul{padding-left:1.3em}
.page-ratgeber .text li{margin:0 0 .6em}
.page-ratgeber .text a{color:var(--c2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.page-ratgeber .text a:hover{text-decoration-thickness:2px}

/* Abschluss: Erstgespräch */
.erst-end{padding:clamp(48px,5vw,80px) 0}
.erst-end-in{max-width:760px}
.erst-end h2{margin:0 0 16px;font-size:clamp(24px,2.8vw,34px);font-weight:400;line-height:1.15}
.erst-end p:not(.eyebrow){font-size:clamp(16px,1.4vw,19px);line-height:1.7;margin:0 0 26px;max-width:34em}
@media (max-width:600px){.erst-end .cover-btns a{flex:1 1 100%}}

/* Knöpfe ohne Übergang beim Darüberfahren (Lesbarkeit) */
.btn,.cover-btns a,.cc-btns .btn{transition:none}
.cover-btns .cover-call,.cover-btns .cover-call:hover,.cover-btns .cover-call:focus-visible{color:#fff}
.cover-btns .cover-mail{color:var(--c2)}
.cover-btns .cover-mail:hover,.cover-btns .cover-mail:focus-visible{color:#fff}


/* ===== Alle weiteren Seiten im Stil der Startseite (04.11.2026): main.page ===== */
main.page{padding:clamp(24px,4vw,64px) 0 0}
main.page .wrap .wrap{padding-left:0;padding-right:0}
main.page hr.sep{display:none}

/* Kopf: Symbol-Spalte weg, Rubrikzeile über der großen dünnen Überschrift */
main.page .col:has(img[src*="Icon_Ehescheidung"]),main.page .col:has(img[src*="512ico"]){display:none}
main.page .row:has(img[src*="Icon_Ehescheidung"])>.col,main.page .row:has(img[src*="512ico"])>.col{flex-basis:100%}
main.page h1,main.page .introtext h1,main.page h1.title{font-size:clamp(34px,4.2vw,56px);font-weight:300;line-height:1.1;letter-spacing:-.02em;text-transform:none;color:var(--c2);margin:0 0 clamp(20px,2.4vw,32px)}
main.page .inner:has(>.spezialha),main.page .inner:has(>h1.title){display:flex;flex-direction:column}
main.page .inner>.spezialha,main.page .inner>h1.title~.text{order:-1}
main.page .spezialha h5,main.page h1.title~.text h5{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:12px;font-weight:700;letter-spacing:2.5px;line-height:1.4;text-transform:uppercase;color:var(--c2)}
main.page .spezialha h5::before,main.page h1.title~.text h5::before{content:"";flex:none;width:28px;height:2px;background:var(--akzent)}
main.page>.sec:first-child{padding-top:clamp(16px,2vw,32px)}

/* Überschrift „Weitere Fachartikel“ wie die Rubriken der Startseite */
main.page .introtext p{font-size:clamp(22px,2.4vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.01em;text-transform:none;color:var(--c2);margin:clamp(32px,4vw,56px) 0 28px;padding-bottom:14px;border-bottom:1px solid var(--cc4)}

/* Lesetext: schmale Spalte, viel Zeilenabstand, Zwischenüberschriften mit Linie */
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext){max-width:780px}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) :is(p,li){font-size:clamp(16px,1.3vw,18px);line-height:1.85}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) p{margin:0 0 1.2em}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) h2{font-size:clamp(24px,2.8vw,34px);font-weight:400;line-height:1.15;letter-spacing:-.015em;margin:clamp(40px,4.5vw,64px) 0 .7em;padding-top:22px;border-top:1px solid var(--cc4);position:relative}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) h2::before{content:"";position:absolute;left:0;top:-2px;width:36px;height:3px;border-radius:2px;background:var(--akzent)}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) h3{font-size:clamp(18px,1.6vw,21px);margin:1.8em 0 .5em}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) ul{padding-left:1.3em}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) li{margin:0 0 .6em}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) a:not(.btn){color:var(--c2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) a:not(.btn):hover{text-decoration-thickness:2px}
main.page .art-meta{font-size:14px;line-height:1.5;color:#6b6b6b;margin:0 0 clamp(24px,3vw,36px)}
main.page .art-meta a{color:var(--c2)}
main.page .alignright,main.page .alignleft{max-width:min(46%,380px);height:auto}
@media (max-width:640px){main.page .alignright,main.page .alignleft{float:none;display:block;max-width:100%;margin:0 0 18px}}

/* Karten (Fachartikel, Rubriken): oben Lindgrün-Linie, Titel in Violett, „weiterlesen“ als Textlink */
main.page .cards{gap:36px clamp(28px,4vw,56px);margin:0 0 28px}
main.page .card{border:0;border-top:3px solid var(--akzent);border-radius:0;background:none;padding:18px 0 14px}
main.page .card-meta{border:0;padding:0;margin:0 0 12px;font-size:13px;color:#6b6b6b}
main.page .card-meta a{color:var(--c2)}
main.page .card h3{text-transform:none;font-size:clamp(18px,1.7vw,21px);line-height:1.25;letter-spacing:-.01em;margin:0 0 12px}
main.page .card h3 a{color:var(--c2)}
main.page .card h3 a:hover{color:var(--cc2);text-decoration:underline}
main.page .card p{font-size:16px;line-height:1.65;margin:0 0 12px}
main.page .card .btn-wrap.al-right{text-align:left;margin:auto 0 0}
main.page .card .btn.light{background:none;border-color:transparent;padding:6px 0;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--c2)}
main.page .card .btn.light:hover{background:none;color:var(--cc2);text-decoration:underline}

/* Abschluss: Erstgespräch-Kasten auch auf diesen Seiten */
main.page>.sec+.erst-end{margin-top:clamp(32px,4vw,64px)}

/* Breite Abschnitte auf Textbreite, Rubrik-Banner und Link-Kästen ruhiger */
main.page .wrap.full{max-width:calc(var(--wrap) + 2*var(--gutter))}
main.page .introtext2 p{font-size:clamp(22px,2.4vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.01em;text-transform:none;color:var(--c2);margin:0 0 28px;padding-bottom:14px;border-bottom:1px solid var(--cc4)}
main.page .inner[style*="padding:0px 0px 22px 0px"]{background:none!important;padding:0 0 14px!important;border-bottom:1px solid var(--cc4)}
main.page .lilaboxtext h5[style]{color:var(--c2);text-align:left!important;text-transform:none;font-size:clamp(22px,2.4vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.01em;padding:0}
main.page .lilaboxtext h5[style] span{color:var(--c2)}
main.page .inner[style*="border-color:var(--c2)"]{border-width:3px 0 0 0!important;border-color:var(--akzent)!important;border-radius:0!important;background:none!important;padding:18px 0 10px!important}
main.page .weisslilaboxtext h5{text-align:left!important;font-size:15px;letter-spacing:1px;margin-bottom:14px}
main.page h1.title{color:var(--c2)!important;font-weight:300!important}

/* Knöpfe im Erstgespräch-Kasten: in jedem Zustand lesbar */
.erst .cover-btns,.erst .cover-btns:hover{color:var(--c2)}
.erst .cover-btns a.cover-call,.erst .cover-btns a.cover-call:hover,.erst .cover-btns a.cover-call:focus-visible{background:var(--c2);border-color:var(--c2);color:#fff;text-decoration:underline}
.erst .cover-btns a.cover-call:not(:hover):not(:focus-visible){text-decoration:none}
.erst .cover-btns a.cover-mail{background:var(--c1);border:2px solid var(--c2);color:var(--c2);text-decoration:none}
.erst .cover-btns a.cover-mail:hover,.erst .cover-btns a.cover-mail:focus-visible{background:var(--c2);border-color:var(--c2);color:#fff;text-decoration:underline}
.erst .cover-btns a svg{color:inherit}

/* Der Behälter der Knöpfe trägt selbst keine dunkle Schrift (die Knöpfe setzen ihre Farbe selbst) */
.cover .cover-btns,.cover .cover-btns:hover,.erst .cover-btns,.erst .cover-btns:hover{color:#fff}

/* ===== Kontaktseite neu (04.11.2026) ===== */
.page-kontakt .k-head .wrap{padding-bottom:clamp(8px,2vw,24px)}
.page-kontakt .k-head h1{max-width:none;font-size:clamp(20px,2.7vw,34px);line-height:1.3;margin-bottom:clamp(24px,3vw,40px)}
@media (min-width:700px){.page-kontakt .k-head h1{white-space:nowrap}}
.page-kontakt .k-head .eyebrow{margin-bottom:16px}
.page-kontakt .k-head .cover-btns{max-width:34em}
.k-head .cover-btns a.cover-call,.k-head .cover-btns a.cover-call:hover,.k-head .cover-btns a.cover-call:focus-visible{background:var(--c2);border-color:var(--c2);color:#fff;text-decoration:underline}
.k-head .cover-btns a.cover-call:not(:hover):not(:focus-visible){text-decoration:none}
.k-head .cover-btns a.cover-mail{background:var(--c1);border:2px solid var(--c2);color:var(--c2);text-decoration:none}
.k-head .cover-btns a.cover-mail:hover,.k-head .cover-btns a.cover-mail:focus-visible{background:var(--c2);border-color:var(--c2);color:#fff;text-decoration:underline}
.k-head .cover-btns a svg{color:inherit}
@media (max-width:560px){.k-head .cover-btns{grid-template-columns:1fr}}

.k-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start;padding:clamp(32px,4vw,64px) 0 clamp(56px,7vw,112px)}
@media (max-width:900px){.k-grid{grid-template-columns:1fr}}
.k-list{margin:0;border-bottom:1px solid var(--cc4)}
.k-list>div{display:grid;grid-template-columns:10em minmax(0,1fr);gap:16px;padding:15px 0;border-top:1px solid var(--cc4)}
.k-list dt{margin:0;padding-top:3px;font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--c2)}
.k-list dd{margin:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.k-list a{color:var(--c2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.k-list a:hover{text-decoration-thickness:2px}
@media (max-width:520px){.k-list>div{grid-template-columns:1fr;gap:4px;padding:14px 0}.k-list dt{padding-top:0}}
.k-side .notice{margin:0}
.k-service{margin-top:28px;padding:26px 28px;background:var(--lila-hell);border-top:3px solid var(--akzent)}
.k-service h2{margin:0 0 14px;font-size:clamp(19px,1.8vw,22px);line-height:1.25;color:var(--c2)}
.k-band{padding-top:clamp(24px,3vw,36px);padding-bottom:0}
.k-band .k-service{margin-top:0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico h" "txt txt";gap:14px 18px;align-items:center;padding:28px 24px;border-top-width:5px}
.k-service-ico{grid-area:ico;width:56px;height:56px;border-radius:50%;background:var(--c2);color:var(--c1);display:flex;align-items:center;justify-content:center}
.k-service-ico svg{width:24px;height:24px}
.k-band .k-service h2{grid-area:h;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:400}
.k-service-txt{grid-area:txt}
@media (min-width:901px){.k-band .k-service{gap:20px 28px;padding:36px 40px}}
@media (min-width:600px){.k-band .k-service h2{white-space:nowrap}}
.k-band+.k-body{padding-top:clamp(36px,5vw,64px)}
.k-service p{margin:0 0 12px;font-size:16px;line-height:1.7;color:var(--c3)}
.k-service p:last-child{margin-bottom:0}
.k-service a{color:var(--c2);text-decoration:underline;text-underline-offset:3px}
.k-head .cover-btns,.k-head .cover-btns:hover{color:#fff}
.k-band .k-service h2{font-weight:700}
.k-247{display:inline-block;margin-left:.2em;padding:.2em .55em;background:var(--c2);color:var(--c1);font-weight:700;font-size:1.2em;line-height:1.4;vertical-align:middle;letter-spacing:.04em;border-radius:4px;white-space:nowrap}
.k-service p strong{color:var(--c2)}


/* ===== Impressum (04.11.2026): Angaben als Liste wie auf Kontakt ===== */
.page-impressum .k-head h1{white-space:normal}
.page-impressum .k-side .k-list>div{grid-template-columns:1fr;gap:4px}
.page-impressum .k-side .k-list dd{line-height:1.65}
.page-impressum .k-list dt{letter-spacing:1.8px;overflow-wrap:anywhere}
.page-impressum .k-main .k-list>div{grid-template-columns:15em minmax(0,1fr)}
@media (max-width:520px){.page-impressum .k-main .k-list>div{grid-template-columns:1fr}}

/* ===== Feinschliff Unterseiten (04.11.2026): Kanzlei-Fotos am Handy, Abstände, Unter-Überschriften ===== */
main.page .text h4{font-size:clamp(16px,1.3vw,18px);line-height:1.4;margin:1.3em 0 .4em;color:var(--c2)}
main.page .text h3:has(+h4){margin-bottom:0}
@media (max-width:900px){
main.page .inner[role="img"]{min-height:clamp(200px,56vw,380px)}
main.page>.sec[style*="margin-top:100px"],main.page>.sec[style*="margin-top:80px"]{margin-top:36px!important}
main.page>.sec[style*="margin-top:40px"]{margin-top:24px!important}
}


/* ===== Startseite: alle Überschriften in einer Zeile (04.11.2026) – ab 601px; am Handy darf umbrochen werden ===== */
@media (min-width:601px){
  :root{--bw:min(100vw - 60px,1140px)}
  .cover h1{font-size:min(44px,calc((100vw - 60px)/17.5))}
  .cover h1 .h1-main{white-space:nowrap}
  .plan h2,.fach h2,.topics h2,.checkbox h2,.erst h2,.tabsec .text h3{white-space:nowrap;max-width:none}
  #erst-h{font-size:min(clamp(24px,2.8vw,34px),calc(var(--bw)/16))}
  #plan-h{font-size:min(clamp(24px,2.8vw,34px),calc(var(--bw)/15))}
  #fach-h{font-size:min(clamp(24px,2.8vw,34px),calc(var(--bw)/24.5))}
  .tabsec .text h3{font-size:min(clamp(24px,2.8vw,34px),calc(var(--bw)/19.5))}
  .tabsec .tabs [role=tabpanel] h3{white-space:nowrap;font-size:min(22px,calc(min(var(--bw),900px)/35))}
}
@media (min-width:901px){
  .cover-grid{grid-template-columns:minmax(0,1fr) minmax(0,min(40vw,760px))}
  .cover-text{max-width:760px}
  .cover h1{font-size:min(44px,calc((100vw - 40vw - max(30px,(100vw - 1200px)/2) - clamp(32px,5vw,88px))/17.5))}
  #erst-h{font-size:min(clamp(24px,2.8vw,34px),calc((var(--bw) - 5vw)/2/16.5))}
}
@media (min-width:900px){
  #ziel-h{font-size:min(clamp(24px,2.8vw,34px),calc(var(--bw)/38))}
}
@media (min-width:1024px){
  .tipp h2{white-space:nowrap;font-size:min(28px,calc((min(var(--bw),1080px) - 120px)/44))}
}
@media (min-width:601px) and (max-width:699px){#ziel-h{white-space:normal}}
@media (min-width:700px) and (max-width:899px){#ziel-h{font-size:min(24px,calc(var(--bw)/31))}}

/* Suchbegriffe: Zeile unter der Überschrift im Einstieg (04.11.2026) */
.cover .cover-sub{margin:-6px 0 22px;max-width:30em;color:var(--c2);font-size:clamp(17px,1.5vw,20px);font-weight:700;line-height:1.4}
.erst-end .erst-ort{margin-top:-4px}

/* ===== Leiste: Auszeichnung im Vordergrund (04.11.2026) ===== */

.proof-band .proof li.proof-google strong{white-space:nowrap;font-size:clamp(14px,1.25vw,17px)}

/* Leiste: Auszeichnung hervorgehoben (weiß, Lindgrün) */
.proof .proof-award{position:relative}
.proof .proof-award .proof-ico{background:var(--c2);color:var(--c1);width:48px;height:48px}
.proof .proof-award .proof-ico svg{width:24px;height:24px}
.proof .proof-award strong{font-size:1.15em}
.proof-kicker{display:inline-block;align-self:flex-start;background:var(--akzent);color:var(--akzent-ink);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:2px;margin-bottom:6px}

/* ===== Startseite: geringerer Abstand bei den Überschriften (04.11.2026) ===== */
.plan .eyebrow,.kanzlei .eyebrow,.topics .eyebrow,.fach .eyebrow,.checkbox .eyebrow,.award .eyebrow,.tabsec .eyebrow,#bewertungen .eyebrow,.erst .eyebrow{margin-bottom:8px}
.plan h2,.kanzlei h2,.topics h2,.fach h2,.checkbox h2,.tabsec .text h3,#bewertungen h2,.erst h2{margin-bottom:.4em}
.plan h2{margin-bottom:24px}
.award h2{margin-bottom:12px}
.cover .h1-name{margin-bottom:clamp(32px,3.4vw,48px)}
.cover .cover-sub{margin-top:0}
.cover h1{margin-bottom:10px}

/* ===== Leiste: schmaler, ohne grünen Rahmen, Pokal violett (04.11.2026) ===== */
.proof-band .proof li,.proof-band .proof li:first-child,.proof-band .proof li:last-child{padding-top:16px;padding-bottom:16px}
.proof-band .proof-item,.proof-band .proof li>a{gap:14px}
.proof-band .proof-txt{gap:3px}
.proof-kicker{margin-bottom:2px;padding:2px 9px;font-size:11px}
.proof .proof-award strong{font-size:1.05em}
.proof-band .proof-call{margin-top:2px;padding:6px 14px}
@media (min-width:901px){
  .cover-text{padding-bottom:clamp(96px,8vw,128px)}
  .proof-band{margin-top:-60px}
  .proof-band + .erst{padding-top:clamp(72px,7vw,104px)}
}
@media (max-width:900px){
  .proof-band .proof li,.proof-band .proof li:first-child,.proof-band .proof li:last-child{padding-top:14px;padding-bottom:14px}
}


/* SEO-Ergänzungen (04.11.2026): Kurz gesagt, Orte, Ratgeber-Links, Häufige Fragen */
.page-ratgeber .text>h1+.kurz+p{font-size:clamp(18px,1.7vw,22px);line-height:1.65;color:var(--c2)}
.kurz{background:var(--lila-hell);border-top:3px solid var(--akzent);padding:20px 24px 8px;margin:0 0 clamp(24px,3vw,36px)}
.kurz p{font-size:clamp(15px,1.2vw,17px);line-height:1.7;margin:0 0 12px;color:var(--c3)}
.kurz p.kurz-h{font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--c2);margin:0 0 8px}
ul.orte{list-style:none;margin:0 0 1.4em;padding:0;columns:3 150px;column-gap:24px}
ul.orte li{break-inside:avoid;padding:5px 0;border-bottom:1px solid var(--cc4);font-size:clamp(15px,1.2vw,17px);line-height:1.5}
.sec.rat,.sec.faq{padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(8px,2vw,24px)}
.rat h2,.faq h2{font-size:clamp(24px,3vw,38px);font-weight:300;line-height:1.2;margin:0 0 .6em}
.rat-list{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.rat-list li{margin:0;padding:0}
.rat-list a{display:block;height:100%;padding:20px 20px 22px;border-top:3px solid var(--akzent);background:var(--lila-hell);color:var(--c2);text-decoration:none}
.rat-list strong{display:block;font-size:18px;line-height:1.3;margin:0 0 8px;overflow-wrap:break-word;hyphens:auto}
.rat-list span{display:block;font-size:15px;line-height:1.55;color:var(--c3)}
.rat-list a:hover strong,.rat-list a:focus-visible strong{text-decoration:underline}
.faq-list{max-width:880px}
.faq-item{border-top:1px solid var(--cc4);padding:20px 0}
.faq-item:last-child{border-bottom:1px solid var(--cc4)}
.faq-item h3{font-size:clamp(17px,1.5vw,20px);line-height:1.35;font-weight:700;color:var(--c2);margin:0 0 8px}
.faq-item p{margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.75}
.faq-item a{color:var(--c2);text-decoration:underline}

/* ===== Brotkrumen (04.11.2026) ===== */
.crumbs{padding:clamp(14px,2vw,22px) 0 0;font-size:14px;line-height:1.4;color:var(--c3)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 0}
.crumbs li+li::before{content:"\203A";margin:0 .65em;color:var(--c3)}
.crumbs a{color:var(--c2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.crumbs a:hover,.crumbs a:focus-visible{text-decoration-thickness:2px}
.crumbs [aria-current]{color:var(--c3)}
main.page>.crumbs+.sec{padding-top:clamp(16px,2vw,32px)}
.crumbs+.sec.page-ratgeber{padding-top:clamp(20px,3vw,40px)}


/* ===== KI-Suche (04.11.2026): Steckbrief auf Die Kanzlei, Kurz-Kasten bei Fachartikeln ===== */
.steckbrief{margin:0 0 clamp(24px,3vw,40px)}
.steckbrief>div{grid-template-columns:15em minmax(0,1fr)}
@media (max-width:520px){.steckbrief>div{grid-template-columns:1fr}}
main.page .art-meta+.kurz{max-width:780px}

/* Quelle im Kasten „Kurz gesagt“ (RIS-Link bei OGH-Artikeln), 04.11.2026 */
.kurz p.kurz-q{font-size:14px;line-height:1.55;margin:4px 0 12px;padding-top:10px;border-top:1px solid var(--cc4);color:var(--c3)}
.kurz p.kurz-q a{color:var(--c2);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}


/* ===== Unterseiten: Schriftgrößen wie auf der Startseite (04.11.2026) ===== */
main.page h1,main.page .introtext h1,main.page h1.title,.page-ratgeber h1{font-size:clamp(30px,3.4vw,44px)}
.page-ratgeber .text>p,.page-ratgeber .text li,
main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) :is(p,li){font-size:clamp(15px,1.1vw,16.5px);line-height:1.8}
.page-ratgeber .text>h1+p,.page-ratgeber .text>h1+.kurz+p{font-size:clamp(16px,1.4vw,18px);line-height:1.7}
.page-ratgeber .text h3,main.page .text:not(.introtext,.spezialha,.lilaboxtext,.weisslilaboxtext) h3{font-size:clamp(17px,1.5vw,20px)}
main.page .text h4{font-size:clamp(15px,1.1vw,16.5px)}
main.page .introtext p,main.page .introtext2 p,main.page .lilaboxtext h5[style]{font-size:clamp(20px,2.2vw,28px)}
main.page .card h3{font-size:clamp(17px,1.5vw,20px)}
main.page .card p{font-size:clamp(15px,1.1vw,16px);line-height:1.7}
.kurz p{font-size:clamp(15px,1.1vw,16.5px);line-height:1.7}
.faq-item p,ul.orte li{font-size:clamp(15px,1.1vw,16.5px)}
.erst-end p:not(.eyebrow){font-size:clamp(15px,1.2vw,17px);line-height:1.75}
.k-service p{font-size:clamp(15px,1.1vw,16.5px)}

/* ---------- Akzentfarbe dieser Website (statt Scheidungs-Grün) ---------- */
:root{--akzent:#7d6898;--akzent-voll:#7d6898;--akzent-hell:#c7bed3;--akzent-ink:#fff;--akzent-ink-voll:#fff;--akzent-mark:#c7bed3}
.plan,.checkbox-inner,.proof-band,.site-footer,.tagline{--akzent:var(--akzent-hell);--akzent-ink:var(--c2)}
.proof-band .proof{--akzent:var(--akzent-voll);--akzent-ink:var(--akzent-ink-voll)}
/* ---------- Ergänzungen für rechtsanwalt-wels.at / insolvenz-kaltseis.at ---------- */
dialog.modal{border:0;border-top:6px solid var(--akzent);border-radius:0;max-width:900px;width:calc(100% - 40px);padding:0;color:var(--c3);box-shadow:0 20px 60px rgba(0,0,0,.3)}
dialog.modal::backdrop{background:rgba(30,20,45,.55)}
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 25px;border-bottom:1px solid var(--cc4)}
.modal-head h2{margin:0;font-size:22px}
.modal-x{background:none;border:0;font-size:32px;line-height:1;cursor:pointer;color:var(--c3);padding:0 4px}
.modal-body{padding:25px;max-height:70vh;overflow:auto}
.modal-foot{padding:14px 25px;border-top:1px solid var(--cc4);text-align:right}
.ico-btn{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.fa-wrap{margin:0 0 20px;line-height:1}
.fa-wrap.al-center{text-align:center}
.fa-wrap.al-right{text-align:right}
.fa-ico{display:inline-block;font-size:24px}
.fa-ico svg{width:1em;height:1em;vertical-align:middle}
.anchor{display:block;position:relative;top:-100px;visibility:hidden}
.bildtextgross{position:relative;z-index:1;text-transform:uppercase;font-size:30px;line-height:42px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 20px rgba(30,18,48,.7)}
.bildtextgross p{margin:0 0 20px;color:#fff}
.bildtextgross>*:last-child{margin-bottom:0}
.inner:has(> .bildtextgross){position:relative}
.inner:has(> .bildtextgross)::before{content:"";position:absolute;inset:0;background:rgba(40,24,62,.55);pointer-events:none}
@media (max-width:800px){.bildtextgross{font-size:22px;line-height:30px}}
.tipp .cap a{font-weight:700}
.tipp .cap hr{display:none}
.cover h1 .h1-main{white-space:normal!important}
.topics h2,.erst h2{white-space:normal!important;max-width:24em}
.rat .btn-wrap{margin-top:32px}
.rat .btn-wrap{display:flex;flex-wrap:wrap;gap:12px}
@media (min-width:801px){.plan-steps:has(> .step:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}