:root{--blue:#0755a0;--blue-dark:#063d72;--orange:#e85b20;--ink:#252d33;--muted:#66717a;--soft:#f5f7f8;--white:#fff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:#fff;padding:10px 14px}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.site-header{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 rgba(20,35,45,.08)}.header-inner{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand img{display:block;width:min(390px,40vw)}.nav{display:flex;align-items:center;gap:26px}.nav a{text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--blue)}.menu-button{display:none;border:0;background:transparent;font:inherit;font-weight:700;color:var(--blue);padding:12px 0}
.hero{padding:60px 0 64px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:76px;align-items:end}.eyebrow{color:var(--orange);font-size:13px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0 0 16px}.hero h1,.page-hero h1{font-size:clamp(30px,3.5vw,46px);line-height:1.08;letter-spacing:-.035em;color:var(--blue);margin:0 0 30px;font-weight:700}.lead{font-size:clamp(16px,1.25vw,18px);line-height:1.55;max-width:720px}.hero-copy p:not(.eyebrow){max-width:720px}.portrait{width:100%;max-width:390px;justify-self:end;display:block}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:3px;text-decoration:none;font-weight:700}.button.primary{background:var(--blue);color:#fff}.button.secondary{color:var(--blue);outline:1px solid rgba(7,85,160,.35)}.button:hover{transform:translateY(-1px)}
.section{padding:60px 0}.section.soft{background:var(--soft)}.section-title{font-size:clamp(24px,2.3vw,32px);line-height:1.15;color:var(--blue);margin:0 0 24px;letter-spacing:-.02em}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}.kicker{color:var(--orange);font-weight:700}.link-arrow{color:var(--blue);font-weight:700;text-decoration:none}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe4e7;margin-top:38px}.fact{background:#fff;padding:24px}.fact strong{display:block;color:var(--blue);font-size:14px;margin-bottom:5px}.fact a{text-decoration:none}.page-hero{padding:40px 0 22px}.page-hero p{max-width:760px}.content-grid{display:grid;grid-template-columns:220px minmax(0,760px);gap:56px;padding:20px 0 68px}.side-nav{align-self:start;position:sticky;top:140px}.side-nav a{display:block;padding:9px 0;text-decoration:none;color:var(--muted);font-weight:700;font-size:14px}.side-nav a:hover{color:var(--blue)}.prose h2{color:var(--blue);font-size:21px;line-height:1.3;margin:42px 0 14px}.prose h2:first-child{margin-top:0}.prose p{margin:0 0 18px}.prose .career p{margin-bottom:28px}.prose a{color:var(--blue)}.contact-card{background:var(--soft);padding:32px;margin-top:30px}.contact-card p{margin-bottom:8px}.legal{max-width:820px;padding:64px 0 90px}.legal h1{color:var(--blue);font-size:36px;margin:0 0 34px}.legal h2{color:var(--blue);margin-top:38px}.legal h3{margin-top:28px}.legal a{color:var(--blue)}
.footer{background:var(--blue-dark);color:#fff;padding:46px 0 32px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:48px}.footer strong{display:block;margin-bottom:8px}.footer a{color:#fff;text-decoration:none}.footer-links a{display:block;margin-bottom:6px}.footer-small{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.22);font-size:12px;color:rgba(255,255,255,.78)}
@media(max-width:900px){.header-inner{min-height:92px}.brand img{width:min(390px,65vw)}.menu-button{display:block}.nav{display:none;position:absolute;left:0;right:0;top:92px;background:#fff;padding:20px 24px 28px;box-shadow:0 10px 20px rgba(0,0,0,.08);flex-direction:column;align-items:flex-start;gap:16px}.nav.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:42px}.portrait{justify-self:start;max-width:330px}.intro-grid,.content-grid{grid-template-columns:1fr;gap:34px}.side-nav{position:static;display:flex;flex-wrap:wrap;gap:4px 20px}.facts{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.wrap{width:min(var(--max),calc(100% - 30px))}.header-inner{min-height:78px}.brand img{width:min(300px,72vw)}.nav{top:78px}.hero{padding:48px 0}.hero h1,.page-hero h1{font-size:32px}.actions{display:grid}.button{width:100%}.section{padding:52px 0}.page-hero{padding:46px 0 22px}.content-grid{padding-bottom:58px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}.legal{padding-top:48px}.legal h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}

.page-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:52px;align-items:center}.page-portrait{width:190px;max-height:190px;object-fit:contain;object-position:center bottom;justify-self:end}.prose{font-size:16px}.prose p{max-width:72ch}.side-nav{font-size:14px}
@media(max-width:900px){.page-hero-grid{grid-template-columns:1fr 150px;gap:28px}.page-portrait{width:150px;max-height:150px}}
@media(max-width:600px){body{font-size:15.5px}.hero h1,.page-hero h1{font-size:30px}.lead{font-size:16px}.page-hero-grid{grid-template-columns:1fr}.page-portrait{width:135px;max-height:135px;justify-self:start}.prose h2{font-size:20px}.section-title{font-size:25px}}

/* V3: compact subpage typography; archived page-specific photos pending recovery */
.page-hero-grid{grid-template-columns:minmax(0,820px);gap:0}

/* Ruhige Gestaltung für alle Unterseiten. Der Verlauf steht ausschließlich auf der Startseite. */
:root{--blue:#104b84;--blue-dark:#104b84;--orange:#e66930;--ink:#252b30;--muted:#6b747d;--soft:#f6f7f7;--max:1160px}
.site-header{position:relative;box-shadow:none;background:#fff}
.header-inner{min-height:108px;border-bottom:1px solid #efd8cd;gap:36px}
.brand img{width:min(340px,42vw)}
.nav{margin-left:auto;gap:38px}
.nav a{font-size:17px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink)}
.nav a[aria-current=page]{color:var(--blue);font-weight:700;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:1px;text-underline-offset:14px}
.nav a:hover{color:var(--blue)}
.about-photo-card{background:#fff}
.footer{background:#fff;color:var(--ink);border-top:1px solid #eee}
.footer a{color:var(--blue)}
.footer-small{color:var(--muted);border-top-color:#e2e5e7}
/* Die weiße Unterseitenfläche wird nicht vom Verlauf der Startseite beeinflusst. */
body.home{min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#fff 0%,#fff 51%,#fffaf5 70%,#fff1e2 100%)}
.home .site-header{background:transparent}
.home-main{flex:1;display:flex;flex-direction:column;padding-top:29px}
.home-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.7fr);column-gap:90px;align-items:start}
.home-copy h1{font-size:clamp(28px,3vw,38px);line-height:1.12;letter-spacing:.01em;color:var(--blue);margin:0 0 43px}
.home-copy p{font-size:16px;line-height:1.55;max-width:690px;margin:0 0 20px}
.home-person{justify-self:center;width:220px;padding-top:45px}
.home-person img{display:block;width:198px;height:198px;object-fit:cover;object-position:center 40%;border-radius:50%;margin-bottom:17px;filter:grayscale(1)}
.home-person strong{display:block;font-size:19px;line-height:1.2}
.home-person span{display:block;font-size:13px;color:var(--muted)}
.home-actions{display:flex;gap:12px;margin-top:auto;padding:55px 0 45px}
.home-actions a{display:inline-flex;min-width:198px;justify-content:center;align-items:center;padding:10px 17px;border:1px solid #bed0e1;border-radius:6px;background:#fff;color:var(--blue);text-decoration:none;font-size:13px;font-weight:700}
.home-actions a+ a{color:var(--orange);border-color:#ffc6ad}
.home-footer{display:flex;justify-content:space-between;gap:20px;padding-bottom:27px;color:var(--muted);font-size:12px}
.home-footer a{color:inherit;text-decoration:none}
.home-footer a:hover{text-decoration:underline}
@media(max-width:900px){.header-inner{min-height:90px}.brand img{width:min(340px,65vw)}.nav{top:90px;gap:16px}.nav a{font-size:16px}.home-grid{gap:35px}.home-person{width:185px}.home-person img{width:170px;height:170px}.home-copy h1{margin-bottom:30px}}
@media(max-width:600px){.wrap{width:min(var(--max),calc(100% - 36px))}.header-inner{min-height:82px}.nav{top:82px}.brand img{width:min(300px,72vw)}.home-main{padding-top:30px}.home-grid{grid-template-columns:1fr;gap:12px}.home-copy h1{font-size:29px;margin-bottom:28px}.home-copy p{font-size:15.5px}.home-person{justify-self:start;padding-top:4px;width:auto;display:grid;grid-template-columns:108px 1fr;column-gap:17px;align-items:center}.home-person img{width:108px;height:108px;grid-row:span 2;margin:0}.home-person strong{font-size:17px;align-self:end}.home-person span{align-self:start}.home-actions{padding:38px 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-actions a{min-width:0;padding:10px 4px;font-size:11px}.home-footer{padding-bottom:24px;flex-wrap:wrap}}

.archive-page{padding-top:38px;padding-bottom:85px;min-height:60vh}.archive-page h1{font-size:clamp(29px,3vw,38px);line-height:1.15;color:var(--blue);margin:0 0 32px}.archive-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px}.archive-subnav{display:flex;flex-direction:column;gap:10px;align-self:start}.archive-subnav a{color:var(--muted);text-decoration:none;font-size:15px}.archive-subnav a[aria-current=page]{color:var(--blue);font-weight:700}.archive-content{max-width:760px;font-size:16px;line-height:1.65;overflow-wrap:anywhere}.archive-content a{color:var(--blue)}.archive-content br{line-height:1.5}.archive-content em{font-style:italic}.archive-content div{max-width:100%}.archive-content p{margin:0 0 18px}@media(max-width:700px){.archive-layout{grid-template-columns:1fr;gap:24px}.archive-subnav{flex-direction:row;flex-wrap:wrap;gap:12px}.archive-page{padding-top:30px}.archive-content{font-size:15.5px}}


/* Semantische Lesestruktur der Archivtexte */
.archive-page{padding-top:52px}.archive-layout{align-items:start}.archive-subnav{padding-top:6px}.archive-subnav a{line-height:1.3;padding:6px 0}.archive-content{max-width:760px;line-height:1.58}.archive-content h1{font-size:clamp(29px,3vw,38px);margin:0 0 26px;line-height:1.15}.archive-content p{margin:0 0 24px}.archive-content strong{font-weight:700}.archive-content em{font-style:italic}.archive-list{list-style:none;padding:0;margin:6px 0 28px}.archive-list li{position:relative;padding-left:24px;margin-bottom:10px}.archive-list li:before{content:"";position:absolute;left:0;top:.67em;width:7px;height:7px;border:1.5px solid var(--orange);border-radius:50%}.condition-list li{margin-bottom:25px}.condition-list li strong{font-weight:600}.condition-list li p{font-style:italic;color:#42484e;margin:6px 0 0}.career-entry{margin-bottom:26px}.entry-year{font-weight:700;color:var(--blue);font-size:15px}.career-entry h2{color:var(--ink);font-size:18px;line-height:1.35;margin:4px 0 5px}.career-entry p{font-style:italic;margin:0}.career-entry .archive-list{margin:5px 0 0}.archive-section-title{font-size:23px;color:var(--blue);margin:38px 0 16px}.training-list{columns:2;column-gap:34px}.training-list li{break-inside:avoid;margin-bottom:12px}.vod-link{display:inline-block;margin:13px 0 0}.vod-link img,.home-vod img{display:block;width:234px;height:94px;object-fit:contain}.home-vod{align-self:flex-end;margin:-140px 0 31px}.home-actions{align-self:flex-start}@media(max-width:900px){.home-vod{margin:-134px 0 25px}}@media(max-width:700px){.archive-page{padding-top:30px}.archive-subnav{padding-top:0;gap:10px 16px}.archive-subnav a{padding:0}.archive-content h1{margin-bottom:24px}.training-list{columns:1}}@media(max-width:600px){.home-vod{align-self:flex-start;margin:0 0 20px}.home-actions{padding:30px 0 12px}.archive-content p{margin-bottom:22px}}

/* Startseitenabschluss: Logo und Kontakt bleiben im Fluss und brechen auf Mobilgeräten um. */
.home-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:20px 34px;padding:36px 0 34px;flex-wrap:wrap}.home-bottom .home-actions{margin:0;padding:0;align-self:auto}.home-bottom .home-vod{margin:0;align-self:auto;flex:none}.home-bottom .home-vod img{width:180px;height:auto}.archive-subnav{padding-top:0}.archive-subnav a{padding:0}.archive-content h1{margin-top:0}.archive-content{min-width:0}.archive-list li{overflow-wrap:break-word}
@media(max-width:700px){.archive-layout{gap:22px}.archive-subnav{gap:10px 16px}}
@media(max-width:600px){.home-bottom{padding:30px 0 24px;display:flex;flex-direction:column;align-items:stretch}.home-bottom .home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.home-bottom .home-actions a{min-width:0;overflow-wrap:anywhere}.home-bottom .home-vod{align-self:flex-start}.home-bottom .home-vod img{width:165px}}

.archive-content h2{font-size:20px;color:var(--blue);line-height:1.3;margin:30px 0 12px}.archive-content .career-entry h2{color:var(--ink);font-size:18px;margin:4px 0 5px}.archive-content .archive-section-title{font-size:23px;margin:38px 0 16px}.archive-page .archive-subnav:empty{display:none}.archive-page .archive-layout:has(.archive-subnav:empty){grid-template-columns:minmax(0,760px)}

/* Gewünschter Startseitenabschluss und Verbandslogo ohne sichtbaren weißen Kasten. */
.home-bottom{padding-top:25px;padding-bottom:64px;align-items:end}.home-bottom .home-vod img{width:220px;height:auto;mix-blend-mode:multiply}.vod-link img{mix-blend-mode:multiply}.condition-list li p,.condition-list em,.archive-content .condition-list p em{font-style:normal}
@media(max-width:600px){.home-bottom{padding-top:25px;padding-bottom:32px}.home-bottom .home-vod img{width:200px}}

/* Startseite: ruhige Typografie, kompakte vertikale Abstände. */
.home-main{padding-top:24px}.home-copy h1{font-size:clamp(27px,2.5vw,34px);margin-bottom:28px}.home-copy p{margin-bottom:17px}.home-copy p:last-child{margin-bottom:0}.home-person{padding-top:24px}.home-bottom{margin-top:20px;padding-top:0;padding-bottom:38px}.home-footer{gap:16px 25px;align-items:baseline}
@media(max-width:600px){.home-main{padding-top:26px}.home-copy h1{font-size:27px;margin-bottom:22px}.home-person{padding-top:4px}.home-bottom{margin-top:20px;padding-top:0;padding-bottom:26px}.home-bottom .home-vod{display:none}.home-footer{gap:8px 20px}}

/* Startseite: Begrüßung mit Luft zum Header; Logo folgt der Porträtspalte. */
.home-main{padding-top:48px}.home-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.7fr);column-gap:90px;row-gap:20px;align-items:end}.home-person{justify-self:start}.home-bottom .home-vod{justify-self:start;width:220px}.home-actions a{font-size:14px}
/* Auf „Über mich“ wiederholt sich das runde Startseitenporträt. */
.about-profile{display:grid;grid-template-columns:176px minmax(0,1fr);gap:27px;align-items:start}.about-portrait{margin:0}.about-portrait img{display:block;width:176px;height:176px;border-radius:50%;object-fit:cover;object-position:center 40%;filter:grayscale(1)}.about-details{min-width:0}.about-details .vod-link img{width:220px;height:auto}
@media(max-width:900px){.home-bottom{column-gap:35px}.home-bottom .home-actions a{min-width:0}.about-profile{grid-template-columns:150px minmax(0,1fr);gap:22px}.about-portrait img{width:150px;height:150px}}
@media(max-width:600px){.home-main{padding-top:38px}.home-bottom{display:block}.home-bottom .home-actions a{font-size:13px}.home-bottom .home-vod{display:none}.about-profile{grid-template-columns:1fr;gap:22px}.about-portrait img{width:152px;height:152px}}

/* Name und Berufsbezeichnungen als zusammengehöriger Block. */
.about-details .about-name{margin-bottom:0}.about-details .about-titles{margin-top:0}.about-details .about-titles em{font-style:italic}

/* Berufsbezeichnungen und bündige Kontaktdaten. */
.about-details .about-titles{display:table;max-width:100%;padding:5px 10px;margin:2px 0 24px;background:#eaf2f9;color:var(--blue);border-radius:4px;font-size:15px;line-height:1.45}.about-details .about-titles em{font-style:italic}.contact-details{margin:0 0 24px}.contact-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:0;align-items:baseline}.contact-row span,.contact-row a{display:block}.contact-row a{overflow-wrap:anywhere}@media(max-width:360px){.contact-row{grid-template-columns:68px minmax(0,1fr)}}

/* Finale Auswahl: kleines Verbandslogo links im Startseitenfooter. */
.home-bottom{display:block}
.home-footer{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:16px 24px}
.footer-vod{display:block;width:180px}
.footer-vod img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.footer-address{text-align:center}
.footer-legal{white-space:nowrap}
.about-details .about-titles{display:block;padding:0;margin:0 0 24px;background:none;border-radius:0;font-size:15px;font-weight:700;font-style:normal;line-height:1.6;color:var(--blue)}
@media(max-width:900px) and (min-width:601px){.home-footer{grid-template-columns:155px minmax(0,1fr);gap:10px 20px}.footer-vod{width:155px;grid-row:span 2}.footer-legal{text-align:center}}
@media(max-width:600px){.home-footer{grid-template-columns:minmax(0,1fr);gap:10px;text-align:center}.home-footer .footer-vod{display:none}.footer-legal{white-space:normal}}

/* The language chooser sits at the far right, with space from the main navigation. */
.header-inner{gap:0}
.brand{margin-right:auto}
.header-inner .nav{margin-left:0;gap:38px}
.language-dropdown{position:relative;flex:none;margin-left:70px;color:var(--blue);font-size:12px;line-height:1.2}
.language-dropdown summary{display:block;list-style:none;cursor:pointer;color:var(--blue);font-weight:700;padding:12px 0;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px;text-align:right}
.language-dropdown summary::-webkit-details-marker{display:none}
.language-dropdown nav{position:absolute;z-index:50;right:0;top:calc(100% + 2px);min-width:90px;padding:4px 0;background:#fff;text-align:right;animation:language-appear .18s ease-out}
.language-dropdown nav a{display:block;padding:8px 0 8px 14px;white-space:nowrap;color:var(--ink);text-decoration:none;font-size:12px;transition:color .15s ease,transform .15s ease}
.language-dropdown nav a:hover,.language-dropdown nav a:focus-visible{color:var(--blue);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:4px;transform:translateX(-2px)}
.language-dropdown summary:focus-visible,.language-dropdown nav a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@keyframes language-appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.header-inner{flex-wrap:nowrap;gap:12px}.brand{margin-right:auto}.menu-button{order:2}.header-inner .nav{order:4}.language-dropdown{order:3;margin-left:6px}.home-grid{column-gap:35px}}
@media(max-width:600px){.brand img{width:min(280px,60vw)}.home-main{justify-content:flex-start;padding-top:52px;padding-bottom:24px}.home-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "person" "actions";row-gap:18px}.home-grid>.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.home-grid>.home-actions a{min-width:0;padding:10px 4px;font-size:13px;overflow-wrap:anywhere}.home-footer{grid-template-columns:minmax(0,1fr);gap:10px;text-align:left}.home-footer .footer-address,.home-footer .footer-legal{grid-column:1;text-align:left;justify-self:start}}
@media(prefers-reduced-motion:reduce){.language-dropdown nav{animation:none}.language-dropdown nav a{transition:none}}

/* Identische Position der feinen orangefarbenen Headerlinie auf allen Seiten. */
.header-inner{position:relative;border-bottom:0}
.header-inner::after{content:"";position:absolute;left:0;right:0;bottom:-21px;height:1px;pointer-events:none;background:linear-gradient(to right,var(--orange),rgba(230,105,48,0))}

/* Einheitliche Hauptüberschriften in DE, EN und IT. */
main.home-main h1,main.archive-page h1,main .legal h1,main .hero h1,main .page-hero h1{font-size:30px;line-height:1.2}
@media(max-width:600px){main.home-main h1,main.archive-page h1,main .legal h1,main .hero h1,main .page-hero h1{font-size:26px;line-height:1.2}}