/* Quartierswerk Vertragscenter – touch-first, iPad-optimiert */

.qw-app{
  --qw-green:#2F4B3C; --qw-green-l:#3D6350; --qw-gold:#C9A227; --qw-gold-l:#DCB94E;
  --qw-off:#F7F5F2; --qw-line:#D8D5D0; --qw-text:#222; --qw-grey:#6B6B6B;
  --qw-r:10px; --qw-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(47,75,60,.06);
  max-width:900px; margin:0 auto; padding:0 16px 96px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--qw-text); font-size:16px; line-height:1.55; -webkit-text-size-adjust:100%;
}
.qw-app *,.qw-app *::before,.qw-app *::after{box-sizing:border-box}

/* ---------------------------------------------------------- Kopf */
/* Kein eigener Goldstrich unter dem Kopf: die Fortschrittsleiste direkt
   darunter ist die einzige goldene Linie der Seite (Korrektur 1.1.4). */
.qw-head{display:flex;align-items:flex-start;gap:18px;padding:26px 0 14px;border-bottom:0;margin-bottom:0;flex-wrap:wrap}
/* Das Logo ist eine Bilddatei aus dem Corporate Design, kein Nachbau. */
.qw-logo{display:flex;align-items:center;flex-shrink:0;padding-top:2px}
.qw-app .qw-logo img{display:block;width:auto;height:26px;max-width:100%}
@media (max-width:520px){ .qw-app .qw-logo img{height:22px} }
.qw-head-txt{flex:1;min-width:240px}
.qw-head-txt h1{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.25;color:var(--qw-green);margin:0 0 3px;font-weight:700}
.qw-head-txt p{margin:0;color:var(--qw-grey);font-size:14px}
.qw-intro{background:var(--qw-off);border-left:3px solid var(--qw-gold);padding:14px 16px;border-radius:0 var(--qw-r) var(--qw-r) 0;font-size:14.5px;margin:0 0 22px}

/* ---------------------------------------------------------- Fortschritt */
/* Eine einzige Leiste: die hellgraue Spur ist gleichzeitig die Trennlinie
   unter dem Kopf, der goldene Teil zeigt den Fortschritt. */
