

.fehlerbogen{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);
  border-radius:var(--r-karte);border:1px solid var(--fehler);background:var(--flaeche)}
.fehlerbogen > .t{display:flex;align-items:center;gap:var(--s2);font:600 15px/1.3 var(--sans);color:var(--tinte)}
.fehlerbogen > .t svg{width:18px;height:18px;color:var(--fehler)}
.fehlerbogen ol{display:flex;flex-direction:column;gap:var(--s1);list-style:none;padding:0}
.fehlerbogen li{font-size:14px;line-height:1.5}
.fehlerbogen a{color:var(--tinte);font-weight:600}
.feld--fehlt input,.feld--fehlt select{border-color:var(--fehler)}
.feld--fehlt > label{color:var(--fehler)}
.feldfehler{display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:1.4;color:var(--fehler)}
.feldfehler svg{width:14px;height:14px}
.fehlerbogen--frage{border-color:var(--akzent)}
.fehlerbogen--frage > .t svg,.rueckfrage svg{color:var(--tinte-2)}
.feld--frage input{border-color:var(--tinte-2)}
.feld:has([data-qa="grundstueck-plausi"][data-offen="true"]) input{border-color:var(--akzent);box-shadow:0 0 0 1px var(--akzent)}
.rueckfrage{display:flex;flex-direction:column;gap:var(--s2)}
.rueckfrage[hidden]{display:none}
.rueckfrage > p{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:13.5px;line-height:1.45;color:var(--tinte)}
.rueckfrage > p svg{flex:none;width:15px;height:15px;margin-top:2px}
.rueckfrage-text{display:grid}
.rueckfrage-text>*{grid-area:1/1}
.rueckfrage-text>[aria-hidden]{visibility:hidden}
[data-qa=grundstueck-teil-anleitung][hidden]{display:none}
.rueckfrage-knoepfe{display:flex;flex-wrap:wrap;gap:var(--s2)}
.rueckfrage-vorschlag{margin:0 0 0 21px;font-size:13px;line-height:1.45;color:var(--tinte-2)}
.rueckfrage-knoepfe .knopf{min-height:44px}
.rueckfrage-eintrag{display:flex;flex-direction:column;gap:var(--s1)}

.az .quelle{grid-column:2/4;font-size:12.5px;line-height:1.4;color:var(--tinte-2)}

.nurlaut{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;border:0}

.vk .chip{align-self:flex-start}
.vk[aria-disabled=true]{cursor:default}
.vk[aria-disabled=true]:hover{background:transparent}

.az.zwischensumme{border-top:1px solid var(--linie-zart);padding-top:var(--s3);margin-top:var(--s1)}
.az.zwischensumme .n,.az.zwischensumme .v{font-weight:700}

.aktionsband .bandknoepfe{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.aktionsband .band-info{display:grid;flex:1 1 auto;min-width:0;align-items:center}
.aktionsband .band-info>*{grid-area:1/1;margin:0}
.aktionsband .band-nachher{display:flex;flex-wrap:nowrap;gap:var(--s2);align-items:center;min-height:44px;visibility:hidden}
.aktionsband .band-info[data-erstellt]>.txt{visibility:hidden}
.aktionsband .band-info[data-erstellt]>.band-nachher{visibility:visible}
.aktionsband .band-nachher .knopf{width:auto;flex:none}
.aktionsband .band-nachher .quittung{min-width:0;flex:0 1 auto}
.aktionsband .band-nachher .quittung>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aktionsband .band-nachher>.klein{flex:1 1 auto;min-width:0}
.abstand > .aktionsband{margin-top:calc(var(--s4) + var(--s6) - var(--s7))}
html:has(.abstand > .aktionsband){scroll-padding-bottom:calc(var(--band-hoehe, 160px) + var(--s3))}
.aktionsband--gesperrt .knopf--haupt:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;filter:saturate(.6)}
@media (max-width:760px){
  .abstand > .aktionsband{margin-top:var(--s4)}
  .aktionsband .band-erkl{display:none}
  .aktionsband .bandknoepfe{flex-wrap:nowrap}
  .aktionsband .bandknoepfe .knopf--haupt{width:auto;flex:1 1 auto;min-width:0}
  .aktionsband .bandknoepfe .band-zurueck{width:44px;flex:none;padding:0;justify-content:center}
  .aktionsband.aktionsband--galerie .bandknoepfe{flex-wrap:wrap}
  .aktionsband .band-zurueck-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .aktionsband--gesperrt .bandknoepfe{flex-wrap:wrap}
  .aktionsband--gesperrt .bandknoepfe .band-zurueck{width:100%;flex:1 1 100%;padding:0 var(--s4)}
}

.zielwahl .seg[data-fach="0"]{--seg-sp:0;--seg-ze:0}
.zielwahl .seg[data-fach="1"]{--seg-sp:1;--seg-ze:0}
.zielwahl .seg[data-fach="2"]{--seg-sp:2;--seg-ze:0}
.zielwahl .seg[data-fach="3"]{--seg-sp:3;--seg-ze:0}
.zielwahl .seg[data-fach="4"]{--seg-sp:4;--seg-ze:0}
@media (max-width:760px){
  .zielwahl .seg[data-fach="2"]{--seg-sp:0;--seg-ze:1}
  .zielwahl .seg[data-fach="3"]{--seg-sp:1;--seg-ze:1}
  .zielwahl .seg[data-fach="4"]{--seg-sp:0;--seg-ze:2}
}
@media (max-width:420px){
  .zielwahl .seg--5{grid-template-columns:minmax(0,1fr);grid-auto-rows:1fr;--seg-n:1}
  .zielwahl .seg--5 > .ind{height:calc((100% - 26px) / 5);bottom:auto}
  .zielwahl .seg[data-fach="1"]{--seg-sp:0;--seg-ze:1}
  .zielwahl .seg[data-fach="2"]{--seg-sp:0;--seg-ze:2}
  .zielwahl .seg[data-fach="3"]{--seg-sp:0;--seg-ze:3}
  .zielwahl .seg[data-fach="4"]{--seg-sp:0;--seg-ze:4}
}

.kasse > div.kw{cursor:default}
.kasse > div.kw:hover{border-color:var(--linie-zart)}
