@import url("events.css");
@import url("map.css");
@import url("companies.css");
@import url("jobs.css");
@import url("home-jobs.css");
@import url("classifieds.css");
:root{--navy:#071f3d;--blue:#0965ba;--light:#f4f7fa;--muted:#64748a;--line:#e1e7ed;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7f9;color:var(--navy);font:14px/1.45 Arial,Helvetica,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{background:#fff;position:relative;z-index:10;box-shadow:0 1px 0 #dfe5eb}.header-top{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo img{width:286px}.header-actions{display:flex;align-items:center;gap:14px}.mini-weather{display:grid;grid-template-columns:42px auto auto;align-items:center;column-gap:8px}.mini-weather>span{grid-row:1/3;color:#f4a100;font-size:38px;line-height:1}.mini-weather strong{font-size:19px}.mini-weather small{grid-column:2/4;font-size:10px}.search-form{display:flex;background:#fff;border-radius:8px;overflow:hidden}.search-form input{border:0;outline:0;min-width:0;padding:0 15px;color:var(--navy)}.search-form button{width:48px;border:0;background:var(--blue);color:#fff;font-size:24px;cursor:pointer}.header-search{height:43px;width:245px;border:1px solid var(--line)}.header-search button{background:#fff;color:var(--navy)}.account{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:25px}.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;padding:9px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px}.main-nav{height:48px;display:flex;align-items:center;gap:9px}.main-nav a{height:34px;padding:0 15px;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.main-nav a.active,.main-nav a:hover{background:var(--blue);color:#fff}
.hero{height:390px;background:linear-gradient(90deg,rgba(5,30,55,.15),transparent),url('../stadtportal-hero.png') center top/cover no-repeat}.hero-content{height:100%;display:flex;align-items:center}.hero-card{width:425px;padding:30px 40px 33px;border-radius:10px;background:rgba(5,29,56,.91);color:#fff;box-shadow:0 16px 35px rgba(5,29,56,.2)}.hero-card h1{font-size:46px;line-height:1.05;letter-spacing:-1px;margin:0}.hero-card p{font-size:16px;line-height:1.5;margin:17px 0}.hero-search{height:44px}.hero-search input{flex:1}.service-strip{min-height:82px;margin-top:-28px;position:relative;z-index:2;padding:13px 18px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(7,31,61,.12)}.service-strip a{display:flex;align-items:center;gap:12px;padding:0 12px}.service-strip strong,.service-strip small{display:block}.service-strip small{font-size:12px;color:var(--muted);margin-top:3px}.round-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;background:var(--light);border-radius:50%;font-size:21px}
.dashboard{display:grid;grid-template-columns:1.5fr .75fr 1.1fr;gap:18px;margin-top:20px}.panel{background:#fff;border:1px solid #e8edf2;border-radius:12px;padding:20px;box-shadow:0 4px 16px rgba(7,31,61,.035)}.news{grid-column:1/3}.events{grid-column:3}.section-head{min-height:29px;margin-bottom:14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;position:relative}.section-head:after{content:"";position:absolute;left:0;bottom:-1px;width:44px;height:3px;background:var(--blue)}.section-head h2,.weather-card h2{margin:0 0 10px;text-transform:uppercase;font-size:14px}.section-head a{font-size:11px;color:var(--blue)}.news-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:17px}.lead-news{overflow:hidden;border:1px solid var(--line);border-radius:9px}.lead-image{height:184px;position:relative;overflow:hidden;background:#ddd}.lead-image img{width:100%;height:100%;object-fit:cover}.lead-image span{position:absolute;left:9px;bottom:10px;background:var(--blue);color:#fff;padding:5px 9px;border-radius:12px;text-transform:uppercase;font-size:10px;font-weight:700}.news-copy{padding:14px 15px}.news-copy h3{font-size:19px;line-height:1.25;margin:0}.news-copy p{color:#33475f;margin:9px 0}.news-copy small,.news-list small,.event-list small{color:#50657d}.news-list{display:flex;flex-direction:column;gap:12px}.news-list article{display:grid;grid-template-columns:110px 1fr;gap:14px;min-height:92px}.news-list img{width:110px;height:92px;border-radius:8px;object-fit:cover}.news-list h3,.event-list h3{font-size:13px;line-height:1.25;margin:4px 0 5px}.news-list p,.event-list p{font-size:11px;color:#50657d;margin:0 0 5px}.event-list article{min-height:74px;display:grid;grid-template-columns:60px 1fr;gap:14px;align-items:center;border-bottom:1px solid var(--line)}.event-list article:last-child{border:0}.event-list time{height:58px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--light);border-radius:6px;color:var(--blue)}.event-list time strong{font-size:24px;line-height:1}.event-list time span{font-size:11px;font-weight:700;margin-top:5px}
.map-panel{grid-column:1}.city-map{height:260px;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(38deg,transparent 46%,rgba(255,255,255,.8) 47% 50%,transparent 51%),linear-gradient(-22deg,transparent 48%,#fff 49% 52%,transparent 53%),repeating-linear-gradient(90deg,rgba(37,101,66,.08) 0 2px,transparent 2px 70px),#dbe5d3}.river{position:absolute;width:78px;height:410px;left:85px;top:-100px;transform:rotate(-13deg);background:#9dcbdc}.pin{position:absolute;width:38px;height:38px;background:var(--navy);color:#fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;font-style:normal}.pin-1{left:22%;top:35%}.pin-2{right:31%;top:18%}.pin-3{right:15%;top:46%}.pin-4{left:52%;top:61%}.city-map>a{position:absolute;left:9px;bottom:9px;padding:11px 15px;border-radius:6px;background:var(--blue);color:#fff;font-weight:700}.quick-panel{grid-column:2}.quick-list a{display:grid;grid-template-columns:35px 1fr 18px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.quick-list a:last-child{border:0}.quick-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:12px}.quick-list strong,.quick-list small{display:block;font-size:11px}.quick-list small{color:var(--muted)}.right-column{grid-column:3;display:grid;gap:18px}.weather-card{display:grid;grid-template-columns:1fr 1fr}.weather-card>div>small{display:block}.weather-card>div>strong{display:block;font-size:34px;margin-top:6px}.sunny{display:flex;align-items:center;justify-content:center;gap:8px}.sunny span{color:#f4a100;font-size:55px}.forecast{grid-column:1/3;border-top:1px solid var(--line);margin-top:12px;padding-top:12px;display:grid;grid-template-columns:repeat(3,1fr)}.forecast span{font-size:10px;color:var(--muted);display:flex;flex-direction:column}.forecast span+span{border-left:1px solid var(--line);padding-left:15px}.forecast b{color:var(--navy)}.app-card{min-height:155px;padding:20px;display:grid;grid-template-columns:1.3fr .7fr;border-radius:12px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#071f3d,#003d73)}.app-card h2{font-size:16px;margin:0 0 8px}.app-card p{font-size:11px}.app-card>div>div{display:flex;gap:7px}.app-card span{padding:6px 7px;border:1px solid #ffffff66;border-radius:4px;background:#02070d;font-size:9px}.phone{transform:rotate(12deg);padding:24px 8px;border:5px solid #102a45;border-radius:16px;background:#fff;color:var(--blue);text-align:center}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px;margin-bottom:20px}.category{min-height:145px;padding:28px 20px;border-radius:8px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(120deg,#102a42,#697b82)}.category:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,35,.7),transparent)}.category>*{position:relative}.category h2{font-size:18px;margin:0 0 4px}.category p{font-size:12px;margin:0 0 22px}.category a{padding:9px 15px;border-radius:5px;background:#fff;color:var(--navy);font-size:11px;font-weight:700}.jobs{background:linear-gradient(120deg,#17354b,#866d5d)}.kleinanzeigen{background:linear-gradient(120deg,#37424c,#9b8d7c)}.ratgeber{background:linear-gradient(120deg,#183144,#727579)}.community{background:#0b2b4e;color:#fff}.community-inner{min-height:145px;display:grid;grid-template-columns:50px 420px 1fr;align-items:center;gap:18px}.community-icon{font-size:40px;color:#55b8ff}.community h2{font-size:18px;margin:0 0 7px}.community p{font-size:12px;margin:0 0 14px}.community a{display:inline-block;padding:8px 14px;border:1px solid #4c9dd5;border-radius:5px;font-size:11px}.community img{display:block;width:100%}
footer{padding:30px 0 38px;background:#031b34;color:#fff}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.footer-brand>img{width:175px}.socials{display:flex;gap:10px;margin-top:23px}.socials a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#124778;font-weight:700}footer h3{margin:4px 0 16px;color:#9bc9f1;text-transform:uppercase;font-size:11px}footer>div>div>a{display:block;font-size:11px;margin-bottom:9px}footer p{font-size:11px;line-height:1.6;margin:0 0 10px}
@media(max-width:900px){.container{width:min(720px,calc(100% - 24px))}.header-top{min-height:72px}.logo img{width:230px;max-width:58vw}.mini-weather,.header-search{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:72px;left:0;width:100%;height:auto;padding:12px;background:#fff;box-shadow:0 15px 25px rgba(7,31,61,.14);grid-template-columns:1fr 1fr}.main-nav.open{display:grid}.main-nav a{height:42px}.hero{height:430px}.service-strip{overflow-x:auto;grid-template-columns:repeat(5,190px)}.dashboard{grid-template-columns:1fr 1fr}.news{grid-column:1/3}.events{grid-column:1}.quick-panel{grid-column:2;grid-row:2}.map-panel{grid-column:1/3}.right-column{grid-column:1/3;grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.community-inner{grid-template-columns:45px 1fr;padding:22px 0}.community img{display:none}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:620px){.container{width:calc(100% - 20px)}.account{display:none}.hero{height:470px}.hero-content{align-items:flex-end;padding-bottom:26px}.hero-card{width:100%;padding:25px 22px}.hero-card h1{font-size:39px}.service-strip{width:100%;margin-top:0;border-radius:0}.dashboard{display:block}.dashboard>*{margin-bottom:14px}.news-grid{display:block}.lead-news{margin-bottom:15px}.news-list article{grid-template-columns:100px 1fr}.news-list img{width:100px}.right-column{display:block}.right-column>*{margin-bottom:14px}.category-grid{grid-template-columns:1fr}.category{min-height:135px}.community-inner{grid-template-columns:1fr}.community-icon{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}}
.mini-weather.weather-trigger{border:0;background:transparent;color:var(--navy);padding:0;text-align:left;cursor:pointer}.mini-weather small b,.mini-weather small i{font-style:normal;font-weight:400}.weather-card{position:relative}.forecast i{font-style:normal}.change-location{position:absolute;right:14px;top:14px;border:0;background:transparent;color:var(--blue);font-size:10px;cursor:pointer}.weather-dialog{width:min(460px,calc(100% - 24px));padding:30px;border:0;border-radius:14px;color:var(--navy);box-shadow:0 22px 70px #001b3655}.weather-dialog::backdrop{background:#071f3d99;backdrop-filter:blur(3px)}.weather-dialog h2{margin:0 0 6px}.weather-dialog>p{color:var(--muted);margin:0 0 20px}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:28px;color:var(--muted);cursor:pointer}.locate-button{width:100%;padding:12px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer}.weather-search{margin:20px 0}.weather-search label{display:block;font-weight:700;margin-bottom:7px}.weather-search>div{display:flex}.weather-search input{flex:1;min-width:0;padding:11px;border:1px solid var(--line);border-radius:7px 0 0 7px;outline:none}.weather-search button{padding:0 15px;border:0;border-radius:0 7px 7px 0;background:var(--navy);color:#fff;font-weight:700}.weather-dialog>small{display:block;color:var(--muted);font-size:11px}