.qw-progress{position:sticky;top:0;z-index:30;height:4px;background:#E7E3DC;border-radius:0;margin:0 0 24px;overflow:hidden}
.qw-progress-bar{height:100%;background:var(--qw-gold);transition:width .3s ease}

/* ---------------------------------------------------------- Abschnitte */
.qw-section{border:1px solid var(--qw-line);border-radius:var(--qw-r);background:#fff;padding:20px 20px 8px;margin:0 0 18px;box-shadow:var(--qw-shadow)}
.qw-section[hidden]{display:none}
.qw-section>legend{font-family:Georgia,serif;font-size:16px;font-weight:700;color:var(--qw-green);padding:0 8px;margin-left:-8px}
.qw-sec-intro{font-size:13.5px;color:var(--qw-grey);margin:2px 0 16px;line-height:1.5}
.qw-sec-intro strong{color:var(--qw-text)}

.qw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.qw-col-full{grid-column:span 4}
.qw-col-half{grid-column:span 2}
.qw-col-quarter{grid-column:span 1}
@media (max-width:760px){
  .qw-grid{grid-template-columns:repeat(2,1fr)}
  .qw-col-full{grid-column:span 2}
  .qw-col-half{grid-column:span 2}
  .qw-col-quarter{grid-column:span 1}
}

.qw-field{min-width:0;margin-bottom:4px}
.qw-field[hidden]{display:none}
.qw-field>label,.qw-field .qw-label{display:block;font-size:13.5px;font-weight:600;color:#333;margin:0 0 6px;line-height:1.4}
.qw-req{color:var(--qw-gold);font-weight:700}
.qw-hint{font-size:12.5px;color:var(--qw-grey);margin:6px 0 0;line-height:1.45}
.qw-hint strong{color:#444}
.qw-hint a{color:var(--qw-green)}

/* ---------------------------------------------------------- Eingaben */
.qw-app input[type=text],.qw-app input[type=email],.qw-app input[type=tel],
.qw-app input[type=date],.qw-app input[type=time],.qw-app input[type=number],
.qw-app input[type=url],.qw-app select,.qw-app textarea{
  width:100%;font:inherit;font-size:16px;padding:12px 13px;border:1px solid var(--qw-line);
  border-radius:8px;background:#fff;color:var(--qw-text);transition:border-color .15s,box-shadow .15s;
  -webkit-appearance:none;appearance:none;min-height:48px;
}
.qw-app textarea{min-height:88px;resize:vertical;line-height:1.5}
.qw-app select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%232F4B3C' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.qw-app input:focus,.qw-app select:focus,.qw-app textarea:focus{
  outline:none;border-color:var(--qw-green);box-shadow:0 0 0 3px rgba(47,75,60,.12)}
.qw-app input.qw-error,.qw-app select.qw-error,.qw-app textarea.qw-error{border-color:#B3261E;box-shadow:0 0 0 3px rgba(179,38,30,.10)}

.qw-input-unit{position:relative;display:flex;align-items:center}
.qw-input-unit input{padding-right:40px}
.qw-unit{position:absolute;right:14px;color:var(--qw-grey);font-size:14px;pointer-events:none}

/* ---------------------------------------------------------- Auswahl */
.qw-choices{display:flex;flex-direction:column;gap:8px}
.qw-choice{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid var(--qw-line);
  border-radius:9px;cursor:pointer;font-size:14.5px;line-height:1.45;background:#fff;transition:border-color .15s,background .15s}
.qw-choice input{margin:2px 0 0;width:20px;height:20px;accent-color:var(--qw-green);flex-shrink:0}
.qw-choice:has(input:checked){border-color:var(--qw-green);background:#F4F7F5}
.qw-choice:active{background:var(--qw-off)}

.qw-checklist{display:flex;flex-direction:column;gap:2px}
.qw-check{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border-radius:8px;cursor:pointer;
  font-size:14.5px;line-height:1.45;transition:background .15s}
.qw-check:active{background:var(--qw-off)}
.qw-check input{position:absolute;opacity:0;width:0;height:0}
.qw-box{flex-shrink:0;width:22px;height:22px;border:1.6px solid var(--qw-line);border-radius:5px;margin-top:1px;
  position:relative;transition:border-color .15s,background .15s}
.qw-check input:checked+.qw-box{background:var(--qw-green);border-color:var(--qw-green)}
.qw-check input:checked+.qw-box::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;
  border:solid #fff;border-width:0 2.2px 2.2px 0;transform:rotate(43deg)}
.qw-check input:focus-visible+.qw-box{box-shadow:0 0 0 3px rgba(47,75,60,.18)}
.qw-check-t strong{font-weight:650}
.qw-confirm{border:1px solid var(--qw-line);border-radius:9px;padding:13px 14px;background:#fff}
.qw-confirm:has(input:checked){border-color:var(--qw-green);background:#F4F7F5}
.qw-confirm.qw-error{border-color:#B3261E;background:#FDF5F4}

.qw-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14.5px;padding:8px 0}
.qw-toggle input{position:absolute;opacity:0;width:0;height:0}
.qw-switch{flex-shrink:0;width:50px;height:29px;border-radius:15px;background:var(--qw-line);position:relative;transition:background .2s}
.qw-switch::after{content:"";position:absolute;top:2.5px;left:2.5px;width:24px;height:24px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .2s}
.qw-toggle input:checked+.qw-switch{background:var(--qw-green)}
.qw-toggle input:checked+.qw-switch::after{transform:translateX(21px)}

/* ---------------------------------------------------------- Unterschrift */
.qw-sig{position:relative;border:1px solid var(--qw-line);border-radius:var(--qw-r);background:#fff;
  height:190px;overflow:hidden;touch-action:none}
.qw-sig.qw-signed{border-color:var(--qw-green)}
.qw-sig.qw-error{border-color:#B3261E}
.qw-sig-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}
.qw-sig-line{position:absolute;left:26px;right:26px;bottom:44px;border-bottom:1px solid #b9b6b1;pointer-events:none}
.qw-sig-hint{position:absolute;left:26px;bottom:22px;font-size:12.5px;color:#a8a5a0;pointer-events:none;transition:opacity .2s}
.qw-sig.qw-signed .qw-sig-hint{opacity:0}
.qw-sig-clear{position:absolute;top:10px;right:10px;font:inherit;font-size:12.5px;padding:7px 13px;
  border:1px solid var(--qw-line);border-radius:7px;background:#fff;color:var(--qw-grey);cursor:pointer}
.qw-sig-clear:active{background:var(--qw-off)}

/* ---------------------------------------------------------- Foto */
.qw-photo-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border:1px dashed var(--qw-line);
  border-radius:9px;cursor:pointer;font-size:14.5px;color:var(--qw-green);background:var(--qw-off)}
.qw-photo-btn:active{background:#efece7}
.qw-photo-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.qw-photo-item{position:relative;width:96px;height:96px;border-radius:8px;overflow:hidden;border:1px solid var(--qw-line)}
.qw-photo-item img{width:100%;height:100%;object-fit:cover;display:block}
.qw-photo-del{position:absolute;top:4px;right:4px;width:24px;height:24px;border:0;border-radius:50%;
  background:rgba(0,0,0,.62);color:#fff;font-size:15px;line-height:1;cursor:pointer}

/* ---------------------------------------------------------- Prüfhinweise */
.qw-legal-box{border:1px solid #E0B4AE;background:#FDF5F4;border-radius:var(--qw-r);padding:16px 18px;margin:0 0 18px}
.qw-legal-box h3{margin:0 0 8px;font-size:14px;color:#8C1D18;font-weight:700}
.qw-legal-box ul{margin:0;padding-left:19px;font-size:14px;line-height:1.6}
.qw-legal-box li{margin-bottom:4px}
.qw-legal-box li strong{font-weight:650}
.qw-legal-box.qw-warn{border-color:#E4CE8E;background:#FDF9EE}
.qw-legal-box.qw-warn h3{color:#7A5B0B}

/* ---------------------------------------------------------- Aktionen */
.qw-actions{position:sticky;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:16px 0;
  background:linear-gradient(to top,#fff 62%,rgba(255,255,255,0));z-index:20;flex-wrap:wrap}
.qw-btn{font:inherit;font-size:15.5px;font-weight:600;padding:14px 26px;border-radius:9px;border:1px solid transparent;
  cursor:pointer;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  text-decoration:none;transition:background .15s,border-color .15s,transform .05s}
.qw-btn:active{transform:translateY(1px)}
.qw-btn-primary{background:var(--qw-green);color:#fff}
.qw-btn-primary:hover{background:var(--qw-green-l)}
.qw-btn-primary[disabled]{opacity:.55;cursor:not-allowed}
.qw-btn-ghost{background:#fff;border-color:var(--qw-line);color:var(--qw-green)}
.qw-btn-ghost:hover{background:var(--qw-off)}
.qw-hint-final{font-size:12.5px;color:var(--qw-grey);text-align:right;margin:0}
.qw-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;
  animation:qw-spin .7s linear infinite}
@keyframes qw-spin{to{transform:rotate(360deg)}}

/* ---------------------------------------------------------- Fertig */
.qw-done{text-align:center;padding:56px 20px}
.qw-done-icon{width:66px;height:66px;border-radius:50%;background:var(--qw-green);color:#fff;font-size:33px;
  display:flex;align-items:center;justify-content:center;margin:0 auto 22px}
.qw-done h2{font-family:Georgia,serif;color:var(--qw-green);margin:0 0 10px;font-size:23px}
.qw-done-text{color:var(--qw-grey);margin:0 0 28px;font-size:15px}
.qw-done-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---------------------------------------------------------- Hub */
.qw-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.qw-tile{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--qw-line);border-radius:var(--qw-r);
  background:#fff;text-decoration:none;color:inherit;box-shadow:var(--qw-shadow);transition:border-color .15s,transform .1s}
.qw-tile:hover{border-color:var(--qw-green);transform:translateY(-2px)}
.qw-tile-icon{color:var(--qw-gold);line-height:0}
.qw-tile-title{font-family:Georgia,serif;font-size:17px;font-weight:700;color:var(--qw-green)}
.qw-tile-desc{font-size:13.5px;color:var(--qw-grey);line-height:1.5}
.qw-hub-foot{margin-top:26px;font-size:14px}
.qw-hub-foot a{color:var(--qw-green)}

/* Uebersichtsseite: eine Zwischenueberschrift, die letzten Vorgaenge,
   kleinere Kacheln fuer die Weiterwege. */
.qw-hub-h2{font-family:Georgia,serif;font-size:17px;color:var(--qw-green);margin:30px 0 12px;font-weight:700}
.qw-hub-h3{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--qw-grey);margin:20px 0 10px;font-weight:700}
.qw-hub-h2+.qw-hub-h3{margin-top:0}
.qw-hub .qw-tiles:first-of-type{margin-top:0}
.qw-tiles-klein{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.qw-tiles-klein .qw-tile{padding:16px 18px}
.qw-zuletzt{background:var(--qw-off);border-radius:var(--qw-r);padding:16px 18px;margin:0 0 4px}
.qw-zuletzt h2{font-family:Georgia,serif;font-size:15.5px;color:var(--qw-green);margin:0 0 8px;font-weight:700}
.qw-zuletzt ul{list-style:none;margin:0;padding:0}
.qw-zuletzt li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;
  padding:7px 0;border-top:1px solid var(--qw-line);font-size:14.5px}
.qw-zuletzt li:first-child{border-top:0}
.qw-zuletzt a{color:var(--qw-green);text-decoration:none;flex:1;min-width:200px}
.qw-zuletzt a:hover{text-decoration:underline}
.qw-zuletzt-datum{font-size:12.5px;color:var(--qw-grey)}

/* ---------------------------------------------------------- Rechner (öffentlich) */
.qw-calc{max-width:720px;margin:0 auto;padding:0 16px 40px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#222}
.qw-calc *,.qw-calc *::before,.qw-calc *::after{box-sizing:border-box}
.qw-calc-head{margin-bottom:22px}
.qw-calc-head h2{font-family:Georgia,serif;color:#2F4B3C;font-size:23px;margin:0 0 6px}
.qw-calc-head p{color:#6B6B6B;font-size:14.5px;margin:0}
.qw-calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:22px}
@media (max-width:620px){.qw-calc-grid{grid-template-columns:1fr}}
.qw-calc label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}
.qw-calc input,.qw-calc select{width:100%;font:inherit;font-size:16px;padding:12px 13px;border:1px solid #D8D5D0;
  border-radius:8px;min-height:48px;-webkit-appearance:none;appearance:none;background:#fff}
.qw-calc input:focus,.qw-calc select:focus{outline:none;border-color:#2F4B3C;box-shadow:0 0 0 3px rgba(47,75,60,.12)}
.qw-calc-out{border:1px solid #D8D5D0;border-radius:10px;overflow:hidden}
.qw-calc-row{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid #EDEBE7;font-size:14.5px}
.qw-calc-row:last-child{border-bottom:0}
.qw-calc-row span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.qw-calc-row.qw-calc-sum{background:#2F4B3C;color:#fff;font-weight:700;font-size:16px}
.qw-calc-row.qw-calc-sub{background:#F7F5F2}
.qw-calc-note{font-size:12.5px;color:#6B6B6B;margin-top:14px;line-height:1.5}
.qw-calc-cta{margin-top:24px;padding:20px;background:#F7F5F2;border-left:3px solid #C9A227;border-radius:0 10px 10px 0}
.qw-calc-cta h3{margin:0 0 6px;font-family:Georgia,serif;color:#2F4B3C;font-size:17px}
.qw-calc-cta p{margin:0 0 12px;font-size:14px;color:#444}
.qw-calc-cta a{display:inline-block;background:#2F4B3C;color:#fff;text-decoration:none;padding:12px 22px;border-radius:8px;font-weight:600;font-size:15px}

/* ---------------------------------------------------------- Vorlagen-Bibliothek */
.qw-lib{max-width:1000px;margin:0 auto;padding:0 16px 48px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#222}
.qw-lib *,.qw-lib *::before,.qw-lib *::after{box-sizing:border-box}
.qw-lib-filter{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.qw-lib-filter button{font:inherit;font-size:14px;padding:9px 16px;border-radius:20px;border:1px solid #D8D5D0;
  background:#fff;cursor:pointer;color:#444}
.qw-lib-filter button[aria-pressed=true]{background:#2F4B3C;border-color:#2F4B3C;color:#fff}
.qw-lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.qw-lib-card{border:1px solid #D8D5D0;border-radius:10px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:9px}
.qw-lib-card h3{margin:0;font-family:Georgia,serif;font-size:16.5px;color:#2F4B3C}
.qw-lib-card p{margin:0;font-size:13.5px;color:#6B6B6B;line-height:1.5;flex:1}
.qw-lib-tag{display:inline-block;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:#C9A227;font-weight:700}
.qw-lib-card a{margin-top:6px;display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#2F4B3C;font-weight:600;font-size:14.5px}
.qw-lib-form{margin-top:12px;display:none;gap:8px;flex-direction:column}
.qw-lib-form.qw-open{display:flex}
.qw-lib-form input{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #D8D5D0;border-radius:8px;min-height:46px}
.qw-lib-form label{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:#555;line-height:1.45}
.qw-lib-form button{font:inherit;font-size:15px;font-weight:600;padding:12px;border:0;border-radius:8px;background:#2F4B3C;color:#fff;cursor:pointer;min-height:46px}
.qw-lib-msg{font-size:13.5px;margin-top:8px}
.qw-lib-msg.ok{color:#2F4B3C}
.qw-lib-msg.err{color:#B3261E}

/* ---------------------------------------------------------- Widerruf */
.qw-revoke{max-width:640px;margin:0 auto;padding:0 16px 48px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.qw-revoke *,.qw-revoke *::before,.qw-revoke *::after{box-sizing:border-box}
.qw-revoke h2{font-family:Georgia,serif;color:#2F4B3C;font-size:23px;margin:0 0 10px}
.qw-revoke .qw-calc-grid{margin-bottom:18px}
.qw-revoke-legal{font-size:13px;color:#6B6B6B;line-height:1.55;background:#F7F5F2;padding:16px;border-radius:10px;margin:18px 0}

/* ---------------------------------------------------------- Themenschutz
   Houzez und Elementor setzen Regeln wie ".elementor label{display:block}".
   Die sind staerker als ".qw-toggle" und haben den Schalter platt gedrueckt
   (Spur 0x18 Pixel statt 50x29). Deshalb hier dieselben Angaben noch einmal
   mit hoeherer Gewichtung. Bitte nicht "aufraeumen". (Korrektur 1.1.4) */
.qw-app label.qw-toggle{display:flex;align-items:center}
.qw-app label.qw-check{display:flex;align-items:flex-start}
.qw-app label.qw-choice{display:flex;align-items:flex-start}
.qw-app label.qw-photo-btn{display:inline-flex;align-items:center}
.qw-app span.qw-switch{display:block;width:50px;height:29px;flex:0 0 50px}
.qw-app span.qw-box{display:block;width:22px;height:22px;flex:0 0 22px}

/* ---------------------------------------------------------- Werkzeugseiten
   Auf Seiten mit Vertragscenter, Formular oder Widerruf hat der
   Marketingblock aus der Fusszeile nichts zu suchen. Ausgeblendet wird
   jeder Abschnitt mit der Klasse qw-nicht-hier – die Klasse wird im
   Elementor-Fusszeilentemplate an den Werbeblock gehaengt. */
body.qw-werkzeugseite footer .qw-nicht-hier{display:none!important}

/* ---------------------------------------------------------- Mitarbeiterbereich
   Im Houzez-Bereich hat die Seite schon ein Logo und eine Ueberschrift. Der
   eigene Kopf des Formulars wuerde beides doppeln, also faellt er weg – die
   Fortschrittsleiste bleibt. Die Breitenbegrenzung entfaellt ebenfalls, der
   Inhaltsbereich gibt die Breite vor. */
body.qw-im-dashboard .qw-app{max-width:none;margin:0;padding:0 0 96px}
body.qw-im-dashboard .qw-app .qw-head{display:none}
body.qw-im-dashboard .qw-app .qw-progress{top:0;margin-bottom:20px}
body.qw-im-dashboard .qw-hub .qw-progress{display:none}
body.qw-im-dashboard .qw-hub-h2:first-of-type{margin-top:0}
/* Der Inhaltsbereich von Houzez ist nicht weiss, sondern #F9F9F9. Der
   Farbverlauf der Schaltflaechenleiste muss dahin ausblenden, sonst steht
   dort eine weisse Kante. */
body.qw-im-dashboard .qw-actions{background:linear-gradient(to top,#F9F9F9 62%,rgba(249,249,249,0))}

/* ---------------------------------------------------------- Vorgangsliste */
/* Die Farbnamen sind auf .qw-app definiert. Die Liste steht ausserhalb davon,
   deshalb hier noch einmal – sonst bleibt der gruene Knopf farblos. */
.qw-liste{--qw-green:#2F4B3C;--qw-green-l:#3D6350;--qw-gold:#C9A227;--qw-off:#F7F5F2;
  --qw-line:#D8D5D0;--qw-text:#222;--qw-grey:#6B6B6B;--qw-r:10px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#222}
/* Houzez faerbt Verweise im Inhaltsbereich um – deshalb mit mehr Gewicht. */
.qw-liste a.qw-btn-primary{background:#2F4B3C;color:#fff;border-color:#2F4B3C}
.qw-liste a.qw-btn-primary:hover{background:#3D6350;color:#fff}
.qw-liste-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.qw-liste-filter label{font-size:13.5px;color:#6B6B6B}
.qw-liste-filter select{font:inherit;font-size:15px;padding:9px 12px;border:1px solid #D8D5D0;
  border-radius:8px;background:#fff;min-height:42px}
.qw-liste-zahl{font-size:13.5px;color:#6B6B6B;margin-left:auto}
.qw-liste-tabelle{background:#fff;border:1px solid #E7E3DC;border-radius:10px;overflow:hidden}
.qw-liste table{border-collapse:collapse;width:100%;font-size:14.5px}
.qw-liste th{background:#F7F5F2;color:#2F4B3C;font-weight:600;text-align:left;padding:12px 16px;
  border-bottom:1px solid #E7E3DC;white-space:nowrap}
.qw-liste td{padding:13px 16px;border-bottom:1px solid #F0EDE8;vertical-align:top}
.qw-liste tr:last-child td{border-bottom:0}
.qw-liste tbody tr:hover td{background:#FBFAF8}
.qw-liste a{color:#2F4B3C}
.qw-marke{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:20px;
  background:#F0EDE8;color:#6B6B6B;margin-left:6px}
.qw-marke.warn{background:#FDF5F4;color:#B3261E}
.qw-liste-leer{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:28px;text-align:center}
.qw-liste-leer p{margin:0 0 16px;color:#6B6B6B}
.qw-liste-blaettern{display:flex;gap:8px;margin:16px 0 0;flex-wrap:wrap}
.qw-liste-blaettern a{min-width:40px;min-height:40px;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid #D8D5D0;border-radius:8px;background:#fff;text-decoration:none}
.qw-liste-blaettern a.aktiv{background:#2F4B3C;color:#fff;border-color:#2F4B3C}

/* Auf schmalen Geräten wird aus jeder Zeile eine kleine Karte. */
@media (max-width:700px){
  .qw-liste thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .qw-liste tr{display:block;border-bottom:1px solid #E7E3DC;padding:6px 0}
  .qw-liste tr:last-child{border-bottom:0}
  .qw-liste td{display:flex;justify-content:space-between;gap:16px;border:0;padding:7px 16px}
  .qw-liste td::before{content:attr(data-titel);color:#6B6B6B;font-size:13px;flex-shrink:0}
}
/* Zurueck-Zeile ueber dem Formular. */
.qw-zurueck{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#2F4B3C;
  text-decoration:none;margin:0 0 14px}
.qw-zurueck:hover{text-decoration:underline}

@media print{
  .qw-actions,.qw-progress,.qw-sig-clear,.qw-photo-btn{display:none!important}
}

/* ---------------------------------------------------------- Status, Kennzahlen,
   Schulungen, Partner – die Bereiche des Mitarbeiterbereichs. */
.qw-status{display:inline-block;font-size:12px;padding:3px 10px;border-radius:20px;white-space:nowrap}
.qw-status-offen{background:#EEF2F6;color:#3A4A5A}
.qw-status-pause{background:#FDF9EE;color:#7A5B0B}
.qw-status-erfolg{background:#EAF3EC;color:#2F4B3C}
.qw-status-aus{background:#F3F1EF;color:#8A8A8A;text-decoration:line-through}

.qw-hinweis{background:#F7F5F2;border-left:3px solid #C9A227;padding:14px 16px;
  border-radius:0 10px 10px 0;font-size:14.5px;line-height:1.6;margin:0 0 20px}
.qw-hinweis.ok{border-left-color:#2F4B3C;background:#EAF3EC}
.qw-hinweis.warn{border-left-color:#B3261E;background:#FDF5F4}

.qw-kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 20px}
.qw-kennzahl{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:16px 18px}
.qw-kennzahl.gruen{border-color:#B6D3BE;background:#F6FAF7}
.qw-kennzahl-wert{display:block;font-family:Georgia,serif;font-size:23px;color:#2F4B3C;font-weight:700;line-height:1.2}
.qw-kennzahl-text{display:block;font-size:12.5px;color:#6B6B6B;margin-top:5px}

/* Der Weg eines Vorgangs */
.qw-weg{list-style:none;margin:0 0 22px;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px}
.qw-weg li{position:relative;padding:14px 12px 12px;background:#fff;border:1px solid #E7E3DC}
.qw-weg li:first-child{border-radius:10px 0 0 10px}
.qw-weg li:last-child{border-radius:0 10px 10px 0}
.qw-weg li.erledigt{background:#F6FAF7}
.qw-weg li.hier{background:#2F4B3C;border-color:#2F4B3C}
.qw-weg-punkt{display:block;width:10px;height:10px;border-radius:50%;background:#D8D5D0;margin:0 0 8px}
.qw-weg li.erledigt .qw-weg-punkt{background:#2F4B3C}
.qw-weg li.hier .qw-weg-punkt{background:#C9A227}
.qw-weg-titel{display:block;font-weight:600;font-size:13.5px;color:#2F4B3C;line-height:1.3}
.qw-weg li.hier .qw-weg-titel{color:#fff}
.qw-weg-text{display:block;font-size:11.5px;color:#6B6B6B;margin-top:5px;line-height:1.45}
.qw-weg li.hier .qw-weg-text{color:#D9E2DB}

.qw-detail-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;
  flex-wrap:wrap;margin:0 0 18px}
.qw-detail-kopf h2{font-family:Georgia,serif;font-size:19px;color:#2F4B3C;margin:0}
.qw-detail-meta{font-size:13px;color:#6B6B6B;margin:5px 0 0}
.qw-detail-form{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:18px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0 0 24px}
.qw-detail-zeile.voll{grid-column:1/-1}
.qw-detail-zeile label{display:block;font-size:13.5px;color:#6B6B6B;margin:0 0 6px}
.qw-detail-form select,.qw-detail-form input,.qw-detail-form textarea{font:inherit;font-size:15px;
  width:100%;padding:11px 12px;border:1px solid #D8D5D0;border-radius:8px;background:#fff;min-height:46px}
.qw-detail-form .qw-btn{background:#2F4B3C;color:#fff;border-color:#2F4B3C}
.qw-detail-h3{font-family:Georgia,serif;font-size:16px;color:#2F4B3C;margin:26px 0 10px}
.qw-verlauf{list-style:none;margin:0;padding:0;border-left:2px solid #E7E3DC;padding-left:16px}
.qw-verlauf li{position:relative;padding:0 0 16px}
.qw-verlauf li::before{content:"";position:absolute;left:-21px;top:5px;width:8px;height:8px;
  border-radius:50%;background:#C9A227}
.qw-verlauf-zeit{display:block;font-size:12px;color:#6B6B6B}
.qw-verlauf-text{display:block;font-size:14.5px;color:#222}
.qw-verlauf-notiz{display:block;font-size:13.5px;color:#4a4a4a;background:#F7F5F2;
  padding:8px 10px;border-radius:7px;margin-top:6px}

/* Schulungen */
.qw-einheit{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:20px;margin:0 0 16px}
.qw-einheit.fertig{border-color:#B6D3BE;background:#FCFDFC}
.qw-einheit header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.qw-einheit h3{font-family:Georgia,serif;font-size:17px;color:#2F4B3C;margin:0}
.qw-einheit-meta{font-size:12.5px;color:#6B6B6B;margin:5px 0 0}
.qw-einheit-warum{font-size:14.5px;color:#4a4a4a;margin:12px 0 10px;font-style:italic}
.qw-einheit-punkte{margin:0;padding-left:20px;font-size:14.5px;line-height:1.6}
.qw-einheit-punkte li{margin-bottom:9px}
.qw-einheit-punkte li::marker{color:#C9A227}
.qw-einheit-punkte strong{color:#2F4B3C}
.qw-einheit-pruefung{margin-top:14px;font-size:14px}
.qw-einheit-pruefung summary{cursor:pointer;color:#2F4B3C;font-weight:600}
.qw-einheit-pruefung ol{margin:10px 0 0;padding-left:20px;color:#4a4a4a}
.qw-einheit-datum{font-size:12.5px;color:#2F4B3C;margin:12px 0 0}

/* Partnerliste */
.qw-mini{font:inherit;font-size:13px;padding:7px 12px;border:1px solid #D8D5D0;border-radius:7px;
  background:#fff;cursor:pointer;min-height:36px;white-space:nowrap}
.qw-mini.ok{background:#EAF3EC;border-color:#B6D3BE;color:#2F4B3C;font-weight:600}
.qw-downloads-vor{font-size:14px;color:#6B6B6B;margin:0 0 14px;line-height:1.55}
.qw-downloads .qw-tile{gap:6px}
/* Lange Wörter wie "Wohnungsübergabeprotokoll" sprengen sonst die Kachel. */
.qw-tile-title,.qw-liste td,.qw-liste th{overflow-wrap:anywhere}
.qw-downloads .qw-tile-title{hyphens:auto}

/* ---------- Absenden: sichtbar statt tot ----------------------------------
   Frueher war der Knopf gesperrt, wenn eine Rechtspruefung meckerte. Der
   Mitarbeiter sah einen grauen Knopf und keinen Grund. Jetzt bleibt er
   klickbar, ist aber als "haelt noch" gekennzeichnet, und daneben steht
   ein Zaehler, der zur Stelle fuehrt. */
.qw-app .qw-btn-primary.qw-gesperrt{opacity:.55;box-shadow:none}
.qw-app .qw-btn-primary.qw-gesperrt:hover{opacity:.7}
.qw-app .qw-offen{margin-right:auto;font:inherit;font-size:13.5px;line-height:1.3;cursor:pointer;
  border:1px solid #E5C48A;background:#FDF6E7;color:#7A5A12;border-radius:8px;padding:8px 13px}
.qw-app .qw-offen:hover{background:#F8ECD3}
.qw-legal-box li.qw-legal-fehler{list-style:none}
.qw-legal-sprung{font:inherit;font-size:12.5px;padding:4px 10px;margin-left:6px;cursor:pointer;
  border:1px solid currentColor;background:transparent;color:inherit;border-radius:7px;white-space:nowrap}
.qw-legal-sprung:hover{background:rgba(0,0,0,.06)}
.qw-field.qw-blinkt{animation:qw-blink 1.1s ease-in-out 2}
@keyframes qw-blink{0%,100%{box-shadow:0 0 0 0 rgba(179,38,30,0)}50%{box-shadow:0 0 0 4px rgba(179,38,30,.22)}}
.qw-field.qw-blinkt{border-radius:10px}

/* ---------- Entwurfs-Balken statt Browser-Dialog -------------------------
   Ein window.confirm() haelt die ganze Seite an. Genau das liess die
   Formularseiten "einfrieren". Der Balken fragt dasselbe, ohne zu blockieren. */
.qw-entwurf{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px;
  padding:13px 16px;border:1px solid #E5C48A;background:#FDF6E7;color:#5E4708;
  border-radius:var(--qw-r);font-size:14px;line-height:1.45}
.qw-entwurf span{flex:1 1 240px}
.qw-entwurf button{font:inherit;font-size:13.5px;padding:8px 14px;border-radius:8px;cursor:pointer;border:1px solid transparent}
.qw-entwurf-ja{background:#2F4B3C;color:#fff}
.qw-entwurf-ja:hover{background:#263E31}
.qw-entwurf-nein{background:transparent;border-color:#C9AE78;color:#5E4708}
.qw-entwurf-nein:hover{background:#F6E9CE}
/* 1.4.0 Startpaket Einsteiger */
.qw-einheit-gruppe{margin-top:28px}
.qw-einheit-link{margin:10px 0 4px}
.qw-laender{margin:14px 0 6px;padding:14px 16px;background:var(--qw-off);border-radius:var(--qw-r)}
.qw-land-wahl{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
.qw-land-wahl select{width:auto;min-width:220px;font:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--qw-line);border-radius:8px;background:#fff}
.qw-land-karte h4{margin:6px 0 8px;color:var(--qw-green);font-size:17px}
.qw-land-karte th{text-align:left;font-weight:600;width:38%;vertical-align:top}
.qw-land-alle>summary,.qw-land-einzeln>summary{cursor:pointer;color:var(--qw-green);font-weight:600;margin:8px 0}
.qw-land-einzeln{margin-left:10px}
.qw-land-mein td{background:#F4F7F5}
.qw-tile-fehlt{opacity:.55}
.qw-einheit-link .qw-btn{padding:9px 16px;min-height:0;font-size:14px;width:auto;display:inline-block}

/* ============================================================ Akten (1.5.0) */
.qw-inline-form{display:inline-block;margin:0}
.qw-akten-neu{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 18px}
.qw-akten-neu .qw-btn{width:auto}
.qw-kennzahl.rot{border-color:#E6B8B4;background:#FDF5F4}
.qw-kennzahl.rot .qw-kennzahl-wert{color:#B3261E}
.qw-liste-filter a{font-size:14px;color:#2F4B3C;padding:6px 12px;border:1px solid #D8D5D0;border-radius:20px;text-decoration:none;background:#fff}
.qw-liste-filter a.aktiv{background:#2F4B3C;color:#fff;border-color:#2F4B3C}
.qw-liste-leer{color:#6B6B6B;font-size:14.5px}
.qw-balken{display:inline-block;vertical-align:middle;width:90px;height:7px;border-radius:4px;background:#ECE9E3;overflow:hidden}
.qw-balken>span{display:block;height:100%;background:#C9A227}
.qw-balken.gross{width:100%;max-width:260px;height:9px}
.qw-balken-text{font-size:12.5px;color:#6B6B6B;margin-left:8px}
.qw-ampel{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap}
.qw-ampel.rot{background:#B3261E;color:#fff}
.qw-ampel.gelb{background:#FBF1D3;color:#7A5B0B}
.qw-ampel.gruen{background:#EAF3EC;color:#2F4B3C}
.qw-ampel.grau{background:#F2F0EC;color:#6B6B6B}

.qw-akte{font-size:15px;line-height:1.55;color:#222}
.qw-akte-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;
  background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:16px 20px;margin:10px 0 16px}
.qw-akte-kopf h2{font-family:Georgia,serif;font-size:21px;color:#2F4B3C;margin:2px 0 0;line-height:1.3}
.qw-akte-nr{font-size:12.5px;color:#6B6B6B;letter-spacing:.02em}
.qw-akte-stand{min-width:220px}
.qw-akte-stand .qw-balken-text{display:block;margin:6px 0 0}

.qw-achtung{background:#FDF5F4;border:2px solid #B3261E;border-radius:10px;padding:14px 18px;margin:0 0 16px;color:#5E1410}
.qw-achtung>strong{display:block;font-size:16px;color:#B3261E;letter-spacing:.02em;margin-bottom:4px}
.qw-achtung>strong::before{content:"⚠ "}
.qw-achtung p{margin:0 0 6px}
.qw-achtung ul{margin:0;padding-left:20px}
.qw-achtung li{margin:0 0 6px}
.qw-achtung a{color:#B3261E;font-weight:600;white-space:nowrap}
.qw-gelbbox{background:#FDF9EE;border:1px solid #E4CE8E;border-radius:10px;padding:10px 16px;margin:0 0 16px}
.qw-gelbbox summary{cursor:pointer;font-weight:600;color:#7A5B0B}
.qw-gelbbox ul{margin:8px 0 0;padding-left:20px}
.qw-gelbbox a{color:#7A5B0B;font-weight:600}

.qw-akte-raster{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:900px){.qw-akte-raster{grid-template-columns:1fr}}
.qw-stepper{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:10px 0;position:sticky;top:12px}
@media (max-width:900px){.qw-stepper{position:static;max-height:none}}
.qw-stepper-phase{padding:4px 0 6px}
.qw-stepper-titel{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:#6B6B6B;padding:6px 14px}
.qw-stepper ol{list-style:none;margin:0;padding:0}
.qw-stepper li a{display:flex;align-items:flex-start;gap:10px;padding:7px 14px;text-decoration:none;color:#222;border-left:3px solid transparent}
.qw-stepper li a:hover{background:#F7F5F2}
.qw-stepper li.aktiv a{background:#F4F7F5;border-left-color:#2F4B3C;font-weight:600}
.qw-sym{flex:0 0 22px;width:22px;height:22px;border-radius:50%;border:1.6px solid #D8D5D0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:1px;background:#fff}
.qw-st-text{font-size:14px;line-height:1.35}
.qw-st-text small{display:block;font-size:11.5px;color:#6B6B6B;font-weight:400}
.st-erledigt .qw-sym{background:#2F4B3C;border-color:#2F4B3C;color:#fff}
.st-teilweise .qw-sym{border-color:#C9A227;color:#C9A227}
.st-entfaellt .qw-sym,.st-nicht_noetig .qw-sym{border-style:dashed;color:#999}
.st-nicht_noetig .qw-st-text,.st-entfaellt .qw-st-text{color:#999}
.st-rot .qw-sym{background:#B3261E;border-color:#B3261E;color:#fff}
.st-rot .qw-st-text small{color:#B3261E;font-weight:600}
.st-optional .qw-st-text{font-style:italic}

.qw-schritt{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:18px 20px}
.qw-schritt-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:6px}
.qw-schritt-kopf h3{font-family:Georgia,serif;font-size:19px;color:#2F4B3C;margin:0 8px 0 0}
.qw-stufe{font-size:11.5px;padding:3px 9px;border-radius:20px;background:#F2F0EC;color:#555}
.qw-stufe-kritisch{background:#2F4B3C;color:#fff}
.qw-stufe-wichtig{background:#F7F1DF;color:#7A5B0B}
.qw-status-erledigt{background:#EAF3EC;color:#2F4B3C}
.qw-status-teilweise{background:#FBF1D3;color:#7A5B0B}
.qw-warum{font-size:14px;color:#444;margin:6px 0 14px}
.qw-vorher{border-radius:9px;padding:10px 14px;margin:0 0 12px;font-size:14px}
.qw-vorher.rot{background:#FDF5F4;border:1px solid #E6B8B4;color:#5E1410}
.qw-vorher.gelb{background:#FDF9EE;border:1px solid #E4CE8E}
.qw-vorher ul{margin:6px 0 0;padding-left:20px}
.qw-vorher p{margin:6px 0 0}
.qw-vorher li.rot a{color:#B3261E;font-weight:600}
.qw-befund{border-radius:9px;padding:10px 14px;margin:0 0 10px;font-size:14px}
.qw-befund.rot{background:#FDF5F4;border-left:4px solid #B3261E;color:#5E1410}
.qw-befund.gelb{background:#FDF9EE;border-left:4px solid #C9A227}
.qw-fehlt{background:#F7F5F2;border-radius:9px;padding:10px 14px;margin:0 0 14px;font-size:14px}
.qw-fehlt ul{margin:6px 0 0;padding-left:20px}
.qw-fehlt li.kritisch{color:#B3261E}
.qw-werkzeuge{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px}
.qw-werkzeuge .qw-btn{width:auto}
.qw-werkzeuge .qw-hint{flex-basis:100%;margin:0}
.qw-vorgaenge{border:1px dashed #D8D5D0;border-radius:10px;padding:12px 16px;margin:0 0 16px}
.qw-vorgaenge h4{margin:0 0 8px;font-size:15px;color:#2F4B3C}
.qw-vorgaenge ul{list-style:none;margin:0 0 12px;padding:0}
.qw-vorgaenge li{padding:6px 0;border-bottom:1px solid #F0EDE7;font-size:14px}
.qw-vorgaenge .qw-btn{width:auto;display:inline-block}
.qw-marke.ok{background:#EAF3EC;color:#2F4B3C}
.qw-zuordnen{margin-top:10px;font-size:14px}
.qw-zuordnen summary{cursor:pointer;color:#2F4B3C}
.qw-zuordnen select{max-width:100%;margin:8px 8px 0 0;padding:8px}
.qw-akte-form fieldset{border:0;margin:0;padding:0;min-width:0}
.qw-akte-form fieldset[disabled]{opacity:.65}
.qw-punkte{display:grid;gap:8px;margin:14px 0}
.qw-punkte .qw-check-t small{display:block}
.qw-haken-wer{color:#2F4B3C;font-size:12px;margin-top:3px}
.qw-p-kritisch{border-left:3px solid #2F4B3C}
.qw-akte-form .qw-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.qw-akte-form .qw-actions .qw-btn{width:auto}
.qw-entfaellt{margin-top:16px;font-size:13.5px;color:#6B6B6B}
.qw-entfaellt summary{cursor:pointer}
.qw-entfaellt input[type=text],.qw-abbrechen input[type=text]{width:100%;max-width:460px;padding:9px;margin:6px 0 8px;border:1px solid #D8D5D0;border-radius:7px;font:inherit}
.qw-schritt-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:14px;border-top:1px solid #F0EDE7}
.qw-schritt-nav .qw-btn{width:auto}
.qw-akte-ende{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:16px 20px;margin:18px 0}
.qw-akte-ende h3{margin:0 0 6px;font-size:16px;color:#2F4B3C}
.qw-akte-ende .qw-btn{width:auto}
.qw-akte-ende .qw-btn[disabled]{opacity:.45;cursor:not-allowed}
.qw-abbrechen{margin-top:12px;font-size:13.5px}
.qw-abbrechen summary{cursor:pointer;color:#6B6B6B}
.qw-akte-verlauf{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:12px 18px;margin:0 0 18px}
.qw-akte-verlauf summary{cursor:pointer;font-weight:600;color:#2F4B3C}
.qw-akte-bezug{background:#F4F7F5;border-left:3px solid #2F4B3C;padding:12px 16px;border-radius:0 10px 10px 0;font-size:14px;margin:0 0 18px}
.qw-akte-bezug a{color:#2F4B3C;font-weight:600;margin-left:6px}
.qw-hub-akten{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:#F4F7F5;border:1px solid #D5E3D9;border-radius:10px;padding:14px 18px;margin:0 0 22px}
.qw-hub-akten p{margin:0;font-size:14px;max-width:620px}
.qw-hub-akten .qw-hub-h2{margin-top:0}
.qw-hub-akten .qw-akten-neu{margin:0}

/* Partner werben */
.qw-werben-status{display:grid;gap:8px;margin:0 0 18px}
.qw-ampel-zeile{background:#fff;border:1px solid #E7E3DC;border-radius:9px;padding:10px 14px;font-size:14.5px}
.qw-ampel-zeile.rot{border-color:#E6B8B4;background:#FDF5F4}
.qw-ampel-zeile .qw-ampel{margin-right:6px}
.qw-weg-liste{padding-left:22px;font-size:14.5px;line-height:1.6}
.qw-weg-liste li{margin-bottom:8px}
.qw-weg-liste li::marker{color:#C9A227;font-weight:700}
.qw-faq details{background:#fff;border:1px solid #E7E3DC;border-radius:9px;padding:10px 14px;margin:0 0 8px}
.qw-faq summary{cursor:pointer;font-weight:600;color:#2F4B3C}
.qw-faq p{margin:8px 0 0;font-size:14.5px}
.qw-werben-gruppe{margin:18px 0 2px;font-size:15px;color:#2F4B3C}
.qw-downloads-liste{display:grid;gap:8px;margin:8px 0 10px}
.qw-download-zeile{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #E7E3DC;border-radius:9px;padding:10px 14px;font-size:14.5px}
.qw-download-zeile .qw-marke{margin-left:4px}
.qw-download-zeile .qw-mini{white-space:nowrap;text-decoration:none}

/* Rahmen für Akten, Partner werben und Partnerseite: dieselben Farben und
   Eingabefelder wie in den Formularen, auch außerhalb von .qw-app. */
.qw-rahmen{
  --qw-green:#2F4B3C; --qw-green-l:#3D6350; --qw-gold:#C9A227; --qw-gold-l:#DCB94E;
  --qw-off:#F7F5F2; --qw-line:#D8D5D0; --qw-text:#222; --qw-grey:#6B6B6B;
  --qw-r:10px; --qw-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(47,75,60,.06);
}
.qw-rahmen *,.qw-rahmen *::before,.qw-rahmen *::after{box-sizing:border-box}
.qw-rahmen input[type=text],.qw-rahmen input[type=email],.qw-rahmen input[type=tel],
.qw-rahmen input[type=date],.qw-rahmen input[type=number],.qw-rahmen select,.qw-rahmen textarea{
  width:100%;font:inherit;font-size:16px;padding:11px 13px;border:1px solid var(--qw-line);
  border-radius:8px;background:#fff;color:var(--qw-text);min-height:46px}
.qw-rahmen textarea{min-height:70px;resize:vertical;line-height:1.5}
.qw-rahmen input:focus,.qw-rahmen select:focus,.qw-rahmen textarea:focus{outline:none;border-color:var(--qw-green);box-shadow:0 0 0 3px rgba(47,75,60,.12)}
.qw-rahmen label.qw-toggle{display:flex;align-items:center}
.qw-rahmen label.qw-check{display:flex;align-items:flex-start}
.qw-rahmen label.qw-choice{display:flex;align-items:flex-start}
.qw-rahmen span.qw-switch{display:block;width:50px;height:29px;flex:0 0 50px}
.qw-rahmen span.qw-box{display:block;width:22px;height:22px;flex:0 0 22px}
.qw-rahmen .qw-actions{position:static;background:none;justify-content:flex-start;padding:10px 0 0}
.qw-rahmen button.qw-btn-primary{background:var(--qw-green);color:#fff;border-color:var(--qw-green)}
.qw-vorher a,.qw-fehlt a,.qw-hinweis a{color:#2F4B3C}
.qw-vorher li.rot a{color:#B3261E}
/* Handy: erst der aktuelle Schritt, darunter die Schrittleiste. */
@media (max-width:900px){.qw-akte-raster .qw-schritt{order:1}.qw-akte-raster .qw-stepper{order:2}}

/* Automatisches Speichern (1.5.1) */
.qw-autosave{font-size:12.5px;color:#2F4B3C;margin:8px 0 0}
.qw-autosave.qw-fehler{color:#B3261E;font-weight:600}
.qw-app .qw-autosave{text-align:right}

/* Offen bei mir (1.5.1) */
.qw-offen{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:14px 18px 8px;margin:0 0 22px}
.qw-offen .qw-hub-h2{margin-top:0}
.qw-offen h3{font-size:15px;color:#2F4B3C;margin:16px 0 6px}
.qw-offen-leer{color:#2F4B3C;margin:0 0 8px}
.qw-offen-zahlen{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.qw-offen-zahlen a{text-decoration:none;color:#444;background:#F7F5F2;border:1px solid #E7E3DC;border-radius:20px;padding:5px 12px;font-size:13.5px}
.qw-offen-zahlen a strong{color:#2F4B3C}
.qw-offen-zahlen a.rot{background:#FDF5F4;border-color:#E6B8B4}
.qw-offen-zahlen a.rot strong{color:#B3261E}
.qw-offen-zahlen a.gelb{background:#FDF9EE;border-color:#E4CE8E}
.qw-offen-liste{list-style:none;margin:0 0 8px;padding:0}
.qw-offen-liste li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:9px 0;border-bottom:1px solid #F0EDE7;font-size:14.5px}
.qw-offen-liste li:last-child{border-bottom:0}
.qw-offen-liste a{color:#2F4B3C}
.qw-offen-meta{font-size:12.5px;color:#6B6B6B;flex-basis:100%}
.qw-offen-aktion{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.qw-offen-aktion .qw-mini{text-decoration:none}
.qw-verwerfen summary{cursor:pointer;font-size:12.5px;color:#6B6B6B}
.qw-verwerfen form{display:inline-block;margin:6px 0 0}
.qw-app .qw-offen,.qw-liste .qw-offen{background:#fff}

/* 1.7.0 Aufgaben aus der Akte */
.qw-akte-aufgaben{background:#fff;border:1px solid #E7E3DC;border-left:3px solid #2F4B3C;border-radius:10px;padding:12px 18px;margin:0 0 18px}
.qw-akte-aufgaben summary{cursor:pointer;font-weight:600;color:#2F4B3C;min-height:28px}
.qw-akte-aufgaben ul{margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.55}
.qw-akte-aufgaben li{margin-bottom:4px}
.qw-akte-aufgaben li.qw-ueber{color:#8A2B2B}
.qw-akte-aufgaben .qw-rot{color:#8A2B2B}
.qw-aufgabe-knopf{margin-top:16px;font-size:13.5px;color:#444}
.qw-aufgabe-knopf summary{cursor:pointer;color:#2F4B3C;font-weight:600;min-height:28px}
.qw-aufgabe-knopf label{display:block;margin:8px 0 4px;font-size:13px}
.qw-aufgabe-knopf input[type=text],.qw-aufgabe-knopf input[type=date]{width:100%;max-width:460px;padding:9px;border:1px solid #D8D5D0;border-radius:7px;font:inherit;box-sizing:border-box}
.qw-aufgabe-knopf .qw-mini{margin-top:10px}
@media (max-width:780px){
.qw-akte-aufgaben summary,.qw-aufgabe-knopf summary{min-height:44px;display:flex;align-items:center}
.qw-aufgabe-knopf input[type=text],.qw-aufgabe-knopf input[type=date]{max-width:none;font-size:16px;min-height:46px}
.qw-aufgabe-knopf .qw-mini{min-height:46px;width:100%}
}
/* ---------------------------------------------------------- Entwurf zur Durchsicht (1.7.0) */
.qw-ds-box{border:1px dashed var(--qw-line);border-radius:var(--qw-r);background:var(--qw-off);padding:16px 18px;margin:18px 0 0}
.qw-ds-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px}
.qw-ds-kopf>div{flex:1 1 260px;min-width:0}
.qw-ds-kopf strong{display:block;color:var(--qw-green);font-size:15.5px}
.qw-ds-kopf .qw-hint{display:block;margin-top:3px}
.qw-ds-vorher{display:block;margin-top:6px;font-size:13px;color:#7A5F12}
.qw-ds{margin-top:16px;padding-top:14px;border-top:1px solid var(--qw-line)}
.qw-ds[hidden]{display:none}
.qw-ds fieldset{border:0;margin:0 0 12px;padding:0;min-width:0}
.qw-ds legend{font-weight:700;color:var(--qw-green);font-size:14.5px;margin:0 0 8px;padding:0}
.qw-ds-liste{display:grid;gap:8px;margin:0 0 10px}
.qw-ds-liste .qw-check{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--qw-line);border-radius:9px;background:#fff;cursor:pointer;min-height:46px;overflow-wrap:anywhere}
.qw-ds-liste .qw-check input{position:absolute;opacity:0;width:1px;height:1px}
.qw-ds-label{display:block;font-size:13.5px;font-weight:600;margin:10px 0 5px;color:var(--qw-text)}
.qw-ds input.qw-ds-weitere,.qw-ds textarea.qw-ds-text{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:12px 13px;border:1px solid var(--qw-line);border-radius:8px;background:#fff;color:var(--qw-text)}
.qw-ds textarea.qw-ds-text{min-height:74px;resize:vertical;line-height:1.5}
.qw-ds input.qw-ds-weitere:focus,.qw-ds textarea.qw-ds-text:focus{outline:none;border-color:var(--qw-green);box-shadow:0 0 0 3px rgba(47,75,60,.12)}
.qw-ds-mappe{display:flex;align-items:flex-start;gap:11px;margin:12px 0 0;padding:11px 13px;border:1px solid var(--qw-line);border-radius:9px;background:#fff;font-size:14px;cursor:pointer}
.qw-ds-mappe input{position:absolute;opacity:0;width:1px;height:1px}
.qw-ds-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 6px}
.qw-ds-knoepfe .qw-btn{min-height:48px;padding:12px 20px;max-width:100%;white-space:normal;text-align:center}
.qw-ds-knoepfe .qw-mini{min-height:44px}
.qw-ds-status{margin:8px 0 4px;padding:10px 12px;border-radius:8px;background:#EAF3EC;color:#2F4B3C;font-size:14px;overflow-wrap:anywhere}
.qw-ds-status.qw-fehler{background:#FDF5F4;color:#8C1D18}
.qw-ds-status a{color:#2F4B3C;font-weight:600}
@media (max-width:520px){
  .qw-ds-box{padding:14px}
  .qw-ds-kopf .qw-btn,.qw-ds-knoepfe .qw-btn{width:100%}
}
.qw-marke.info{background:#FBF5E3;color:#7A5F12}
.qw-durchsicht-verlauf{margin:10px 0 0;padding:10px 12px;border:1px solid #F0EDE7;border-radius:8px;background:#fff}
.qw-durchsicht-verlauf h4{margin:0 0 6px;font-size:14px;color:#2F4B3C}
.qw-durchsicht-verlauf ul{list-style:none;margin:0 0 6px;padding:0}
.qw-durchsicht-verlauf li{padding:6px 0;border-bottom:1px solid #F0EDE7;font-size:14px;overflow-wrap:anywhere}
.qw-durchsicht-verlauf li:last-child{border-bottom:0}
.qw-durchsicht-verlauf a{color:#2F4B3C}
.qw-ds-warn{color:#8C1D18}
.qw-ds-angefordert{border-color:#C9A227}
/* Aufklapper „Löschen …“, „Link sperren …“, „Verwerfen …“: Daumenmaß */
.qw-verwerfen summary{min-height:44px;display:inline-flex;align-items:center;padding:0 4px}
/* 1.8.2: auch die Bestätigungsknöpfe darin (live gemessen: 36 px) */
.qw-verwerfen .qw-mini{min-height:44px}

/* 1.9.0 */
.qw-offen-verweis{margin:0 0 18px}
.qw-offen-verweis a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #D8D5D0;border-radius:22px;background:#fff;color:#2F4B3C;text-decoration:none;font-size:14px}
.qw-offen-verweis a:hover{border-color:#2F4B3C}
.qw-alt-pruefung{margin-top:26px;border-top:1px solid #E7E3DC;padding-top:14px}
.qw-alt-pruefung>summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;color:#555;font-weight:600}
.qw-typ-filter{margin-top:6px}
.qw-liste-filter a{display:inline-flex;align-items:center;min-height:44px}
.qw-offen-zahlen a{display:inline-flex;align-items:center;min-height:44px}

/* ===== 1.10.1 – jede Bildschirmgröße (Messung 28.09.2026, 30 Seiten × 9 Breiten 360–1920 px) ===== */
/* Nummerierte Listen ohne Klasse (Selbstprüfungsfragen in Schulungen): das Theme nahm die Ziffern weg.
   Listen mit eigener Gestaltung (Schritte der Akte: li mit Klasse, Kreise) bleiben unberührt. */
.qw-hub ol:not([class]),.dashboard-content ol:not([class]){list-style:decimal outside!important;padding-left:1.5em!important}
.qw-hub ol:not([class])>li:not([class]),.dashboard-content ol:not([class])>li:not([class]){display:list-item!important;list-style:inherit!important}
/* „Löschen …“ → „Ja, Entwurf endgültig löschen“ ragte bei 360 px rechts aus dem Bild */
.qw-verwerfen form{max-width:100%}
.qw-verwerfen .qw-mini{white-space:normal;max-width:100%;text-align:left}
/* Fingergröße (44 px) auf Tablet und Handy – und auf jedem Touch-Gerät, auch dem großen iPad Pro quer */
@media (max-width:1199px),(hover:none){
  .qw-mini,.qw-entwurf-ja,.qw-entwurf-nein{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .qw-sig-clear{min-height:44px;min-width:64px;top:6px;right:6px}
  .dashboard-content details>summary{min-height:44px;box-sizing:border-box;padding-top:10px;padding-bottom:10px}
}

/* ===== 1.10.2 – Schulungen und „Partner werben“ zugeklappt, Kacheln ohne Serifen (Wunsch Anil 28.09.2026, Punkte 5, 6, 10) ===== */
/* Formularkacheln: Schrift wie die Überschriften (Jost), Trennung nach deutscher Silbe statt mitten im Wort */
.qw-tile-title{font-family:Jost,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-weight:600;font-size:17px;line-height:1.3;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
@media (max-width:599px){.qw-tiles{grid-template-columns:1fr}.qw-tile{padding:16px 18px}}

/* Klappkarte (Einheit in Schulungen, Abschnitt in „Partner werben“) */
details.qw-einheit,details.qw-abschnitt{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:0;margin:0 0 10px;scroll-margin-top:90px}
details.qw-einheit.fertig{border-color:#B6D3BE;background:#FCFDFC}
details.qw-einheit>summary,details.qw-abschnitt>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:56px;padding:10px 16px;box-sizing:border-box}
details.qw-einheit>summary::-webkit-details-marker,details.qw-abschnitt>summary::-webkit-details-marker{display:none}
details.qw-einheit>summary::after,details.qw-abschnitt>summary::after{content:"";flex:0 0 auto;width:9px;height:9px;margin:0 4px 4px auto;border-right:2px solid #2F4B3C;border-bottom:2px solid #2F4B3C;transform:rotate(45deg)}
details.qw-einheit[open]>summary::after,details.qw-abschnitt[open]>summary::after{transform:rotate(-135deg);margin-bottom:-4px}
details.qw-einheit>summary:hover,details.qw-abschnitt>summary:hover{background:#FBFAF8;border-radius:10px}
.qw-einheit-haken{flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:2px solid #D8D5D0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;line-height:1}
.qw-einheit.fertig .qw-einheit-haken{background:#2F4B3C;border-color:#2F4B3C}
.qw-einheit-kopftext{display:flex;flex-direction:column;gap:2px;min-width:0}
.qw-einheit-titel,.qw-abschnitt-titel{font-family:Jost,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16.5px;font-weight:600;color:#2F4B3C;line-height:1.3;overflow-wrap:break-word;hyphens:auto}
details.qw-einheit .qw-einheit-meta{margin:0;font-size:13px}
.qw-einheit-inhalt,.qw-abschnitt-inhalt{padding:2px 16px 16px;border-top:1px solid #F0EDE7}
.qw-einheit-stand{font-size:12.5px;color:#6B6B6B;margin:12px 0 0}
.qw-einheit-form{margin:16px 0 0}
.qw-einheit-tipp{margin:0 0 10px}
details.qw-abschnitt>summary{flex-wrap:wrap;column-gap:12px;row-gap:0}
.qw-abschnitt-titel{flex:1 1 auto}
.qw-abschnitt-info{order:3;flex:1 0 100%;font-size:13px;color:#6B6B6B;font-weight:400}
details.qw-abschnitt>summary::after{order:2}
/* Kurzinfo: eigene Überschrift doppelt zur Klappzeile – ausblenden */
.qw-abschnitt-ki .qw-ki>h3.qw-hub-h2:first-child{display:none}
.qw-abschnitt-ki .qw-ki{margin:12px 0 0}
/* Hinweis zur Weiterbildungspflicht: eine Zeile, aufklappbar */
details.qw-hinweis-klapp>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
details.qw-hinweis-klapp[open]>summary{margin-bottom:8px}
/* „Partner werben“: ein Kasten oben statt vier */
.qw-werben-kasten .qw-werben-zweck{margin:0 0 12px}
.qw-werben-kasten .qw-werben-status{margin:0 0 12px}
.qw-werben-kasten .qw-werben-recht{margin:0;font-size:13px;color:#6B6B6B}

/* 1.10.8 Team und Karriere – nur das Nötigste, Feinschliff folgt */
.qw-team-checks{list-style:none;margin:0 0 1em;padding:0}
.qw-team-checks li{padding:.25em 0}
.qw-team-checks li.ok span{color:#1f6b3a;font-weight:700}
.qw-team-checks li.offen span{color:#9a6b00;font-weight:700}
.qw-team-baum ul{margin-left:1.4em}
.qw-team-form{display:inline}
.qw-team-form p{margin:.4em 0}
.qw-team-form select,.qw-team-form input[type=text]{max-width:100%}
.qw-bestaetigt{color:#1f6b3a}
.qw-team-tabelle{overflow-x:auto}

/* ---------- 1.10.10 Marke & Vorlagen ------------------------------------
   Raster ohne feste Pixel-Mindestbreite (Regel: auf 320 px bleiben ~240 px). */
.qw-mk-regeln{margin:6px 0 10px;padding-left:20px;font-size:14.5px;line-height:1.6;list-style:disc}
/* Theme setzt den Listenstil zurück (wie bei „Partner werben“) – Punkte erzwingen. */
.qw-mk .qw-mk-regeln li{display:list-item;list-style:disc outside}
.qw-mk-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px;margin:8px 0 14px}
.qw-mk-karte{display:flex;flex-direction:column;background:#fff;border:1px solid #E7E3DC;border-radius:12px;overflow:hidden}
.qw-mk-bild{position:relative;display:flex;align-items:center;justify-content:center;background:#F7F5F2;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #ECE9E3}
.qw-mk-bild img{position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);object-fit:contain}
.qw-mk-bild.qw-mk-dunkel{background:#2F4B3C}
/* Die Signatur darf nichts von .qw-liste erben – Chrome kopiert berechnete Stile mit. */
.qw-mk-sig-vorschau table,.qw-mk-sig-vorschau tr,.qw-mk-sig-vorschau td{border:0;background:none;box-shadow:none;width:auto;text-align:left;vertical-align:top}
.qw-mk-sig-vorschau table{border-collapse:collapse;margin:0;display:table}
.qw-mk-sig-vorschau tr{display:table-row}
.qw-mk-sig-vorschau td{display:table-cell}
.qw-mk-sig-vorschau td::before{content:none}
.qw-mk-ohne span{font-weight:600;color:#2F4B3C;letter-spacing:1px}
.qw-mk-text{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;font-size:14px;line-height:1.45}
.qw-mk-text strong{color:#2F4B3C;overflow-wrap:anywhere}
.qw-mk-mass{color:#6B6B6B;font-size:13px;font-variant-numeric:tabular-nums}
.qw-mk-wo{color:#4A5348;font-size:13px}
.qw-mk-text .qw-mini{align-self:flex-start;margin-top:6px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.qw-mk-sig{background:#fff;border:1px solid #E7E3DC;border-radius:12px;padding:14px;margin:0 0 14px}
.qw-mk-sig-vorschau{margin:10px 0;padding:14px;border:1px dashed #D8D5D0;border-radius:8px;overflow-x:auto;background:#fff}
.qw-mk-knoepfe{display:flex;flex-wrap:wrap;gap:8px}
.qw-mk-knoepfe .qw-mini{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}


/* === 1.12.0 tests === */
/* Online-Wissenstests und Video-Platz je Lerneinheit.
   Regeln: eine Spalte am Handy, Tippflächen 48 px hoch (Vorgabe: mindestens 44), kein Querscrollen,
   Gestaltung hängt an Klassen und Feldnamen, nie an der Position eines Elements. */
.qw-wt-abschnitt{margin:22px 0 26px}
.qw-wt-abschnitt>.qw-hub-h2{margin-top:0}
.qw-wt-einheit{margin:16px 0 0}
.qw-wt-kasten{border:1px solid #E7E3DC;border-left:3px solid #C9A227;border-radius:0 10px 10px 0;background:#FBFAF8;padding:14px 16px;margin:14px 0 0}
.qw-wt-kasten-titel{font-family:Jost,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;color:#2F4B3C;margin:0 0 6px}
.qw-wt-stand{font-size:15px;font-weight:600;line-height:1.4;margin:0 0 6px;color:#4a4a4a}
.qw-wt-stand.ok{color:#1f6b3a}
.qw-wt-eck{font-size:14px;line-height:1.55;color:#4a4a4a;margin:0 0 8px;overflow-wrap:break-word}
.qw-wt-hinweis{margin:0 0 12px}
.qw-wt-knoepfe{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 0}
.qw-wt-knoepfe form{margin:0;display:flex;max-width:100%}
.qw-wt-knoepfe .qw-btn{width:auto;max-width:100%;min-height:48px;padding:11px 20px;font-size:15px;white-space:normal;text-align:center;box-sizing:border-box}
.qw-liste .qw-wt-knoepfe a.qw-btn-ghost{color:#2F4B3C;text-decoration:none}
.qw-wt-verlauf ul{margin:8px 0 0;padding-left:20px;font-size:14px;line-height:1.6;color:#4a4a4a}
.qw-wt-verlauf>summary,.qw-wt-videoform>summary,.qw-wt-videotext>summary{min-height:48px;box-sizing:border-box;padding-top:10px;padding-bottom:10px}
.qw-wt-meldung{margin:0 0 12px}

/* Bühne: laufender Durchgang oder Ergebnis */
.qw-wt-buehne{background:#fff;border:2px solid #2F4B3C;border-radius:12px;padding:16px;margin:0 0 16px;scroll-margin-top:90px}
.qw-wt-buehne.ok{background:#F6FAF7}
.qw-wt-titel{font-family:Jost,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.3;color:#2F4B3C;margin:0 0 8px;overflow-wrap:break-word}
.qw-wt-form{margin:0}
.qw-wt-frage{border-top:1px solid #ECE9E3;padding:16px 0 4px;margin:10px 0 0;min-width:0}
.qw-wt-fragetext{font-size:16px;font-weight:600;line-height:1.45;color:#222;margin:0 0 4px;overflow-wrap:break-word}
.qw-wt-nr{display:block;font-size:12.5px;font-weight:600;color:#6B6B6B;margin:0 0 3px}
/* Antwort = ganze Zeile als Tippfläche */
.qw-wt-antwort{display:flex;align-items:flex-start;gap:12px;width:100%;min-height:48px;box-sizing:border-box;padding:12px 14px;margin:8px 0 0;border:1px solid #D8D5D0;border-radius:9px;background:#fff;cursor:pointer;font-size:15.5px;font-weight:400;line-height:1.45;color:#222}
.qw-wt-antwort input[name^="qw_wt_a"]{flex:0 0 22px;width:22px;height:22px;min-height:0;margin:1px 0 0;padding:0;accent-color:#2F4B3C;cursor:pointer}
.qw-wt-antwort>span{flex:1 1 auto;min-width:0;overflow-wrap:break-word}
.qw-wt-antwort:hover{background:#FBFAF8}
.qw-wt-antwort:focus-within{outline:2px solid #C9A227;outline-offset:2px}
.qw-wt-antwort:has(input:checked){border-color:#2F4B3C;background:#EAF3EC;box-shadow:inset 0 0 0 1px #2F4B3C}
.qw-wt-zaehler{font-size:14px;color:#4a4a4a;margin:16px 0 0}
.qw-wt-zaehler:empty{display:none}
.qw-wt-abbruch{margin:8px 0 0}
.qw-wt-leise{font:inherit;font-size:13.5px;color:#6B6B6B;background:none;border:0;padding:10px 0;min-height:48px;text-decoration:underline;cursor:pointer;text-align:left;white-space:normal}

/* Ergebnis: richtig / nicht richtig steht als Wort da, nicht nur als Farbe */
.qw-wt-punkte{font-size:17px;line-height:1.4;margin:0 0 6px;color:#222}
.qw-wt-buehne.ok .qw-wt-punkte strong{color:#1f6b3a}
.qw-wt-buehne.offen .qw-wt-punkte strong{color:#8C1D18}
.qw-liste ol.qw-wt-auswertung{list-style:none;margin:14px 0 0;padding:0}
.qw-liste ol.qw-wt-auswertung>li{display:block;list-style:none;border:1px solid #E7E3DC;border-left:4px solid #C9A227;border-radius:0 9px 9px 0;padding:12px 14px;margin:0 0 10px;background:#fff}
.qw-liste ol.qw-wt-auswertung>li.richtig{border-left-color:#2F4B3C}
.qw-liste ol.qw-wt-auswertung>li.falsch{border-left-color:#B3261E}
.qw-wt-auswertung p{margin:5px 0 0;font-size:14.5px;line-height:1.5;font-weight:400;overflow-wrap:break-word}
.qw-wt-auswertung p.qw-wt-fragetext{font-size:15.5px;font-weight:600;margin-top:8px}
.qw-wt-auswertung p.qw-wt-quelle{font-size:13px;color:#6B6B6B}
.qw-wt-marke{display:inline-block;font-size:12.5px;font-weight:700;padding:2px 10px;border-radius:20px;background:#FDF9EE;color:#7A5B0B}
li.richtig>.qw-wt-marke{background:#EAF3EC;color:#1f6b3a}
li.falsch>.qw-wt-marke{background:#FDF5F4;color:#B3261E}
.qw-wt-thema{display:inline-block;font-size:12.5px;color:#6B6B6B;margin-left:6px}
.qw-wt-bez{font-weight:600;color:#2F4B3C}

/* Video-Platz */
.qw-wt-video{margin:14px 0 0}
.qw-wt-video-kopf{font-size:14px;line-height:1.5;color:#4a4a4a;margin:0 0 8px}
.qw-wt-video-kopf strong{color:#2F4B3C}
.qw-wt-video video{display:block;width:100%;max-width:760px;height:auto;aspect-ratio:16/9;background:#1B2A22;border-radius:10px}
.qw-wt-videotext-inhalt{font-size:14.5px;line-height:1.6;color:#333;margin:6px 0 0;overflow-wrap:break-word}
.qw-wt-videoform form{display:grid;gap:10px;max-width:640px;margin:6px 0 0}
.qw-wt-videoform label{display:block;font-size:13.5px;font-weight:600;color:#2F4B3C;margin:0}
.qw-wt-videoform input[name=qw_wt_url],.qw-wt-videoform input[name=qw_wt_untertitel],.qw-wt-videoform input[name=qw_wt_dauer],.qw-wt-videoform textarea[name=qw_wt_text]{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:48px;margin:4px 0 0;padding:9px 12px;font:inherit;font-size:15px;font-weight:400;color:#222;background:#fff;border:1px solid #D8D5D0;border-radius:8px}

/* Übersicht der Verwaltung: breite Tabelle im scrollbaren Rahmen, am Handy Karten (Regel von .qw-liste) */
.qw-wt-tabelle{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* .qw-liste bricht Zellen an jeder Stelle um – hier nur an Wortgrenzen, sonst stünde „Wissenste st 2“ im Kopf. */
.qw-liste .qw-wt-tabelle th,.qw-liste .qw-wt-tabelle td{overflow-wrap:break-word;padding-left:12px;padding-right:12px}
.qw-liste .qw-wt-tabelle th{white-space:normal;min-width:6.5em;vertical-align:bottom}
@media (max-width:700px){
  .qw-liste .qw-wt-tabelle td{flex-wrap:wrap;justify-content:flex-end;gap:2px 16px}
  .qw-liste .qw-wt-tabelle td::before{flex-shrink:1;margin-right:auto}
}
@media (max-width:599px){
  .qw-wt-buehne{padding:14px 12px}
  .qw-wt-knoepfe{flex-direction:column;align-items:stretch}
  .qw-wt-knoepfe form{display:block}
  .qw-wt-knoepfe .qw-btn{width:100%}
}
/* === 1.12.0 akte === Vermietungsakte: gesperrte Haken, Kundenlinks, Ende „keine Provision“.
   Tippflächen mindestens 44 px (eine Sammelregel am Blockende, wächst mit der Schriftgröße); kein Querscrollen bei 390 px (lange Links brechen um bzw. scrollen im Feld). */
.qw-punkte .qw-p-zu{opacity:.75}
.qw-punkte .qw-p-zu input[type=checkbox]{cursor:not-allowed}
.qw-hint.qw-zu{color:#8A2B2B}
.qw-punkte .qw-check-t small.qw-zu{color:#8A2B2B}
.qw-kundenlinks{border-top:1px solid #F0EDE7;margin:12px 0 0;padding:12px 0 0;display:grid;gap:12px}
.qw-kundenlinks>.qw-hint{margin:0}
.qw-kundenlink{margin:0;display:grid;gap:6px;min-width:0}
.qw-kundenlink .qw-btn{width:auto;justify-self:start;max-width:100%;white-space:normal;text-align:left}
.qw-kundenlink .qw-btn[disabled]{opacity:.5;cursor:not-allowed}
.qw-kundenlink label{font-size:13px;color:#4A5348;overflow-wrap:anywhere}
.qw-kundenlink .qw-link-feld{font:inherit;font-size:16px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:9px 12px;border:1px solid #D8D5D0;border-radius:7px;background:#F7F5F2;color:#222}
.qw-bewerber-vormerken{margin:0 0 12px}
.qw-bewerber-vormerken .qw-mini,.qw-vorgaenge li .qw-inline-form .qw-mini{white-space:normal;max-width:100%;text-align:left}
.qw-vorgaenge li{overflow-wrap:anywhere}
.qw-akte-ende-kp{border:2px solid #B3261E;background:#FDF5F4}
.qw-akte-ende-kp h3{color:#B3261E}
.qw-akte-ende-kp .qw-btn{white-space:normal;max-width:100%}
.qw-akten-neu .qw-btn{max-width:100%;white-space:normal}
.qw-kundenlink .qw-btn,.qw-kundenlink .qw-link-feld,.qw-bewerber-vormerken .qw-mini,.qw-vorgaenge li .qw-inline-form .qw-mini,.qw-akte-ende-kp .qw-btn,.qw-akten-neu .qw-btn{min-height:max(44px,2.75rem)}
/* === 1.12.0 begriffe === */
/* Stufentabelle auf „Partner werben“: Seit der Vergütungsordnung 1.1 sind die Spaltenköpfe länger
   („Voraussetzungen (alle zugleich, im Zwölfmonatszeitraum)“). Listen-Köpfe brechen sonst nicht um
   (white-space:nowrap) – die Tabelle wurde zwischen 701 und 1180 px breiter als ihr Rahmen und
   rechts abgeschnitten (gemessen 02.10.2026: 145 bis 301 px). Hier dürfen die Köpfe umbrechen;
   als Netz scrollt der Rahmen, statt Text abzuschneiden. */
.qw-werben .qw-liste-tabelle th{white-space:normal}
.qw-werben .qw-liste-tabelle,.qw-fuehrung-text .qw-liste-tabelle{overflow-x:auto}
/* Erste Spalte („4 · Teampartner“) nicht mitten im Wort trennen. In der Kartenansicht (bis 700 px)
   darf sie wieder umbrechen. Bewusst als „bis“-Abfrage geschrieben: tests-11010 liest ab dem Block
   „1.10.10 Marke & Vorlagen“ bis zum Dateiende und lässt dort keine Pixel-Mindestbreite zu. */
.qw-werben .qw-liste-tabelle td[data-titel="Stufe"]{white-space:nowrap;overflow-wrap:normal}
@media (max-width:700px){.qw-werben .qw-liste-tabelle td[data-titel="Stufe"]{white-space:normal;overflow-wrap:anywhere}}
/* === 1.12.0 geld === */
/* Team und Karriere nach Vergütungsordnung 1.1: Geldeingänge, Rückzahlungen, Betreuungsleistung, Abrechnungsposten.
   Regeln hängen an Klassen und Feldnamen, nie an der Reihenfolge. Tippflächen 48 px hoch (Vorgabe: mindestens 44; iPad = PC).
   Bewusst ohne Pixel-Mindestbreite und ohne die Zeichenfolge der 44-px-Regel: tests-11010 liest ab dem Block
   „1.10.10 Marke & Vorlagen“ bis zum Dateiende und zählt dort beides. */
.qw-abgelehnt{color:#B3261E}
.qw-team .qw-team-form label,.qw-karriere .qw-team-form label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 10px 6px 0;max-width:100%}
.qw-team .qw-team-form input[type=date],.qw-team .qw-team-form input[type=text],.qw-team .qw-team-form select,
.qw-karriere .qw-team-form input[type=date],.qw-karriere .qw-team-form input[type=text],.qw-karriere .qw-team-form select{min-height:48px;max-width:100%;box-sizing:border-box}
.qw-team .qw-team-form input[name=qw_tipp],.qw-team .qw-team-form input[name=qw_netto],.qw-team .qw-team-form input[name=qw_rz_betrag]{width:11em}
.qw-team .qw-team-form input[name=qw_fremd]{width:13em}
.qw-team .qw-team-form input[name=qw_grund],.qw-team .qw-team-form input[name=qw_notiz],.qw-karriere .qw-team-form input[name=qw_notiz]{width:16em}
.qw-team .qw-team-form input[type=checkbox]{width:22px;height:22px;margin:0 6px 0 0;flex:0 0 auto}
.qw-team .qw-team-form button,.qw-karriere .qw-team-form button{min-height:48px}
.qw-team-eingaenge{list-style:none;margin:8px 0 12px;padding:0}
.qw-team-eingaenge li{padding:8px 0;border-bottom:1px solid #F0EDE8;overflow-wrap:anywhere}
.qw-team-eingaenge li:last-child{border-bottom:0}
.qw-team-vorgang .qw-hinweis-klapp,.qw-team-person .qw-hinweis-klapp{margin-top:12px}
/* Abrechnungsposten: viele Spalten – eigener scrollbarer Rahmen, die Seite selbst scrollt nie quer. */
.qw-liste-tabelle.qw-team-posten{overflow-x:auto;-webkit-overflow-scrolling:touch}
.qw-team-posten table{min-width:0}
.qw-team-posten td{overflow-wrap:anywhere}
.qw-team-posten th{white-space:normal}
/* „Ihr Team“ auf der Seite Karriere: sieben Spalten, die letzte mit Text. Gemessen 02.10.2026: bei 820 px
   ragte die Tabelle 67 px über ihren Rahmen und wurde abgeschnitten. Köpfe dürfen umbrechen; als Netz scrollt der Rahmen. */
.qw-liste-tabelle.qw-team-gruppe{overflow-x:auto;-webkit-overflow-scrolling:touch}
.qw-team-gruppe th{white-space:normal}
/* Kartenansicht (Handy): Zellen mit Formularen („Bestätigen“, „Ablehnen“ mit Begründung) dürfen umbrechen.
   Gemessen 02.10.2026 bei 390 px: mit zwei Formularen in einer Zelle wurde die Zeile 525 px breit und abgeschnitten. */
@media (max-width:700px){
  .qw-team .qw-liste-tabelle td[data-titel=""]{flex-wrap:wrap;justify-content:flex-start}
  .qw-team .qw-liste-tabelle td[data-titel=""]::before{content:none}
  .qw-team .qw-liste-tabelle .qw-team-form{min-width:0;max-width:100%}
  .qw-team .qw-liste-tabelle .qw-team-form input[type=text],.qw-team .qw-liste-tabelle .qw-team-form input[type=date]{width:100%;min-width:0}
}
/* === 1.12.0 unterlagen === */
/* Arbeitsfassungs-Hinweis im Kopfkasten von „Partner werben“; Angabe „Fassung · Stand · Seiten“ je Unterlage. */
.qw-ul-arbeit{margin:0 0 12px;padding:10px 12px;border-left:3px solid #B3261E;background:#FDF5F4;border-radius:0 6px 6px 0;line-height:1.5;overflow-wrap:anywhere}
.qw-ul-angabe{display:inline-block;margin-top:2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.qw-download-zeile .qw-ul-alt{margin:4px 0 0}
.qw-tile .qw-ul-angabe{font-size:12.5px}
/* Lange Titel und Marken dürfen umbrechen – die Zeile scrollt nie quer (iPad = PC). */
.qw-abschnitt-ul .qw-download-zeile>div{min-width:0;overflow-wrap:anywhere}
.qw-abschnitt-ul .qw-download-zeile .qw-mini{min-height:max(44px,2.75rem);display:inline-flex;align-items:center}
/* === 1.12.0 geld2 === */
/* Vergütungsordnung 1.1 im Wortlaut (Karriere, Team), Gutschrift, Steuerstatus, Buchauszug.
   Regeln hängen an Klassen und Feldnamen, nie an der Reihenfolge. Tippflächen mindestens 44 px (iPad = PC).
   Ohne Pixel-Mindestbreite: Tabellen brechen an Wortgrenzen um oder scrollen in ihrem eigenen Rahmen – die Seite scrollt nie quer.
   Gemessen 02.10.2026 bei 390 / 820 / 1024 / 1180 / 1366 px (ohne Theme): kein Querscrollen, keine abgeschnittene Tabelle. */
.qw-vo-kopf{margin:0 0 12px;line-height:1.5}
.qw-vo-h{font-family:Jost,system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;font-size:16.5px;font-weight:600;color:#2F4B3C;margin:22px 0 10px}
.qw-vo-kurz{margin:0 0 12px;padding-left:1.5em}
.qw-vo-kurz li{margin:0 0 8px;line-height:1.55;overflow-wrap:break-word}
.qw-vo-wege{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.qw-vo-wege a.qw-btn{min-height:max(44px,2.75rem);display:inline-flex;align-items:center;box-sizing:border-box;text-decoration:none;width:auto}
.qw-vo-regel,.qw-vo-absatz{margin:12px 0 0;line-height:1.6;overflow-wrap:break-word}
.qw-vo-nr{display:inline-block;font-weight:600;color:#2F4B3C;margin-right:4px}
.qw-vo-liste{margin:10px 0 0;padding-left:1.3em;line-height:1.6}
/* Tabellen des Wortlauts und die Stufentabelle: Wörter bleiben ganz (gemessen: mit „anywhere“ brach „Einstieg“ nach
   jedem Buchstaben um). Passt die Tabelle nicht, scrollt ihr Rahmen. */
.qw-vo .qw-liste-tabelle,.qw-liste-tabelle.qw-stufen-tabelle{overflow-x:auto;-webkit-overflow-scrolling:touch}
.qw-vo .qw-liste-tabelle{margin:12px 0 0}
.qw-vo .qw-liste-tabelle th,.qw-stufen-tabelle th{white-space:normal;overflow-wrap:break-word}
.qw-vo .qw-liste-tabelle td,.qw-stufen-tabelle td{overflow-wrap:break-word}
.qw-vo .qw-liste-tabelle td[data-titel="Stufe"],.qw-stufen-tabelle td[data-titel="Stufe"],.qw-vo .qw-liste-tabelle td[data-titel="Anteil an der Netto-Courtage"],.qw-stufen-tabelle td[data-titel="Anteil"]{white-space:nowrap}
/* Gutschriften und Buchauszug: viele Spalten. Die Tabelle darf breiter sein als ihr Rahmen – der Rahmen scrollt.
   Zahlen, Daten und Nummern bleiben in einer Zeile; nur die Textspalten brechen um. */
.qw-liste-tabelle.qw-buchauszug,.qw-liste-tabelle.qw-abr-liste{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 12px}
.qw-buchauszug table,.qw-abr-liste table{width:max-content;min-width:100%}
.qw-buchauszug table{font-size:13px}
.qw-buchauszug th,.qw-abr-liste th{white-space:normal;overflow-wrap:break-word;max-width:9em;vertical-align:bottom}
.qw-buchauszug td,.qw-abr-liste td{white-space:nowrap}
.qw-buchauszug td[data-titel="Objekt"],.qw-buchauszug td[data-titel="Posten"],.qw-buchauszug td[data-titel="Hinweis"]{white-space:normal;min-width:11em;max-width:20em;overflow-wrap:break-word}
.qw-abr-liste td a{display:inline-flex;align-items:center;min-height:max(44px,2.75rem)}
.qw-abr-form input[name=qw_st_nummer]{width:14em}
.qw-abr-form input[name=qw_st_name],.qw-abr-form input[name=qw_st_strasse],.qw-abr-form input[name=qw_st_ort],.qw-abr-form input[name=qw_fg_durch]{width:18em}
/* Ankreuzfelder: das ganze Etikett ist die Tippfläche. */
.qw-team .qw-team-form label,.qw-karriere .qw-team-form label{min-height:max(44px,2.75rem)}
.qw-karriere .qw-team-form input[type=checkbox]{width:22px;height:22px;margin:0 6px 0 0;flex:0 0 auto}
.qw-team-verlauf ul{margin:8px 0 0;padding-left:1.2em}
.qw-team-verlauf li{overflow-wrap:break-word;margin:0 0 4px}
/* Kartenansicht (Handy): jede Zeile eine Karte, Bezeichnung über dem Wert. */
@media (max-width:700px){
  .qw-vo .qw-liste-tabelle td,.qw-stufen-tabelle td,.qw-buchauszug td,.qw-abr-liste td{flex-direction:column;gap:2px;white-space:normal;overflow-wrap:anywhere}
  .qw-vo .qw-liste-tabelle td[data-titel="Stufe"],.qw-stufen-tabelle td[data-titel="Stufe"],.qw-vo .qw-liste-tabelle td[data-titel="Anteil an der Netto-Courtage"],.qw-stufen-tabelle td[data-titel="Anteil"]{white-space:normal}
  .qw-buchauszug table,.qw-abr-liste table{width:100%;min-width:0}
  .qw-buchauszug td[data-titel="Objekt"],.qw-buchauszug td[data-titel="Posten"],.qw-buchauszug td[data-titel="Hinweis"]{min-width:0;max-width:none}
  .qw-abr-form input[name=qw_st_nummer],.qw-abr-form input[name=qw_st_name],.qw-abr-form input[name=qw_st_strasse],.qw-abr-form input[name=qw_st_ort],.qw-abr-form input[name=qw_fg_durch]{width:100%}
}
@media print{
  .qw-vo-wege,.qw-vo-druckhinweis,.qw-vo details.qw-abschnitt>summary::after{display:none!important}
  .qw-vo details.qw-abschnitt{border:0;margin:0 0 6px}
  .qw-vo .qw-liste-tabelle{overflow:visible}
}
/* === 1.12.0 fix_rest === */
/* Tippflächen (N5): Auswahl „Mein Bundesland“ war 41 px hoch. */
.qw-land-wahl select{min-height:max(44px,2.75rem);box-sizing:border-box}
/* Abgleich verwaltete Objekte (H3): Kasten mit Knopf der Verwaltung. */
.qw-bestand-form{margin:10px 0 0}
.qw-bestand-form .qw-mini,.qw-loeschen-form .qw-btn{min-height:max(44px,2.75rem)}
/* Bewerberdaten löschen (M5): Sicherheitsabfrage über dem Knopf. */
.qw-loeschen-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:10px 0 0}
.qw-loeschen-form .qw-check{margin:0}
/* Akte: Erklärung zum Schloss steht als Text da (N6), nicht im Tooltip. */
.qw-akte-aufgaben .qw-frist-text{display:inline-block;margin-left:4px;padding:1px 7px;border:1px solid #E4CE8E;border-radius:9px;background:#FDF9EE;color:#7A5B0B;font-size:11.5px;line-height:1.5}
/* Vorgang: Provisionssperre aus der Akte (H5). */
.qw-provisionssperre{margin:0 0 14px}
/* Partner werben: Arbeitsfassung noch nicht freigegeben (M6). */
.qw-ul-gesperrt{white-space:nowrap}
/* Bewerberliste: „PDF öffnen“ als Knopf (N6) – Abstand zum Text davor. */
.qw-vorgaenge li>a.qw-mini{margin-left:6px}
/* === 1.12.0 fix_rest2 === */
/* Statusweg in der Einzelansicht eines Vorgangs: Ein langes Wort („Wohnungsgeberbestätigung“) lief bei 820, 1180 und 1366 px über den Kachelrand. */
.qw-weg li{min-width:0}
.qw-weg-titel,.qw-weg-text{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
/* Akte: Vermerk zur Tippgebervereinbarung (Vergütungsordnung 9.6) – Formular der Verwaltung mit Tippflächen von mindestens 44 px. */
.qw-tipp{margin:10px 0}
.qw-tipp .qw-hint{display:block;margin-top:6px}
.qw-tipp-form{margin-top:8px}
.qw-tipp-form summary{cursor:pointer;min-height:max(44px,2.75rem);display:flex;align-items:center;font-weight:600}
.qw-tipp-form label{display:block;font-size:14px}
.qw-tipp-form input[type=text],.qw-tipp-form input[type=date]{display:block;width:100%;max-width:22rem;min-height:max(44px,2.75rem);box-sizing:border-box;margin-top:4px}
.qw-tipp-form .qw-mini{min-height:max(44px,2.75rem)}
/* Gemessen bei 390 px: lange Wörter (Straßenname in der Kopfzeile der Akte, freier Text in einem Hinweis) und der Sprung-Link im ACHTUNG-Kasten
   schoben die Seite in die Breite. Jetzt brechen sie um. */
.qw-akte-kopf>div{min-width:0}
.qw-akte-kopf h2{overflow-wrap:anywhere}
.qw-hinweis{overflow-wrap:anywhere}
.qw-achtung a{white-space:normal}
/* === 1.12.0 fix_geld === */
/* Kurzansicht der Seite Team: eine Zeile je Person bzw. Geschäft; die ganze Zeile ist die Tippfläche (iPad wie PC). */
.qw-team-kurz{background:#fff;border:1px solid #E7E3DC;border-radius:10px;margin:0 0 10px;scroll-margin-top:90px}
.qw-team-kurz>a{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:0;min-height:max(44px,2.75rem);padding:10px 16px;box-sizing:border-box;color:inherit;text-decoration:none;border-radius:10px}
.qw-team-kurz>a::after{content:"";flex:0 0 auto;order:2;width:9px;height:9px;margin:0 4px 0 auto;border-right:2px solid #2F4B3C;border-top:2px solid #2F4B3C;transform:rotate(45deg)}
.qw-team-kurz>a:hover,.qw-team-kurz>a:focus-visible{background:#FBFAF8}
.qw-team-kurz>a:focus-visible{outline:2px solid #C9A227;outline-offset:2px}
.qw-team-kurz .qw-abschnitt-titel{flex:1 1 0;min-width:0}
.qw-team-kurz .qw-abschnitt-info{overflow-wrap:anywhere}
/* Gutschriften: Formular „Auszahlung festhalten“ in der Zelle, Datum und Knopf untereinander auf schmalen Schirmen. */
.qw-abr-liste td[data-titel="ausgezahlt am"] .qw-abr-form{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0}
.qw-abr-liste td[data-titel="ausgezahlt am"] input[type=date]{min-height:max(44px,2.75rem)}
/* === 1.12.0 fix_geld2 === */
/* Abrechnung ohne Steuerausweis, Fälligkeit, Vorschuss (Zweitlesung Recht): Formulare in Tabellenzellen und Listen brechen um, statt quer zu scrollen (iPad wie PC). */
.qw-abr-liste td[data-titel="Nr."] .qw-abr-form{display:block;margin:6px 0 0}
.qw-abr-liste td[data-titel="Nr."] .qw-marke{white-space:normal}
.qw-team-eingaenge .qw-abr-form{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0}
.qw-team-eingaenge .qw-abr-form input[type=date],.qw-team-eingaenge .qw-abr-form input[type=text]{min-height:max(44px,2.75rem);max-width:100%}
/* === 1.12.0 sandkasten === */
/* Touch-Geräte (grober Zeiger: iPad, Handy): Jede Aufklapp-Zeile (summary) und jeder Knopf ist mindestens 44 px hoch
   (Sandkasten, Entscheidung 7). Gemessen bei 820 und 1180 px: 23 bis 34 px hohe Zeilen „Verlauf“, „Erinnerungen und Fristen“,
   „Selbstprüfung“, „Abbrechen“, „Entfällt“, Fragen und Antworten, Bundesländer. Mit der Maus bleibt alles, wie es war. */
@media (pointer:coarse){
[class*="qw-"] summary{min-height:max(44px,2.75rem);box-sizing:border-box}
.qw-akte-verlauf summary,.qw-abbrechen summary,.qw-entfaellt summary,.qw-einheit-pruefung summary,.qw-land-alle>summary,.qw-land-einzeln>summary,.qw-faq summary{padding-top:.6rem;padding-bottom:.6rem}
[class*="qw-"] button,[class*="qw-"] a.qw-btn,[class*="qw-"] input[type=submit],[class*="qw-"] input[type=button]{min-height:max(44px,2.75rem)}
}

/* 1.12.4 – Pflicht-Auswahl ohne Antwort, Widerruf am Vertrag */
.qw-choices.qw-error{outline:2px solid #B3261E;outline-offset:6px;border-radius:6px;background:#FDF5F4}
.qw-widerruf-kasten .qw-widerruf-eintrag{margin-top:10px;padding-top:10px;border-top:1px solid rgba(179,38,30,.25)}
.qw-widerruf-kasten form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.qw-widerruf-kasten textarea{width:100%;box-sizing:border-box;min-height:64px;padding:10px;border:1px solid #D8D5D0;border-radius:8px;font:inherit;background:#fff;color:#1E1E1E}
.qw-widerruf-kasten .qw-choice{display:flex;gap:10px;align-items:flex-start;min-height:2.75rem;color:#1E1E1E}
.qw-widerruf-kasten .qw-choice input{margin-top:3px;flex:0 0 auto;width:20px;height:20px}
.qw-widerruf-kasten .qw-btn{align-self:flex-start;min-height:2.75rem}
.qw-widerruf-kasten label{font-weight:600;color:#1E1E1E}
.qw-widerruf-kasten .qw-choice span{font-weight:400}
.qw-widerruf-kasten.qw-hinweis>strong{display:block;margin-bottom:4px}
.qw-widerruf-kasten.qw-hinweis ul{margin:0;padding-left:20px}
.qw-marke-widerruf{font-weight:600;white-space:normal}
.qw-widerruf-offen{margin-bottom:16px}

/* 1.12.5 – Exposés: erstellen, vorlegen, herausgeben */
.qw-expose{overflow-wrap:anywhere}
.qw-ex-kopf{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-start;justify-content:space-between;margin:6px 0 14px}
.qw-ex-kopf .qw-hub-h2{margin:2px 0 0;font-size:20px;line-height:1.3}
.qw-ex-kopf .qw-ampel{white-space:normal}
.qw-expose .qw-ampel{white-space:normal}
.qw-ex-pruefung{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:14px 18px;margin:0 0 18px}
.qw-ex-pruefung .qw-detail-h3{margin:0 0 8px}
.qw-ex-pruefung ul{list-style:none;margin:0;padding:0}
.qw-ex-pruefung li{display:block;list-style:none;padding:8px 0;border-bottom:1px solid #F0EDE8;font-size:14.5px;line-height:1.5}
.qw-ex-pruefung li:last-child{border-bottom:0}
.qw-ex-pruefung li .qw-marke{margin-right:8px;min-width:5.6em;text-align:center}
.qw-ex-pruefung li.fehlt strong{color:#B3261E;font-weight:600}
.qw-ex-heraus{border-color:#C9A227;border-width:2px}
.qw-ex-heraus .qw-punkte{margin:6px 0 14px}
.qw-ex-heraus .qw-field{margin:10px 0}
.qw-ex-heraus .qw-field label{display:block;font-weight:600;margin:0 0 6px}
.qw-ex-heraus select,.qw-ex-heraus textarea{width:100%;max-width:560px}
.qw-ex-form{margin:18px 0 0}
.qw-expose button.qw-ex-vorab{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.qw-ex-gilt p{font-size:14.5px;line-height:1.55;margin:0 0 10px}
.qw-expose .qw-akte-ende h3{font-size:16px;line-height:1.35}
.qw-expose .qw-akte-ende>p{font-size:14.5px;line-height:1.55}
.qw-expose fieldset.qw-ex-abschnitt{border:0;border-top:1px solid #E7E3DC;margin:22px 0 0;padding:14px 0 0;min-width:0}
.qw-expose fieldset.qw-ex-abschnitt>legend{float:none;width:auto;padding:0 12px 0 0;margin:0;border:0}
.qw-expose .qw-field input[disabled],.qw-expose .qw-field select[disabled],.qw-expose .qw-field textarea[disabled]{background:#F7F5F2;color:#4A5348;opacity:1}
.qw-expose .qw-field input[type=text],.qw-expose .qw-field input[type=date],.qw-expose .qw-field select,.qw-expose .qw-field textarea{width:100%}
.qw-ex-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin:12px 0 16px}
.qw-ex-foto{background:#fff;border:1px solid #E7E3DC;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.qw-ex-foto img{display:block;width:100%;height:150px;object-fit:cover;background:#F2F0EC}
.qw-ex-foto-text{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.qw-ex-foto-text strong{color:#2F4B3C}
.qw-ex-foto-text .qw-mini{align-self:flex-start}
.qw-ex-leise{font-size:12.5px;color:#6B6B6B;font-weight:400;margin:0}
.qw-expose input[type=file]{display:block;width:100%;max-width:100%;font:inherit;font-size:14px;padding:10px;border:1px dashed #CFC9BD;border-radius:8px;background:#fff;min-height:46px}
.qw-expose ul.qw-ex-liste{margin:6px 0 10px;padding-left:20px;font-size:14px;line-height:1.55}
.qw-expose ul.qw-ex-liste li{list-style:disc;margin:0 0 4px}
.qw-ex-eig{margin:12px 0 4px;padding:12px 14px;background:#F7F5F2;border-radius:8px}
.qw-ex-eig .qw-field label{display:block;font-weight:600;font-size:13.5px;margin:0 0 6px}
.qw-ex-unten{display:flex;align-items:flex-end}
.qw-ex-unten .qw-btn{white-space:normal}
.qw-expose .qw-akte-ende .qw-inline-form{margin-top:8px}
.qw-expose .qw-hinweis .qw-inline-form{display:block;margin-top:8px}
.qw-expose .qw-hinweis ul{margin:6px 0 0;padding-left:20px}
.qw-expose .qw-abbrechen form{margin-top:8px}
.qw-expose .qw-abbrechen label{display:block;font-weight:600;margin:0 0 4px}
.qw-expose .qw-actions .qw-btn{width:auto;white-space:normal}
.qw-expose code{font-size:12.5px;background:#F2F0EC;padding:2px 6px;border-radius:4px;color:#2F4B3C}
.qw-werkzeuge .qw-inline-form{display:inline-block}
.qw-expose summary{min-height:2.75rem;box-sizing:border-box;padding-top:.7rem;padding-bottom:.7rem}
.qw-expose .qw-mini{min-height:2.75rem}
@media (max-width:700px){
  .qw-ex-fotos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qw-ex-foto img{height:110px}
  .qw-expose .qw-actions .qw-btn,.qw-ex-unten .qw-btn{width:100%}
  .qw-ex-pruefung li .qw-marke{display:inline-block;margin-bottom:4px}
}

/* 1.12.6 – Exposés: Vertretung, Link für den Eigentümer, Interessenten */
.qw-ex-link{margin:14px 0 4px;padding-top:12px;border-top:1px dashed #CFC9BD}
.qw-ex-link h4{margin:0 0 8px;font-size:15px;color:#2F4B3C}
.qw-ex-link p{font-size:14.5px;line-height:1.55;margin:0 0 10px}
.qw-ex-linkform{margin:8px 0 4px;padding:12px 14px;background:#F7F5F2;border-radius:8px}
.qw-ex-linkform .qw-field label{display:block;font-weight:600;font-size:13.5px;margin:0 0 6px}
.qw-ex-int{margin:0 0 22px}
.qw-ex-einladen{background:#fff;border:1px solid #E7E3DC;border-radius:10px;padding:10px 16px;margin:0 0 14px}
.qw-ex-einladen>summary{cursor:pointer;font-weight:600;color:#2F4B3C;padding:6px 0}
.qw-ex-einladen .qw-field label{display:block;font-weight:600;font-size:13.5px;margin:0 0 6px}
.qw-ex-einladen .qw-check{margin:12px 0}
.qw-ex-einladen .qw-btn{white-space:normal}
.qw-ex-int td .qw-inline-form{display:inline-block;margin:2px 6px 2px 0}
.qw-ex-int td details.qw-abbrechen{margin:6px 0 0}
/* Liste der Interessenten: Grundform sind KARTEN – eine je Anfrage. So wird nichts abgeschnitten und kein Wort
   Buchstabe für Buchstabe umbrochen, egal wie schmal die Spalte des Themas ist. Erst wenn der Kasten selbst
   breit genug ist (gemessen wird der Kasten, nicht das Fenster), wird daraus eine Tabelle mit sechs Spalten. */
.qw-ex-int{container-type:inline-size}
.qw-ex-int .qw-liste-tabelle{overflow:visible}
.qw-ex-int table{display:block;width:100%;border-collapse:collapse}
.qw-ex-int thead{display:none}
.qw-ex-int tbody{display:block}
.qw-ex-int tr{display:block;padding:12px 14px;border-bottom:1px solid #E7E3DC}
.qw-ex-int tr:last-child{border-bottom:0}
.qw-ex-int td{display:block;width:auto;padding:3px 0;border:0;overflow-wrap:normal;word-break:normal;hyphens:manual;vertical-align:top}
.qw-ex-int td[data-titel]::before{content:attr(data-titel);display:block;font-size:12px;font-weight:600;color:#6B6B6B;text-transform:uppercase;letter-spacing:.04em;margin:6px 0 1px}
.qw-ex-int td[data-titel="Nachweis"]::before{content:none}
.qw-ex-int td[data-titel="Nachweis"]{font-size:16px;white-space:nowrap}
.qw-ex-int td[data-titel="Name"]{overflow-wrap:anywhere}
.qw-ex-int td br{display:none}
.qw-ex-int td .qw-hint{display:block}
.qw-ex-int td .qw-ampel{white-space:normal;border-radius:12px;line-height:1.35}
.qw-ex-int td .qw-mini{min-height:46px;white-space:normal}
.qw-ex-int td details.qw-abbrechen>summary{min-height:46px;display:flex;align-items:center;cursor:pointer;list-style:none;color:#2F4B3C;text-decoration:underline;text-underline-offset:3px}
.qw-ex-int td details.qw-abbrechen>summary::-webkit-details-marker{display:none}
.qw-ex-int td details.qw-abbrechen>summary::before{content:"\25B8";margin-right:7px;text-decoration:none;display:inline-block}
.qw-ex-int td details.qw-abbrechen[open]>summary::before{content:"\25BE"}
.qw-ex-int td details.qw-abbrechen input[type=text],.qw-ex-int td details.qw-abbrechen input[type=date]{display:block;width:100%;max-width:21em;min-height:46px;margin:4px 0 8px}
.qw-ex-int td a[target="_blank"]{display:inline-block;padding:6px 0;margin-right:10px}
@container (width >= 900px){
  .qw-ex-int .qw-liste-tabelle{overflow:hidden}
  .qw-ex-int table{display:table}
  .qw-ex-int thead{display:table-header-group}
  .qw-ex-int tbody{display:table-row-group}
  .qw-ex-int tr{display:table-row;padding:0;border-bottom:0}
  .qw-ex-int td{display:table-cell;padding:13px 16px;border-bottom:1px solid #F0EDE8}
  .qw-ex-int tr:last-child td{border-bottom:0}
  .qw-ex-int td[data-titel]::before{content:none}
  .qw-ex-int td[data-titel="Nachweis"]{font-size:inherit}
  .qw-ex-int td[data-titel="Name"]{width:17%}
  .qw-ex-int td[data-titel="Stand"]{width:19%}
  .qw-ex-int td[data-titel="Angefragt"]{width:12%}
  .qw-ex-int td[data-titel="Bestätigt"]{width:15%}
  .qw-ex-int td[data-titel="Aktion"]{width:27%}
}
.qw-ex-vertretung p{font-size:14.5px;line-height:1.55;margin:8px 0 10px}
.qw-ex-vertr-form .qw-field label{display:block;font-weight:600;font-size:13.5px;margin:0 0 6px}
.qw-ex-vertr-form .qw-btn{white-space:normal}
@media (max-width:640px){
  .qw-ex-einladen .qw-btn,.qw-ex-vertr-form .qw-btn{width:100%}
}

/* 1.12.7 – Besichtigungsprotokoll: Hinweis „Unterlagen für den Interessenten drucken“ über dem Formular */
.qw-druck-hinweis{background:#FDF9EE;border:1px solid #E4CE8E;border-radius:9px;padding:12px 14px;margin:0 0 16px;font-size:14px;line-height:1.5}
.qw-druck-hinweis .qw-btn{display:inline-block;width:auto;max-width:100%;white-space:normal;margin:8px 0 0}
@media (max-width:700px){
  .qw-druck-hinweis .qw-btn{display:block;width:100%;box-sizing:border-box;text-align:center}
}

/* 1.12.11: Das Exposé als PDF sofort finden – Karte oben auf der Seite, Knopf in der Liste und in der Akte. */
.qw-ex-pdf{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;background:#fff;border:1px solid #E7E3DC;border-left:5px solid #C9A227;border-radius:12px;padding:16px 18px;margin:0 0 18px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(47,75,60,.06)}
.qw-ex-pdf.gruen{border-left-color:#2F4B3C}
.qw-ex-pdf.gelb{border-left-color:#C9A227}
.qw-ex-pdf.rot{border-left-color:#B3261E}
.qw-ex-pdf.grau{border-left-color:#B8B2A7}
.qw-ex-pdf-symbol{flex:0 0 auto;width:58px;height:66px;border-radius:9px;background:#F4F7F5;color:#2F4B3C;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.qw-ex-pdf-symbol span{font-size:11px;font-weight:700;letter-spacing:.08em}
.qw-ex-pdf.rot .qw-ex-pdf-symbol{background:#FDF5F4;color:#B3261E}
.qw-ex-pdf.grau .qw-ex-pdf-symbol{background:#F2F0EC;color:#6B6B6B}
.qw-ex-pdf-text{flex:1 1 200px;min-width:0}
.qw-expose .qw-ex-pdf-text h3{margin:0 0 2px;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.3;color:#2F4B3C}
.qw-ex-pdf-zeile{margin:0 0 6px;font-size:14px;color:#6B6B6B}
.qw-ex-pdf-stand{margin:0;font-size:14px;line-height:1.5}
.qw-ex-pdf-stand .qw-marke{margin:0 6px 0 0}
.qw-ex-pdf-neben{margin:8px 0 0;font-size:13.5px}
.qw-ex-pdf-neben a{color:#2F4B3C;font-weight:600}
.qw-ex-pdf-knoepfe{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}
.qw-ex-pdf-knoepfe .qw-btn{width:auto}
@media (max-width:700px){
  .qw-ex-pdf-knoepfe{flex:1 1 100%}
  .qw-ex-pdf-knoepfe .qw-btn{flex:1 1 160px}
}
.qw-ex-pdf-mini{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid #CFDCD3;border-radius:8px;background:#F4F7F5;font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap;overflow-wrap:normal;word-break:normal;min-height:2.75rem}
.qw-liste a.qw-ex-pdf-mini{color:#2F4B3C}
.qw-liste a.qw-ex-pdf-mini.entwurf,.qw-liste a.qw-ex-pdf-mini.nachweis{background:#fff;color:#6B6B6B}
.qw-liste a.qw-ex-pdf-mini:hover{background:#EAF3EC;border-color:#2F4B3C;color:#2F4B3C}
.qw-ex-pdf-mini.entwurf{border-style:dashed}
.qw-ex-pdf-leer{color:#6B6B6B}
.qw-ex-pdf-zelle{white-space:nowrap}
.qw-ex-pdf-svg{flex:0 0 auto}
a.qw-btn.qw-ex-pdf-akte{width:auto}
@media print{.qw-ex-pdf-knoepfe{display:none}}

/* 1.12.7 – Eigentümer aus der eigenen Verwaltung als Verkaufskunde: Ampel und Knöpfe in der Akte */
.qw-vk-block{flex-basis:100%;max-width:100%;background:#F7F5F2;border:1px solid #D8D5D0;border-radius:9px;padding:12px 14px;margin:0 0 4px;box-sizing:border-box}
.qw-vk-block .qw-hint{margin:0 0 10px}
.qw-vk-block .qw-btn{display:inline-block;width:auto;max-width:100%;white-space:normal;margin:0 6px 8px 0}
.qw-vk-ampel{margin:0 0 8px;padding:9px 12px;border-radius:7px;border-left:6px solid #6B6B6B;background:#fff;font-size:14.5px;line-height:1.45;overflow-wrap:anywhere}
.qw-vk-ampel.qw-vk-gruen{border-left-color:#226B3D;background:#EFF6F1}
.qw-vk-ampel.qw-vk-gelb{border-left-color:#B8870A;background:#FDF9EE}
.qw-vk-ampel.qw-vk-rot{border-left-color:#8C1D18;background:#FBEFEE}
.qw-vk-folgen{margin:0 0 12px;padding-left:20px;font-size:14px;line-height:1.5}
.qw-vk-folgen li{list-style:disc;margin:0 0 4px}
@media (max-width:700px){
  .qw-vk-block .qw-btn{display:block;width:100%;box-sizing:border-box;text-align:center;margin-right:0}
}
/* 1.12.10: Felder der Einzelansicht (Status, Wiedervorlage, Notiz) bleiben in ihrer Karte – je nach Theme ragten sie am Handy einige Pixel hinaus. */
.qw-detail-zeile input,.qw-detail-zeile select,.qw-detail-zeile textarea{max-width:100%;box-sizing:border-box}