*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#173044;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:#0b5d83;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:999;background:#fff;padding:10px}.service-strip{background:#082c43;color:#dcebf3;font-size:.86rem}.service-strip-inner{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.service-strip a{color:#fff;margin-left:20px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #dce5ea;box-shadow:0 5px 24px rgba(8,44,67,.06)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:13px;color:#0b2f48}.brand:hover{text-decoration:none}.brand strong{display:block;font-size:1.35rem;line-height:1.1}.brand small{display:block;color:#5c7484;margin-top:3px}.crest{display:grid;place-items:center;width:48px;height:54px;background:#0b4d70;color:#fff;font-family:Georgia,serif;font-weight:800;font-size:1.65rem;clip-path:polygon(10% 0,90% 0,100% 70%,50% 100%,0 70%)}.mainnav{display:flex;align-items:center;gap:22px}.mainnav a{font-weight:700;color:#203b4d;font-size:.94rem}.nav-toggle{display:none;background:none;border:0;padding:10px}.nav-toggle span:not(.sr-only){display:block;width:26px;height:2px;background:#123b5d;margin:5px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hero{background:linear-gradient(135deg,#0a3b5b 0%,#155f7e 62%,#267d8e 100%);color:#fff;padding:76px 0 80px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;bottom:-180px;width:560px;height:360px;border:70px solid rgba(255,255,255,.06);border-radius:50%}.hero-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:64px;align-items:center;position:relative;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.76rem;color:#1f6b90;margin:0 0 12px}.hero .eyebrow{color:#b9e3ee}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,6vw,5.2rem);line-height:.98;margin:0 0 26px;font-weight:700;letter-spacing:-.035em}.hero h1 span{color:#cbeaf0}.hero-lead{font-size:1.18rem;max-width:750px;color:#e5f3f7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:5px;font-weight:800}.btn:hover{text-decoration:none}.btn.primary{background:#f2b84b;color:#182d3a}.btn.secondary{border:1px solid rgba(255,255,255,.55);color:#fff}.btn.pale{background:#fff;color:#0b3b59}.hero-card{background:#fff;color:#173044;padding:28px;border-radius:7px;box-shadow:0 24px 60px rgba(0,0,0,.18)}.hero-card h2{font-family:Georgia,serif;font-size:1.7rem;line-height:1.15;margin:7px 0 14px}.mini-kicker{font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#b26d08}.quick{margin-top:-32px;position:relative;z-index:3}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:8px;box-shadow:0 14px 45px rgba(10,48,70,.15);overflow:hidden}.quick-grid>a{display:flex;gap:13px;padding:22px;border-right:1px solid #e3eaee;color:#173044}.quick-grid>a:last-child{border:0}.quick-grid>a:hover{background:#f5fafc;text-decoration:none}.qicon{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%;background:#e7f2f6;color:#0b5d83;font-weight:900}.quick-grid strong,.quick-grid small{display:block}.quick-grid small{color:#667d8b;margin-top:2px}.section{padding:72px 0}.section.soft{background:#f3f7f9}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.section-head h2,.history-teaser h2,.page-content h2{font-family:Georgia,serif;font-size:2.25rem;color:#12344b;margin:0}.section-head>p{max-width:480px;color:#627786}.finder{max-width:900px}.finder input{width:100%;font-size:1.1rem;padding:17px 19px;border:1px solid #c8d6de;border-radius:6px;box-shadow:0 4px 16px rgba(17,56,80,.05)}.service-results{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.service-result{display:block;border:1px solid #d8e3e8;border-radius:6px;padding:14px 16px;background:#fff;color:#173044}.service-result:hover{text-decoration:none;border-color:#75a8bd}.service-result strong,.service-result small{display:block}.service-result small{color:#6b7f8c}.news-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card,.info-card{background:#fff;border:1px solid #dbe4e9;border-radius:6px;padding:24px}.news-date,.card-tag{text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;font-weight:900;color:#6b8392}.news-card h3,.info-card h3,.place-card h3{font-family:Georgia,serif;font-size:1.35rem;line-height:1.25}.news-copy{color:#586f7d}.small{font-size:.87rem;color:#667b88}.text-link,.info-card>a{font-weight:800}.stats{background:#0b3b59;color:#fff;padding:42px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stats-grid div{border-left:1px solid rgba(255,255,255,.24);padding-left:24px}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-family:Georgia,serif;font-size:2.2rem}.stats-grid span{color:#cfe0e8}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.place-card{background:#fff;border:1px solid #dbe4e9;border-radius:6px;padding:22px}.place-card>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#1d6b8c}.place-card small{color:#6b7f8b}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:36px}.event-list article{display:grid;grid-template-columns:68px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid #dde6ea}.event-list time{background:#edf5f8;text-align:center;border-radius:5px;padding:7px}.event-list time strong,.event-list time span{display:block}.event-list time strong{font-size:1.45rem}.event-list time span{font-size:.7rem}.event-list h3{margin:0 0 4px}.event-list p,.event-list small{margin:0;color:#607582}.history-teaser{background:#0d4b69;color:#fff;padding:42px;border-radius:7px}.history-teaser .eyebrow,.eyebrow.light{color:#c7e5ed}.history-teaser h2{color:#fff}.city-note{background:#eaf3f6;color:#31536a;padding:18px 0;font-size:.9rem}.page-hero{background:#edf4f7;padding:55px 0 45px;border-bottom:1px solid #dae5ea}.page-hero h1{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.3rem);margin:0;color:#12364d}.page-hero p{max-width:760px;font-size:1.1rem;color:#5a7382}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:60px;padding-top:52px;padding-bottom:80px}.page-content{font-size:1.03rem}.page-content h2{font-size:2rem;margin-top:2.3rem;border-top:1px solid #e0e8ec;padding-top:2rem}.page-content h3{font-size:1.25rem;color:#0f5878;margin-top:1.7rem}.page-content .lead{font-size:1.2rem;color:#4f6979}.page-content .service-block{border:1px solid #d9e4e9;border-radius:7px;padding:24px;margin:20px 0;background:#fff}.page-content .service-block h3{margin-top:0}.page-content .notice{background:#eef6f9;border-left:4px solid #1f6b90;padding:16px 18px;margin:20px 0}.page-content .humor-note{background:#fff8e8;border-left:4px solid #e5a52d;padding:16px 18px;margin:20px 0}.page-content table{border-collapse:collapse;width:100%;margin:20px 0}.page-content th,.page-content td{padding:12px;border-bottom:1px solid #dce5ea;text-align:left;vertical-align:top}.page-aside{align-self:start;position:sticky;top:110px}.aside-box{border:1px solid #d9e4e9;border-radius:6px;padding:20px;margin-bottom:18px}.aside-box strong{display:block;margin-bottom:10px;color:#123b5d}.aside-box a{display:block;padding:6px 0}.site-footer{background:#082b40;color:#d7e7ee;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px}.footer-grid>div>strong{display:block;color:#fff;margin-bottom:10px}.footer-grid a{display:block;color:#d7e7ee;padding:4px 0}.footer-brand{color:#fff}.footer-brand small{color:#aac6d3}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:.84rem;color:#aac6d3}@media(max-width:920px){.mainnav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,.12);flex-direction:column;align-items:flex-start}.mainnav.open{display:flex}.nav-toggle{display:block}.hero-grid,.two-col,.page-layout{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.news-grid,.card-grid,.place-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.page-aside{position:static}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.wrap{width:min(100% - 28px,1160px)}.service-strip nav{display:none}.hero{padding:54px 0 64px}.hero-grid{gap:32px}.hero h1{font-size:2.7rem}.quick{margin-top:-22px}.quick-grid,.news-grid,.card-grid,.place-grid,.service-results,.stats-grid,.footer-grid{grid-template-columns:1fr}.quick-grid>a{border-right:0;border-bottom:1px solid #e3eaee}.section{padding:52px 0}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.footer-bottom{flex-direction:column}}
/* Stadtgeschichten 1.1.0 */
.stories-home{background:#fff}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.story-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dbe4e9;border-radius:7px;padding:24px;min-height:100%}.story-card h3{font-family:Georgia,serif;font-size:1.35rem;line-height:1.25;margin:.45rem 0 .75rem}.story-card h3 a{color:#123b5d}.story-card p{color:#586f7d;flex:1}.story-date{text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;font-weight:900;color:#6b8392}.story-intro{font-family:Georgia,serif;font-size:1.28rem;line-height:1.55;color:#29485b}.story-back{font-size:.9rem;font-weight:800;margin-bottom:28px}.story-grid-featured .story-card{background:#f8fbfc}.page-content .story-grid{margin-top:30px}.page-content .story-card h3{margin-top:.45rem}.page-content .story-card p{font-size:.96rem}.page-content .story-card .text-link{font-weight:800}@media(max-width:920px){.story-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.story-grid{grid-template-columns:1fr}}
/* Stadtgeschichten 1.2.0 – Rubriken & Schabernack */
.story-rubric,.story-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:.34rem .62rem;border-radius:999px;background:#e9f2f7;color:#174a6c;font-size:.72rem;line-height:1.2;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.story-badge.playful,.story-section:not(#stadtbeobachtungen) .story-badge{background:#fff0bf;color:#6b4a00}.story-rubric{margin:0 0 1rem;background:#fff0bf;color:#6b4a00}.rubric-nav{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;margin:1.5rem 0 2rem;padding:1rem;border:1px solid #dbe4e9;border-radius:8px;background:#f8fbfc}.rubric-nav strong{margin-right:.25rem}.rubric-nav a{display:inline-flex;padding:.45rem .65rem;border-radius:6px;background:#fff;border:1px solid #dbe4e9;color:#174a6c;font-weight:800;font-size:.85rem}.story-section{scroll-margin-top:100px;margin:3.5rem 0}.story-section-head{max-width:760px;margin-bottom:1.25rem}.story-section-head h2{margin:.2rem 0 .55rem}.story-section-head p:last-child{color:#586f7d}.stories-home .section-head>div>p:last-child{max-width:720px;color:#586f7d;margin:.5rem 0 0}
.citymap-section{background:#fff}
.citymap-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:32px;align-items:center}
.citymap-copy h2{font-family:Georgia,serif;font-size:2.1rem;line-height:1.08;margin:.15rem 0 1rem}
.citymap-points{margin:1rem 0 1.4rem;padding-left:1.1rem}
.citymap-points li{margin:.45rem 0}
.citymap-preview img{display:block;width:100%;height:auto;border:1px solid #d7e3ea;border-radius:12px;box-shadow:0 16px 40px rgba(10,48,70,.12)}
.citymap-secondary{color:#0b3b59;border-color:#bed0da;background:#eef5f8}
.map-figure{margin:0 0 1.5rem}
.map-figure img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #d7e3ea;box-shadow:0 18px 44px rgba(10,48,70,.12)}
.map-figure figcaption{margin-top:.6rem;color:#5e7380;font-size:.95rem}
.table-wrap{overflow-x:auto}
.city-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;background:#fff}
.city-table th,.city-table td{padding:.8rem .9rem;border:1px solid #d8e4ea;text-align:left;vertical-align:top}
.city-table thead th{background:#eff5f7;color:#103750}
@media (max-width:900px){.citymap-grid{grid-template-columns:1fr}.citymap-copy h2{font-size:1.85rem}}
/* Mobile/UI Fixes 1.3.3 */
.page-layout,.page-content{min-width:0}
.page-content{overflow-wrap:break-word}
.page-content img{max-width:100%;height:auto}
.page-content > *{max-width:100%}
.map-figure,.table-wrap{max-width:100%}
.map-figure{overflow:hidden}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.citymap-section .hero-actions .btn{min-width:220px}
.citymap-section .btn.secondary,
.citymap-section .btn.secondary.citymap-secondary{background:#0b3b59;color:#fff;border-color:#0b3b59}
.citymap-section .btn.secondary:hover,
.citymap-section .btn.secondary.citymap-secondary:hover{background:#155778;border-color:#155778;color:#fff}
@media(max-width:600px){
.citymap-section .hero-actions{flex-direction:column;align-items:stretch}
.citymap-section .hero-actions .btn{width:100%;min-width:0}
.page-content .map-figure{margin-left:0;margin-right:0}
}
/* city.json Single Source renderers 1.4.0 */
.data-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 28px}.data-card{border:1px solid #dbe4e9;border-radius:7px;padding:20px;background:#fff}.data-card>span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#1d6b8c}.data-card h3{font-family:Georgia,serif;margin:.35rem 0 .65rem;color:#163a51}.data-card p{margin:.4rem 0}.data-card small{display:block;color:#617783}.history-timeline{margin:1rem 0 2rem}.history-entry{display:grid;grid-template-columns:92px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid #dfe8ec}.history-entry:first-child{border-top:1px solid #dfe8ec}.history-year{font-family:Georgia,serif;font-size:1.55rem;font-weight:700;color:#0b5d83}.history-entry h2{margin:0 0 .4rem!important;padding:0!important;border:0!important;font-size:1.55rem!important}.history-entry p{margin:0}.city-facts th{width:38%}@media(max-width:600px){.data-card-grid{grid-template-columns:1fr}.history-entry{grid-template-columns:1fr;gap:5px}.history-year{font-size:1.25rem}.city-facts th{width:auto}}
/* MD Stadtportal 1.5.0 – Online-Dienste, Formulare und Kalender */
.online-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.online-service-card{border:1px solid #d9e4e9;border-radius:8px;background:#fff;padding:22px;display:flex;flex-direction:column;min-width:0}
.online-service-card>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#1d6b8c}
.online-service-card h3{font-family:Georgia,serif;font-size:1.35rem;line-height:1.22;margin:.55rem 0}
.online-service-card p{flex:1;color:#5b7180}
.mdsp-form{border:1px solid #d9e4e9;border-radius:9px;padding:24px;background:#fff;margin:22px 0}
.mdsp-form h2{border-top:0!important;padding-top:0!important;margin-top:0!important}
.mdsp-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}
.mdsp-form label{display:block;font-weight:750;color:#183b52;margin:14px 0}
.mdsp-form input,.mdsp-form select,.mdsp-form textarea,.calendar-filter input,.calendar-filter select{width:100%;margin-top:6px;padding:11px 12px;border:1px solid #bdcdd6;border-radius:6px;background:#fff;color:#173044;font:inherit}
.mdsp-form textarea{resize:vertical;min-height:110px}
.mdsp-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mdsp-flash{padding:14px 16px;border-radius:7px;margin:18px 0;font-weight:700}
.mdsp-flash.success{background:#eaf6ef;border:1px solid #9bc8ad;color:#225f39}
.mdsp-flash.error{background:#fff0ef;border:1px solid #d9a09b;color:#7b302a}
.waste-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:20px 0}
.waste-card{border:1px solid #d9e4e9;border-radius:8px;padding:18px;background:#fff}
.waste-card h3{font-size:1.05rem;margin-top:0}
.waste-card ul{padding-left:1.2rem;margin-bottom:0}
.calendar-filter{display:flex;gap:14px;align-items:end;flex-wrap:wrap;background:#f3f7f9;border:1px solid #dce7ec;border-radius:8px;padding:16px;margin:18px 0 24px}
.calendar-filter label{font-weight:750;min-width:190px;flex:1;margin:0}
.calendar-filter .btn{height:46px}
.calendar-toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:22px 0 14px}
.calendar-toolbar h2{margin:0!important;padding:0!important;border:0!important;text-align:center;font-size:1.7rem!important}
.calendar-toolbar>a:last-child{text-align:right}
.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #cfdae0;border-left:1px solid #cfdae0;margin-bottom:24px}
.month-calendar .dow{background:#123b5d;color:#fff;font-weight:800;text-align:center;padding:9px 4px;border-right:1px solid #cfdae0}
.month-calendar .day{min-height:110px;padding:8px;border-right:1px solid #cfdae0;border-bottom:1px solid #cfdae0;background:#fff;min-width:0}
.month-calendar .day.empty{background:#f6f8f9}
.calendar-event{display:block;margin-top:6px;padding:5px 6px;background:#eaf3f6;border-left:3px solid #1d6b8c;border-radius:3px;font-size:.76rem;line-height:1.25;color:#173044;overflow-wrap:anywhere}
.event-list-cards{display:grid;gap:10px;margin:18px 0}
.event-list-cards article{display:grid;grid-template-columns:110px 1fr;gap:16px;border:1px solid #dce5ea;border-radius:7px;padding:16px;background:#fff}
.event-list-cards h3{margin:.2rem 0;font-family:Georgia,serif}
.event-list-cards span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#1d6b8c}
.event-date-badge{font-weight:900;color:#123b5d}
.event-detail{border:1px solid #dce5ea;border-radius:8px;padding:24px;background:#fff}
.event-detail h2{margin-top:.3rem!important;padding-top:0!important;border-top:0!important}
.event-meta{font-size:1.05rem;color:#4e6979}
.search-results{grid-template-columns:1fr!important}
.search-results .service-result span{display:block;color:#516a78;margin-top:5px;font-size:.9rem}
.page-content .btn.secondary.citymap-secondary,.page-content .citymap-secondary{background:#0b3b59;color:#fff;border-color:#0b3b59}
@media(max-width:920px){.online-service-grid{grid-template-columns:1fr 1fr}.waste-grid{grid-template-columns:1fr 1fr}.mdsp-form-grid{grid-template-columns:1fr 1fr}.month-calendar .day{min-height:90px}.calendar-event{font-size:.7rem}}
@media(max-width:600px){.online-service-grid,.waste-grid,.mdsp-form-grid{grid-template-columns:1fr}.mdsp-form{padding:18px}.calendar-filter{align-items:stretch;flex-direction:column}.calendar-filter label{width:100%;min-width:0}.calendar-filter .btn{width:100%}.calendar-toolbar{grid-template-columns:1fr 1fr}.calendar-toolbar h2{grid-column:1/-1;grid-row:1}.calendar-toolbar>a{grid-row:2}.month-calendar{display:block;border:0}.month-calendar .dow,.month-calendar .day.empty{display:none}.month-calendar .day{min-height:0;border:1px solid #d6e1e6;border-radius:6px;margin:8px 0;padding:10px}.month-calendar .day:not(:has(.calendar-event)){display:none}.event-list-cards article{grid-template-columns:1fr;gap:4px}.hero-actions .btn{width:100%}}
.field-hint{display:block;margin-top:6px;font-size:.82rem;font-weight:500;color:#607786;line-height:1.35}.field-hint.error{color:#a23626;font-weight:700}.mdsp-form select:disabled{background:#f2f5f7;color:#6e7e88;cursor:not-allowed}
.entity-hours{margin:.75rem 0 0;padding:.65rem .8rem;background:#eef6f9;border-left:3px solid #1f6b90;border-radius:3px;color:#294d63;font-size:.92rem}.entity-hours strong{color:#123b5d}
/* MD Stadtportal 1.7.0 – Stadtteil-, Vereins- und Mobilitätsausbau */
.district-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0 30px}
.district-card{border:1px solid #d9e4e9;border-radius:9px;background:#fff;padding:22px;display:flex;flex-direction:column;min-width:0}
.district-card>span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#1d6b8c}.district-card h3{font-family:Georgia,serif;font-size:1.45rem;margin:.45rem 0}.district-card p{flex:1}.district-card small{display:block;color:#647985;margin-bottom:.8rem}
.district-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:24px;border:1px solid #d8e3e8;border-radius:10px;background:linear-gradient(135deg,#f8fbfc,#edf5f8);margin:0 0 28px}.district-hero span{text-transform:uppercase;letter-spacing:.1em;font-weight:900;font-size:.75rem;color:#1d6b8c}.district-hero h2{margin:.35rem 0 .7rem!important;padding:0!important;border:0!important}.district-hero dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}.district-hero dl div{background:#fff;border:1px solid #dce7ec;border-radius:7px;padding:12px}.district-hero dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6a7d89;font-weight:800}.district-hero dd{margin:.2rem 0 0;font-weight:800;color:#183b52}
.district-landmarks{columns:2;column-gap:30px}.district-landmarks li{break-inside:avoid;margin:.25rem 0}.transit-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 22px}.transit-chips span{padding:8px 10px;border-radius:999px;background:#eef5f8;border:1px solid #d5e3e9;font-size:.88rem}.transit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 28px}.transit-list article{border:1px solid #d8e3e8;border-radius:8px;padding:18px;background:#fff}.transit-list article>strong{display:inline-block;background:#123b5d;color:#fff;border-radius:5px;padding:4px 9px;margin-right:8px}.transit-list article>span{font-weight:800}.transit-list article p{margin:.7rem 0 .35rem}.transit-list article small{color:#617783}.entity-group{margin:24px 0}.entity-group>h3{font-family:Georgia,serif;font-size:1.45rem;color:#123b5d;margin-bottom:12px}
@media(max-width:800px){.district-grid,.transit-list,.district-hero{grid-template-columns:1fr}.district-landmarks{columns:1}.district-hero dl{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.district-hero dl{grid-template-columns:1fr}}
/* Parking guidance system 1.8.0 */
.parking-home-section{background:#f3f7f9;border-top:1px solid #e2eaee;border-bottom:1px solid #e2eaee}
.parking-live-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:-8px 0 14px;color:#617784;font-size:.85rem}
.parking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.parking-card{background:#fff;border:1px solid #d8e3e8;border-radius:9px;padding:20px;box-shadow:0 5px 18px rgba(10,48,70,.05);min-width:0}
.parking-card h3{font-family:Georgia,serif;font-size:1.2rem;margin:10px 0 12px;line-height:1.2;color:#15394f}
.parking-head{display:flex;align-items:center;gap:7px;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.parking-dot{width:10px;height:10px;border-radius:50%;background:#2d9d61;flex:0 0 auto}.parking-status{color:#32687f}.parking-type{margin-left:auto;color:#7a8d97;font-weight:700}
.parking-number{font-size:1rem;color:#526d7c;margin-bottom:10px}.parking-number strong{font-family:Georgia,serif;font-size:2.15rem;line-height:1;color:#143d55}.parking-number span{font-size:.85rem;color:#7c8d96}
.parking-meter{height:8px;background:#e8eef1;border-radius:999px;overflow:hidden;margin:0 0 12px}.parking-meter i{display:block;height:100%;background:#2d9d61;border-radius:999px}
.parking-card p{font-size:.88rem;color:#526c7a;margin:.5rem 0}.parking-card small{display:block;color:#7a8e99}
.parking-limited .parking-dot,.parking-limited .parking-meter i{background:#d49a20}.parking-critical .parking-dot,.parking-critical .parking-meter i{background:#d86b28}.parking-full .parking-dot,.parking-full .parking-meter i{background:#c93b3b}.parking-closed .parking-dot{background:#71808a}.parking-closed{background:#f7f8f9}.parking-closed .parking-number{font-size:1.35rem;font-weight:800;color:#52606a}
.parking-disclaimer{margin:14px 0 0;font-size:.82rem;color:#738690}.parking-grid.compact .parking-card{padding:17px}.parking-grid.compact .parking-card h3{font-size:1.1rem}.parking-grid.compact .parking-number strong{font-size:1.9rem}
@media(max-width:920px){.parking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.parking-grid{grid-template-columns:1fr}.parking-live-meta{font-size:.78rem}.parking-card{padding:17px}}
/* MD Stadtportal 1.9.1 – ÖPNV-Netz, Linienpläne und Fahrplanmonitor */
.mainnav{gap:14px}.mainnav a{font-size:.88rem;white-space:nowrap}
.mobility-jump{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.mobility-jump a{padding:9px 12px;border-radius:999px;border:1px solid #cbdbe3;background:#f5f9fb;font-weight:800;color:#174d6a}.mobility-jump a:hover{background:#e8f2f6;text-decoration:none}
.transport-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin:18px 0 16px}.transport-intro>div{border:1px solid #d7e3e9;background:#fff;border-radius:9px;padding:20px}.transport-intro span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#1d6b8c}.transport-intro h2{margin:.3rem 0!important;padding:0!important;border:0!important}.timetable-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px 14px;background:#eef5f8;border-left:4px solid #1d6b8c;border-radius:4px;margin:0 0 28px}.timetable-meta strong{color:#123b5d}.timetable-meta span{color:#4e6979}.timetable-meta small{flex-basis:100%;color:#657b88}
.line-plan-grid,.rail-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 34px}.line-plan-card{border:1px solid #d8e3e8;border-radius:10px;background:#fff;padding:20px;min-width:0;box-shadow:0 4px 16px rgba(10,48,70,.04)}.line-plan-card header{display:flex;gap:12px;align-items:flex-start}.line-plan-card header h3{font-family:Georgia,serif;font-size:1.3rem;margin:0 0 3px;color:#143a52}.line-plan-card header p{margin:0;color:#607785}.line-badge{display:inline-grid;place-items:center;min-width:42px;height:34px;padding:0 9px;border-radius:6px;background:#123b5d;color:#fff;font-weight:900;font-size:.9rem;line-height:1}.line-badge.small{min-width:34px;height:26px;font-size:.75rem}.rail-badge{background:#a21f2d}.service-pattern{font-size:.82rem;color:#536d7b;background:#f4f8fa;border-radius:5px;padding:9px 10px;margin:13px 0}
/* 1.9.1: gut lesbare vertikale Liniengrafik ohne horizontales Scrollen */
.route-plan-wrap{margin:15px 0 18px;padding:12px 14px 10px;border:1px solid #e3ebef;border-radius:8px;background:#fbfdfe}.route-plan-caption{margin:0 0 7px 31px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#6b808c}.route-plan{position:relative;list-style:none;padding:0;margin:0;display:grid;gap:0;overflow:visible}.route-plan:before{content:"";position:absolute;left:7px;top:17px;bottom:17px;width:3px;border-radius:3px;background:#82b1c5}.route-plan li{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;padding:7px 0}.route-dot{position:relative;z-index:1;width:17px;height:17px;border:4px solid #1d6b8c;border-radius:50%;background:#fff;box-sizing:border-box}.route-stop-copy{min-width:0}.route-stop-copy strong{display:block;font-size:.86rem;line-height:1.25;color:#1b3d50;overflow-wrap:anywhere}.route-time{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:3px 7px;border-radius:999px;background:#edf5f8;color:#56717f;font-size:.72rem;font-weight:800;white-space:nowrap}.route-stop.is-start .route-dot,.route-stop.is-end .route-dot{background:#1d6b8c}.route-stop.is-start .route-time{background:#dff0f6;color:#195d79}.route-stop.is-end .route-time{background:#e5f1e9;color:#2f6c46}.line-plan-card.rail .route-plan:before{background:#c88a92}.line-plan-card.rail .route-dot{border-color:#a21f2d}.line-plan-card.rail .route-stop.is-start .route-dot,.line-plan-card.rail .route-stop.is-end .route-dot{background:#a21f2d}.line-plan-card.rail .route-stop.is-start .route-time{background:#f5e5e7;color:#8b2430}.line-plan-card.rail .route-stop.is-end .route-time{background:#f5e5e7;color:#8b2430}
.terminal-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #e1e8ec;padding-top:12px}.terminal-times strong,.next-departures strong{font-size:.82rem;color:#345669}.time-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.time-chips span{display:inline-block;padding:4px 7px;border-radius:4px;background:#eaf3f6;color:#173f56;font-size:.78rem;font-weight:800}.next-departures{border-top:1px solid #e1e8ec;padding-top:12px}
.stop-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 34px}.stop-board{border:1px solid #d8e3e8;border-radius:8px;background:#fff;min-width:0}.stop-board summary{cursor:pointer;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.stop-board summary strong{display:block;color:#153d55}.stop-board summary small{display:block;color:#71838d;font-size:.76rem;margin-top:2px}.stop-board summary>span{font-size:.78rem;font-weight:800;color:#1d6b8c;text-align:right}.stop-board-body{padding:0 15px 15px;border-top:1px solid #edf1f3}.stop-board-body>p{font-size:.87rem;color:#5e7481}.departure-table{display:grid;gap:5px}.departure-table>div{display:grid;grid-template-columns:52px 42px 1fr;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid #edf1f3}.departure-table time{font-weight:900;color:#123b5d}.departure-table strong{font-size:.84rem;font-weight:700}.departure-table p{margin:.5rem 0;color:#667a86}
@media(max-width:1050px){.mainnav{gap:10px}.mainnav a{font-size:.82rem}.line-plan-grid,.rail-plan-grid{grid-template-columns:1fr}.stop-board-grid{grid-template-columns:1fr}}
@media(max-width:920px){.transport-intro{grid-template-columns:1fr}.mainnav a{font-size:.94rem}.terminal-times{grid-template-columns:1fr}}
@media(max-width:600px){.mobility-jump{gap:6px}.mobility-jump a{padding:7px 9px;font-size:.82rem}.line-plan-card{padding:16px}.route-plan-wrap{padding:10px 11px 8px}.route-plan-caption{margin-left:28px}.route-plan li{grid-template-columns:18px minmax(0,1fr);gap:9px;padding:8px 0}.route-time{grid-column:2;justify-self:start;margin-top:-3px}.stop-board summary{align-items:flex-start;flex-direction:column}.stop-board summary>span{text-align:left}.departure-table>div{grid-template-columns:48px 38px minmax(0,1fr)}}
/* MD Stadtportal 1.9.2 – kompakte Mobilitäts-Schnellzugriffe auf der Startseite */
.mobility-home-shortcuts{padding:38px 0;background:#f3f7f9;border-top:1px solid #e2eaee;border-bottom:1px solid #e2eaee}
.mobility-home-shortcuts-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}
.mobility-home-shortcuts-inner>div:first-child{max-width:700px}
.mobility-home-shortcuts .eyebrow{margin-bottom:6px}
.mobility-home-shortcuts h2{font-family:Georgia,serif;font-size:2rem;line-height:1.15;color:#12344b;margin:0 0 8px}
.mobility-home-shortcuts p{margin:0;color:#607785}
.mobility-home-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.mobility-home-btn{min-width:190px;color:#fff;box-shadow:0 5px 16px rgba(10,48,70,.08)}
.mobility-home-btn.transit{background:#0b5d83}
.mobility-home-btn.parking{background:#0b3b59}
.mobility-home-btn:hover{color:#fff;text-decoration:none;filter:brightness(1.06)}
#oepnv,#buslinien,#haltestellen,#bahn,#parken,#radnetz{scroll-margin-top:112px}
@media(max-width:760px){.mobility-home-shortcuts{padding:30px 0}.mobility-home-shortcuts-inner{align-items:flex-start;flex-direction:column;gap:20px}.mobility-home-actions{width:100%;justify-content:flex-start}.mobility-home-btn{flex:1 1 220px}.mobility-home-shortcuts h2{font-size:1.7rem}}
@media(max-width:480px){.mobility-home-actions{display:grid;grid-template-columns:1fr}.mobility-home-btn{width:100%}}
/* MD Stadtportal 1.9.3 – Scroll-Up-Button */
.scroll-top{position:fixed;right:max(22px,calc((100vw - 1160px)/2 + 10px));bottom:24px;z-index:80;width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;background:#0b4d70;color:#fff;box-shadow:0 10px 28px rgba(8,44,67,.28);font:900 1.45rem/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease,background .2s ease}.scroll-top:hover{background:#0b5d83}.scroll-top:focus-visible{outline:3px solid #f2b84b;outline-offset:3px}.scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:760px){.scroll-top{right:16px;bottom:16px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.scroll-top{transition:none}}
/* 1.10.0 HUM Ticketshop */
/* 1.10.1 HUM Ticketshop – Layout-Fix */
.hum-ticket-intro{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;align-items:center;padding:22px;border-radius:16px;background:linear-gradient(135deg,#0b3b59,#126b8d);color:#fff;margin:0 0 24px}.hum-ticket-intro h2,.hum-ticket-intro p{color:inherit}.hum-ticket-intro>div:last-child{min-width:0}.hum-operator-logo{width:132px;min-width:132px;height:88px;padding:10px 8px;box-sizing:border-box;border-radius:12px;background:#fff;color:#0b3b59;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.14);text-align:center}.hum-operator-logo strong{display:block;font-size:2rem;line-height:1;letter-spacing:.06em;white-space:nowrap}.hum-operator-logo span{display:block;max-width:100%;margin-top:6px;font-size:.58rem;line-height:1.1;font-weight:900;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}.ticket-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 28px}.ticket-price-card{display:flex;flex-direction:column;min-width:0;min-height:224px;padding:18px;border:1px solid #d8e3e9;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(15,50,70,.05)}.ticket-price-card>span{font-size:.72rem;line-height:1.25;font-weight:800;text-transform:uppercase;color:#547383}.ticket-price-card h3{margin:.4rem 0 .8rem;font-size:1.12rem;line-height:1.2;word-break:normal;overflow-wrap:normal;hyphens:none}.ticket-price-card div{display:flex;gap:8px;align-items:baseline;margin:5px 0}.ticket-price-card div strong{color:#0b5f82;font-size:1.1rem;white-space:nowrap}.ticket-price-card small{display:block;margin-top:auto;padding-top:10px;color:#667985;line-height:1.45}.hum-ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.hum-ticket-form{padding:22px;border:1px solid #d8e3e9;border-radius:14px;background:#fff}.hum-ticket-form select{width:100%;padding:11px 12px;border:1px solid #b8c8d1;border-radius:8px;background:#fff}.hum-ticket-route.is-hidden{display:none}.humcard-box{display:flex;gap:14px;align-items:center;background:#eaf6fb;border:1px solid #bddce9;border-radius:10px;padding:13px 14px;margin:15px 0}.humcard-box strong{background:#0b3b59;color:#fff;border-radius:7px;padding:8px 11px;letter-spacing:.06em}.humcard-box span{font-size:.87rem;color:#425b68}.ticket-checkout{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid #e0e8ec}.ticket-checkout>div span{display:block;font-size:.78rem;text-transform:uppercase;font-weight:800;color:#617985}.ticket-checkout>div strong{font-size:1.65rem;color:#0b3b59}.hum-ticket-service{padding:20px;border-radius:14px;background:#f4f8fa;border:1px solid #d8e3e9;position:sticky;top:112px}.hum-ticket-service h3{margin-top:0}.hum-ticket-service small{display:block;color:#657681;line-height:1.5}.mobility-jump a[href*="tickets"]{background:#0b3b59;color:#fff;border-color:#0b3b59}
@media(max-width:980px){.ticket-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.hum-ticket-layout{grid-template-columns:1fr}.hum-ticket-service{position:static}.hum-ticket-intro{grid-template-columns:1fr}.hum-operator-logo{width:100%;min-width:0;height:72px;flex-direction:row;gap:12px;padding:10px 16px}.hum-operator-logo span{margin-top:0;font-size:.62rem}.ticket-checkout{align-items:stretch;flex-direction:column}.ticket-checkout .btn{width:100%}}
@media(max-width:520px){.ticket-price-grid{grid-template-columns:1fr}.ticket-price-card{min-height:0}.hum-ticket-intro{padding:18px}.hum-ticket-intro h2{font-size:1.65rem}}
.transport-operator-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:22px;align-items:center;margin:18px 0 28px;padding:22px;border:1px solid #d6e2e8;border-radius:14px;background:#f5f9fb}.transport-operator-card>div:first-child>span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:#1d6b8c}.transport-operator-card h2{margin:.3rem 0 .6rem}.transport-operator-card p{margin:.35rem 0;color:#526b79}.transport-operator-card>div:last-child{padding:16px;border-radius:10px;background:#fff;border:1px solid #dce7ec}.transport-operator-card .btn{margin-top:10px}
@media(max-width:760px){.transport-operator-card{grid-template-columns:1fr}}
/* 1.10.3 – Aktuelles: zentral verwaltete Meldungen */
.mdsp-alerts-section{margin-top:38px}.mdsp-alerts-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.mdsp-alerts-head h2{margin:0;border:0;padding:0}.mdsp-alert-count{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#edf4f7;color:#56717f;font-size:.78rem;font-weight:800;white-space:nowrap}.mdsp-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mdsp-alert-card{position:relative;min-width:0;padding:20px;border:1px solid #d8e3e8;border-radius:10px;background:#fff;box-shadow:0 4px 16px rgba(16,52,74,.04)}.mdsp-alert-card:before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:#1d6b8c}.mdsp-alert-card.alert-level-service:before{background:#0b5d83}.mdsp-alert-card.alert-level-warning:before{background:#d59018}.mdsp-alert-card.alert-level-danger:before{background:#b23636}.mdsp-alert-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#6a7d88;font-size:.76rem}.mdsp-alert-meta>span:not(.mdsp-alert-badge):before{content:"·";margin-right:8px;color:#a1b0b8}.mdsp-alert-badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e8f3f7;color:#145f7e;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.mdsp-alert-card h3{margin:.7rem 0 .55rem;color:#123b5d;font-family:Georgia,serif;font-size:1.32rem;line-height:1.25}.mdsp-alert-card p{margin:.35rem 0 .8rem;color:#536d7b}.mdsp-alert-card .text-link{display:inline-flex;margin-top:4px}.mdsp-alert-card time{font-weight:800;color:#516d7b}@media(max-width:760px){.mdsp-alert-grid{grid-template-columns:1fr}.mdsp-alerts-head{align-items:flex-start;flex-direction:column;gap:8px}}
/* 1.10.4 – automatische Aktualität & Archive */
.hero-news-date{margin:.35rem 0 .1rem;color:#6c7f8a;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.archive-switch{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 14px}.archive-switch a{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #cfdde4;border-radius:999px;background:#fff;color:#175b7d;font-weight:800;font-size:.86rem}.archive-switch a:hover{text-decoration:none;border-color:#78a9bd}.archive-switch a.active{background:#0b5d83;color:#fff;border-color:#0b5d83}.archive-explainer{margin:0 0 22px;padding:11px 14px;border-left:4px solid #7ba8ba;background:#f2f7f9;color:#526d7a;font-size:.9rem}.archive-note{margin:0 0 18px;padding:10px 13px;border-radius:6px;background:#f5f0e8;color:#70572c;font-size:.9rem}.mdsp-alert-card.is-archived{background:#fafbfc;box-shadow:none}.mdsp-alert-card.alert-level-news:before{background:#6e7e8a}.mdsp-alert-card.alert-level-news .mdsp-alert-badge{background:#edf1f3;color:#50626e}
@media(max-width:600px){.archive-switch a{width:100%;justify-content:center}}
/* 1.11.0 Phase C – Vorgänge, Mängelkarte und Sonderabfall */
.mdsp-map-picker{margin:18px 0;padding:16px;border:1px solid #d8e3e8;border-radius:9px;background:#f8fbfc}.mdsp-map-picker>p{margin:.35rem 0 .8rem;color:#5f7480}.mdsp-map-canvas{position:relative;display:inline-block;max-width:100%;border:1px solid #c9d8df;border-radius:8px;overflow:hidden;background:#fff;cursor:crosshair}.mdsp-map-canvas img{display:block;max-width:100%;height:auto}.mdsp-map-pin{display:none;position:absolute;width:22px;height:22px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#a6202d;box-shadow:0 2px 7px rgba(0,0,0,.3);transform:translate(-50%,-100%) rotate(-45deg);padding:0;pointer-events:none}.mdsp-map-pin.is-set{display:block}.mdsp-map-clear{margin-top:10px}.field-hint.error{color:#a6202d;font-weight:700}
.mdsp-status-card{margin:22px 0;padding:22px;border:1px solid #d7e3e9;border-radius:10px;background:#fff;box-shadow:0 4px 16px rgba(16,52,74,.04)}.mdsp-status-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;color:#657a86;font-size:.86rem}.mdsp-status-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e8f3f7;color:#145f7e;font-weight:900}.mdsp-status-history{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}.mdsp-status-history li{position:relative;padding:12px 14px 12px 18px;border-left:4px solid #7aa9bc;background:#f6fafb;border-radius:4px}.mdsp-status-history li strong{display:block;color:#173f56}.mdsp-status-history li span{display:block;color:#71838d;font-size:.8rem;margin-top:2px}.mdsp-status-history li p{margin:.55rem 0 0;color:#4f6877}.mdsp-status-form{margin-bottom:20px}
.special-waste-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 26px}.waste-special-card{border:1px solid #d8e3e8;border-radius:9px;background:#fff;padding:18px;min-width:0}.waste-special-card h3{margin-top:0;color:#123b5d}.waste-special-card ul{list-style:none;padding:0;margin:12px 0 0}.waste-special-card li{padding:10px 0;border-top:1px solid #e8eef1}.waste-special-card li:first-child{border-top:0}.waste-special-card small{color:#607783}.waste-special-card em{color:#6f818b}
@media(max-width:900px){.special-waste-grid{grid-template-columns:1fr}.mdsp-status-head{align-items:flex-start;flex-direction:column}}
/* 1.11.0 Phase C – Feiertagsverschiebungen und persönlicher ICS-Abfallkalender */
.mdsp-waste-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 20px;padding:12px 14px;background:#f3f7f9;border:1px solid #dce7ec;border-radius:8px}.mdsp-waste-actions small{color:#607783;max-width:720px}.waste-shift{display:inline-block;color:#8a5a16;margin-top:2px}
/* 1.11.0-c Korrektur – sichtbarer ICS-Abfallkalender */
.mdsp-waste-export-box{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:18px 0 28px;padding:20px 22px;border:1px solid #bfd7e2;border-left:5px solid #0b5d83;border-radius:10px;background:#eef7fa}.mdsp-waste-export-box>div{min-width:0}.mdsp-waste-export-box h3{margin:.3rem 0 .45rem;color:#123b5d}.mdsp-waste-export-box p{margin:0;color:#526d7a}.mdsp-waste-download{flex:0 0 auto;background:#0b5d83!important;color:#fff!important;border:1px solid #0b5d83!important;box-shadow:0 4px 12px rgba(11,93,131,.15)}.mdsp-waste-download:hover{background:#084968!important;color:#fff!important;text-decoration:none}.mdsp-waste-actions{display:none}
@media(max-width:760px){.mdsp-waste-export-box{align-items:stretch;flex-direction:column}.mdsp-waste-download{width:100%}}
/* 1.11.0 Phase D – Einwohnerstatistik */
.stats-grid-expanded{grid-template-columns:repeat(6,1fr)}.stats-more{margin:24px 0 0;text-align:right}.stats-more a{color:#fff;font-weight:800}.stat-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:20px 0}.stat-summary-grid>div{padding:18px;border:1px solid #d9e4e9;border-radius:7px;background:#f8fbfc}.stat-summary-grid strong,.stat-summary-grid span{display:block}.stat-summary-grid strong{font-family:Georgia,serif;font-size:1.8rem;color:#123b5d}.stat-summary-grid span{color:#5e7481}.stat-summary-grid.compact>div{padding:15px}.stat-summary-grid.compact strong{font-size:1.55rem}.stat-bars{display:grid;gap:10px;margin:22px 0}.stat-bar-row{display:grid;grid-template-columns:minmax(170px,230px) minmax(180px,1fr);gap:16px;align-items:center;padding:8px 0;color:#173044}.stat-bar-row:hover{text-decoration:none}.stat-bar-label strong,.stat-bar-label small{display:block}.stat-bar-label small{color:#667c88}.stat-bar-track{height:14px;background:#e7eef2;border-radius:999px;overflow:hidden}.stat-bar-track i{display:block;height:100%;background:#24789b;border-radius:999px;min-width:2px}.age-bars .stat-bar-track i{background:#5a8f69}.stat-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:18px 0}.stat-ranking{list-style:none;padding:0;margin:0;border:1px solid #dce5ea;border-radius:7px;overflow:hidden}.stat-ranking li{display:flex;justify-content:space-between;gap:20px;padding:10px 13px;border-bottom:1px solid #e5ecef}.stat-ranking li:last-child{border-bottom:0}.stat-ranking strong{color:#123b5d}@media(max-width:1050px){.stats-grid-expanded{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.stat-bar-row,.stat-split{grid-template-columns:1fr}.stat-bar-track{height:12px}.stats-grid-expanded{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stats-grid-expanded{grid-template-columns:1fr}.stats-more{text-align:left}}
.district-statline{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.district-statline span{font-size:.82rem;font-weight:800;color:#315d73;background:#edf5f8;border-radius:999px;padding:4px 9px}
/* 1.11.0d2: Statistik-Balken / Cache-Bust-Korrektur */
.stat-bar-track{position:relative;display:block;width:100%;height:14px;background:#e7eef2;border-radius:999px;overflow:hidden}.stat-bar-track>i{display:block;height:100%;min-width:2px;background:#24789b;border-radius:999px}.age-bars .stat-bar-track>i{background:#5a8f69}
/* 1.11.0 Phase E – Feuerwehr & Katastrophenschutz */
.city-warning-stack{position:relative;z-index:30}.city-warning{border-bottom:1px solid rgba(0,0,0,.08)}.city-warning .wrap{display:flex;gap:14px;align-items:center;padding:10px 0;font-size:.9rem}.city-warning strong{white-space:nowrap}.city-warning span{flex:1}.city-warning a{font-weight:800;white-space:nowrap}.city-warning-info{background:#eaf4f8;color:#174b63}.city-warning-warning{background:#fff2cc;color:#6f5310}.city-warning-severe{background:#f9dfc9;color:#7a3b12}.city-warning-extreme{background:#8f2430;color:#fff}.city-warning-extreme a{color:#fff}
.safety-disclaimer{margin:0 0 20px;padding:14px 16px;border-left:4px solid #6d8795;background:#f4f7f8;color:#4f6672;border-radius:4px}.safety-jump{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 28px}.safety-jump a{display:inline-flex;padding:8px 11px;border:1px solid #cfdde4;border-radius:999px;background:#fff;color:#155d7d;font-weight:800;font-size:.84rem}.safety-jump a:hover{text-decoration:none;background:#eef6f9}.safety-section{margin:34px 0 44px;scroll-margin-top:90px}.safety-section>h2{margin-top:.15rem}.safety-warning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.safety-warning-card{position:relative;padding:19px;border:1px solid #d8e3e8;border-left:5px solid #4d8098;border-radius:9px;background:#fff}.safety-warning-card.severity-warning{border-left-color:#d39a22}.safety-warning-card.severity-severe{border-left-color:#cf6b28}.safety-warning-card.severity-extreme{border-left-color:#a22d38}.safety-warning-card.state-planned{background:#fbfcfd}.safety-warning-meta{display:flex;gap:7px;flex-wrap:wrap}.safety-warning-meta span{display:inline-flex;padding:3px 7px;border-radius:999px;background:#edf3f6;color:#476575;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.safety-warning-card h3{margin:.7rem 0 .45rem;color:#123b5d}.safety-warning-card small{color:#657a86}.safety-warning-card h4{margin:1rem 0 .35rem}.safety-ok{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid #cfe3d3;border-left:5px solid #4f8b5b;border-radius:8px;background:#f1f8f2;color:#315d39}.safety-station ul,.safety-warning-card ul,.flood-card ul,.emergency-point ul{padding-left:20px}.siren-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 20px}.siren-signals>div{padding:15px;border:1px solid #d9e4e9;border-radius:8px;background:#f8fbfc}.siren-signals strong,.siren-signals span{display:block}.siren-signals strong{color:#123b5d;margin-bottom:4px}.safety-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:capitalize}.safety-status.ok{background:#e7f6ea;color:#28713b}.safety-status.attention{background:#fff1d6;color:#805b16}.flood-card{border-top:4px solid #4e8a61}.flood-card.level-vorwarnung{border-top-color:#d6a126}.flood-card.level-warnung{border-top-color:#d16c27}.flood-card.level-akut{border-top-color:#a42e39}.flood-reading{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:12px 0;padding:10px 12px;border-radius:7px;background:#edf5f7}.flood-reading strong{font-size:1.25rem;color:#123b5d}.flood-reading small{color:#5f7682}.emergency-point small{display:block;margin-top:12px;color:#607783}.safety-section .table-wrap{margin:14px 0 22px}.safety-section table small{color:#667c88}
@media(max-width:820px){.city-warning .wrap{align-items:flex-start;flex-direction:column;gap:4px}.city-warning strong{white-space:normal}.city-warning a{white-space:normal}.safety-warning-grid,.siren-signals{grid-template-columns:1fr}.flood-reading{align-items:flex-start;flex-direction:column}}
/* 1.11.0 Phase F – dynamische Abfahrtstafeln */
.departure-boards-section{margin:24px 0 38px}.departure-boards-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:16px}.departure-boards-heading h2{margin:.15rem 0 .35rem!important}.departure-boards-heading p{max-width:820px;margin:0;color:#5c7482}.departure-board-clock{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900;letter-spacing:.04em;color:#123b5d;background:#eef5f8;border:1px solid #d5e3e9;border-radius:9px;padding:10px 14px}.departure-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.live-departure-board{min-width:0;border-radius:12px;overflow:hidden;background:#102d40;border:1px solid #0a2637;box-shadow:0 8px 24px rgba(8,39,57,.12)}.live-departure-board>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 18px;background:#0b2638;color:#fff}.live-departure-board>header h3{margin:4px 0 0;color:#fff;font-size:1.13rem}.live-departure-board>header small{color:#b9ccd6;white-space:nowrap}.departure-board-live{font-size:.68rem;font-weight:900;letter-spacing:.09em;color:#b9e9c7}.departure-board-live i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#56cf7b;box-shadow:0 0 0 3px rgba(86,207,123,.12)}.departure-board-table-wrap{border:0;border-radius:0;background:#102d40}.departure-board-table{width:100%;margin:0;border-collapse:collapse;color:#f5fafc}.departure-board-table thead{background:#173b50}.departure-board-table th{padding:9px 10px;color:#bcd0db;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;border:0}.departure-board-table td{padding:9px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.departure-board-table time{font-weight:900;font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.departure-board-table td:nth-child(3){min-width:150px}.departure-board-table td:nth-child(3)>strong{display:block;color:#fff;font-size:.84rem}.departure-board-table td:nth-child(3)>small{display:block;margin-top:2px;color:#f4ca78;font-size:.68rem}.departure-board-table .line-badge.small{background:#f4f8fa;color:#103449}.departure-board-table .line-badge.rail-badge{background:#d6e6ee;color:#8a1824}.departure-deviation{display:inline-block;white-space:nowrap;border-radius:999px;padding:3px 7px;background:#f1bd55;color:#332100;font-size:.7rem;font-weight:900}.departure-deviation.ontime{background:#2a6845;color:#dff4e7}.departure-board-row.cancelled td{opacity:.76}.departure-board-row.cancelled .departure-deviation{background:#9d2b38;color:#fff}.departure-board-foot{display:flex;justify-content:space-between;gap:12px;padding:9px 18px;background:#0b2638;color:#9db6c3;font-size:.7rem}.departure-board-empty td{padding:22px 12px!important;text-align:center;color:#b8ccd6}.departure-board-row.changed{background:rgba(243,188,80,.04)}
@media(max-width:1100px){.departure-board-grid{grid-template-columns:1fr}}@media(max-width:700px){.departure-boards-heading{align-items:flex-start;flex-direction:column}.departure-board-clock{font-size:1.2rem}.departure-board-table{min-width:620px}.departure-board-table-wrap{overflow-x:auto}.departure-board-foot{flex-direction:column;gap:3px}}
/* 1.11.0 Phase F Zusatz – versteckte HUM-Betriebsseite */
.hum-page-layout{display:block;max-width:1500px}.hum-page-layout>.page-content{max-width:none}.hum-board-shell{display:grid;gap:22px}.hum-board-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:18px;border:1px solid #d8e3e9;border-radius:12px;background:#f7fafc}.hum-board-toolbar h2,.hum-forecast-head h2{margin:.15rem 0 .35rem}.hum-board-toolbar p,.hum-forecast-head p{margin:0;color:#5d7481}.hum-stop-selector{display:flex;align-items:end;gap:10px;min-width:min(100%,440px)}.hum-stop-selector label{display:grid;gap:5px;flex:1}.hum-stop-selector label>span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#5b7180}.hum-stop-selector select{width:100%;min-height:44px;padding:8px 38px 8px 11px;border:1px solid #b9cbd4;border-radius:7px;background:#fff;color:#17384c}.hum-stop-board{width:100%}.hum-board-table td:nth-child(2) time{color:#f6d27f}.hum-board-table td:nth-child(4)>strong{display:block;color:#fff}.hum-board-table td:nth-child(4)>small{display:block;margin-top:2px;color:#f4ca78;font-size:.68rem}.hum-expected-time{font-weight:900}.hum-forecast-panel{padding:20px;border:1px solid #d8e3e9;border-radius:12px;background:#fff}.hum-forecast-head{margin-bottom:14px}.hum-forecast-table{width:100%;border-collapse:collapse}.hum-forecast-table th,.hum-forecast-table td{padding:10px 12px;border-bottom:1px solid #e2e9ed;text-align:left;vertical-align:middle}.hum-forecast-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#607582;background:#f5f8fa}.hum-delay-input{display:flex;align-items:center;gap:7px;max-width:130px}.hum-delay-input input{width:88px;min-height:38px;padding:7px 9px;border:1px solid #b9cbd4;border-radius:6px;font:inherit;font-weight:800;text-align:center}.hum-delay-input span{font-size:.78rem;font-weight:800;color:#607582}.hum-forecast-actions{margin-top:14px}.hum-reset-form{margin-top:8px}.hum-reset-form .btn.secondary{background:#eef2f4;color:#264657;border:1px solid #cdd9df}.hum-forecast-panel code{padding:2px 5px;border-radius:4px;background:#eef3f6;color:#193c50}@media(max-width:760px){.hum-board-toolbar{align-items:stretch;flex-direction:column}.hum-stop-selector{min-width:0;flex-direction:column;align-items:stretch}.hum-forecast-table{min-width:680px}}
/* 1.11.0g2 – Mobilität: kompakte Live-Tafeln und saubere Haltestellenprognosen */
/* Die beiden großen Tafeln stehen bewusst untereinander. Im Inhaltsbereich mit
rechter Service-Spalte bleiben dadurch alle fünf Spalten ohne horizontales
Überlaufen lesbar. */
.departure-board-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.live-departure-board{width:100%;max-width:100%}
.departure-board-table-wrap{width:100%;max-width:100%;overflow:hidden}
.departure-board-table{width:100%;max-width:100%;table-layout:fixed}
.departure-board-table th,.departure-board-table td{padding:9px 8px;min-width:0}
.departure-board-table th:nth-child(1),.departure-board-table td:nth-child(1){width:14%}
.departure-board-table th:nth-child(2),.departure-board-table td:nth-child(2){width:12%}
.departure-board-table th:nth-child(3),.departure-board-table td:nth-child(3){width:auto;min-width:0}
.departure-board-table th:nth-child(4),.departure-board-table td:nth-child(4){width:10%;text-align:center}
.departure-board-table th:nth-child(5),.departure-board-table td:nth-child(5){width:18%;text-align:right}
.departure-board-table td:nth-child(3)>strong,.departure-board-table td:nth-child(3)>small{max-width:100%;overflow-wrap:break-word;word-break:normal;hyphens:auto}
.departure-board-table td:nth-child(3)>small{line-height:1.28}
.departure-deviation{max-width:100%;box-sizing:border-box}
/* HUM hat Plan + Prognose und deshalb eine andere Spaltenbelegung. */
.hum-board-table th:nth-child(1),.hum-board-table td:nth-child(1){width:13%}
.hum-board-table th:nth-child(2),.hum-board-table td:nth-child(2){width:15%}
.hum-board-table th:nth-child(3),.hum-board-table td:nth-child(3){width:11%;text-align:left}
.hum-board-table th:nth-child(4),.hum-board-table td:nth-child(4){width:auto;text-align:left}
.hum-board-table th:nth-child(5),.hum-board-table td:nth-child(5){width:18%;text-align:right}
.hum-board-table td:nth-child(4)>strong,.hum-board-table td:nth-child(4)>small{max-width:100%;overflow-wrap:break-word;word-break:normal}
/* Haltestellenmonitor: Ziel und Zusatzinfos bleiben gemeinsam in der dritten
Spalte. Dadurch werden Hinweise wie "Wochenendverkehr" nicht mehr Wort für
Wort über neue Grid-Zellen verteilt. */
.departure-table>div{grid-template-columns:52px 42px minmax(0,1fr);align-items:start}
.departure-destination{display:block;min-width:0}
.departure-destination>strong{display:block;min-width:0;line-height:1.3;overflow-wrap:break-word;word-break:normal}
.departure-row-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px;min-width:0}
.departure-row-meta small{display:inline-flex;align-items:center;max-width:100%;margin:0;line-height:1.25;overflow-wrap:break-word;word-break:normal}
.departure-mini-deviation{padding:2px 6px;border-radius:999px;background:#fff0c8;color:#76520c;font-weight:900;white-space:nowrap}
.departure-mini-note{color:#5f7480;background:#f2f6f8;border-radius:5px;padding:2px 6px}
.departure-cancelled .departure-mini-deviation{background:#f5d8dc;color:#8d2632}
@media(max-width:700px){
.departure-boards-section{margin-top:18px}
.departure-boards-heading{gap:10px;margin-bottom:12px}
.departure-boards-heading p{font-size:.9rem;line-height:1.45}
.departure-board-clock{font-size:1.05rem;padding:8px 11px}
.live-departure-board>header{padding:12px 12px;gap:8px}
.live-departure-board>header h3{font-size:1rem;line-height:1.2}
.live-departure-board>header small{font-size:.66rem}
.departure-board-table{min-width:0!important;width:100%;table-layout:fixed}
.departure-board-table-wrap{overflow:hidden!important}
.departure-board-table th{padding:7px 4px;font-size:.58rem;letter-spacing:.02em}
.departure-board-table td{padding:8px 4px;font-size:.76rem}
.departure-board-table th:nth-child(1),.departure-board-table td:nth-child(1){width:15%}
.departure-board-table th:nth-child(2),.departure-board-table td:nth-child(2){width:12%}
.departure-board-table th:nth-child(4),.departure-board-table td:nth-child(4){width:10%}
.departure-board-table th:nth-child(5),.departure-board-table td:nth-child(5){width:20%}
.departure-board-table td:nth-child(3)>strong{font-size:.76rem;line-height:1.2}
.departure-board-table td:nth-child(3)>small{font-size:.6rem;line-height:1.2}
.departure-board-table .line-badge.small{min-width:28px;padding:3px 5px;font-size:.68rem}
.departure-deviation{padding:3px 5px;font-size:.62rem}
.departure-board-foot{padding:8px 12px;flex-direction:column;gap:2px}
.hum-board-table th:nth-child(1),.hum-board-table td:nth-child(1){width:14%}
.hum-board-table th:nth-child(2),.hum-board-table td:nth-child(2){width:16%}
.hum-board-table th:nth-child(3),.hum-board-table td:nth-child(3){width:11%}
.hum-board-table th:nth-child(5),.hum-board-table td:nth-child(5){width:20%}
.hum-board-table td:nth-child(4)>strong{font-size:.74rem;line-height:1.2}
.hum-board-table td:nth-child(4)>small{font-size:.58rem;line-height:1.2}
.departure-table>div{grid-template-columns:46px 36px minmax(0,1fr);gap:7px}
.departure-row-meta{gap:4px}
.departure-mini-deviation,.departure-mini-note{font-size:.68rem}
}
@media(max-width:420px){
.departure-board-table th,.departure-board-table td{padding-left:3px;padding-right:3px}
.departure-board-table th:nth-child(1),.departure-board-table td:nth-child(1){width:16%}
.departure-board-table th:nth-child(2),.departure-board-table td:nth-child(2){width:11%}
.departure-board-table th:nth-child(4),.departure-board-table td:nth-child(4){width:9%}
.departure-board-table th:nth-child(5),.departure-board-table td:nth-child(5){width:21%}
.departure-deviation{white-space:normal;line-height:1.05;text-align:center}
}
/* 1.11.0g3 – Stadtbus-Fahrpläne als Linien-Tabs */
.bus-line-tabs{margin:18px 0 34px}
.bus-line-tablist{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin;border-bottom:1px solid #d8e3e8}
.bus-line-tab{flex:0 0 auto;min-width:48px;height:42px;padding:0 14px;border:1px solid #cbd9e0;border-radius:8px;background:#f5f8fa;color:#163d55;font:inherit;font-weight:900;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .15s}
.bus-line-tab:hover{border-color:#7fa8ba;background:#edf5f8}
.bus-line-tab:focus-visible{outline:3px solid rgba(29,116,151,.22);outline-offset:2px}
.bus-line-tab.is-active,.bus-line-tab[aria-selected="true"]{background:#123b5d;border-color:#123b5d;color:#fff;transform:translateY(-1px)}
.bus-line-tab-panels{padding-top:16px}
.bus-line-tab-panel[hidden]{display:none!important}
.line-tab-card{border:1px solid #d8e3e8;border-radius:12px;background:#fff;padding:20px;box-shadow:0 4px 16px rgba(10,48,70,.04)}
.line-tab-card>header{display:flex;align-items:flex-start;gap:12px}
.line-tab-card>header h3{font-family:Georgia,serif;font-size:1.45rem;margin:0 0 3px;color:#143a52}
.line-tab-card>header p{margin:0;color:#607785}
.line-tab-layout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:20px;align-items:start;margin-top:14px}
.line-tab-layout .route-plan-wrap{margin:0}
.line-tab-timetables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.line-tab-timetables>.line-direction-timetable:only-child{grid-column:1/-1}
.line-direction-timetable{min-width:0;border:1px solid #dbe5ea;border-radius:10px;background:#f9fbfc;overflow:hidden}
.line-direction-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding:12px 14px;background:#eef5f8;border-bottom:1px solid #dbe5ea}
.line-direction-head span{display:block;margin-bottom:2px;color:#5f7785;font-size:.68rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.line-direction-head h4{margin:0;color:#163d55;font-size:.98rem;line-height:1.25}
.line-direction-head small{flex:0 0 auto;color:#607785;font-size:.72rem;text-align:right}
.line-timetable-hours{padding:8px 12px 10px}
.line-timetable-hour{display:grid;grid-template-columns:54px minmax(0,1fr);gap:9px;align-items:start;padding:7px 0;border-bottom:1px solid #e6edf0}
.line-timetable-hour:last-child{border-bottom:0}
.line-timetable-hour>strong{padding-top:4px;color:#607785;font-size:.72rem;white-space:nowrap}
.line-timetable-chips{display:flex;flex-wrap:wrap;gap:5px}
.line-timetable-chips span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 7px;border-radius:6px;background:#fff;border:1px solid #d7e2e7;color:#123b5d;font-size:.76rem;font-weight:900;font-variant-numeric:tabular-nums}
.line-timetable-empty{margin:0;padding:18px 14px;color:#6a7f8a}
@media(max-width:1050px){.line-tab-layout{grid-template-columns:1fr}.line-tab-layout>.route-plan-wrap{max-width:none}.line-tab-timetables{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.bus-line-tablist{gap:6px}.bus-line-tab{min-width:44px;height:40px;padding:0 11px}.line-tab-card{padding:14px}.line-tab-card>header h3{font-size:1.25rem}.line-tab-timetables{grid-template-columns:1fr}.line-direction-head{align-items:flex-start;flex-direction:column;gap:4px}.line-direction-head small{text-align:left}.line-timetable-hours{padding:7px 10px 9px}.line-timetable-hour{grid-template-columns:48px minmax(0,1fr);gap:7px}.line-timetable-chips{gap:4px}.line-timetable-chips span{min-width:45px;padding:4px 6px;font-size:.72rem}}
/* 1.11.0g4 – Nachtbus mit Rundkurs + Gegenrundkurs */
.night-route-pair{display:grid;grid-template-columns:1fr;gap:14px}
.night-route-pair>section{min-width:0}
.night-route-pair>section>h4{margin:0 0 8px;color:#163d55;font-size:.9rem;line-height:1.3}
.night-route-pair .route-plan-wrap{height:auto}
@media(min-width:1180px){.night-route-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.line-tab-layout:has(.night-route-pair){grid-template-columns:minmax(360px,460px) minmax(0,1fr)}}
@media(max-width:760px){.night-route-pair{gap:12px}.night-route-pair>section>h4{font-size:.84rem}}
/* 1.11.0g5 Bürgerdienste */
.citizen-service-mode{background:#f5f8fa}.citizen-service-mode .site-footer{display:none}.citizen-service-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #d7e2e8}.citizen-service-header .header-inner{min-height:76px}.citizen-service-nav{display:flex;gap:18px;align-items:center;margin-left:auto}.citizen-service-nav a{font-weight:750;color:#174f6d;text-decoration:none}.citizen-service-nav a:hover{text-decoration:underline}.citizen-service-main{padding:30px 16px 70px}.citizen-service-shell{width:min(920px,100%);margin:0 auto}.citizen-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.9rem;margin-bottom:16px;color:#647985}.citizen-breadcrumb a{color:#176589}.citizen-service-content{background:#fff;border:1px solid #d9e4e9;border-radius:14px;padding:30px;box-shadow:0 8px 28px rgba(17,56,79,.06)}.citizen-service-head .eyebrow{margin:0 0 6px;color:#1b6b8d;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.citizen-service-head h1{margin:.1rem 0 .6rem;font-size:clamp(1.8rem,4vw,2.6rem)}.citizen-service-head>p{font-size:1.05rem;color:#526a78;max-width:72ch}.citizen-service-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.citizen-service-facts>div{background:#f3f7f9;border:1px solid #dfe9ee;border-radius:9px;padding:12px}.citizen-service-facts span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#657b88;font-weight:800}.citizen-service-facts strong{display:block;margin-top:4px;color:#143f59;line-height:1.35}.citizen-choice{padding:14px 16px;border-left:4px solid #1b7598;background:#edf7fb;margin:18px 0}.citizen-choice p{margin:.35rem 0 0}.citizen-service-content .service-block{border:1px solid #dce6eb;border-radius:10px;padding:18px;margin:18px 0;background:#fff}.citizen-service-content .notice{border-radius:9px}.citizen-service-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.citizen-service-info-grid>div{background:#f8fafb;border:1px solid #e0e8ec;border-radius:10px;padding:16px}.citizen-service-info-grid h3{margin-top:0}.citizen-faq{border:1px solid #dce6eb;border-radius:10px;padding:14px 16px;margin:20px 0}.citizen-faq summary{cursor:pointer;font-weight:800;color:#144964}.citizen-faq>div{padding:12px 0;border-top:1px solid #e8eef1}.citizen-faq>div:first-of-type{margin-top:12px}.citizen-faq p{margin:.25rem 0 0}.citizen-service-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid #e2e9ed}.citizen-directory-head{margin:0 0 16px}.citizen-az-list h4{margin:24px 0 8px;padding-bottom:5px;border-bottom:2px solid #dbe8ee;color:#0f5878}.citizen-az-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 12px;border-bottom:1px solid #e6edf0;text-decoration:none;color:#143f59}.citizen-az-row:hover{background:#f3f8fa}.citizen-az-row span{display:flex;flex-direction:column;gap:3px}.citizen-az-row small{color:#657985;font-weight:400}.citizen-az-row b{white-space:nowrap;color:#126b8d}.citizen-service-content .mdsp-form-grid{gap:14px}.citizen-service-content form label{font-weight:700}.citizen-service-content form input,.citizen-service-content form select,.citizen-service-content form textarea{margin-top:6px}
@media(max-width:760px){.citizen-service-nav{gap:10px;font-size:.86rem}.citizen-service-nav a:first-child{display:none}.citizen-service-main{padding:18px 10px 50px}.citizen-service-content{padding:18px 14px}.citizen-service-facts,.citizen-service-info-grid{grid-template-columns:1fr}.citizen-service-content .mdsp-form-grid{grid-template-columns:1fr}.citizen-service-header .brand small{display:block}.citizen-az-row{align-items:flex-start}.citizen-az-row b{font-size:.85rem}}
/* 1.11.0g6 – Form-Design für Vorgangsnummer/Prüfcode */
.mdsp-proof-card{margin:0 0 18px;padding:18px;border:1px solid #d6e2ea;border-radius:16px;background:linear-gradient(180deg,#f7fbfd 0%,#eef5f8 100%);box-shadow:0 8px 24px rgba(12,43,63,.05)}
.mdsp-proof-card-compact{padding:16px 18px}
.mdsp-proof-head{margin-bottom:14px}
.mdsp-proof-head h4{margin:0 0 6px}
.mdsp-proof-head p{margin:0;color:#58707f;font-size:.95rem;line-height:1.55}
.mdsp-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mdsp-proof-field{display:grid;gap:7px}
.mdsp-proof-field>span{display:block;font-size:.78rem;line-height:1.25;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#335063}
.mdsp-proof-field>small{display:block;margin-top:2px;color:#5e7482;font-size:.8rem;line-height:1.45}
.mdsp-code-input{width:100%;min-height:52px;padding:12px 14px;border:1px solid #b8cbd5;border-radius:12px;background:#fff;color:#16384b;font:700 1rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:.04em;box-shadow:inset 0 1px 2px rgba(7,40,59,.04);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;text-transform:uppercase}
.mdsp-code-input::placeholder{color:#7d93a0;letter-spacing:.03em}
.mdsp-code-input:hover{border-color:#90afbf;background:#fcfeff}
.mdsp-code-input:focus{outline:none;border-color:#0b5f82;box-shadow:0 0 0 4px rgba(11,95,130,.12);background:#fff}
.mdsp-proof-field-id .mdsp-code-input{background-image:linear-gradient(90deg,rgba(11,95,130,.065) 0,rgba(11,95,130,.065) 70px,transparent 70px);padding-left:16px}
.mdsp-proof-field-code .mdsp-code-input{letter-spacing:.08em}
.mdsp-proof-static-grid{margin:18px 0}
.mdsp-proof-static{padding:14px 16px;border:1px solid #d6e2ea;border-radius:14px;background:#f7fbfd}
.mdsp-proof-static span{display:block;margin-bottom:6px;font-size:.76rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#4a6575}
.mdsp-proof-static strong{display:block;color:#12354a;font:800 1rem/1.25 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:.05em;word-break:break-word}
@media(max-width:760px){.mdsp-proof-grid{grid-template-columns:1fr}.mdsp-code-input{min-height:50px}}
/* 1.11.0g8 – HUM Stadtsparkasse / Versorgung */
.finance-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:10px;border:1px solid #d7e3e9;border-radius:12px;background:#f7fafb}.finance-subnav a{padding:8px 11px;border-radius:8px;color:#174d68;font-weight:800;text-decoration:none}.finance-subnav a:hover{background:#e6f1f6}.finance-login{max-width:760px;padding:24px;border:1px solid #d7e3e9;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,50,70,.06)}.finance-login .mdsp-form{margin-top:18px}.finance-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;border-radius:16px;background:linear-gradient(135deg,#0b3b59,#126b8d);color:#fff;margin:0 0 20px}.finance-hero h2,.finance-hero p{color:inherit}.finance-hero h2{margin:.15rem 0 .4rem}.finance-balance{text-align:right;white-space:nowrap}.finance-balance span{display:block;font-size:.75rem;text-transform:uppercase;font-weight:800;opacity:.8}.finance-balance strong{display:block;font-size:2rem}.finance-card-grid,.finance-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 28px}.finance-card-grid article,.finance-product-grid article,.finance-detail-card{padding:18px;border:1px solid #d8e3e9;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,50,70,.04)}.finance-card-grid article>span{display:block;color:#607784;font-size:.75rem;font-weight:900;text-transform:uppercase}.finance-card-grid article>strong{display:block;margin:5px 0;font-size:1.25rem;color:#0b4d6b}.finance-card-grid small{display:block;color:#627884;line-height:1.45}.finance-product-grid h3,.finance-detail-card h3{margin-top:0}.finance-product-grid form{display:grid;gap:10px}.finance-product-grid label{display:grid;gap:5px;font-weight:700}.finance-product-grid select{min-height:42px;padding:8px 10px;border:1px solid #b9cad3;border-radius:8px;background:#fff}.finance-detail-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.finance-detail-card dl>div{padding:10px 0;border-bottom:1px solid #e7edef}.finance-detail-card dt{font-size:.76rem;text-transform:uppercase;font-weight:900;color:#647b87}.finance-detail-card dd{margin:3px 0 0}.finance-table-wrap{overflow-x:auto;border:1px solid #d7e3e9;border-radius:12px;background:#fff}.finance-table{width:100%;border-collapse:collapse}.finance-table th,.finance-table td{padding:11px 12px;border-bottom:1px solid #e6edf0;text-align:left}.finance-table th{font-size:.72rem;text-transform:uppercase;color:#5c7380;background:#f5f8fa}.finance-table td.plus{color:#24723d;font-weight:800}.finance-table td.minus{color:#9b3542;font-weight:800}.finance-logout{margin-top:18px}@media(max-width:760px){.finance-hero{align-items:flex-start;flex-direction:column}.finance-balance{text-align:left}.finance-card-grid,.finance-product-grid,.finance-detail-card dl{grid-template-columns:1fr}.finance-table{min-width:620px}}
/* 1.11.0g9 – Mobilität, Fahrzeug, HUM Markt & aufgeräumte Portalnavigation */
.mc-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:10px;border:1px solid #d8e3e9;border-radius:14px;background:#f6f9fb}.mc-subnav a{padding:9px 12px;border-radius:9px;color:#164d69;font-weight:800;text-decoration:none}.mc-subnav a:hover{background:#e7f2f7}.mc-hero,.mc-shop-head,.mc-section-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 22px}.mc-hero{padding:22px;border-radius:16px;background:#0b3b59;color:#fff}.mc-hero h2,.mc-hero p{color:inherit}.mc-hero>div:last-child{text-align:center}.mc-hero>div:last-child strong{display:block;font-size:2rem}.mc-hero>div:last-child span{font-size:.8rem;text-transform:uppercase}.mc-vehicle-grid,.mc-station-grid,.mc-action-grid,.mc-car-grid,.mc-shop-grid,.mc-quick-grid,.portal-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 28px}.mc-vehicle-card,.mc-station-grid>article,.mc-action-grid>article,.mc-car-grid>article,.mc-shop-grid>article{padding:18px;border:1px solid #d8e3e9;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,50,70,.04)}.mc-vehicle-card>span,.mc-station-grid>article>span,.mc-car-grid>article>span,.mc-shop-grid>article>span{font-size:.72rem;font-weight:900;text-transform:uppercase;color:#587281}.mc-meter{height:9px;margin:12px 0 8px;border-radius:999px;background:#e3ebef;overflow:hidden}.mc-meter span{display:block;height:100%;background:#427f5b}.mc-station-grid dl,.mc-car-grid dl{margin:14px 0}.mc-station-grid dl div,.mc-car-grid dl div{display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid #edf1f3}.mc-station-grid dd,.mc-car-grid dd{margin:0;font-weight:800}.mc-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mc-quick-grid a,.portal-hub-grid a{display:block;padding:16px;border:1px solid #d7e3e9;border-radius:12px;background:#f8fbfc;text-decoration:none}.mc-quick-grid strong,.portal-hub-grid strong{display:block;color:#173f56}.mc-quick-grid span,.portal-hub-grid span{display:block;margin-top:4px;color:#657b87;font-size:.85rem}.mc-muted{color:#647984}.mc-shop-head>strong{font-size:1.5rem;color:#0b3b59}.mc-shop-head>strong small{display:block;font-size:.7rem;color:#617985;text-transform:uppercase}.mc-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mc-shop-grid article{display:flex;flex-direction:column;min-height:190px}.mc-shop-grid article small{color:#657b87}.mc-shop-grid article>div{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-top:auto;padding-top:14px}.mc-shop-grid input[type=number]{width:64px;padding:7px;border:1px solid #b8cbd5;border-radius:8px}.mc-checkout{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid #c8dae3;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(12,43,63,.14);backdrop-filter:blur(8px);z-index:4}.mc-checkout span{display:block;color:#637986;font-size:.85rem}.mc-mobility-panel{margin-top:38px;padding-top:28px;border-top:1px solid #dce6eb}.mc-price-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 20px}.mc-price-row a{display:grid;gap:2px;padding:14px;border:1px solid #d8e3e9;border-radius:12px;background:#fff;text-decoration:none}.mc-price-row span{font-weight:800;color:#173f56}.mc-price-row small{color:#697e89}.mc-price-row strong{font-size:1.35rem;color:#0b5f82}.mc-price-row em{font-size:.7rem;font-style:normal;font-weight:900;color:#697e89}.mainnav{gap:4px}.mainnav>a{padding-left:9px;padding-right:9px}.portal-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.mc-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-price-row{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.mc-hero,.mc-shop-head,.mc-section-head,.mc-checkout{align-items:stretch;flex-direction:column}.mc-vehicle-grid,.mc-station-grid,.mc-action-grid,.mc-car-grid,.mc-shop-grid,.mc-price-row,.portal-hub-grid{grid-template-columns:1fr}.mc-quick-grid{grid-template-columns:1fr 1fr}.mc-checkout{position:static}.mc-subnav{overflow-x:auto;flex-wrap:nowrap}.mc-subnav a{white-space:nowrap}}
@media(max-width:460px){.mc-quick-grid{grid-template-columns:1fr}}
/* 1.11.0g10 – Bankkorrekturen & HumPass */
.finance-product-grid .btn.secondary,.finance-logout .btn.secondary,.humpass-action .btn.secondary{background:#eef3f6!important;color:#173f55!important;border:1px solid #bfd0d9!important}
.finance-product-grid .btn.secondary:hover,.finance-logout .btn.secondary:hover,.humpass-action .btn.secondary:hover{background:#dfeaf0!important;color:#0b3b59!important;border-color:#99b5c3!important}
.finance-current-setting{padding:10px 12px;border-radius:9px;background:#f2f7f9;color:#45606f}
.finance-cash-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 30px}.finance-cash-box>div{padding:18px;border:1px solid #d8e3e9;border-radius:14px;background:#fff}.finance-cash-box h3{margin-top:0}.finance-cash-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.finance-cash-form label{display:grid;gap:5px;font-weight:800}.finance-cash-form input{min-height:44px;padding:9px 11px;border:1px solid #b9cad3;border-radius:8px;font:inherit}.finance-cash-form .btn{min-height:44px}
.humpass-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px;padding:10px;border:1px solid #d7e3e9;border-radius:12px;background:#f7fafb}.humpass-subnav a{padding:8px 11px;border-radius:8px;color:#174d68;font-weight:800;text-decoration:none}.humpass-subnav a:hover{background:#e6f1f6}.humpass-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:25px;border-radius:16px;background:linear-gradient(135deg,#0b3b59,#267d8e);color:#fff;margin-bottom:20px}.humpass-hero h2,.humpass-hero p{color:inherit}.humpass-state{min-width:180px;padding:15px 18px;border-radius:12px;background:rgba(255,255,255,.12);text-align:right}.humpass-state span,.humpass-state small{display:block}.humpass-state strong{display:block;font-size:1.35rem}.humpass-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.humpass-benefits article{padding:17px;border:1px solid #d8e3e9;border-radius:13px;background:#fff}.humpass-benefits strong{display:block;font-size:1.2rem;color:#0b5d83}.humpass-benefits span{display:block;color:#5b7180}.humpass-action{margin:0 0 26px}
@media(max-width:760px){.finance-cash-box,.humpass-benefits{grid-template-columns:1fr}.finance-cash-form{grid-template-columns:1fr}.humpass-hero{align-items:flex-start;flex-direction:column}.humpass-state{text-align:left;width:100%}}
.humpass-inline{display:flex;justify-content:space-between;align-items:end;gap:22px;margin:24px 0;padding:20px;border:1px solid #cfe0e8;border-radius:14px;background:#f3f8fa}.humpass-inline h3{margin:0 0 6px}.humpass-inline p{margin:0}.humpass-inline form{display:flex;gap:10px;align-items:end}.humpass-inline label{display:grid;gap:5px;font-weight:800}.humpass-inline select{min-height:42px;padding:8px 10px;border:1px solid #b9cad3;border-radius:8px;background:#fff}@media(max-width:760px){.humpass-inline,.humpass-inline form{align-items:stretch;flex-direction:column}}
/* 1.11.0g12 – Mein HUM Bürgerkonto */
.myhum-mode{background:#f3f6f8}
.myhum-header{background:#0b3b59;color:#fff;border-bottom:0;box-shadow:0 5px 24px rgba(12,42,61,.18)}
.myhum-header .brand,.myhum-header .brand strong,.myhum-header .brand small{color:#fff}
.myhum-header .crest{background:#fff;color:#0b3b59}
.myhum-topnav{display:flex;align-items:center;gap:8px;margin-left:auto}
.myhum-topnav>a,.myhum-topnav button{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:.86rem;font-weight:800;text-decoration:none;cursor:pointer}
.myhum-topnav>a:hover,.myhum-topnav button:hover{background:rgba(255,255,255,.12)}
.myhum-topnav form{margin:0}
.myhum-strip-link{font-weight:900!important}
.home-service-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.home-service-links a{font-weight:800}
.myhum-main{padding:28px 0 56px;background:#f3f6f8;min-height:70vh}
.myhum-page-wrap{max-width:1500px}
.myhum-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.myhum-sidebar{position:sticky;top:22px;overflow:hidden;border:1px solid #d9e3e9;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(20,52,70,.06)}
.myhum-account-mini{padding:18px;border-bottom:1px solid #e1e8ec;background:#f7fafc}
.myhum-account-mini span,.myhum-account-mini small{display:block;color:#617986;font-size:.75rem}
.myhum-account-mini strong{display:block;margin:4px 0;color:#123a50;font-size:.93rem;word-break:break-word}
.myhum-sidebar nav{display:grid;padding:10px}
.myhum-nav-group{margin:12px 10px 5px;color:#6c7f89;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.myhum-nav-link{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;padding:9px 10px;border-radius:9px;color:#24495c;text-decoration:none;font-size:.88rem;font-weight:750}
.myhum-nav-link:hover{background:#eef5f8}
.myhum-nav-link.active{background:#0b5f82;color:#fff}
.myhum-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:rgba(11,95,130,.08);font-size:.76rem;font-weight:900}
.myhum-nav-link.active .myhum-nav-icon{background:rgba(255,255,255,.18)}
.myhum-logout{padding:14px;border-top:1px solid #e1e8ec}
.myhum-logout .btn{width:100%}
.myhum-content{min-width:0;padding:24px;border:1px solid #d9e3e9;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(20,52,70,.05)}
.myhum-content>.myhum-module-embed>.finance-subnav,.myhum-content>.myhum-module-embed>.mc-subnav,.myhum-content>.myhum-module-embed>.humpass-subnav,.myhum-module-embed .finance-subnav,.myhum-module-embed .mc-subnav,.myhum-module-embed .humpass-subnav{display:none}
.myhum-welcome{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px;border-radius:14px;background:linear-gradient(135deg,#0b3b59,#0e6d8d);color:#fff}
.myhum-welcome h2,.myhum-welcome p{color:inherit}
.myhum-welcome h2{margin:.25rem 0 .4rem}
.myhum-welcome p{margin:0;max-width:700px}
.myhum-balance{min-width:210px;padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.13);text-align:right}
.myhum-balance span,.myhum-balance small{display:block;font-size:.76rem;opacity:.88}
.myhum-balance strong{display:block;margin:4px 0;font-size:1.65rem}
.myhum-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 24px}
.myhum-stat-grid article{padding:15px 16px;border:1px solid #dce6eb;border-radius:12px;background:#f8fafb}
.myhum-stat-grid span{display:block;color:#617986;font-size:.72rem;font-weight:800;text-transform:uppercase}
.myhum-stat-grid strong{display:block;margin-top:6px;color:#173e52;font-size:1.05rem}
.myhum-section-title{margin:28px 0 12px}
.myhum-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.myhum-quick-card{display:flex;flex-direction:column;min-height:128px;padding:16px;border:1px solid #dce6eb;border-radius:12px;background:#fff;color:#163b50;text-decoration:none;box-shadow:0 3px 12px rgba(15,51,70,.03)}
.myhum-quick-card:hover{border-color:#9dbac8;background:#f8fbfc;transform:translateY(-1px)}
.myhum-quick-card>span{font-weight:900}
.myhum-quick-card>strong{margin:10px 0 4px;color:#0b5f82;font-size:1.05rem}
.myhum-quick-card>small{margin-top:auto;color:#617986;line-height:1.45}
.myhum-dashboard-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:18px;margin-top:28px}
.myhum-category-intro{margin-bottom:18px;padding:18px 20px;border-left:4px solid #0b5f82;border-radius:0 12px 12px 0;background:#f5f9fb}
.myhum-category-intro h2{margin:.2rem 0 .4rem}
.myhum-category-intro p:last-child{margin-bottom:0}
.myhum-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
.myhum-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #e0e8ec}
.myhum-tabs a{padding:8px 12px;border-radius:8px;background:#edf4f7;color:#234b60;text-decoration:none;font-size:.85rem;font-weight:800}
.myhum-tabs a:hover{background:#dfeef4}
.myhum-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.myhum-member-grid article{padding:16px;border:1px solid #dce6eb;border-radius:12px;background:#f9fbfc}
.myhum-member-grid article>span{color:#67808d;font-size:.72rem;font-weight:900;text-transform:uppercase}
.myhum-member-grid h3{margin:.35rem 0}
.myhum-member-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.myhum-member-actions a{padding:6px 9px;border-radius:7px;background:#eaf3f7;color:#17455c;text-decoration:none;font-size:.78rem;font-weight:800}
.myhum-login-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:0;overflow:hidden;max-width:980px;margin:36px auto;border:1px solid #d8e3e9;border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(18,51,68,.09)}
.myhum-login-copy{padding:38px;background:linear-gradient(135deg,#0b3b59,#0f6b8b);color:#fff}
.myhum-login-copy h2,.myhum-login-copy p{color:inherit}
.myhum-login-copy h2{font-size:2rem;margin:.25rem 0 .7rem}
.myhum-login-features{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.myhum-login-features span{padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.09);font-size:.78rem;font-weight:800}
.myhum-login-form{display:grid;gap:13px;padding:34px}
.myhum-login-form h3{margin:0 0 4px}
.myhum-login-form label{display:grid;gap:6px;color:#274c5e;font-size:.82rem;font-weight:800}
.myhum-login-form small{color:#6b7f89;line-height:1.45}
.myhum-content .finance-logout{display:none}
@media(max-width:1100px){.myhum-shell{grid-template-columns:220px minmax(0,1fr)}.myhum-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myhum-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myhum-dashboard-row{grid-template-columns:1fr}}
@media(max-width:800px){.myhum-topnav>a:nth-child(2){display:none}.myhum-shell{grid-template-columns:1fr}.myhum-sidebar{position:static}.myhum-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.myhum-nav-group{grid-column:1/-1}.myhum-content{padding:16px}.myhum-welcome{align-items:stretch;flex-direction:column}.myhum-balance{text-align:left;min-width:0}.myhum-login-shell{grid-template-columns:1fr;margin:16px auto}.myhum-login-copy,.myhum-login-form{padding:24px}.myhum-member-grid,.myhum-two-col{grid-template-columns:1fr}}
@media(max-width:520px){.myhum-header .header-inner{gap:10px}.myhum-topnav>a{display:none}.myhum-topnav button{padding:7px 9px}.myhum-sidebar nav{grid-template-columns:1fr}.myhum-nav-group{grid-column:auto}.myhum-stat-grid,.myhum-quick-grid{grid-template-columns:1fr}.myhum-content{padding:12px;border-radius:12px}.myhum-main{padding-top:14px}.myhum-login-copy h2{font-size:1.6rem}}
/* 1.13.0 – Mein HUM im mobilen Frontend-Menü */
.mdsp-mobile-only{display:none!important}
@media(max-width:920px){.mainnav .mdsp-mobile-only{display:block!important;width:100%;padding:11px 12px;border-radius:7px;background:#edf5f8;color:#0b4d70;font-weight:900}.mainnav .myhum-mobile-link:before{content:'H ';display:inline-grid;place-items:center;width:25px;height:25px;margin-right:8px;border-radius:50%;background:#0b4d70;color:#fff;font-family:Georgia,serif;font-weight:800}}
/* 1.13.1 – offizielles Stadtwappen im Portal-Header */
.crest.city-crest{width:54px;height:62px;background:transparent;color:inherit;clip-path:none;display:flex;align-items:center;justify-content:center;overflow:visible;flex:0 0 54px}
.crest.city-crest img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.crest.city-crest{width:46px;height:53px;flex-basis:46px}.header-inner{min-height:74px}}
/* 1.13.4 – Mobile UX/UI: keine seitlich verrutschenden Portale, lesbare Tabellen */
html,body{max-width:100%;overflow-x:hidden}
.wrap,.page-layout,.page-content,.myhum-page-wrap,.myhum-shell,.myhum-content,.myhum-module-embed{min-width:0;max-width:100%}
img,video,iframe{max-width:100%}
.table-wrap,.finance-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
@media(max-width:600px){
.site-header{background:#fff}
.myhum-header{background:#0b3b59}
.page-hero{padding:36px 0 32px}
.page-hero h1{font-size:clamp(2rem,10vw,2.55rem);line-height:1.06;letter-spacing:-.025em;word-break:normal;overflow-wrap:normal;hyphens:auto}
.page-hero p{font-size:1rem;line-height:1.55}
.page-layout{padding-top:34px;padding-bottom:56px}
.page-content{font-size:1rem;min-width:0}
.page-content h2{font-size:1.72rem;line-height:1.16;word-break:normal;overflow-wrap:normal;hyphens:auto}
.page-content h3{line-height:1.25;word-break:normal;overflow-wrap:normal;hyphens:auto}
.page-content .service-block{padding:18px}
.brand{min-width:0}
.brand>span:last-child{min-width:0}
.brand strong{font-size:1.22rem;white-space:normal}
.brand small{font-size:.92rem}
/* Mein HUM: der Seitenrahmen bleibt immer im Viewport. */
.myhum-main{overflow-x:hidden}
.myhum-header .header-inner{width:calc(100% - 28px);max-width:100%;gap:8px}
.myhum-header .brand{gap:9px;min-width:0}
.myhum-header .crest{width:40px;height:46px;flex:0 0 40px;font-size:1.35rem}
.myhum-header .brand strong{font-size:1.05rem}
.myhum-header .brand small{font-size:.72rem;white-space:nowrap}
.myhum-topnav{min-width:0;flex:0 0 auto}
.myhum-topnav form{min-width:0}
.myhum-topnav button{min-height:36px;padding:7px 9px;font-size:.78rem;white-space:nowrap}
.myhum-content{width:100%;max-width:100%;overflow:hidden}
.myhum-module-embed{width:100%;max-width:100%;min-width:0;overflow:hidden}
.finance-table-wrap{border-radius:10px;overflow:hidden}
/* Banking: statt einer 620px-Tabelle mobile Buchungskarten. */
.finance-table{display:block;min-width:0!important;width:100%;margin:0}
.finance-table thead{display:none}
.finance-table tbody,.finance-table tr,.finance-table td{display:block;width:100%}
.finance-table tbody{display:grid;gap:10px;padding:10px;background:#f6f9fb}
.finance-table tr{padding:12px 13px;border:1px solid #dce6eb;border-radius:10px;background:#fff}
.finance-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:4px 0;border:0!important;overflow-wrap:anywhere}
.finance-table td::before{color:#6a7e89;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.finance-table td:nth-child(1)::before{content:'Datum'}
.finance-table td:nth-child(2)::before{content:'Buchung'}
.finance-table td:nth-child(3)::before{content:'Empfänger'}
.finance-table td:nth-child(4)::before{content:'Art'}
.finance-table td:nth-child(5)::before{content:'Betrag'}
.finance-table td:nth-child(5){margin-top:4px;padding-top:8px;border-top:1px solid #edf1f3!important;font-size:1.05rem}
/* Eintrittspreise: vier Desktop-Spalten werden mobil zu kompakten Karten. */
.admission-table{display:block;width:100%;margin:0!important}
.admission-table thead{display:none}
.admission-table tbody{display:grid;gap:10px;padding:2px 0}
.admission-table tr{display:block;padding:13px 14px;border:1px solid #dce5ea;border-radius:10px;background:#fff}
.admission-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;width:100%;padding:4px 0!important;border:0!important;overflow-wrap:break-word;word-break:normal}
.admission-table td::before{content:attr(data-label);color:#687d89;font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.admission-table td[data-label='Preis']{font-size:1.05rem}
}
@media(max-width:380px){
.wrap{width:calc(100% - 24px)}
.page-hero h1{font-size:1.92rem}
.page-content h2{font-size:1.58rem}
.myhum-header .header-inner{width:calc(100% - 20px)}
.myhum-header .brand small{display:none}
.finance-table td,.admission-table td{grid-template-columns:78px minmax(0,1fr)}
}
/* 1.15.0 – HUM Branchenbuch, Jobsuche & JobCenter */
.directory-intro{margin:0 0 1.5rem}.directory-intro h2{margin:.15rem 0 .55rem}.directory-filter{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(170px,1fr)) auto;gap:.75rem;align-items:end;margin:1.25rem 0;padding:1rem;border:1px solid #d7e2e7;border-radius:12px;background:#f7fafb}.directory-filter label{display:grid;gap:.35rem;font-weight:700;color:#294a5b}.directory-filter input,.directory-filter select{width:100%;min-height:44px;border:1px solid #b9cbd4;border-radius:8px;background:#fff;padding:.6rem .75rem;color:#17384b}.directory-result{color:#5f7683;margin:.6rem 0 1rem}.directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.directory-card,.job-card{border:1px solid #d7e2e7;border-radius:12px;background:#fff;padding:1.15rem;box-shadow:0 8px 24px rgba(24,67,88,.04)}.directory-card>span,.job-card>div:first-child>span{display:block;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#4f7586}.directory-card h3,.job-card h3{margin:.35rem 0 .55rem}.directory-card dl{display:grid;gap:.45rem;margin:1rem 0 0}.directory-card dl>div{display:grid;grid-template-columns:90px 1fr;gap:.75rem;padding-top:.45rem;border-top:1px solid #edf2f4}.directory-card dt{font-weight:700;color:#5a707d}.directory-card dd{margin:0;overflow-wrap:anywhere}.jobs-list{display:grid;gap:1rem}.job-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem 1.25rem;align-items:start}.job-card>p,.job-card>details{grid-column:1/-1}.job-facts{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.job-facts span{display:inline-flex;padding:.35rem .65rem;border-radius:999px;background:#edf5f8;color:#235c75;font-size:.82rem;font-weight:700}.job-card details{padding-top:.75rem;border-top:1px solid #e7eef1}.job-card summary{cursor:pointer;font-weight:700;color:#0e607f}
@media(max-width:820px){.directory-filter{grid-template-columns:1fr}.directory-filter .btn{width:100%}.directory-grid{grid-template-columns:1fr}.job-card{grid-template-columns:1fr}.job-facts{justify-content:flex-start}.directory-card dl>div{grid-template-columns:1fr;gap:.1rem}}
/* 1.15.2 – zentrale Meldungsdetails & Beschäftigung */
.mdsp-alert-detail{max-width:860px;margin:0 auto;padding:8px 0 24px}
.mdsp-alert-detail h2{margin:.25rem 0 .65rem}
.mdsp-alert-detail .mdsp-alert-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;color:var(--muted,#64717a)}
.mdsp-alert-detail .mdsp-alert-body{font-size:1.02rem;line-height:1.7}
.mdsp-alert-detail .mdsp-alert-body p{margin:0 0 1rem}
.myhum-employment-actions{margin-top:16px;padding-top:14px;border-top:1px solid rgba(120,140,155,.24)}
.myhum-employment-actions form{margin:0}
@media(max-width:680px){.mdsp-alert-detail{padding-top:0}.mdsp-alert-detail h2{font-size:1.65rem}.myhum-employment-actions .btn{width:100%}}
.myhum-employment-actions .btn.secondary{background:#eef3f6;color:#173f55;border:1px solid #bfd0d9}
.myhum-employment-actions .btn.secondary:hover{background:#dfeaf0;color:#0b3b59;border-color:#99b5c3}