*{box-sizing:border-box}body{margin:0;line-height:1.6}main{padding:1.5rem 1rem 3rem}main img{max-width:100%;height:auto}h1{line-height:1.25}nav{display:flex;flex-wrap:wrap}nav a{text-decoration:none}main table{border-collapse:collapse;max-width:100%}main th,main td{padding:.3rem .7rem;text-align:left}footer{text-align:center;font-size:.9rem;padding:1.2rem 1rem 1.6rem}footer .hinweis{font-size:.8rem}.designwechsel{font:inherit;font-size:.8rem;cursor:pointer;border:1px solid currentColor;border-radius:.4rem;background:transparent;color:inherit;padding:.15rem .5rem}.mit-menue{display:grid;grid-template-columns:10rem 1fr;gap:1rem;align-items:start}.seitenmenue nav{margin-bottom:1rem}.seitenmenue .menuetitel{margin:0}.seitenmenue ul{list-style:none;margin:0;padding:0}.seitenmenue a{display:block;text-decoration:none}.seitenmenue a:hover{text-decoration:underline}[data-design=modern] .ohne-bereichsmenue{grid-template-columns:1fr}[data-design=modern] .ohne-bereichsmenue .seitenmenue{display:none}[data-design=klassisch] .seitenmenue nav{border:1px solid #bfcffc;border-radius:.4rem;overflow:hidden;background:#eff}[data-design=klassisch] .seitenmenue .menuetitel{background:#039;color:#fff;font-weight:700;font-size:.8rem;padding:.25rem .5rem}[data-design=klassisch] .seitenmenue a{color:#039;font-size:.8rem;padding:.18rem .5rem}[data-design=klassisch] .seitenmenue a[aria-current=page]{font-weight:700}[data-design=modern] .seitenmenue nav{background:#fff;border:1px solid var(--rand);border-radius:.6rem;overflow:hidden}[data-design=modern] .seitenmenue .menuetitel{background:var(--blau);color:#fff;font-weight:600;font-size:.85rem;padding:.3rem .6rem}[data-design=modern] .seitenmenue a{color:var(--blau);font-size:.85rem;padding:.22rem .6rem}[data-design=modern] .seitenmenue a[aria-current=page]{background:var(--gold);color:var(--blau-dunkel);font-weight:600}.inhalt>:first-child{margin-top:0}@media(max-width:46rem){.mit-menue{grid-template-columns:1fr}[data-design=klassisch] .ohne-bereichsmenue .seitenmenue{display:none}}figure.foto{margin:1rem 0;text-align:center}figure.foto img{border-radius:.4rem}figure.foto figcaption{font-size:.85rem;margin-top:.3rem}[data-design=klassisch] figure.foto img{border:3px solid #bfcffc}[data-design=klassisch] figure.foto figcaption{color:#039}[data-design=modern] figure.foto img{border:1px solid var(--rand);box-shadow:0 2px 8px #00000014}[data-design=modern] figure.foto figcaption{color:#666}.portraets{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.8rem;padding:0;list-style:none}.portraets li{text-align:center;padding:.6rem .4rem}.portraets img{width:100%;max-width:8.5rem;border-radius:.4rem}.portraets .name{display:block;font-weight:600;margin-top:.35rem}.portraets .funktion{display:block;font-size:.8rem}[data-design=klassisch] .portraets li{background:#eff;border:1px solid #bfcffc;border-radius:.5rem}[data-design=klassisch] .portraets .funktion{color:#059}[data-design=modern] .portraets li{background:#fff;border:1px solid var(--rand);border-radius:.6rem}[data-design=modern] .portraets .funktion{color:#666}.designhinweis{display:none}[data-design=klassisch] .designhinweis{display:block;margin:0;padding:.45rem .9rem;background:#fe5;color:#039;font-size:.9rem;text-align:center}[data-design=klassisch] .designhinweis .designwechsel{font-weight:700;border:none;text-decoration:underline;padding:0}.designhinweis-modern{display:none}[data-design=modern] .designhinweis-modern{display:block;max-width:60rem;margin:.5rem auto 0;text-align:right}[data-design=modern] .designhinweis-modern .designwechsel{border:none;color:#ffffffd9;font-size:.8rem;text-decoration:underline;padding:0}[data-design=modern] .designhinweis-modern .designwechsel:hover{color:var(--gold)}[data-design=klassisch] body{background:#039;color:#039;font-family:Arial,Helvetica,sans-serif}[data-design=klassisch] .seite{max-width:50rem;margin:0 auto}[data-design=klassisch] .marke{display:none}[data-design=klassisch] .banner{display:block;padding-top:.5rem}[data-design=klassisch] .banner img{display:block;width:100%;height:auto}[data-design=klassisch] nav{background:#0068ff;border-top:1px solid #003399;padding:.3rem .4rem 0;gap:.25rem}[data-design=klassisch] nav a{background:#bfcffc;color:#039;font-weight:700;font-size:.85rem;padding:.3rem .7rem;border-radius:.45rem .45rem 0 0}[data-design=klassisch] nav a:hover{background:#dde7ff}[data-design=klassisch] nav a[aria-current=page]{background:#fff}[data-design=klassisch] main{background:#fff;border-left:.35rem solid #0068ff;border-right:.35rem solid #0068ff}[data-design=klassisch] h1,[data-design=klassisch] h2,[data-design=klassisch] h3{color:#fff;background:#039;font-size:1.05rem;padding:.35rem .7rem;border-radius:.35rem}[data-design=klassisch] h1{font-size:1.2rem}[data-design=klassisch] a{color:#039}[data-design=klassisch] .karte,[data-design=klassisch] .jahresliste li{background:#eff;border:1px solid #bfcffc;border-radius:.5rem}[data-design=klassisch] .karte{padding:0 0 .6rem;margin:1rem 0;overflow:hidden}[data-design=klassisch] .karte>:not(h3){margin-left:.9rem;margin-right:.9rem}[data-design=klassisch] .karte h3{border-radius:.35rem .35rem 0 0;margin-top:0}[data-design=klassisch] main th{background:#039;color:#fff}[data-design=klassisch] main td{border-bottom:1px solid #bfcffc}[data-design=klassisch] footer{background:#0068ff;color:#fff}[data-design=klassisch] footer a{color:#fff}[data-design=klassisch] footer .hinweis{color:#dde7ff}[data-design=modern]{--blau: #003399;--blau-dunkel: #001f5c;--gold: #f0b41e;--papier: #f7f8fb;--tinte: #1c2333;--rand: #d8dce8}[data-design=modern] body{background:var(--papier);color:var(--tinte);font-family:system-ui,-apple-system,Segoe UI,sans-serif}[data-design=modern] .banner{display:none}[data-design=modern] header{background:linear-gradient(135deg,var(--blau-dunkel),var(--blau));border-bottom:4px solid var(--gold);padding:1.2rem 1rem .8rem}[data-design=modern] header>.marke,[data-design=modern] header>nav{max-width:60rem;margin:0 auto}[data-design=modern] .marke{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none}[data-design=modern] .wappen{flex:none}[data-design=modern] .markentext{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}[data-design=modern] .helau{font-size:1.9rem;font-weight:800;color:var(--gold);letter-spacing:.02em}[data-design=modern] .vereinsname{font-size:1.05rem;font-weight:600}[data-design=modern] nav{gap:.2rem;margin-top:.9rem}[data-design=modern] nav a{color:#fff;padding:.35rem .7rem;border-radius:.4rem;font-size:.95rem}[data-design=modern] nav a:hover{background:#ffffff26}[data-design=modern] nav a[aria-current=page]{background:var(--gold);color:var(--blau-dunkel);font-weight:600}[data-design=modern] main{max-width:60rem;margin:0 auto}[data-design=modern] h1{color:var(--blau-dunkel)}[data-design=modern] h2{color:var(--blau);margin-top:2rem}[data-design=modern] a{color:var(--blau)}[data-design=modern] .karte,[data-design=modern] .jahresliste li{background:#fff;border:1px solid var(--rand);border-radius:.6rem}[data-design=modern] .karte{padding:1rem 1.2rem;margin:1rem 0}[data-design=modern] main th{border-bottom:2px solid var(--blau)}[data-design=modern] main td{border-bottom:1px solid var(--rand)}[data-design=modern] footer{border-top:1px solid var(--rand);background:#fff;color:#555}[data-design=modern] footer .hinweis{color:#888}@media(max-width:40rem){[data-design=modern] .helau{font-size:1.5rem}[data-design=modern] .vereinsname{font-size:.95rem}[data-design=klassisch] nav a{font-size:.78rem;padding:.25rem .5rem}}
