/* UIkit: expressive typography, gallery image and contrasting business stage. */
:root{--paper:#fff;--ink:#242424;--accent:#242424;--muted:#626262;--line:#dedede;--panel:#ededed;--radius:0;--shell:1360px}
.preview-bar{background:#242424}.header-inner{min-height:106px}.hero{padding-top:55px}.hero-copy{grid-template-columns:1.8fr 1fr;gap:70px;margin-bottom:50px}.hero h1{font-size:clamp(3.8rem,7.8vw,7.5rem);font-weight:500;letter-spacing:-.07em}.hero-links a{border-bottom:1px solid var(--ink);padding-bottom:10px;font-size:13px}.group-image{border-radius:0}.feature{background:#f3f3f3;border:0;padding:36px}.feature h3{font-size:28px;font-weight:400}.feature>.icon{margin-bottom:32px}.audience{padding-block:90px}h2{font-size:clamp(3rem,4.9vw,4.8rem)}.contact-link{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:12px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;gap:12px}.email-mark{font-size:20px;font-weight:700;line-height:1;flex:none}.contact-link:hover{background:var(--ink);color:white}#unternehmen{background:#242424;color:white;padding:60px 50px;--ink:#fafafa;--muted:#d2d2d2;--line:#525252;--accent:#fafafa}#unternehmen .feature{background:#333;border:1px solid #525252}#unternehmen .contact-link{border-color:#dedede;color:white}#unternehmen .contact-link:hover{background:#484848}.about{border-top:0;padding-top:90px}.board-heading{text-transform:uppercase;font-size:11px;letter-spacing:.15em}.board-grid{gap:28px}.portrait{filter:saturate(.75)}.history{grid-template-columns:1.1fr 1fr}.history h2{font-size:clamp(2.5rem,4.5vw,4.3rem)}
.portrait{aspect-ratio:1/1}
@media(max-width:1050px){.hero-copy{gap:32px}.hero h1{font-size:clamp(3.8rem,7.5vw,6rem)}}
@media(max-width:700px){.header-inner{min-height:80px}.hero-copy{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.hero h1{font-size:clamp(2.9rem,10.6vw,4.6rem)}.hero{padding-top:30px}.audience{padding-block:48px}#unternehmen{padding:28px 22px}.feature{padding:26px}.about{padding-top:50px}.history{grid-template-columns:1fr}.hero h1 br{display:block}}
@media(max-width:400px){#unternehmen .section-copy h2{font-size:1.8rem}#unternehmen .social-link{gap:12px}#unternehmen .social-link small{font-size:12px}}
.contact-link:focus-visible,.contact-link:active{background:#242424;color:#fff;border-color:#242424}#unternehmen .contact-link:focus-visible,#unternehmen .contact-link:active{background:#484848;color:#fff;border-color:#dedede}::selection{background:#dedede;color:#242424}
.brand{width:237px;display:block;overflow:hidden}.header-inner{min-height:0;padding-block:2px}.legal{max-width:960px;padding-block:60px 90px}.legal h1{font-size:clamp(2.5rem,5vw,4.5rem);overflow-wrap:anywhere}.legal-content{margin-top:36px}.legal-content h2{font-size:25px;letter-spacing:-.025em;line-height:1.3;margin:32px 0 14px}.legal-content h3{font-size:20px;line-height:1.35;margin:26px 0 12px}.legal-content p{margin-bottom:18px;color:var(--muted);overflow-wrap:anywhere}.legal-content ul{padding-left:22px}.legal-content a{overflow-wrap:anywhere}.organization-details address{font-style:normal;margin-bottom:18px;color:var(--muted)}.representatives{list-style:none;margin:0;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:24px}.representatives li{padding:20px;background:#f3f3f3}.representatives>li>a:first-child{font-size:20px;font-weight:600}.representatives span{display:block;margin-top:8px;font-size:14px;color:var(--muted)}.legal-provider{padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:35px}
/* Trim only the SVG's transparent lower canvas; keep its artwork and size intact. */
.brand img{margin-bottom:-6%}
section[id],.board-member{scroll-margin-top:98px}
@media(max-width:700px){.brand{width:204px}.header-inner{min-height:0;gap:8px}.menu-toggle{font-size:14px;min-height:44px}.legal{padding-block:35px 60px}.legal-content h2{font-size:23px}.representatives{grid-template-columns:1fr}section[id],.board-member{scroll-margin-top:84px}}

/* Keep the header logo 25% smaller while preserving the existing layout. */
.brand{width:177.75px}
@media(max-width:700px){.brand{width:153px}}

/* Selected chapter band below the existing history heading. */
#geschichte{display:block}
#geschichte h2{margin-bottom:44px}
#geschichte .history-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0;border:0}
.history-chapter{position:relative;min-width:0;padding:0 20px 12px 0}
.history-chapter time{display:block;font-size:clamp(36px,4.6vw,64px);line-height:1;letter-spacing:-.07em}
.history-chapter-point{display:block;position:relative;height:1px;background:var(--ink);margin-block:27px;width:calc(100% + 20px)}
.history-chapter-point::before{content:'';width:9px;height:9px;background:var(--ink);border-radius:50%;position:absolute;top:-4px;left:0}
.history-chapter:last-child .history-chapter-point{width:100%}
.history-chapter p{font-size:19px;line-height:1.45;max-width:210px;overflow-wrap:anywhere;hyphens:auto}
.history-chapter.is-anniversary time{font-weight:700}
@media(max-width:900px){.history-chapter p{font-size:16px}}
@media(max-width:700px){
  #geschichte h2{margin-bottom:28px}
  #geschichte .history-chapters{grid-template-columns:1fr}
  .history-chapter{padding:24px 0 24px 28px;display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:16px;border-left:1px solid var(--ink)}
  .history-chapter time{font-size:36px}
  .history-chapter-point{position:absolute;left:-5px;top:41px;width:0;margin:0}
  .history-chapter:last-child .history-chapter-point{width:0}
  .history-chapter p{max-width:none;font-size:18px}
}