/* A&C Offertentool – Gestaltung nach Skill ac-corporate-design (reference/tokens.json, Version 1.1).
   Farben ausschliesslich aus den Tokens. Keine Verläufe, keine Schatten, keine Dekor-Icons. */
:root{
  --primary-navy:#1A3A5C; --navy-deep:#08234E; --accent-green:#207730; --brand-grey:#6E7480;
  --text-primary:#222222; --text-secondary:#555555; --text-muted:#888888;
  --border-light:#CCCCCC; --border-tint:#B0C4DE; --background-light:#F2F4F6; --background-tint:#E2E8EF;
  --signal-negative:#C0392B; --signal-positive-bg:#E8F5E9; --signal-warn-bg:#FFF9C4; --white:#FFFFFF;
  --deckblatt-subtitle:#C3CCDB;
  --font:Arial, Helvetica, sans-serif;
}
*{box-sizing:border-box}
html{font-size:15px}
body{margin:0;font:1rem/1.45 var(--font);color:var(--text-primary);background:var(--white)}
a{color:var(--primary-navy)}
a:hover{color:var(--navy-deep)}
h1{font-size:1.6rem;color:var(--primary-navy);margin:0 0 .3rem}
h2{font-size:1.15rem;color:var(--primary-navy);margin:1.6rem 0 .5rem}
h3{font-size:1rem;color:var(--text-primary);margin:1rem 0 .4rem}
h4{font-size:.95rem;margin:.8rem 0 .3rem}
code{background:var(--background-light);padding:0 .25rem}
.klein{font-size:.83rem;color:var(--text-secondary)}
.leer{color:var(--text-secondary);font-style:italic;padding:1rem .5rem}

