:root{--red:#b60005;--red-dark:#8d0005;--ink:#333;--muted:#666;--line:#e6e6e6;--soft:#f5f5f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}.skip{position:absolute;top:-100px;left:15px;background:white;padding:10px;z-index:9}.skip:focus{top:10px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-inner{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:Arial,Helvetica,sans-serif;font-size:clamp(25px,2.5vw,37px);font-weight:500;letter-spacing:-.075em;line-height:1;color:var(--red);white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.site-header nav a:hover,.site-header nav .active{color:var(--red)}.hero{background:#f0eeeb;overflow:hidden}.hero-grid{min-height:575px;display:grid;grid-template-columns:1fr 46%;align-items:center;gap:5%}.hero-text{padding:65px 0}.eyebrow,.kicker{font-size:12px;font-weight:700;letter-spacing:.18em;color:var(--red)}h1,h2,p{margin-top:0}h1{font-size:clamp(64px,7.7vw,118px);letter-spacing:-.055em;line-height:.98;font-weight:700;margin:22px 0 30px}h1 span{color:var(--red)}.roles{font-size:14px;font-weight:700;color:#444;max-width:550px}.roles b{color:var(--red);margin:0 2px}.hero-intro{font-size:19px;max-width:430px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--red);color:white;border:0;padding:15px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.button:hover{background:var(--red-dark)}.hero-image{position:relative;align-self:end;display:flex;justify-content:center;align-items:end;min-height:510px}.hero-image img{display:block;width:min(100%,500px);height:auto;max-height:560px;object-fit:contain}.image-note{position:absolute;bottom:14px;right:10px;font-size:10px;letter-spacing:.15em;color:#777;background:#fff;padding:5px 10px}.welcome{text-align:center;padding:95px 0 105px}.welcome h2{font-size:clamp(28px,3.2vw,43px);line-height:1.2;margin:12px auto 24px;max-width:950px}.red-rule{width:60px;height:4px;background:var(--red);margin:0 auto 25px}.welcome>p:not(.kicker){max-width:740px;margin:0 auto 15px}.editor-note{color:#777;font-size:12px!important}.social-section{background:var(--soft);padding:85px 0}.social-section h2,.contact-section h2{font-size:clamp(32px,4vw,49px);line-height:1.2;margin-bottom:14px}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:35px 0 18px}.social-grid a{background:white;border:1px solid #ddd;padding:24px 18px;display:flex;justify-content:space-between;gap:10px;font-weight:700;transition:border-color .2s,color .2s}.social-grid a span{color:var(--red)}.social-grid a:hover{border-color:var(--red);color:var(--red)}.contact-section{padding:100px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.contact-intro .red-rule{margin:22px 0}.contact-form{display:flex;flex-direction:column;gap:10px}.contact-form>label:not(.consent){font-size:13px;font-weight:700}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;padding:14px 15px;border:1px solid #ccc;background:#fff;border-radius:0;margin-bottom:10px;outline-offset:2px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--red)}.consent{display:flex;gap:12px;font-size:12px;line-height:1.5;margin:10px 0}.consent input{accent-color:var(--red);flex:none}.contact-form .button{align-self:start}.honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.site-footer{border-top:1px solid var(--line);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner .brand{font-size:24px}.footer-inner p{font-size:12px;color:var(--muted);margin:0}@media(max-width:900px){.header-inner{flex-wrap:wrap;padding:25px 0;gap:20px}.site-header nav{gap:18px;flex-wrap:wrap}.hero-grid{grid-template-columns:1fr 43%;gap:2%;min-height:490px}.hero-image{min-height:390px}.social-grid{grid-template-columns:repeat(2,1fr)}.contact-section{gap:6%}}@media(max-width:640px){.wrap{width:min(100% - 36px,1180px)}.header-inner{min-height:auto}.site-header nav{font-size:12px;gap:15px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-text{padding:55px 0 25px}.hero-image{min-height:0;max-height:380px}.hero-image img{max-height:380px}.welcome,.contact-section{padding:65px 0}.social-section{padding:65px 0}.social-grid{grid-template-columns:1fr 1fr}.social-grid a{padding:18px 12px;font-size:13px}.contact-section{grid-template-columns:1fr;gap:35px}.footer-inner{flex-wrap:wrap;justify-content:flex-start}.footer-inner p{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V3: Original-Wortmarke und freigegebenes Portrait */
.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.brand img{display:block;width:clamp(205px,24vw,335px);height:auto;object-fit:contain}
.footer-inner .brand img{width:220px}
.hero-image{min-height:540px;align-self:stretch;overflow:hidden;align-items:stretch}
.hero-image img{width:100%;max-width:none;max-height:none;height:100%;min-height:540px;object-fit:cover;object-position:center 28%;}
@media(max-width:900px){.hero-image,.hero-image img{min-height:460px}}
@media(max-width:640px){.brand img{width:240px;max-width:75vw}.hero-image{min-height:0;max-height:none;height:430px}.hero-image img{min-height:0;height:430px;max-height:none;object-position:center 22%}}

/* V4 – Biografie und bestätigte Social-Media-Profile */
.biography{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(30px,6vw,85px);padding-top:100px;padding-bottom:100px}.bio-photo{height:650px;overflow:hidden;background:var(--soft)}.bio-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%}.bio-copy h2{font-size:clamp(30px,3.1vw,43px);line-height:1.17;margin:12px 0 25px}.bio-copy .red-rule{margin:0 0 30px}.bio-copy p{margin-bottom:16px}.bio-outro{font-weight:700}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:750px}@media(max-width:850px){.biography{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:70px}.bio-photo{height:min(70vw,580px)}.bio-photo img{object-position:center 37%}}@media(max-width:640px){.biography{padding-top:65px;padding-bottom:65px}.bio-photo{height:440px}.social-grid{grid-template-columns:1fr}}

