/* Web24 Kundenportal: Bausteine der Kundenseiten. Farben ueber die Tokens des Themes, mit Rueckfall. */
.kp-hinweis{background:var(--kw-gut-hell,#eef2ff);border-left:4px solid var(--kw-marke,#1d4ed8);padding:12px 16px;border-radius:8px;margin:0 0 20px}
.kp-anmelden{display:grid;gap:10px;max-width:440px}
.kp-anmelden label{font-weight:600}
.kp-anmelden input[type=email]{padding:12px 14px;border:1px solid var(--kw-rand,#e6eaf2);border-radius:8px;font-size:16px;background:var(--kw-flaeche,#fff);color:inherit}
.kp-lock{position:absolute!important;left:-9999px!important;height:1px;overflow:hidden}
.kp-knopf{display:inline-block;background:var(--kw-marke,#1d4ed8);color:#fff!important;border:0;border-radius:8px;padding:12px 22px;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;text-align:center}
.kp-knopf:hover{background:var(--kw-marke-dunkel,#1e3a8a)}
.kp-knopf--zweit{background:transparent;color:var(--kw-marke,#1d4ed8)!important;border:1px solid var(--kw-marke,#1d4ed8)}
.kp-knopf--zweit:hover{background:var(--kw-gut-hell,#eef2ff)}
.kp-knopf--warnung{background:#b42318}
.kp-knopf--warnung:hover{background:#912018}
.kp-klein{font-size:.9em;color:var(--kw-text-leise,#5b6472)}
.kp-liste{display:grid;gap:16px}
.kp-karte{border:1px solid var(--kw-rand,#e6eaf2);border-radius:12px;padding:18px 20px;background:var(--kw-flaeche,#fff)}
.kp-karte__kopf{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.kp-karte h2{font-size:1.15em;margin:0}
.kp-karte h2 a{color:inherit;text-decoration:none}
.kp-stand{display:inline-block;border-radius:999px;padding:3px 12px;font-size:.85em;font-weight:600}
.kp-stand--warten{background:#fff4d6;color:#7a5200}
.kp-stand--gut{background:#dcf5e8;color:#11663a}
.kp-stand--schlecht{background:#fde4e1;color:#912018}
.kp-stand--neutral{background:#eceff1;color:#46505a}
.kp-betriebe{list-style:none;margin:10px 0;padding:0}
.kp-betrieb{padding:6px 0 6px 22px;position:relative}
.kp-betrieb::before{content:"";position:absolute;left:4px;top:13px;width:9px;height:9px;border-radius:50%;background:#b0bac4}
.kp-betrieb--geoeffnet::before{background:#e0a800}
.kp-betrieb--angenommen::before{background:#16a34a}
.kp-betrieb--abgelehnt::before,.kp-betrieb--verfallen::before,.kp-betrieb--nicht_zustellbar::before{background:#dc2626}
.kp-abschnitt{margin:24px 0}
.kp-abschnitt h3{margin:0 0 8px;font-size:1.05em}
.kp-verlauf{list-style:none;margin:0;padding:0;border-left:2px solid var(--kw-rand,#e6eaf2)}
.kp-verlauf li{padding:4px 0 10px 16px}
.kp-nachrichten{list-style:none;margin:0 0 8px;padding:0}
.kp-nachricht{border:1px solid var(--kw-rand,#e6eaf2);border-left:4px solid var(--kw-marke,#1d4ed8);border-radius:12px;padding:12px 16px;margin:0 0 10px;background:#fff}
.kp-nachricht__kopf{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.kp-nachricht__kopf time{font-size:.85em;color:var(--kw-text-leise,#5b6472)}
.kp-nachricht p{margin:6px 0 0}
.kp-nachricht-hinweis a{font-weight:700}
.kp-verlauf time{display:block;font-size:.85em;color:var(--kw-text-leise,#5b6472)}
.kp-alternative{background:var(--kw-gut-hell,#eef2ff);border-radius:12px;padding:16px 20px}
.kp-form{display:inline-block;margin:8px 0}
.kp-angaben{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}
.kp-angaben dt{font-weight:600}
.kp-angaben dd{margin:0;word-break:break-word}
.kp-link{font-weight:600}
details summary{cursor:pointer;font-weight:600}