/* Kopf: die eine dominante navy_deep-Fläche */
.kopf{display:flex;justify-content:space-between;align-items:center;background:var(--navy-deep);color:#fff;padding:.55rem 1.4rem;gap:1rem;flex-wrap:wrap}
.marke{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:#fff}
.marke img{height:34px;width:auto}
.appname{font-size:1rem;border-left:1px solid var(--deckblatt-subtitle);padding-left:.9rem;color:var(--deckblatt-subtitle)}
.kopf-rechts{display:flex;align-items:center;gap:1.1rem;font-size:.87rem}
.verbindung{color:#fff;text-decoration:none;padding:.15rem .5rem;border:1px solid var(--deckblatt-subtitle)}
.verbindung.aus{border-color:#fff}
.verbindung.ok::before{content:"";display:inline-block;width:.5rem;height:.5rem;background:#3E9E4E;margin-right:.4rem}
.benutzer{color:var(--deckblatt-subtitle)}
.link-hell{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
/* Rückweg in die A&C Brokerverwaltung (gemeinsame Navigation) */
.crm-leiste{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:var(--background-tint);border-bottom:1px solid var(--border-tint);padding:.4rem 1.4rem;font-size:.87rem}
.crm-leiste a{display:inline-flex;align-items:center;min-height:2.2rem;padding:0 .8rem;border:1px solid var(--primary-navy);border-radius:4px;background:#fff;color:var(--primary-navy);font-weight:700;text-decoration:none}
.crm-leiste a.crm-zurueck{background:var(--primary-navy);color:#fff}
.crm-leiste .crm-ort{font-weight:700;color:var(--primary-navy);margin-left:.4rem}
.dev-band{background:var(--signal-warn-bg);color:var(--text-primary);padding:.35rem 1.4rem;font-size:.85rem;border-bottom:1px solid var(--border-light)}

.rahmen{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 110px)}
.bereiche{border-right:1px solid var(--border-light);padding:1rem 0;background:var(--white)}
.bereiche a{display:flex;gap:.6rem;align-items:baseline;padding:.55rem 1rem .55rem 1.1rem;text-decoration:none;color:var(--text-primary);border-left:3px solid transparent;line-height:1.25}
.bereiche a:hover{background:var(--background-light)}
.bereiche a.aktiv{border-left-color:var(--accent-green);background:var(--background-light);color:var(--primary-navy);font-weight:bold}
.bereiche .nr{color:var(--text-secondary);font-size:.85rem;min-width:1rem}
main{padding:1.2rem 2rem 4rem;min-width:0}
.fuss{border-top:1px solid var(--border-light);color:var(--text-muted);font-size:.78rem;text-align:center;padding:.6rem}

.seitenkopf{margin-bottom:1rem}
.eyebrow{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.2rem}
.meta{color:var(--text-secondary);font-size:.9rem}
a.ruhig{text-decoration:none;color:inherit}

.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-light);margin:0 0 1.2rem;flex-wrap:wrap}
.tabs a{padding:.55rem 1rem;text-decoration:none;color:var(--text-secondary);border-bottom:3px solid transparent;margin-bottom:-1px}
.tabs a.aktiv{color:var(--primary-navy);border-bottom-color:var(--primary-navy);font-weight:bold}
.pillen{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 1rem}
.pillen a{border:1px solid var(--border-light);padding:.3rem .8rem;text-decoration:none;color:var(--text-primary)}
.pillen a.aktiv{background:var(--primary-navy);border-color:var(--primary-navy);color:#fff}
.umschalter a{margin-left:.8rem;color:var(--text-secondary)} .umschalter a.aktiv{color:var(--primary-navy);font-weight:bold}
.leiste{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.suche{display:flex;gap:.5rem}.suche input{min-width:320px}

/* Meldungen und Infoboxen */
.meldung{padding:.55rem .8rem;margin:0 0 .6rem;border-left:3px solid var(--primary-navy);background:var(--background-light)}
.meldung.ok{border-left-color:var(--accent-green);background:var(--signal-positive-bg)}
.meldung.fehler{border-left-color:var(--signal-negative)}
.infobox{border-left:3px solid var(--accent-green);background:var(--background-light);padding:.6rem .9rem;margin:.6rem 0 1rem;font-size:.93rem}
.infobox-titel{font-weight:bold;color:var(--accent-green);margin-bottom:.15rem}
.infobox.wichtig{border-left-color:var(--primary-navy)} .infobox.wichtig .infobox-titel{color:var(--primary-navy)}
.infobox.frist{border-left-color:var(--signal-negative)} .infobox.frist .infobox-titel{color:var(--signal-negative)}

/* Tabellen */
.tabelle,.vergleich{width:100%;border-collapse:collapse;font-size:.92rem;margin:.3rem 0 1rem}
.tabelle th,.vergleich thead th{background:var(--primary-navy);color:#fff;text-align:left;font-weight:bold;padding:.5rem .55rem;vertical-align:middle;font-size:.85rem}
.tabelle td{padding:.42rem .55rem;border-bottom:1px solid var(--border-light);vertical-align:top}
.tabelle tbody tr:nth-child(even) td{background:var(--background-light)}
.tabelle tbody tr:last-child td{border-bottom:1px solid var(--primary-navy)}
.tabelle .zahl,.tabelle td.zahl{text-align:right;font-variant-numeric:tabular-nums}
.tabelle tbody th{background:none;color:var(--text-primary);font-weight:normal;padding:.42rem .55rem;border-bottom:1px solid var(--border-light);text-align:left}
tr.gedimmt td{color:var(--text-secondary)}
tr.markiert td{background:var(--signal-warn-bg)!important}
tr.gruppe th{background:var(--background-tint)!important;color:var(--primary-navy)!important}
.tabelle-scroll{overflow-x:auto;border-bottom:1px solid var(--primary-navy)}
.vergleich{table-layout:fixed;min-width:760px}
.vergleich thead th:first-child{width:260px}
.vergleich tbody th{text-align:left;font-weight:normal;color:var(--text-secondary);padding:.42rem .55rem;border-bottom:1px solid var(--border-light);min-width:220px;vertical-align:top;background:var(--white);position:sticky;left:0}
.vergleich td{padding:.42rem .55rem;border-bottom:1px solid var(--border-light);vertical-align:top;min-width:190px}
.vergleich tr.diff th{color:var(--primary-navy);font-weight:bold}
.vergleich tr.diff td{background:var(--background-light)}
.vergleich tr.jahrespraemie td,.vergleich tr.jahrespraemie th{border-top:1px solid var(--primary-navy);border-bottom:1px solid var(--primary-navy)}
.vergleich a.hell{color:#fff}
.klein-hell{font-size:.78rem;color:var(--deckblatt-subtitle);font-weight:normal}
.z-leer{color:var(--text-secondary);font-style:italic}
.z-nicht_angegeben{color:var(--text-secondary);font-style:italic;border-bottom:1px dotted var(--text-secondary)}
.z-nicht_gedeckt{color:var(--signal-negative);font-weight:bold}
.z-nicht_vergleichbar{color:var(--primary-navy);font-style:italic}
.legende{font-size:.83rem;color:var(--text-secondary)}
.warn{color:var(--signal-negative)}

/* Status und Marker */
.status{display:inline-block;font-size:.8rem;padding:.08rem .45rem;border-left:3px solid var(--brand-grey);background:var(--background-light);white-space:nowrap;margin:.05rem 0}
.s-angaben_fehlen,.s-rueckfrage{border-left-color:var(--signal-negative)}
.s-vorbereitet{border-left-color:var(--brand-grey)}
.s-entwurf_erstellt,.s-versendet{border-left-color:var(--primary-navy)}
.s-offerte_eingegangen,.s-abgeschlossen{border-left-color:var(--accent-green)}
.s-absage{border-left-color:var(--text-muted);color:var(--text-secondary)}
.marke-fehlt,.marke-ok,.marke-pruefen,.marke-diff,.marke-info{display:inline-block;font-size:.76rem;padding:0 .35rem;margin-left:.35rem;border:1px solid}
.marke-fehlt{color:var(--signal-negative);border-color:var(--signal-negative)}
.marke-ok{color:var(--accent-green);border-color:var(--accent-green)}
.marke-pruefen{color:var(--text-primary);border-color:var(--border-light);background:var(--signal-warn-bg)}
.marke-diff,.marke-info{color:var(--primary-navy);border-color:var(--border-tint)}

/* Formulare */
input,select,textarea{font:inherit;color:var(--text-primary);border:1px solid var(--border-light);border-radius:0;padding:.38rem .5rem;background:#fff;max-width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-navy);outline-offset:0;border-color:var(--primary-navy)}
textarea{width:100%}
input:not([type=checkbox]):not([type=radio]):not([type=file]){min-width:0}
fieldset{border:0;border-top:1px solid var(--border-light);margin:1rem 0 .4rem;padding:.6rem 0 0}
legend{font-weight:bold;color:var(--primary-navy);padding-right:.6rem}
.feld-label{display:block;font-size:.85rem;color:var(--text-secondary);margin:.15rem 0 .2rem}
.pflicht{color:var(--signal-negative);margin-left:.15rem}
.feld{padding:.5rem 0 .55rem;border-bottom:1px solid var(--background-tint)}
.feld.offen{border-left:3px solid var(--signal-negative);padding-left:.6rem}
.feld .eingabe{display:flex;gap:.5rem;align-items:flex-start;flex-wrap:wrap}
.feld .eingabe > input,.feld .eingabe > select:not(.zustand),.feld .eingabe > textarea{flex:1 1 280px}
.feld .eingabe input.kurz{flex:0 1 160px}
.feld select.zustand{flex:0 0 auto;font-size:.82rem;color:var(--text-secondary);background:var(--background-light)}
.feld.kompakt{padding:.35rem 0}
.hilfe,.warum,.quelle{margin:.25rem 0 0;font-size:.8rem;color:var(--text-secondary)}
.warum::before{content:"";}
.quelle{color:var(--text-muted)}
.radio,.check{display:inline-flex;gap:.35rem;align-items:center;margin:.1rem 1rem .1rem 0;cursor:pointer}
.mehrfach,.janein{display:flex;flex-wrap:wrap;flex:1 1 280px}
.mit-einheit{display:inline-flex;flex:1 1 220px}
.mit-einheit .einheit{border:1px solid var(--border-light);border-right:0;padding:.38rem .5rem;background:var(--background-light);color:var(--text-secondary);font-size:.85rem}
.mit-einheit input{flex:1}
.stapel{display:flex;flex-direction:column;gap:.45rem;align-items:flex-start}
.stapel input:not([type=checkbox]):not([type=radio]),.stapel select,.stapel textarea{width:100%;max-width:560px}
.raster2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.2rem;align-items:end}
.raster2 input:not([type=checkbox]):not([type=radio]),.raster2 select{width:100%}
.raster2 .voll{grid-column:1 / -1}
form.inline{display:inline-flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.aktionen-fix{position:sticky;bottom:0;background:var(--white);border-top:1px solid var(--primary-navy);padding:.7rem 0;margin-top:1rem;z-index:2}
.aktionen{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-start;margin-top:.8rem}

/* Knöpfe */
.knopf{display:inline-block;background:var(--primary-navy);color:#fff;border:1px solid var(--primary-navy);padding:.48rem 1rem;font:inherit;font-weight:bold;cursor:pointer;text-decoration:none;line-height:1.2}
.knopf:hover{background:var(--navy-deep);color:#fff}
.knopf.zweit{background:#fff;color:var(--primary-navy)}
.knopf.zweit:hover{background:var(--background-light)}
.knopf.klein{padding:.25rem .6rem;font-size:.82rem}
.knopf.gefahr{background:#fff;color:var(--signal-negative);border-color:var(--signal-negative)}
.knopf[disabled]{opacity:.45;cursor:not-allowed}

/* Karten und Raster */
.karte{border:1px solid var(--border-light);padding:.9rem 1.1rem;margin:.6rem 0 1rem;background:#fff}
.karte.offen{border-left:3px solid var(--signal-negative)}
.karte > h2:first-child,.karte > h3:first-child{margin-top:0}
details > summary{cursor:pointer;color:var(--primary-navy);font-weight:bold}
details.mini > summary{font-weight:normal;font-size:.85rem}
details.mini form{margin-top:.4rem}
.zweispaltig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}
.zweispaltig.breit-rechts{grid-template-columns:minmax(260px,1fr) minmax(0,2.4fr)}
.zweispaltig.breit-links{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}
.zweispaltig.breit-rechts > aside{position:sticky;top:.8rem;align-self:start}
.liste{padding-left:1.1rem;margin:.3rem 0 .8rem}
.liste li{margin:.2rem 0}
ol.fehlend{padding-left:1.3rem;margin:.3rem 0}
ol.fehlend li{margin:.35rem 0}
.verlauf{list-style:none;padding:0;margin:0;font-size:.88rem}
.verlauf li{padding:.3rem 0;border-bottom:1px solid var(--background-tint)}
.kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;margin:1rem 0}
.kachel{border:1px solid var(--border-light);background:var(--background-light);padding:.8rem 1rem;text-decoration:none;color:var(--text-primary);display:flex;flex-direction:column}
.kachel-wert{font-size:1.8rem;font-weight:bold;color:var(--primary-navy)}
.kachel-label{font-size:.85rem;color:var(--text-secondary)}
.kachel.warn{border-left:3px solid var(--signal-negative)}
.vorschlaege{border-left:3px solid var(--primary-navy)}
.entwurf-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--border-light);margin-bottom:.6rem}
.entwurf-kopf h3{margin:.2rem 0 .4rem;color:var(--primary-navy)}
.zustand-erstellt,.zustand-versendet{color:var(--accent-green);font-weight:bold}
.zustand-fehler,.zustand-teilweise{color:var(--signal-negative);font-weight:bold}
.zustand-vorbereitet,.zustand-wird_erstellt{color:var(--text-secondary)}
dl.kv{display:grid;grid-template-columns:160px 1fr;gap:.25rem .8rem;margin:.4rem 0 .8rem;font-size:.92rem}
dl.kv dt{color:var(--text-secondary)} dl.kv dd{margin:0;word-break:break-word}
.mailvorschau{border:1px solid var(--border-light);padding:1rem 1.2rem;margin:.5rem 0;max-height:900px;overflow:auto;background:#fff;font-size:.93rem}
/* Die Inline-Stile der Mail sind durch die Content Security Policy gesperrt; diese Regeln bilden sie nach. */
.mailvorschau p{margin:0 0 .6rem}
.mailvorschau p.mail-titel{font-weight:bold;color:var(--primary-navy);margin:1rem 0 .3rem}
.mailvorschau table{border-collapse:collapse;width:100%;max-width:640px}
.mailvorschau td{padding:.2rem .8rem .2rem 0;border-bottom:1px solid var(--border-light);vertical-align:top}
.mailvorschau td:first-child{color:var(--text-secondary);width:38%}
pre.mailtext{white-space:pre-wrap;font:inherit;font-size:.88rem;background:var(--background-light);padding:.8rem;max-height:380px;overflow:auto}
iframe.vorschau{width:100%;height:78vh;border:1px solid var(--border-light)}
.aktiv-link{font-weight:bold}
.quelle-mini{color:var(--text-muted)}

/* Schlichte Seiten (Anmeldung) */
body.schlicht{background:var(--background-light)}
main.schmal{max-width:560px;margin:8vh auto;background:#fff;border:1px solid var(--border-light);padding:2rem 2.2rem}
.logo-gross{width:5.4cm;height:auto;display:block;margin-bottom:1.5rem}

@media (max-width:1100px){
  .rahmen{grid-template-columns:1fr}
  .bereiche{display:flex;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--border-light);padding:.3rem}
  .bereiche a{border-left:0;border-bottom:3px solid transparent;padding:.4rem .6rem}
  .bereiche a.aktiv{border-bottom-color:var(--accent-green)}
  .zweispaltig,.zweispaltig.breit-rechts,.zweispaltig.breit-links,.raster2{grid-template-columns:1fr}
  .zweispaltig.breit-rechts > aside{position:static}
  main{padding:1rem}
  .suche input{min-width:0}
}
@media print{
  .kopf,.bereiche,.tabs,.pillen,.aktionen-fix,.aktionen,form .knopf,.dev-band{display:none!important}
  .rahmen{display:block} body{font-size:10pt;print-color-adjust:exact;-webkit-print-color-adjust:exact}
}

/* --- Frage-für-Frage-Assistent ------------------------------------------------------------ */
.neu-anfrage{display:block!important;margin:0 1rem 1rem;padding:.65rem .9rem!important;background:var(--primary-navy);color:#fff!important;font-weight:bold;border-left:0!important;text-align:center}
.neu-anfrage:hover,.neu-anfrage.aktiv{background:var(--navy-deep)!important;color:#fff!important}
.nav-titel{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);padding:.4rem 1.1rem}
.assistent{max-width:800px;margin:0 auto}
.assistent-kopf{font-size:.88rem;color:var(--text-secondary);margin-bottom:.6rem}
.schrittleiste{list-style:none;display:flex;flex-wrap:wrap;gap:.2rem;padding:0;margin:0 0 1.4rem;counter-reset:schritt}
.schrittleiste li{counter-increment:schritt;font-size:.8rem;color:var(--text-secondary);padding:.25rem .55rem;border-bottom:3px solid var(--background-tint)}
.schrittleiste li::before{content:counter(schritt) " "}
.schrittleiste li.erledigt{border-bottom-color:var(--brand-grey)}
.schrittleiste li.aktuell{border-bottom-color:var(--primary-navy);color:var(--primary-navy);font-weight:bold}
.frage-karte{border:1px solid var(--border-light);padding:1.6rem 1.8rem;background:#fff}
.abschnitt-info{font-size:.85rem;color:var(--text-secondary);margin-bottom:.35rem}
.frage-karte progress{width:100%;height:6px;appearance:none;border:0;background:var(--background-tint);margin-bottom:1.2rem}
.frage-karte progress::-webkit-progress-bar{background:var(--background-tint)}
.frage-karte progress::-webkit-progress-value{background:var(--primary-navy)}
.frage-karte progress::-moz-progress-bar{background:var(--primary-navy)}
h1.frage{font-size:1.5rem;line-height:1.3;margin:.2rem 0 .6rem}
.frage-karte .hilfe,.zusammenfassung .hilfe{font-size:.95rem;color:var(--text-secondary);margin:0 0 1rem}
.eingaben{margin:1rem 0 1.2rem}
.gross,input.gross,select.gross,textarea.gross{font-size:1.1rem;padding:.65rem .75rem;width:100%;max-width:100%}
input.gross.kurz{max-width:260px}
.mit-einheit.gross{display:flex;max-width:360px}
.mit-einheit.gross input{font-size:1.1rem;padding:.65rem .75rem}
.mit-einheit.gross .einheit{font-size:1rem;padding:.65rem .7rem}
.feldgruppe{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}
.feldgruppe > label{font-weight:bold;color:var(--text-primary)}
.feldgruppe .mit-einheit,.eingaben > .mit-einheit{flex:0 0 auto}
.wahl-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem}
.wahl-liste{display:flex;flex-direction:column;gap:.5rem;margin:.6rem 0 1rem}
.wahl{display:flex;align-items:center;gap:.7rem;border:1px solid var(--border-light);padding:.85rem 1rem;min-height:3.2rem;cursor:pointer;background:#fff;text-decoration:none;color:var(--text-primary);font-size:1.02rem}
.wahl:hover{border-color:var(--primary-navy);background:var(--background-light)}
.wahl input{width:1.2rem;height:1.2rem;flex:0 0 auto;accent-color:var(--primary-navy)}
.wahl:has(input:checked){border-color:var(--primary-navy);border-left:4px solid var(--primary-navy);padding-left:calc(1rem - 3px);background:var(--background-light)}
.wahl:focus-within,a.wahl:focus{outline:3px solid var(--primary-navy);outline-offset:1px}
.knopfzeile{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.2rem;border-top:1px solid var(--background-tint);padding-top:1rem}
.knopfzeile .knopf{padding:.75rem 1.3rem;font-size:1rem}
.knopfzeile .weiter{order:9;margin-left:auto}
.knopf:focus-visible,.link:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--primary-navy);outline-offset:2px}
.spaeter{margin-top:.8rem;font-size:.9rem}
button.link{background:none;border:0;padding:0;color:var(--primary-navy);text-decoration:underline;cursor:pointer;font:inherit}
.bisher{font-size:.88rem;color:var(--text-secondary);margin:.4rem 0 0}
.warum-box{margin:.4rem 0 0;font-size:.9rem}
.warum-box summary{font-weight:normal;font-size:.9rem}
.unsichtbar{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.suchzeile{display:flex;gap:.5rem;margin:.6rem 0}
.upload{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;margin:1rem 0;padding:1rem;border:1px dashed var(--border-light)}
.pruef-liste{list-style:none;padding:0;margin:.5rem 0 1rem}
.pruef-zeile{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--background-tint)}
.pruef-zeile .wert{font-size:1.05rem;font-weight:bold}
.pruef-zeile.klaeren{border-left:3px solid var(--signal-negative);padding-left:.7rem}
.klaerung{font-size:.88rem;color:var(--signal-negative);margin-top:.25rem}
.gruppe-auswahl{margin:1rem 0}
.zusammenfassung .karte-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--border-light);margin-bottom:.5rem}
.zusammenfassung .karte-kopf h2{margin:.2rem 0 .4rem}
table.antworten{width:100%;border-collapse:collapse;font-size:.95rem}
table.antworten th{text-align:left;font-weight:normal;color:var(--text-secondary);width:42%;padding:.3rem .8rem .3rem 0;vertical-align:top;border-bottom:1px solid var(--background-tint)}
table.antworten td{padding:.3rem 0;border-bottom:1px solid var(--background-tint);vertical-align:top}
.statusliste{list-style:none;padding:0;margin:.6rem 0 1.2rem}
.statusliste li{padding:.45rem 0;display:flex;gap:.6rem;align-items:baseline}
.status-punkt{display:inline-block;width:.75rem;height:.75rem;border:2px solid var(--signal-negative);flex:0 0 auto}
.statusliste li.ok .status-punkt{border-color:var(--accent-green);background:var(--accent-green)}
.start-aktion{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;border:1px solid var(--border-light);border-left:3px solid var(--primary-navy);padding:1.2rem 1.4rem;margin:1rem 0 1.5rem;background:var(--background-light)}
.start-aktion h2{margin:0 0 .3rem}.start-aktion p{margin:0;color:var(--text-secondary)}
.gross-knopf{font-size:1.1rem;padding:.9rem 1.6rem}
@media (max-width:700px){.frage-karte{padding:1rem}.knopfzeile .weiter{margin-left:0;width:100%;text-align:center}.wahl-raster{grid-template-columns:1fr}}