:root{color-scheme:light;--paper:#faf7ef;--ink:#292320;--wine:#4c101a;--quiet:#70645c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:.35em;text-decoration-thickness:1px}
a:hover{color:var(--wine)}
a:focus-visible{outline:2px solid var(--wine);outline-offset:7px}
.skip{position:absolute;left:20px;top:-100px;background:var(--paper);padding:14px;z-index:2}
.skip:focus{top:12px}
.masthead{text-align:center;padding:45px 24px 39px}
.seal{position:relative;width:164px;height:70px;overflow:hidden;margin:0 auto 15px;mix-blend-mode:multiply}
.seal img{position:absolute;max-width:none;width:1259.52px;height:839.68px;left:-547.76px;top:-25.42px;filter:brightness(1.12) contrast(1.03)}
h1{font-size:clamp(27px,3.85vw,56px);font-weight:400;text-transform:uppercase;letter-spacing:.095em;line-height:1.16;margin:0;color:var(--wine);padding-left:.095em}
h1 span{white-space:nowrap}
.motto{font-size:clamp(13px,1.2vw,17px);letter-spacing:.29em;line-height:1.6;margin:12px 0 0;padding-left:.29em}
.portrait{width:calc(100% - 80px);max-width:1540px;margin:0 auto}
.portrait-view{display:block;cursor:zoom-in;line-height:0}
.portrait img{display:block;width:100%;height:auto}
.portrait figcaption{text-align:right;font-size:10px;color:var(--quiet);letter-spacing:.07em;padding:12px 0 0;line-height:1.6}
.correspondence{text-align:center;padding:45px 24px 18px}
.identity{font-size:clamp(18px,1.5vw,23px);line-height:1.6;letter-spacing:.025em;margin:0 auto;max-width:780px;text-wrap:balance}
.rule{display:block;width:38px;height:1px;background:var(--wine);opacity:.65;margin:24px auto 17px}
.contact{font-size:16px;letter-spacing:.15em;display:inline-flex;align-items:center;min-height:44px;padding:8px 7px;text-decoration:underline;text-decoration-color:#c1a8a9;transition:text-decoration-color .2s ease}
.contact:hover{text-decoration-color:var(--wine)}
footer{display:flex;align-items:center;justify-content:center;gap:17px;flex-wrap:wrap;font-size:10px;letter-spacing:.09em;padding:0 20px 34px;color:var(--quiet)}
footer a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
footer a:hover{text-decoration:underline}
.legal{max-width:760px;margin:auto;padding:35px 24px 60px;font-family:Arial,sans-serif;line-height:1.75}
.legal h1{font-family:Georgia,serif;font-size:36px;letter-spacing:0;text-transform:none;margin:30px 0;padding:0}
.legal h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:28px 0 10px}
.legal p{margin:10px 0 20px}
.legal .back{font-family:Georgia,serif;letter-spacing:.08em;font-size:15px}
.legal address{font-style:normal}
@media(min-width:1800px){.masthead{padding-top:60px;padding-bottom:48px}.correspondence{padding-top:52px}}
@media(max-width:600px){
 .masthead{padding:32px 16px 29px}
 .seal{width:144px;height:62px;margin-bottom:13px}
 .seal img{width:1105.92px;height:737.28px;left:-480.96px;top:-22.32px}
 h1{font-size:clamp(24px,6.95vw,36px);letter-spacing:.075em}
 .motto{letter-spacing:.22em;margin-top:11px;font-size:13px}
 .portrait{width:100%}
 .portrait figcaption{text-align:center;font-size:10px;letter-spacing:.015em;padding:11px 20px 0}
 .correspondence{padding:31px 26px 15px}
 .identity{max-width:340px;line-height:1.65}
 .rule{margin:22px auto 15px;width:32px}
 .contact{font-size:16px}
 footer{padding-bottom:28px;font-size:10px;gap:14px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.contact{transition:none}}

/* Freigegebener Fokus: Hausseite vorerst ohne Gruppenporträt. */
.house-without-portrait{min-height:100svh;display:flex;flex-direction:column}
.house-without-portrait .masthead{padding-top:clamp(75px,18vh,180px)}
.house-without-portrait main{flex:1}
.house-without-portrait .correspondence{padding-top:36px;padding-bottom:70px}