/* V5: Social zuerst, kompakte Biografie in echter Seit-an-Seit-Aufteilung */
.biography{grid-template-columns:minmax(220px,310px) minmax(0,1fr);align-items:start;gap:clamp(30px,5vw,72px);padding-top:78px;padding-bottom:88px}
.bio-photo{height:390px;max-width:310px;width:100%;align-self:start}
.bio-photo img{object-position:center 45%}
.social-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}
.email-inline{color:var(--red);text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.biography{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:28px}.bio-photo{height:320px;max-width:240px}}
@media(max-width:640px){.biography{grid-template-columns:1fr;gap:25px;padding-top:60px;padding-bottom:65px}.bio-photo{height:290px;max-width:220px}.social-grid{grid-template-columns:1fr}}

/* V6 – verbindliche responsive Layout-Regeln; bewusst am Ende der CSS-Datei */
html{overflow-x:clip}img{max-width:100%}
.biography.wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;padding-block:80px;}
.biography .bio-photo{width:260px;max-width:100%;height:340px;min-height:0;overflow:hidden;align-self:start;margin:0;}
.biography .bio-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%;}
.biography .bio-copy{min-width:0;max-width:760px;}
.biography .bio-copy h2{font-size:clamp(26px,2.7vw,38px)}
@media(max-width:900px) and (min-width:641px){
 .biography.wrap{grid-template-columns:200px minmax(0,1fr);gap:28px;padding-block:64px}
 .biography .bio-photo{width:200px;height:280px}
 .biography .bio-copy h2{font-size:28px}
 .header-inner{min-height:0;padding-block:22px}
 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,43%)}
 h1{font-size:clamp(52px,7vw,76px)}
}
@media(max-width:640px){
 .wrap{width:calc(100% - 36px)}
 .site-header .header-inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-block:20px}
 .site-header nav{display:flex;width:100%;flex-wrap:wrap;gap:10px 18px;line-height:1.5}
 .hero-grid{grid-template-columns:minmax(0,1fr)}
 h1{font-size:clamp(52px,13vw,76px)}
 .hero-text{padding-block:48px 28px}
 .hero-image,.hero-image img{height:370px;min-height:0}
 .social-grid{grid-template-columns:1fr;max-width:none}
 .biography.wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding-block:55px}
 .biography .bio-photo{width:190px;max-width:65%;height:250px;min-height:0}
 .biography .bio-copy h2{font-size:clamp(26px,7vw,34px)}
 .contact-section{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:380px){.brand img{width:min(225px,80vw)}.site-header nav{font-size:12px;gap:8px 12px}.hero-image,.hero-image img{height:310px}}

/* V7 – Foto und Rechtstexte */
@media(min-width:901px){.biography.wrap{grid-template-columns:400px minmax(0,1fr)}.biography .bio-photo{width:400px;height:400px}}
@media(min-width:641px) and (max-width:900px){.biography.wrap{grid-template-columns:230px minmax(0,1fr)}.biography .bio-photo{width:230px;height:310px}}
@media(max-width:640px){.biography .bio-photo{width:min(260px,78vw);max-width:100%;height:340px;margin-inline:auto;justify-self:center}}
.legal-page{max-width:850px;padding-block:72px 100px}.legal-page h1{font-size:clamp(42px,6vw,68px);line-height:1.1;letter-spacing:-.04em;margin:14px 0 38px}.legal-page h2{font-size:clamp(22px,3vw,28px);margin:38px 0 12px;line-height:1.25}.legal-page h3{font-size:18px;margin:25px 0 8px}.legal-page p,.legal-page li{line-height:1.75}.legal-page a,.footer-legal a,.consent a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.legal-page ul{padding-left:22px}.footer-legal{display:flex;gap:18px;flex-wrap:wrap}.legal-note{background:#f5f5f5;border-left:3px solid var(--red);padding:15px 20px}.contact-form .consent{align-items:flex-start}

/* V8: etwas größeres Biografiefoto auf Desktop */
@media (min-width:901px){.biography.wrap{grid-template-columns:400px minmax(0,1fr)}.biography .bio-photo{width:400px;height:455px}}
@media (max-width:640px){.biography .bio-photo{justify-self:center;margin-inline:auto}}