/* HT-Clean.de · einheitlicher heller Look für Start- und Unterseiten */
body{font-size:17px;color:var(--ink)}
:root{--muted:#3f5a4f}
p{line-height:1.65}
.header nav{font-size:15px;font-weight:600}
.header nav a:not(.button):hover{text-decoration:underline;text-underline-offset:6px}
.card p,.steps p{font-size:16px;color:var(--muted);max-width:340px}
.card-link{font-size:13px;font-weight:600}
.number{font-size:12px}
.contact p{font-size:16px}
.contact-links p{font-size:13px}
.footer p{font-size:13px}
.footer nav{font-size:13px;flex-wrap:wrap}
.eyebrow{color:#3f5d50}
.contact .eyebrow{color:#c5d9c4}

/* Startseite: Verfahren/Video auf hellem Papier statt Grünfläche */
.film-intro{background:var(--paper);border-top:0;padding-block:40px 56px}
.film-intro .film-layout{border-top:1px solid var(--line);padding-top:56px}
.film-intro .eyebrow{margin-bottom:22px}
.film-intro .body-lead{font-size:19px!important;color:var(--muted)!important;max-width:30em}
.film-intro .film video{background:#eef1eb;border-color:var(--line)}
.home .services{padding-bottom:64px}
.home .contact{margin-bottom:8px}

/* Unterseiten: Seitenkopf */
.page-head{display:grid;grid-template-columns:1fr;gap:48px;padding-block:64px 56px;align-items:end}
.page-head.with-photo{grid-template-columns:1.05fr .95fr;align-items:stretch;padding-block:28px 56px}
.page-copy{display:flex;flex-direction:column;justify-content:center;padding-block:24px}
.page-head .back{font-size:14px;font-weight:600;margin-bottom:34px;color:var(--muted)}
.page-head .back:hover{color:var(--ink)}
.page-head .eyebrow{margin-bottom:24px}
.page-head h1{font:600 clamp(44px,4.6vw,72px)/1.03 Editorial,Georgia,serif;letter-spacing:-1.8px;margin:0 0 26px;color:var(--ink)}
.page-head h1 em{font-weight:400;font-style:italic;color:#285a47}
.page-lead{font-size:19px;max-width:34em;margin:0;color:#1d4738}
.page-visual{position:relative;min-height:380px;overflow:hidden;border-radius:6px;border:1px solid #123e3126;background:#eef1eb}
.page-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:74% 50%;display:block}
.legal-head{padding-block:56px 24px}
.legal-head h1{font-size:clamp(44px,4.4vw,64px)}

/* Abschnitte */
.subpage .section{padding-block:56px 72px}
.split{display:grid;grid-template-columns:1fr 2fr;gap:48px}
.split h2{font-size:clamp(36px,3.4vw,52px)}
.split-head .eyebrow{padding-top:10px}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line);font:400 clamp(22px,1.9vw,28px)/1.3 Editorial,Georgia,serif}
.rows li:first-child{border-top:1px solid var(--ink)}
.regions li{font-size:clamp(28px,2.6vw,40px)}
.section-note{font-size:16px;color:var(--muted);margin:28px 0 0;max-width:40em}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.tiles.four{grid-template-columns:repeat(4,1fr)}
.tiles article{padding:26px 28px 8px 0}
.tiles article+article{border-left:1px solid var(--line);padding-left:28px}
.tiles h3{margin-top:4px}
.tiles p{font-size:16px;color:var(--muted);margin:0}
.steps.four{grid-template-columns:repeat(4,1fr)}
.subpage .steps article{border-top:1px solid var(--ink)}
.subpage .steps article+article{border-left:1px solid var(--line)}
.related{display:flex;gap:36px;flex-wrap:wrap;margin-top:40px;font-size:15px;font-weight:600}
.related a{display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:4px}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-child{border-top:1px solid var(--ink)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 0;font:600 clamp(22px,1.9vw,27px)/1.25 Editorial,Georgia,serif}
.faq summary::-webkit-details-marker{display:none}
.plus{position:relative;width:16px;height:16px;flex-shrink:0}
.plus:before,.plus:after{content:'';position:absolute;left:0;top:7.5px;width:16px;height:1px;background:var(--ink);transition:transform .2s}
.plus:after{transform:rotate(90deg)}
details[open] .plus:after{transform:none}
.faq details p{margin:0 0 24px;max-width:40em;color:var(--muted)}
.legal h2{font:600 28px/1.2 Editorial,Georgia,serif;letter-spacing:-.4px;margin:40px 0 12px}
.legal p{margin:0 0 14px}
.legal a{text-decoration:underline;text-underline-offset:3px}
.legal .stand{color:var(--muted);font-size:14px;margin-top:32px}
.notfound{border-top:0;padding-top:0}
.subpage .contact{margin-top:8px}

@media(max-width:1000px){
 .page-head.with-photo{grid-template-columns:1fr 1fr;gap:28px}
 .tiles.four,.steps.four{grid-template-columns:1fr 1fr}
 .tiles.four article:nth-child(3),.steps.four article:nth-child(3){border-left:0;padding-left:0}
}
@media(max-width:760px){
 body{font-size:16px}
 .page-head,.page-head.with-photo{grid-template-columns:1fr;gap:22px;padding-block:16px 36px}
 .page-head.with-photo .page-visual{order:-1;min-height:0;height:220px}
 .page-copy{padding-block:6px 0}
 .page-head .back{margin-bottom:22px;font-size:13px}
 .page-head .eyebrow{font-size:10px;letter-spacing:1.6px;margin-bottom:16px}
 .page-head h1{font-size:clamp(38px,10.5vw,52px);letter-spacing:-1.2px;margin-bottom:18px}
 .page-lead{font-size:17px}
 .legal-head{padding-block:32px 8px}
 .split{display:block}
 .split-head{margin-bottom:22px}
 .split h2{font-size:38px}
 .rows li{grid-template-columns:44px 1fr;font-size:22px;padding:16px 0}
 .regions li{font-size:30px}
 .tiles,.tiles.four,.steps.four{grid-template-columns:1fr}
 .tiles article,.tiles article+article{border-left:0;padding:22px 0 18px;border-bottom:1px solid var(--line)}
 .tiles article:first-child{border-top:0}
 .subpage .steps article+article{border-left:0}
 .subpage .section{padding-block:32px 44px}
 .film-intro .film-layout{padding-top:36px}
 .film-intro .body-lead{font-size:17px!important}
 .related{gap:20px;flex-direction:column;align-items:flex-start}
 .faq summary{font-size:22px;padding:18px 0}
 .legal{width:calc(100% - 36px)}
 .legal h2{font-size:24px;margin-top:30px}
 .card p,.steps p{font-size:16px}
}
.rows .number{font-family:Sans,Arial,sans-serif;font-size:12px;letter-spacing:2px;color:var(--muted);display:block}
.film-intro{padding-top:28px}
.film-intro .film-layout{padding-top:44px}
@media(max-width:760px){
 .header nav{font-size:12px;font-weight:600;gap:6px}
 .header .button.small{font-size:11px;padding:9px 11px;gap:6px;white-space:nowrap}
}
@media(max-width:380px){.header nav{font-size:11px}.header .button.small{font-size:10px;padding:8px 9px}}
.legal{width:min(1440px,calc(100% - 96px));margin-inline:auto;padding-top:16px}
.legal>*{max-width:760px}
@media(max-width:1000px){.legal{width:calc(100% - 48px)}}
@media(max-width:760px){.legal{width:calc(100% - 36px)}}