:root{
--bg:#ffffff;
--panel:#F5F6F8;
--ink:#0F2438;
--ink-soft:#4E637A;
--line:#D6E0E9;
--primary:#0F3D66;
--primary-dark:#0A2C4A;
--blue:#1C6FB5;
--blue-soft:#EAF2FA;
--green:#1E7A4C;
--green-soft:#E8F4EC;
--font-ui:'Public Sans', -apple-system, Helvetica, Arial, sans-serif;
--font-mono:'IBM Plex Mono', 'Courier New', monospace;
--radius:2px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
font-family:var(--font-ui);
color:var(--ink);
background:var(--bg);
line-height:1.5;
-webkit-font-smoothing:antialiased;
}
a{color:var(--blue);}
img,svg{max-width:100%;}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px;}
h1,h2,h3{font-weight:700;margin:0 0 .5em 0;letter-spacing:-0.01em;}
p{margin:0 0 1em 0;color:var(--ink-soft);}
button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;}
/* Topbar */
.topbar{height:5px;background:var(--primary);}
.masthead{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:50;}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;}
.masthead-right{display:flex;align-items:center;gap:20px;}
.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;color:var(--ink);}
.brand-mark{width:34px;height:34px;background:var(--ink);position:relative;flex:none;}
.brand-mark::after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:var(--primary);}
.brand-name{font-weight:800;font-size:1.15rem;letter-spacing:-0.02em;}
.brand-sub{font-size:.75rem;color:var(--ink-soft);display:block;margin-top:1px;}
nav.primary{display:flex;gap:28px;}
nav.primary a{color:var(--ink);text-decoration:none;font-weight:500;font-size:.95rem;padding:6px 0;border-bottom:2px solid transparent;}
nav.primary a:hover{border-bottom-color:var(--primary);}
.nav-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 10px;}
.status-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:600;color:var(--ink);background:#fff;white-space:nowrap;text-decoration:none;cursor:pointer;font-family:inherit;}
.status-badge:hover{background:var(--panel);}
.status-dot{width:8px;height:8px;border-radius:50%;flex:none;background:#fff;border:1px solid #B9BEC8;}
.status-badge .status-count{font-family:var(--font-mono);font-weight:700;}
.status-badge.status-grau{border-color:#B9BEC8;}
.status-badge.status-grau .status-dot{background:#8A94A3;border-color:#8A94A3;}
.status-badge.status-gruen{border-color:#1E7A4C;}
.status-badge.status-gruen .status-dot{background:#1E7A4C;border-color:#1E7A4C;}
.status-badge.status-orange{border-color:#E3A008;background:#FBF1DE;}
.status-badge.status-orange .status-dot{background:#E3A008;border-color:#E3A008;}
.status-badge.status-rot{border-color:#C23B3B;background:#FBEAEA;color:#7A1F1F;}
.status-badge.status-rot .status-dot{background:#C23B3B;border-color:#C23B3B;}
.status-wrap{position:relative;}
.status-popover{position:absolute;top:calc(100% + 10px);right:0;width:320px;max-width:calc(100vw - 48px);max-height:380px;overflow-y:auto;background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,36,56,.16);z-index:150;padding:6px;}
.status-msg{padding:12px 10px;border-bottom:1px solid var(--line);}
.status-msg:last-child{border-bottom:none;}
.status-msg-tag{display:inline-block;font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:999px;margin-bottom:6px;}
.status-msg-tag.grau{background:#EDEFF2;color:#4E637A;}
.status-msg-tag.orange{background:#FBF1DE;color:#8A5A00;}
.status-msg-tag.rot{background:#FBEAEA;color:#7A1F1F;}
.status-msg-title{font-weight:700;font-size:.9rem;margin:0 0 4px;color:var(--ink);}
.status-msg-text{font-size:.85rem;color:var(--ink-soft);margin:0;}
.status-empty{font-size:.88rem;color:var(--ink-soft);padding:14px 10px;margin:0;}
/* Hero */
.hero{padding:64px 0 48px;border-bottom:1px solid var(--line);}
.hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start;}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:600;color:var(--primary-dark);background:#EAF2FA;padding:4px 10px;margin-bottom:16px;}
.hero h1{font-size:2.5rem;line-height:1.12;max-width:16ch;}
.hero .lead{font-size:1.08rem;max-width:46ch;}
.search-box{margin-top:28px;border:1px solid var(--ink);}
.search-box form{display:flex;}
.search-box input{flex:1;border:none;padding:16px 16px;font-size:1rem;}
.search-box input:focus{outline:none;}
.search-box button{background:var(--ink);color:#fff;border:none;padding:0 22px;font-weight:600;cursor:pointer;}
.search-box button:hover{background:var(--primary-dark);}
.search-hint{font-size:.85rem;margin-top:8px;color:var(--ink-soft);}
.hero-side{border:1px solid var(--line);background:var(--panel);padding:22px;margin-top:44px;}
.hero-side h3{font-size:1rem;}
.hero-side ul{list-style:none;margin:0;padding:0;}
.hero-side li{border-top:1px solid var(--line);}
.hero-side li:first-child{border-top:none;}
.hero-side a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;text-decoration:none;color:var(--ink);font-size:.92rem;font-weight:500;}
.hero-side a span.n{color:var(--ink-soft);font-family:var(--font-mono);font-size:.8rem;}
.hero-side a:hover{color:var(--primary-dark);}
/* Anliegen wegweiser */
.section{padding:56px 0;border-bottom:1px solid var(--line);}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;}
.section-head h2{font-size:1.55rem;}
.section-head p{margin:0;max-width:52ch;}
.paths{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
.path-card{background:#fff;padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:190px;text-decoration:none;color:var(--ink);}
.path-card:hover{background:var(--blue-soft);}
.path-card.featured{background:var(--ink);color:#fff;}
.path-card.featured:hover{background:#2A2F3A;}
.path-card.featured p{color:#C9CDD6;}
.path-tag{font-size:.75rem;font-weight:600;color:var(--ink-soft);}
.path-card.featured .path-tag{color:#9AA3B2;}
.path-card h3{font-size:1.2rem;margin:10px 0 8px;}
.path-go{font-size:.85rem;font-weight:600;margin-top:16px;}
/* Gemeinde-Dialog */
.gdialog-overlay{display:none;position:fixed;inset:0;background:rgba(15,36,56,.55);z-index:200;align-items:flex-start;justify-content:center;padding:64px 20px;}
.gdialog-overlay.show{display:flex;}
.gdialog{background:#fff;max-width:480px;width:100%;border:1px solid var(--line);max-height:80vh;display:flex;flex-direction:column;}
.gdialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 16px;border-bottom:1px solid var(--line);}
.gdialog-head h3{font-size:1.1rem;margin:0 0 4px;}
.gdialog-head p{margin:0;font-size:.88rem;}
.gdialog-close{flex:none;width:32px;height:32px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:1rem;line-height:1;color:var(--ink-soft);}
.gdialog-close:hover{border-color:var(--ink);color:var(--ink);}
.gdialog-search{padding:16px 22px;border-bottom:1px solid var(--line);}
.gdialog-search input{width:100%;border:1px solid #B9BEC8;padding:11px 12px;}
.gdialog-search input:focus{border-color:var(--blue);}
.gdialog-list{overflow-y:auto;padding:6px 10px;}
.gdialog-group{padding:14px 12px 4px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);}
.gdialog-item{width:100%;text-align:left;background:none;border:none;padding:13px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--ink);text-decoration:none;}
.gdialog-item:hover{background:var(--blue-soft);}
.gdialog-item .go{color:var(--ink-soft);font-size:.85rem;}
.gdialog-empty{padding:22px 12px;color:var(--ink-soft);font-size:.9rem;display:none;}
.gdialog-empty.show{display:block;}
.gdialog-foot{border-top:1px solid var(--line);padding:14px 22px;font-size:.85rem;}
.gdialog-foot a{font-weight:600;}
/* Kunden-Kontext-Banner in Formularen */
.kunde-banner{display:none;background:var(--blue-soft);border:1px solid #BBD8EF;padding:14px 18px;margin-bottom:22px;font-size:.9rem;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.kunde-banner.show{display:flex;}
.kunde-banner strong{color:var(--primary-dark);}
.kunde-banner a{font-weight:600;white-space:nowrap;}
/* Wizard (Schnellzugriff-Flows) */
.wizard-step{padding-top:4px;}
.wizard-lead{font-size:.95rem;color:var(--ink-soft);margin-bottom:16px;}
.wizard-selected{font-size:.88rem;color:var(--ink-soft);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line);}
.wizard-selected strong{color:var(--ink);}
.wizard-selected a,.wizard-change{font-weight:600;}
.wizard-choice{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.wizard-choice.three{grid-template-columns:1fr 1fr 1fr;}
.choice-card{text-align:left;background:#fff;border:1px solid var(--line);padding:18px;cursor:pointer;display:flex;flex-direction:column;gap:6px;}
.choice-card:hover{border-color:var(--primary);background:var(--blue-soft);}
.choice-title{font-weight:700;font-size:.98rem;}
.choice-desc{font-size:.85rem;color:var(--ink-soft);}
.wizard-portal-available p{margin-bottom:14px;}
.wizard-portal-missing{border:1px dashed var(--line);padding:16px 18px;font-size:.9rem;}
.wizard-portal-missing p{margin-bottom:12px;}
.wizard-back,.wizard-back-option{display:inline-block;margin-top:18px;font-size:.88rem;font-weight:600;}
@media (max-width:640px){
.wizard-choice,.wizard-choice.three{grid-template-columns:1fr;}
}
/* FAQ */
.faq-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;}
.faq-tab{border:1px solid var(--line);background:#fff;padding:8px 14px;font-size:.9rem;font-weight:500;cursor:pointer;}
.faq-tab[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink);}
.faq-list{border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-size:1rem;font-weight:600;}
.faq-q .cat{display:block;font-size:.75rem;font-weight:600;color:var(--blue);margin-bottom:4px;}
.faq-q .plus{flex:none;width:22px;height:22px;border:1px solid var(--ink);position:relative;}
.faq-q .plus::before,.faq-q .plus::after{content:"";position:absolute;background:var(--ink);}
.faq-q .plus::before{left:5px;right:5px;top:50%;height:1.5px;transform:translateY(-50%);}
.faq-q .plus::after{top:5px;bottom:5px;left:50%;width:1.5px;transform:translateX(-50%);}
.faq-item[data-open="true"] .plus::after{display:none;}
.faq-a{max-height:0;overflow:hidden;padding:0 4px;color:var(--ink-soft);}
.faq-item[data-open="true"] .faq-a{max-height:400px;padding-bottom:20px;}
.faq-empty{padding:32px 4px;color:var(--ink-soft);display:none;}
.faq-empty.show{display:block;}
.faq-pager{display:flex;align-items:center;justify-content:center;gap:18px;padding:24px 0 4px;}
.faq-pager button{background:#fff;border:1px solid var(--ink);padding:9px 16px;font-weight:600;cursor:pointer;}
.faq-pager button:disabled{opacity:.35;cursor:default;}
.faq-pager button:not(:disabled):hover{background:var(--panel);}
.faq-pager span{font-size:.85rem;color:var(--ink-soft);}
.btn-cta{background:var(--primary);color:#fff;border:none;padding:15px 28px;font-weight:700;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
.btn-cta:hover{background:var(--primary-dark);}
.btn-cta::after{content:"→";font-weight:700;}
/* Formulare */
.form-tabs{display:flex;border:1px solid var(--line);margin-bottom:0;}
.form-tab{flex:1;background:#fff;border:none;border-right:1px solid var(--line);padding:16px 12px;font-weight:600;font-size:.92rem;cursor:pointer;color:var(--ink-soft);}
.form-tab:last-child{border-right:none;}
.form-tab[aria-selected="true"]{background:var(--panel);color:var(--ink);}
.form-panel{display:none;border:1px solid var(--line);border-top:none;padding:32px;}
.form-panel.active{display:block;}
.form-panel h3{font-size:1.15rem;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;}
.field{display:flex;flex-direction:column;gap:6px;}
.field.full{grid-column:1 / -1;}
.field label{font-size:.85rem;font-weight:600;}
.field .opt{font-weight:400;color:var(--ink-soft);}
.field input,.field textarea,.field select{border:1px solid #B9BEC8;padding:11px 12px;background:#fff;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);}
.field small{color:var(--ink-soft);font-size:.78rem;}
.form-actions{display:flex;align-items:center;gap:16px;margin-top:8px;}
.btn-primary{background:var(--primary);color:#fff;border:none;padding:13px 24px;font-weight:700;cursor:pointer;}
.btn-primary:hover{background:var(--primary-dark);}
.form-note{font-size:.82rem;color:var(--ink-soft);}
.confirm{display:none;background:var(--green-soft);border:1px solid #BEE0CB;padding:22px;margin-top:22px;}
.confirm.show{display:block;}
.confirm .ref{font-family:var(--font-mono);font-weight:600;color:var(--green);}
/* Trust footer */
.trust{padding:56px 0;}
.trust-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;}
.trust h3{font-size:.95rem;}
.trust .hours td{padding:3px 0;font-size:.9rem;color:var(--ink-soft);}
.trust .hours td:first-child{padding-right:16px;color:var(--ink);}
.last-resort{border:1px dashed var(--line);padding:18px;margin-top:8px;}
footer.site{border-top:1px solid var(--line);padding:22px 0;font-size:.8rem;color:var(--ink-soft);}
footer.site .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
footer.site a{color:var(--ink-soft);}
@media (max-width:860px){
nav.primary{display:none;}
/* nav-toggle bleibt ausgeblendet (display:none, s. Basis-Regel) — auf Mobile ist
neben dem Status kein Menü mehr sichtbar. */
.hero .grid{grid-template-columns:1fr;}
.paths{grid-template-columns:1fr;}
.field-row{grid-template-columns:1fr;}
.trust-grid{grid-template-columns:1fr;gap:32px;}
.hero h1{font-size:2rem;}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto;}
}
Prototyp — Demo-Inhalte
Ihre Antwort ist oft schneller online als am Telefon.
KRVPortal beantwortet die häufigsten Fragen zu Ordnungsbussen, Parkbewilligungen und Fahrzeughalterschaft direkt — und führt Sie bei Bedarf zum passenden Formular.
Die Suche durchsucht die Fragen & Antworten weiter unten.
Fragen & Antworten
Alle
Busse & Einspruch
Parkbewilligung
Halter & Vermietung
Rechtliches
Allgemein
Keine passenden Fragen gefunden. Nutzen Sie unten das Kontaktformular.
Öffnungszeiten Telefon-Hotline
Mittwoch, Donnerstag 13:00 – 17:00 Uhr
Dienstag, Freitag – Sonntag geschlossen
(Ausgenommen Feiertage)
Letzte Option: direkter Kontakt
Gemeinde auswählen
Wählen Sie die Gemeinde, die auf Ihrer Busse steht.
✕
Gemeinde suchen
Keine Gemeinde gefunden.