:root{--ink:#193f43;--muted:#657677;--line:#e2e9e7;--tint:#f1f6f4;--accent:#c95d50;--container:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #84b9af;outline-offset:5px}img{display:block;max-width:100%}[hidden]{display:none!important}p,h1,h2,h3,figure{margin:0}.container{width:min(var(--container),calc(100% - 80px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px 20px}.skip-link:focus{top:12px}
.hero{padding-top:24px}.group-photo{width:min(1440px,calc(100% - 48px));margin:auto}.group-photo img{width:100%;height:clamp(340px,48vw,650px);object-fit:cover;object-position:center 63%;border-radius:3px}.hero-caption{padding-top:46px;padding-bottom:40px;border-bottom:1px solid var(--line)}h1{font-size:clamp(38px,4.5vw,62px);line-height:1.08;font-weight:700;letter-spacing:-.045em;margin-bottom:19px}.hero-caption>p{font-size:14px;color:var(--muted)}.page-nav{display:flex;gap:28px;font-size:13px;margin-top:24px}.page-nav a{padding:3px 0;border-bottom:1px solid var(--ink)}#extra-navigation{display:contents}
.team-section{padding:55px 0 80px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}h2{font-size:32px;letter-spacing:-.025em;line-height:1.2;font-weight:600}.search-box{display:flex;gap:10px;align-items:center;border-bottom:1px solid #aebeba;min-width:250px}.search-box input{font-size:13px;padding:9px 0;border:0;background:none;width:100%;color:var(--ink)}.search-box input::placeholder{color:var(--muted)}.search-box>span:not(.sr-only){font-size:22px}.filter-list{display:flex;flex-wrap:wrap;gap:8px;max-width:1130px}.filter{border:1px solid transparent;border-radius:30px;padding:7px 13px;background:var(--tint);color:#456164;font-size:12px;line-height:1.5;min-height:35px;transition:background .18s}.filter:hover{background:#e3eeea}.filter.active{background:var(--ink);color:white}.result-count{font-size:11px;color:var(--muted);margin:22px 0 13px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:38px;row-gap:12px}.candidate-card{min-width:0;border-bottom:1px solid var(--line)}.candidate-card>a{display:flex;flex-direction:column;height:100%;padding:25px 0 27px}.candidate-card a:hover .candidate-copy h3{color:#8c493f}.candidate-copy{display:flex;flex-direction:column;flex:1;min-width:0}.candidate-rank{font-size:11px;color:var(--muted);margin-bottom:12px}.candidate-copy h3{font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.2;margin-bottom:12px;transition:color .18s}.candidate-role{font-size:13px;line-height:1.65;margin-bottom:13px;min-height:44px}.candidate-themes{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:24px}.candidate-label{font-size:10px;color:var(--accent);line-height:1.5;margin:0 0 10px}.read-profile{font-size:12px;font-weight:600;margin-top:auto;display:flex;gap:12px;align-items:center}.read-profile>span{font-size:15px}.portrait{position:relative;background:#f1f5f3;aspect-ratio:1.12;overflow:hidden;margin-bottom:22px}.portrait img{width:100%;height:100%;object-fit:cover}.portrait-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.text-link{border:0;border-bottom:1px solid currentColor;background:none;padding:5px 0;font-size:13px}.empty-state{padding:50px 0}.empty-state h3{font-size:20px;font-weight:600}.empty-state p{font-size:14px;color:var(--muted);margin:12px 0 20px}
.site-footer{background:#f5f8f6;padding:30px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:25px;font-size:12px;padding-bottom:18px}.footer-top>a{white-space:nowrap}.footer-bottom{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}
.profile-dialog,.gallery-dialog{padding:0;border:0;border-radius:6px;color:var(--ink);background:white;width:min(980px,calc(100% - 48px));max-height:90dvh;overflow:auto;box-shadow:0 15px 80px #09282b22}.profile-dialog::backdrop,.gallery-dialog::backdrop{background:#183d4170;backdrop-filter:blur(5px)}.dialog-close{position:sticky;top:16px;float:right;margin:16px 16px -60px 0;width:38px;height:38px;z-index:2;background:white;border:1px solid var(--line);border-radius:50%;font-size:26px;line-height:1}.dialog-close:hover{background:var(--tint)}.profile-layout{display:grid;grid-template-columns:.72fr 1.3fr}.profile-sidebar{background:var(--tint);padding:55px 30px 35px}.profile-sidebar .portrait{aspect-ratio:.9;background:#e6eeea}.profile-sidebar h3{font-size:10px;font-weight:600;letter-spacing:.06em;margin:24px 0 7px}.profile-sidebar p{font-size:13px;line-height:1.7}.profile-main{padding:60px 44px 35px}.eyebrow{font-size:10px;color:var(--muted);letter-spacing:.08em;margin-bottom:17px}.profile-main h2{font-size:39px;line-height:1.12;letter-spacing:-.035em;font-weight:600;margin-bottom:14px}.profile-age{font-size:11px;color:var(--muted);margin-bottom:25px}.profile-bio p{font-size:15px;line-height:1.85;margin-bottom:20px}.profile-navigation{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.profile-navigation button{font-size:11px;border:0;background:none;padding:5px 0;text-align:left}.profile-navigation button:hover{text-decoration:underline}.profile-sidebar.no-photo h3:first-child{margin-top:0}
.module-section{padding:70px 0;border-top:1px solid var(--line)}.module-section h2{margin-bottom:30px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.project-card{padding:0;background:none;border:0;color:var(--ink);text-align:left}.project-card img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:3px}.project-card h3{font-size:22px;line-height:1.3;margin:17px 0 12px}.project-card p{font-size:14px;margin-bottom:20px}.activity-item{border-top:1px solid var(--line);padding:28px 0}.activity-item h3{font-size:23px;margin-bottom:15px}.activity-item p{max-width:760px;margin-bottom:15px}.gallery-main{padding:45px}.gallery-main img{width:100%;max-height:62dvh;object-fit:contain;background:var(--tint)}.gallery-main>p:not(.eyebrow){font-size:13px;margin:18px 0}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:9px 17px;background:var(--ink);color:white;border:0;border-radius:3px}.button:disabled{opacity:.4;cursor:default}.error-state{padding:25px;border:1px solid var(--line)}.static-page{padding:45px 0}.static-page h1{font-size:40px}.static-page article{max-width:820px}.static-page article h2{margin-bottom:14px}.static-page article p{margin-bottom:16px}.static-back{margin-bottom:40px;display:inline-block;font-size:13px}
@media(max-width:900px){.container{width:calc(100% - 56px)}.team-grid{column-gap:25px}.candidate-copy h3{font-size:22px}.candidate-role{font-size:12px}.profile-main{padding:60px 30px 30px}.profile-sidebar{padding:55px 25px 30px}.profile-main h2{font-size:34px}}
@media(max-width:650px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.hero{padding-top:0}.group-photo{width:100%}.group-photo img{height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0}.hero-caption{padding-top:28px;padding-bottom:28px}h1{font-size:38px;line-height:1.1;margin-bottom:16px}.hero-caption>p{font-size:12px;line-height:1.7;max-width:300px}.page-nav{font-size:12px;gap:20px;margin-top:20px;flex-wrap:wrap}.team-section{padding:35px 0 50px}.section-heading{display:block;margin-bottom:22px}h2{font-size:28px}.search-box{margin-top:20px;width:100%;min-width:0}.search-box input{font-size:12px}.filter-list{gap:6px}.filter{font-size:10px;padding:6px 11px;min-height:31px}.result-count{margin-top:21px;margin-bottom:8px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px}.candidate-card>a{padding:23px 0 25px}.candidate-rank{font-size:10px;margin-bottom:10px}.candidate-copy h3{font-size:22px;line-height:1.18;margin-bottom:10px}.candidate-role{font-size:11px;line-height:1.65;min-height:54px;margin-bottom:12px}.candidate-themes{font-size:10px;margin-bottom:20px}.candidate-label{font-size:9px}.read-profile{font-size:11px}.portrait{margin-bottom:16px;aspect-ratio:.92}.footer-top{font-size:11px;flex-direction:column;gap:15px}.footer-bottom{font-size:9px;flex-direction:column;gap:8px}.profile-dialog,.gallery-dialog{width:calc(100% - 24px);max-height:94dvh}.profile-layout{display:flex;flex-direction:column}.profile-sidebar{padding:28px 25px;display:grid;grid-template-columns:.7fr 1fr;gap:23px}.profile-sidebar.no-photo{display:block;padding-top:50px;padding-bottom:20px}.profile-sidebar .portrait{margin-bottom:0}.profile-sidebar h3{font-size:9px;margin-top:14px}.profile-sidebar.no-photo h3{margin-top:16px}.profile-sidebar p{font-size:12px}.profile-main{padding:28px 25px}.profile-main h2{font-size:34px}.profile-bio p{font-size:14px}.profile-navigation{gap:16px}.profile-navigation button{font-size:10px}.project-grid{grid-template-columns:1fr}.module-section{padding:45px 0}.gallery-main{padding:55px 20px 25px}.static-page{padding-top:25px}}
@media(max-width:380px){h1{font-size:34px}.team-grid{column-gap:17px}.candidate-copy h3{font-size:20px}.filter{font-size:9px;padding-inline:9px}.candidate-role{min-height:73px}.candidate-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Bürgermeister und Team: gemeinsamer Inhaltsbereich, feste Dreierreihen. */
.site-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:32px;padding-bottom:30px}.site-heading>p{font-size:22px;font-weight:600;letter-spacing:-.025em}.site-heading .page-nav{margin:0;font-size:12px}.mayor-section{padding-bottom:60px}.mayor-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:start;gap:50px}.mayor-photo{aspect-ratio:.8;overflow:hidden;border-radius:3px}.mayor-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 45%}.mayor-candidacy{font-size:13px;color:var(--accent);font-weight:600;margin-bottom:13px}.mayor-copy h1{font-size:46px;letter-spacing:-.04em;line-height:1.1;margin-bottom:14px}.mayor-role{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:26px}.mayor-bio p{font-size:15px;line-height:1.85;margin-bottom:18px}.mayor-bio p:last-child{margin-bottom:0}.team-section{border-top:1px solid var(--line)}.section-heading h2{max-width:680px;font-size:29px}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.candidate-summary{font-size:14px;line-height:1.7;margin-bottom:22px;color:#435b5d}.candidate-card>a{padding-top:22px}.portrait{aspect-ratio:1.08}.portrait-placeholder{padding:15px;text-align:center;font-size:12px}.profile-sidebar.no-photo{padding-top:55px}.profile-sidebar.no-photo h3:first-child{margin-top:24px}
@media(max-width:900px){.mayor-grid{gap:30px;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}.mayor-copy h1{font-size:37px}.mayor-bio p{font-size:14px;line-height:1.8}.mayor-role{font-size:12px;margin-bottom:20px}.mayor-photo{aspect-ratio:.7}.site-heading>p{font-size:20px}.section-heading h2{font-size:27px}.search-box{min-width:210px}}
@media(max-width:650px){.site-heading{display:block;padding-top:22px;padding-bottom:23px}.site-heading>p{font-size:19px}.site-heading .page-nav{font-size:11px;margin-top:12px}.mayor-grid{grid-template-columns:1fr;gap:25px}.mayor-photo{aspect-ratio:1.15}.mayor-photo img{object-position:60% 35%}.mayor-copy h1{font-size:38px}.mayor-candidacy{font-size:12px}.mayor-role{font-size:12px}.mayor-bio p{font-size:14px;line-height:1.85}.mayor-section{padding-bottom:35px}.section-heading h2{font-size:27px;max-width:340px}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.candidate-copy h3{font-size:22px;line-height:1.22;letter-spacing:-.02em;overflow-wrap:anywhere}.candidate-rank{font-size:11px;margin-bottom:10px}.candidate-summary{font-size:14px;line-height:1.65;margin-bottom:20px}.candidate-label{font-size:11px;line-height:1.5;color:#914e45;margin-bottom:14px}.read-profile{font-size:12px;line-height:1.45;gap:8px;min-height:42px}.read-profile>span{font-size:16px}.portrait{aspect-ratio:.85;margin-bottom:18px}.portrait-placeholder{font-size:11px;padding:12px}.candidate-card>a{padding-top:20px}.profile-sidebar.no-photo{display:grid;grid-template-columns:.7fr 1fr;padding-top:28px}.profile-sidebar.no-photo h3:first-child{margin-top:14px}}
@media(max-width:380px){.team-grid{grid-template-columns:1fr;gap:0}.candidate-card>a{padding-block:24px 28px}.candidate-copy h3{font-size:24px;line-height:1.2}.candidate-summary{font-size:15px;line-height:1.7;max-width:35ch}.candidate-label{font-size:12px}.read-profile{font-size:13px}.candidate-rank{font-size:11px}.portrait-placeholder{font-size:12px}}
/* Gruppenfoto als Kopf, danach Bürgermeistertext links und Foto rechts. */
.mayor-section{padding-top:60px;padding-bottom:60px}.mayor-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);align-items:stretch;gap:50px}.mayor-copy{grid-column:1;grid-row:1;min-width:0}.mayor-copy h2{font-size:46px;letter-spacing:-.04em;line-height:1.1;margin-bottom:14px}.mayor-photo{grid-column:2;grid-row:1;position:relative;aspect-ratio:auto;min-height:540px;align-self:stretch;overflow:hidden}.mayor-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 45%}
@media(max-width:900px){.mayor-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);gap:30px}.mayor-copy h2{font-size:37px}}
@media(max-width:650px){.mayor-section{padding-top:35px;padding-bottom:35px}.mayor-grid{grid-template-columns:1fr;gap:25px}.mayor-copy{grid-column:1;grid-row:2}.mayor-copy h2{font-size:38px}.mayor-photo{grid-column:1;grid-row:1;min-height:0;aspect-ratio:1.15}.mayor-photo img{object-position:60% 35%}}

/* Readable text in cards and biographies, including long German words. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.candidate-summary,.candidate-role,.candidate-themes,.mayor-role,.mayor-bio p,.profile-sidebar p,.profile-bio p,.static-page p{max-width:100%;overflow-wrap:anywhere;word-break:normal;-webkit-hyphens:auto;hyphens:auto;text-align:start}
.candidate-copy h3,.profile-main h2,.mayor-copy h2{overflow-wrap:anywhere;word-break:normal}
@media(max-width:650px){.mayor-bio p,.profile-bio p{font-size:15px;line-height:1.75}.mayor-role{font-size:13px;line-height:1.65}.profile-sidebar p{font-size:13px;line-height:1.65}.candidate-card>a{padding-block:24px 28px}}