/* --- Profilseiten (ergänzt 10/2026) – nutzt Tokens aus styles.css --- */
.p-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:var(--ink);color:#fff;overflow:hidden}
.p-hero-copy{padding:clamp(4rem,7vw,7rem) clamp(1.4rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center;min-width:0}
.p-hero h1{hyphens:auto;margin:1.6rem 0 1.4rem;max-width:820px;font-size:clamp(2.6rem,4.4vw,4.9rem);line-height:1.02;letter-spacing:-.045em}
.p-hero h1 em{font-style:normal;color:#8bd5d5}
.p-hero .lead strong{color:#fff;font-weight:600}
.p-hero .primary{background:#fff;color:var(--ink)}
.p-hero-visual{margin:0;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:1.4rem;padding:clamp(2rem,4vw,3rem) 1.5rem clamp(1.6rem,3vw,2.4rem);background:radial-gradient(130% 95% at 50% 100%,#263632 0%,#1c2926 52%,#161f1d 100%)}
.p-hero-visual img{width:auto;max-width:78%;max-height:min(62vh,560px);height:auto;object-fit:contain;filter:drop-shadow(0 26px 42px rgba(0,0,0,.5))}
.p-hero-visual figcaption{display:grid;text-align:center}
.p-hero-visual figcaption strong{font:400 1.15rem var(--serif)}
.p-hero-visual figcaption span{margin-top:.35rem;color:#95dcdd;font-size:.55rem;letter-spacing:.12em;text-transform:uppercase}
.p-avail{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.6rem;color:#8bd5d5;font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.p-avail:before{content:'';width:.5rem;height:.5rem;border-radius:50%;background:var(--teal)}

.p-block{padding:clamp(5rem,8vw,9rem) 0}
.p-block.white{background:#fff}
.p-block.mint{background:#dfe9e5}
.p-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem);align-items:start}
.p-grid h2{font-size:clamp(2.4rem,3.8vw,4.2rem)}
.p-grid .sticky-title p.p-sub{margin:1.6rem 0 0;max-width:420px;color:var(--muted);font-size:.95rem;line-height:1.75}
.p-rows{border-top:1px solid var(--line)}
.p-rows article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:1.4rem;padding:1.8rem 0;border-bottom:1px solid var(--line)}
.p-rows article>span{color:var(--teal-dark);font-size:.6rem;font-weight:800;padding-top:.45rem}
.p-rows h3{margin:0 0 .45rem;font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.2;letter-spacing:-.015em}
.p-rows p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.7}
.p-rows small{display:block;margin-top:.6rem;color:#7b5b54;font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}

.p-situations{padding:clamp(5rem,8vw,9rem) 0;background:var(--ink);color:#fff}
.p-situations .section-head>p{color:#a8afac}
.p-sit-grid{margin-top:4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}
.p-sit-grid article{background:var(--ink);padding:clamp(1.8rem,3vw,2.8rem)}
.p-sit-grid span{color:#6f817c;font-size:.6rem;font-weight:800}
.p-sit-grid h3{margin:.9rem 0 .6rem;font-size:clamp(1.35rem,1.9vw,1.9rem);line-height:1.2}
.p-sit-grid p{margin:0;color:#929a96;font-size:.88rem;line-height:1.7}

.p-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:0}
.p-facts div{background:#fff;padding:1.8rem}
.p-facts h3{margin:0 0 .8rem;font:800 .6rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal-dark)}
.p-facts p{margin:0;color:#3d423f;font-size:.9rem;line-height:1.7}

.p-cross{padding:2.6rem 0;background:var(--paper);border-top:1px solid var(--line)}
.p-cross .shell{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.p-cross p{margin:0;color:var(--muted);font-size:.9rem}
.p-cross a{text-decoration:none;text-transform:uppercase;font-size:.65rem;font-weight:800;letter-spacing:.12em}
.p-cross a span{color:var(--teal-dark)}

/* FAQ – identisch zur Startseite */
.faq{padding:clamp(5rem,8vw,9rem) 0;background:var(--paper)}
.faq-list{margin-top:4rem;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:grid;grid-template-columns:70px minmax(0,1fr) 2rem;gap:2rem;align-items:baseline;padding:2rem 0;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:var(--teal-dark);font-size:.6rem;font-weight:800}
.faq-list summary h3{margin:0;font-size:clamp(1.3rem,2vw,2rem);line-height:1.15;letter-spacing:-.02em}
.faq-list summary i{font-style:normal;color:var(--teal-dark);font-size:1.4rem;justify-self:end;transition:transform .2s}
.faq-list details[open] summary i{transform:rotate(45deg)}
.faq-list .answer{padding:0 4rem 2.2rem calc(70px + 2rem)}
.faq-list .answer p{margin:0;max-width:760px;color:var(--muted);font-size:.95rem;line-height:1.8}

.header nav a.is-current{color:var(--ink)}

@media(max-width:1100px){
.p-hero{grid-template-columns:1fr}
.p-hero-visual{min-height:0}
.p-grid{grid-template-columns:1fr;gap:3rem}
.p-grid .sticky-title{position:static}
}
@media(max-width:760px){
.p-hero-copy{padding:3.5rem 1.25rem 3rem}
.p-hero h1{font-size:clamp(2rem,8.4vw,3rem)}
.p-hero-visual img{max-height:min(48vh,380px)}
.p-rows article{grid-template-columns:28px minmax(0,1fr);gap:.9rem}
.p-sit-grid,.p-facts{grid-template-columns:1fr}
.faq-list summary{grid-template-columns:32px minmax(0,1fr) 1.4rem;gap:.9rem;padding:1.5rem 0}
.faq-list summary h3{font-size:clamp(1.1rem,5.2vw,1.4rem)}
.faq-list .answer{padding:0 0 1.8rem calc(32px + .9rem)}
.p-cross .shell{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){.faq-list summary i{transition:none}}