/* Freischalt-Dialog — uebernommen aus AWL (astro/public/assets/tender/ausschreibungen.css,
   Stand 07.08.2026) und auf die Tenderbold-Marken abgebildet: AWL-Tuerkis #0DB0CC,
   AWL-Gruen #0A8A3C und AWL-Blau #276EF1 sind durch var(--tb-green) ersetzt, der
   schwarze Kaufknopf ebenfalls. Es wurde keine neue Farbe erfunden (Regel R6).
   Gehoert zum Dialog aus overlay.js -- beide immer gemeinsam aendern. */

/* Freischalt-Dialog */
.mbd{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:20px;z-index:400}
.mdl{position:relative;background:#fff;border-radius:16px;padding:24px 26px 0;width:100%;max-width:520px;max-height:92vh;overflow-y:auto}
.mdl h2{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:8px;text-wrap:pretty}
.mdl-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:none;border-radius:50%;background:#F4F4F4;font-size:20px;line-height:1;cursor:pointer;color:#000}
.mdl-close:hover{background:#e6e6e6}
.mdl-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13.5px;color:#545454;margin-bottom:18px}
.mdl-list{display:flex;flex-direction:column;gap:6px;background:#F4F4F4;border-radius:12px;padding:12px 14px;margin-bottom:14px}
.mdl-list div{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.4}
.mdl-list svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--tb-green)}
.vat span{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}
.vat-row{display:flex;gap:9px}
.vat-row input{flex:1;min-width:0;background:#EEEEEE;border:none;border-radius:8px;padding:0 14px;height:48px;font-family:inherit;font-size:15px;outline:none}
.vat-row input:focus{box-shadow:0 0 0 2px #000 inset}
.vat-row button{background:#EEEEEE;border:none;border-radius:8px;padding:0 20px;font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.vat-row button:hover{background:#e2e2e2}
.vat-msg{font-size:13.5px;line-height:1.45;margin-top:9px;min-height:1px}
.vat-msg.ok{color:var(--tb-green)}
.vat-msg.err{color:#C6291F}
.price-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;padding:12px 0;margin:0 0 14px}
.price-box span{display:block;font-size:15px;font-weight:600}
.price-box small{display:block;font-size:12.5px;color:#6b6b6b;margin-top:2px}
.price-box strong{font-size:19px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.buy{width:100%;background:var(--tb-green);color:#fff;border:none;border-radius:10px;padding:15px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s}
.buy:disabled{background:#D6D6D6;color:#8a8a8a;cursor:not-allowed}
.buy:not(:disabled):hover{opacity:.85}
.mdl-note{font-size:12.5px;color:#6b6b6b;text-align:center;margin-top:11px}
/* Zustimmungshinweis direkt ueber dem Bestellknopf (06.08.2026). Kleiner als
   der Fliesstext, aber bewusst lesbar -- er ist Teil des Vertragsschlusses. */
.mdl-consent{font-size:12.5px;line-height:1.5;color:#6b6b6b;margin:2px 0 10px}
/* Zweiter Zahlungsweg (06.08.2026): "oder"-Trenner, heller Zweitknopf und
   der Verkaeufer-/Steuerhinweis ueber dem Kaufknopf. */
.mdl-oder{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:#8A8A8A;font-size:12.5px}
.mdl-oder:before,.mdl-oder:after{content:"";flex:1;height:1px;background:#E4E4E4}
.buy.sek{background:#fff;color:#111;border:1px solid #111}
.buy.sek:hover{background:#F4F4F4}
.mdl-weg{font-size:12.5px;line-height:1.55;color:#4A5257;background:#F6F8F9;
  border-left:3px solid var(--tb-green);padding:10px 12px;margin:0 0 12px}
.mdl-weg strong{color:#111}
/* Kundenart-Auswahl (06.08.2026): drei Karten statt eines optionalen Feldes.
   Gleiche Anmutung wie der Rest des Kauffensters -- eckig, ruhig, ohne
   Farbspiel; die gewaehlte Karte bekommt den einen Akzentrahmen. */
.kart{border:0;padding:0;margin:2px 0 14px}
.kart legend{padding:0;font-size:13px;font-weight:700;color:#111;margin-bottom:8px}
.kart-opt{display:flex;gap:9px;align-items:flex-start;border:1px solid #E0E4E6;
  border-radius:8px;padding:9px 11px;margin-bottom:6px;cursor:pointer;background:#fff}
.kart-opt:hover{border-color:#B9C2C6}
.kart-opt.on{border-color:var(--tb-green);background:#f1fbf9}
.kart-opt input[type=radio],.mdl-form .kart-opt input[type=radio]{width:16px;height:16px;min-width:16px;max-width:16px;margin:1px 0 0;padding:0;
  flex:0 0 16px;border:0;border-radius:50%;background:none;accent-color:var(--tb-green);appearance:auto}
.kart-opt span{flex:1 1 auto;min-width:0}
.kart-opt span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.kart-opt strong{font-size:14px;color:#111;font-weight:700}
.kart-opt small{font-size:12px;line-height:1.45;color:#6b6b6b}
/* Kaufknopf bleibt sichtbar (06.08.2026, Rene): Das Fenster ist laenger als
   der Bildschirm, der Knopf lag darunter -- wer nicht scrollte, sah ihn nie.
   Zustimmungszeile, Knopf und Fusshinweis kleben jetzt unten am Fenster,
   der Rest scrollt darunter durch. Deshalb hat .mdl unten kein Polster mehr:
   sonst schwebte der Block ueber einer leeren Kante. */
.mdl-fuss{position:sticky;bottom:0;background:#fff;padding-top:10px;padding-bottom:18px;
  margin-top:4px;box-shadow:0 -12px 16px -12px rgba(0,0,0,.18)}
.mdl-form .buy{position:sticky;bottom:0;z-index:2}
.mdl-form{padding-bottom:16px}
.mdl-consent a{color:#000;text-decoration:underline}
.mdl-body{display:block}
.mdl-tabs{display:flex;gap:8px;margin:2px 0 14px}
.mdl-tabs button{flex:1;height:38px;border:1px solid #DADADA;background:#fff;border-radius:8px;font-family:inherit;font-size:14.5px;font-weight:600;cursor:pointer}
.mdl-tabs button.on{background:#000;border-color:#000;color:#fff}
.mdl-form{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.mdl-form input,.mdl-form select{width:100%;height:42px;border:1px solid #DADADA;border-radius:8px;padding:0 13px;font-family:inherit;font-size:15px;background:#fff}
.mdl-form input:focus,.mdl-form select:focus{outline:none;border-color:#000}
.mdl-form .vat{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}
/* Freiwilliges Konto als Haekchen im Kaufformular (07.08.2026). Bewusst
   ruhig gestaltet: es ist ein Angebot, keine Huerde. */
.mdl-check{display:flex;gap:10px;align-items:flex-start;margin:6px 0 2px;padding:12px 14px;
  background:#FAFBFC;border:1px solid #ECEFF1;border-radius:12px;cursor:pointer}
.mdl-check input{flex:0 0 18px;width:18px;height:18px;margin-top:1px;accent-color:#77c04b}
.mdl-check strong{display:block;font-size:13.5px;font-weight:600;color:#1A2B30;line-height:1.4}
.mdl-check small{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:#5A6B70;line-height:1.45}
/* Drei Wege im Kauf-Overlay (Einmal kaufen · Konto anlegen · Anmelden), 29.07.2026.
   Vorher waren es zwei Reiter -- bei dreien wird der Text auf schmalen Geraeten
   sonst abgeschnitten. */
.mdl-tabs button{padding:0 6px;line-height:1.15}
.mdl-tabs{gap:6px}
.mdl-tabs button{font-size:13px;height:46px}
/* Bestaetigte USt-IdNr. im Kaufschritt (03.08.2026) — sichtbarer Beleg, dass
   die Nummer vorher wirklich bei VIES geprueft wurde. */
.mdl-vat{display:flex;align-items:center;gap:8px;margin:2px 0 14px;
  background:#F1F9F3;border:1px solid #CDE8D5;border-radius:10px;
  padding:10px 12px;font-size:13.5px;font-weight:600;color:#0A6B31}
.mdl-vat svg{width:16px;height:16px;flex-shrink:0}
/* Vertrauensangaben im Kauffenster (06.08.2026, Vorgabe Rene). Bewusst
   ruhig gesetzt: sie sollen beruhigen, nicht um Aufmerksamkeit mit dem
   Kaufknopf konkurrieren. */
.mdl-trust{display:flex;flex-direction:column;gap:7px;margin:0 0 16px;
  background:#F7FAF8;border:1px solid #E4EDE7;border-radius:10px;padding:13px 14px}
.mdl-trust div{display:flex;align-items:flex-start;gap:9px;
  font-size:13px;line-height:1.45;color:#3B3B3B}
.mdl-trust svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}
.mdl-trust{gap:6px;padding:11px 12px}
.mdl-trust div{font-size:12.5px}