/* Gemeinsame Gestaltung der Generatoren (Impressum, Datenschutz), 15.10.2026.
   Aus dem Impressum-Generator herausgelöst, damit beide gleich aussehen. */
.ig{--ig-rand:rgba(0,0,0,.09);--ig-weich:rgba(0,0,0,.04);font-family:var(--font-body,inherit)}
.ig-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ig-start{display:flex;gap:.6rem;align-items:center;max-width:44rem;margin-top:1.8rem;padding:.4rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;
  box-shadow:0 1px 2px rgba(16,20,26,.04),0 12px 32px -18px rgba(1,94,165,.35);transition:box-shadow .3s var(--ease-out),border-color .3s}
.ig-start:focus-within{border-color:rgba(1,94,165,.45);box-shadow:0 0 0 4px rgba(1,94,165,.1),0 12px 32px -18px rgba(1,94,165,.45)}
.ig-start__feld{flex:1;display:flex;align-items:center;gap:.7rem;min-width:0;padding-left:.9rem}
.ig-start__fav{flex:0 0 1.25rem;width:1.25rem;height:1.25rem;color:#8a96a3;display:grid;place-items:center}
.ig-start__fav img,.ig-start__fav svg{width:1.25rem;height:1.25rem;border-radius:4px;display:block}
.ig-start input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:1.05rem;color:var(--text-strong);padding:.75rem 0}
.ig-start__hinweis{display:flex;align-items:center;gap:.55rem;margin:.85rem 0 0 .4rem;font-size:.875rem;color:var(--text-muted)}
.ig-punkt{width:.45rem;height:.45rem;border-radius:50%;background:#28c840;box-shadow:0 0 0 3px rgba(40,200,64,.15)}
.ig-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.9rem;padding:0 1.35rem;border-radius:999px;border:1px solid transparent;
  font-family:var(--font-display);font-weight:600;font-size:.95rem;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease-out),background .2s,opacity .2s}
.ig-btn svg{width:1rem;height:1rem}
.ig-btn:active{transform:scale(.98)}
.ig-btn--dunkel{background:#10141a;color:#fff;box-shadow:0 6px 16px -8px rgba(16,20,26,.6)}
.ig-btn--dunkel:hover{background:#000}
.ig-btn--dunkel:disabled{opacity:.35;cursor:default;box-shadow:none}
.ig-btn--hell{background:#fff;color:var(--text-strong);border-color:var(--ig-rand)}
.ig-btn--hell:hover{background:#f6f8fa}
.ig-btn--klein{min-height:2.2rem;padding:0 .9rem;font-size:.85rem}

.ig-fenster{display:grid;grid-template-columns:20rem minmax(0,1fr);margin-top:2.4rem;border:1px solid var(--ig-rand);border-radius:1rem;overflow:hidden;
  background:rgba(0,0,0,.018);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 1px rgba(0,0,0,.06),0 30px 60px -40px rgba(16,20,26,.35);
  animation:ig-auf .6s var(--ease-out) both}
@keyframes ig-auf{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ig-seite{display:flex;flex-direction:column;gap:.6rem;padding:1rem;min-width:0}
.ig-leiste{display:flex;gap:.35rem;margin-bottom:.15rem}
.ig-leiste span{width:.75rem;height:.75rem;border-radius:50%;background:#ff5f57;box-shadow:inset 0 1px rgba(255,255,255,.55),inset 0 -1px rgba(0,0,0,.28)}
.ig-leiste span:nth-child(2){background:#febc2e}.ig-leiste span:nth-child(3){background:#28c840}
.ig-url{display:flex;align-items:center;gap:.5rem;padding:.38rem .8rem;border-radius:.35rem;background:var(--ig-weich);font-size:.85rem;color:rgba(16,20,26,.5);
  box-shadow:inset 0 1px rgba(0,0,0,.10),inset 0 -1px rgba(255,255,255,.9);overflow:hidden;white-space:nowrap}
.ig-url img{width:1rem;height:1rem;border-radius:3px}
.ig-url span{overflow:hidden;text-overflow:ellipsis}

.ig-fund{position:relative;display:grid;gap:.15rem;padding:.8rem .9rem;border-radius:.6rem;background:#fff;border:1px solid var(--ig-rand);
  box-shadow:0 1px 2px rgba(16,20,26,.04)}
.ig-fund__kopf{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-fund b{font-family:var(--font-display);font-size:.98rem;color:var(--text-strong)}
.ig-fund small{font-size:.8rem;color:var(--text-muted)}
.ig-link{justify-self:start;margin-top:.25rem;padding:0;border:0;background:none;font:inherit;font-size:.82rem;color:var(--color-blue);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.ig-wahl{display:grid;gap:.35rem;margin-top:.5rem}
.ig-wahl__suche{display:flex;gap:.4rem}
.ig-wahl__suche input{flex:1;min-width:0;padding:.5rem .7rem;border:1px solid var(--ig-rand);border-radius:.5rem;font:inherit;font-size:.85rem}
.ig-wahl__t{display:grid;text-align:left;gap:.1rem;padding:.5rem .65rem;border:1px solid var(--ig-rand);border-radius:.5rem;background:#fff;cursor:pointer;font:inherit}
.ig-wahl__t b{font-size:.86rem}.ig-wahl__t small{font-size:.75rem;color:var(--text-muted)}
.ig-wahl__t:hover,.ig-wahl__t.is-an{border-color:rgba(1,94,165,.5);background:#f3f8fd}
.ig-leise{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.45}

.ig-reiter{display:grid;gap:.3rem;margin-top:.2rem}
.ig-reiter__b{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .75rem;border:0;border-radius:.4rem;background:none;cursor:pointer;
  font-family:var(--font-display);font-size:.9rem;font-weight:500;color:rgba(16,20,26,.55);text-align:left;transition:color .3s var(--ease-out),background .3s var(--ease-out)}
.ig-reiter__b:hover{color:var(--text-strong);background:var(--ig-weich)}
.ig-reiter__b.is-active{color:var(--text-strong);font-weight:600;background:rgba(0,0,0,.05);box-shadow:inset 0 1px rgba(255,255,255,.9),inset 0 -1px rgba(0,0,0,.10)}
.ig-reiter__t{flex:1}
.ig-status{flex:0 0 1.35rem;width:1.35rem;height:1.35rem;display:grid;place-items:center;border-radius:50%;border:1.5px solid rgba(16,20,26,.22);font-size:.72rem;font-weight:700;color:rgba(16,20,26,.5);transition:all .3s var(--ease-out)}
.ig-status.is-ok{border-color:#28c840;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.8rem no-repeat;box-shadow:0 0 0 3px rgba(40,200,64,.15)}
.ig-reiter__b.is-active .ig-status:not(.is-ok){border-color:var(--color-blue);color:var(--color-blue)}
.ig-fuehrung{margin:.2rem 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.45}
.ig-fuehrung b{color:var(--text-strong)}
.ig-weiter{justify-self:start;margin-top:.35rem}
.ig-zahl{font-size:.75rem;padding:.05rem .45rem;border-radius:999px;background:rgba(1,94,165,.1);color:var(--color-blue);font-weight:600}
.ig-edit{display:grid;gap:.55rem;padding:.6rem .4rem .9rem;animation:ig-auf .35s var(--ease-out) both}
.ig-zeile{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.5rem}
.ig-feld{display:grid;gap:.25rem;font-size:.78rem;color:var(--text-muted)}
.ig-feld span{display:flex;align-items:center;gap:.4rem}
.ig-quelle{font-style:normal;font-size:.68rem;padding:.05rem .4rem;border-radius:999px;background:rgba(40,200,64,.12);color:#1a7f2c;font-weight:600}
.ig-feld input,.ig-person--frei input{width:100%;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.92rem;color:var(--text-strong);
  transition:border-color .2s,box-shadow .2s}
.ig-feld input:focus,.ig-person--frei input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}

.ig-personen{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.ig-personen li{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .6rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;opacity:.6;transition:opacity .2s,border-color .2s}
.ig-personen li.is-an{opacity:1;border-color:rgba(1,94,165,.35)}
.ig-haken{flex:0 0 1.35rem;width:1.35rem;height:1.35rem;display:grid;place-items:center;margin-top:.1rem;border-radius:.4rem;border:1.5px solid rgba(16,20,26,.25);background:#fff;color:transparent;cursor:pointer;padding:0}
.ig-personen li.is-an .ig-haken{background:var(--color-blue);border-color:var(--color-blue);color:#fff}
.ig-haken svg{width:.9rem;height:.9rem}
.ig-person{display:grid;gap:.1rem;min-width:0}
.ig-person b{font-size:.88rem;color:var(--text-strong)}
.ig-person small{font-size:.75rem;color:var(--text-muted);line-height:1.35}
.ig-person--frei{flex:1;gap:.35rem}
.ig-person--frei textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.86rem;line-height:1.35;resize:none;color:var(--text-strong)}
.ig-person--frei textarea:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.ig-haken{position:relative}.ig-haken::after{content:"";position:absolute;inset:-.7rem}
.ig-btn[aria-disabled=true]{opacity:.45}
.ig-btn__unter{font-size:.68rem;font-weight:500;opacity:.7;margin-left:.15rem}
.ig-link--inline{margin:0 0 0 .3rem;font-size:.82rem}
.ig-vorschlag--selbst{border-top:1px solid var(--ig-rand);border-radius:0 0 .6rem .6rem;margin-top:.3rem}
.ig-vorschlag--selbst .ig-vorschlag__ini{background:#f1f3f5;color:var(--text-muted)}
.ig-weg{flex:none;width:2.2rem;height:2.2rem;border:0;border-radius:.4rem;background:none;color:rgba(16,20,26,.4);font-size:1.15rem;line-height:1;cursor:pointer}
.ig-weg:hover{background:rgba(214,48,49,.08);color:#c0392b}

.ig-schalter{display:flex;align-items:center;gap:.7rem;padding:.5rem .3rem;border:0;background:none;cursor:pointer;text-align:left;font:inherit}
.ig-schalter__knopf{flex:0 0 2.2rem;height:1.3rem;border-radius:999px;background:rgba(16,20,26,.15);position:relative;transition:background .25s var(--ease-out)}
.ig-schalter__knopf span{position:absolute;top:.15rem;left:.15rem;width:1rem;height:1rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .25s var(--ease-out)}
.ig-schalter.is-an .ig-schalter__knopf{background:var(--color-blue)}
.ig-schalter.is-an .ig-schalter__knopf span{transform:translateX(.9rem)}
.ig-schalter__t{display:grid}.ig-schalter__t b{font-size:.88rem;font-weight:600;color:var(--text-strong)}.ig-schalter__t small{font-size:.75rem;color:var(--text-muted)}

.ig-blatt.is-gesperrt{user-select:none;-webkit-user-select:none}
.ig-block.is-unscharf{filter:blur(5px);opacity:.75;pointer-events:none}
.ig-sperre{position:sticky;top:6rem;z-index:3;float:right;display:grid;gap:.4rem;max-width:17rem;margin:0 0 1rem 1rem;padding:1rem 1.1rem;border-radius:.8rem;background:rgba(255,255,255,.96);
  border:1px solid rgba(1,94,165,.25);box-shadow:0 18px 40px -20px rgba(1,94,165,.45);font-size:.85rem;color:var(--text-muted);animation:ig-auf .4s var(--ease-out) both}
.ig-sperre b{color:var(--text-strong);font-size:.95rem}
.ig-sperre .ig-btn{justify-self:start;margin-top:.2rem}
@media (max-width:700px){.ig-sperre{float:none;position:relative;top:0;margin:0 0 1rem;max-width:none}}
.ig-blatt{position:relative;margin:.5rem .5rem .5rem 0;padding:2.4rem clamp(1.25rem,4vw,3rem) 2.6rem;border:1px solid rgba(0,0,0,.10);border-radius:.5rem;background:#fff;min-width:0}
.ig-fortschritt{position:absolute;left:0;right:0;top:0;height:3px;overflow:hidden;border-radius:.5rem .5rem 0 0}
.ig-fortschritt span{display:block;height:100%;background:var(--gradient-logo,linear-gradient(90deg,#003a75,#00a3e0));transform-origin:left;transition:transform .6s var(--ease-out)}
.ig-blatt__h{margin:0 0 1.4rem;font-family:var(--font-display);font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:-.02em;color:var(--text-strong)}
.ig-block{margin:0 -.75rem;padding:.55rem .75rem;border-radius:.5rem;cursor:pointer;transition:background .25s var(--ease-out);animation:ig-auf .45s var(--ease-out) both;animation-delay:calc(var(--i) * 60ms)}
.ig-block:hover{background:rgba(1,94,165,.04)}
.ig-block.is-fokus{background:rgba(1,94,165,.06);box-shadow:inset 3px 0 0 var(--color-blue)}
.ig-block h3{margin:0 0 .3rem;font-family:var(--font-display);font-size:1.02rem;color:var(--text-strong)}
.ig-block p{margin:0;font-size:.95rem;line-height:1.65;color:#2a313a}
.ig-block p.ig-klein{font-size:.85rem;line-height:1.6;color:#4a5562}
/* AGB-Vorschau (31.10.2026): dort traegt ein .ig-block eine ganze Klausel
   (h3 plus mehrere Absaetze). .ig-block p{margin:0} liesse die Absaetze
   aneinanderkleben; nur hier ein Abstand zwischen aufeinanderfolgenden Absaetzen. */
.agb-vorschau .ig-block p + p{margin-top:.65em}
.ig-fehlt{color:var(--color-blue)!important;font-size:.88rem!important}
.ig-fehlt::before{content:"+ "}
.ig-skelett{display:grid;gap:.45rem;padding:.2rem 0}
.ig-skelett span{display:block;height:.75rem;border-radius:.3rem;background:linear-gradient(90deg,#eef1f4 0%,#f7f9fb 50%,#eef1f4 100%);background-size:200% 100%;animation:ig-schimmer 1.2s linear infinite}
.ig-skelett span:nth-child(1){width:55%}.ig-skelett span:nth-child(2){width:72%}.ig-skelett span:nth-child(3){width:40%}
.ig-schimmer{background:linear-gradient(90deg,#8a96a3 0%,#c9d1d9 50%,#8a96a3 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:ig-schimmer 1.2s linear infinite}
@keyframes ig-schimmer{from{background-position:200% 0}to{background-position:-200% 0}}

.ig-ende{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 1.5rem;margin-top:1.4rem;padding:1.1rem 1.25rem;border:1px solid var(--ig-rand);border-radius:1rem;background:#fff;
  box-shadow:0 1px 2px rgba(16,20,26,.04);animation:ig-auf .5s var(--ease-out) .2s both}
.ig-ende__text p{margin:0;font-size:.95rem;color:var(--text-muted)}
.ig-ende__text b{color:var(--text-strong)}
.ig-ende__knoepfe{display:flex;flex-wrap:wrap;gap:.5rem}
.ig-ich{grid-column:1/-1;display:grid;gap:.6rem;padding:1rem;border-radius:.75rem;background:#f6f8fa;border:1px solid transparent;transition:border-color .2s}
.ig-ich.is-fehler{border-color:rgba(214,48,49,.45);background:#fff7f7}
.ig-ich__kopf{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-ich__felder{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:.5rem}
.ig-ich__felder input{min-width:0;padding:.65rem .8rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.92rem}
.ig-ich__felder input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.ig-ich__ja{display:flex;gap:.6rem;align-items:flex-start;font-size:.82rem;line-height:1.5;color:var(--text-muted);cursor:pointer}
.ig-ich__ja input{margin-top:.2rem;width:1.05rem;height:1.05rem;accent-color:var(--color-blue);flex:none}
.ig-ich__ja a{color:var(--color-blue)}
.ig-ich__ja--freiwillig{margin-top:.55rem;padding-top:.6rem;border-top:1px solid var(--linie,rgba(29,36,51,.12));font-size:.78rem}
.ig-ich__ja--freiwillig input{margin-top:.16rem;width:1rem;height:1rem}
.ig-ich__fehler{color:#c0392b;font-size:.8rem}
.ig-einfuegen{grid-column:1/-1;font-size:.88rem;color:var(--text-muted)}
.ig-einfuegen summary{cursor:pointer;color:var(--color-blue);font-weight:600}
.ig-einfuegen ul{margin:.6rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem}

.ig-start{position:relative}
.ig-start__live{display:inline-flex;gap:.2rem;margin-right:.4rem}
.ig-start__live span{width:.32rem;height:.32rem;border-radius:50%;background:var(--color-blue);animation:ig-puls 1s ease-in-out infinite}
.ig-start__live span:nth-child(2){animation-delay:.15s}.ig-start__live span:nth-child(3){animation-delay:.3s}
@keyframes ig-puls{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
.ig-punkt--live{animation:ig-atem 2s ease-in-out infinite}
@keyframes ig-atem{0%,100%{box-shadow:0 0 0 3px rgba(40,200,64,.15)}50%{box-shadow:0 0 0 6px rgba(40,200,64,.05)}}
.ig-vorschlaege{position:absolute;left:0;right:0;top:calc(100% + .5rem);z-index:20;list-style:none;margin:0;padding:.45rem;border:1px solid var(--ig-rand);border-radius:1rem;background:#fff;
  box-shadow:0 24px 48px -24px rgba(16,20,26,.35);animation:ig-auf .25s var(--ease-out) both;max-height:22rem;overflow:auto}
.ig-vorschlaege__kopf{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem .5rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-vorschlag{display:flex;align-items:center;gap:.75rem;padding:.55rem .6rem;border-radius:.6rem;cursor:pointer}
.ig-vorschlag.is-aktiv{background:#f1f6fc}
.ig-vorschlag__ini{position:relative;overflow:hidden;flex:0 0 2rem;width:2rem;height:2rem;border-radius:.5rem;display:grid;place-items:center;background:linear-gradient(135deg,#e7f1fb,#d6e9fa);color:var(--color-blue);font-weight:700;font-family:var(--font-display)}
/* Das Favicon liegt ueber dem Anfangsbuchstaben; faellt es aus, bleibt der
   Buchstabe sichtbar (18.10.2026). */
.ig-vorschlag__fav{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ig-vorschlag__t{display:grid;min-width:0}
.ig-vorschlag__t b{font-size:.92rem;color:var(--text-strong);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ig-vorschlag__t b mark{background:rgba(0,163,224,.18);color:inherit;border-radius:3px;padding:0 1px}
.ig-vorschlag__t small{font-size:.76rem;color:var(--text-muted)}
.ig-start__erkannt{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem;margin:.85rem 0 0 .4rem;font-size:.875rem;color:var(--text-muted);animation:ig-auf .3s var(--ease-out) both}
.ig-start__erkannt img{width:1rem;height:1rem;border-radius:3px}
.ig-start__erkannt b{color:var(--text-strong)}
.ig-start__erkannt span{padding:.1rem .5rem;border-radius:999px;background:rgba(40,200,64,.1);color:#1a7f2c;font-size:.78rem}
.ig-start__erkannt em{font-style:normal;font-size:.75rem;padding:.1rem .45rem;border:1px solid var(--ig-rand);border-radius:.35rem}
.ig-log{list-style:none;margin:0;padding:.7rem .75rem;display:grid;gap:.55rem;border-radius:.6rem;background:#fff;border:1px solid var(--ig-rand)}
.ig-log__s{display:flex;gap:.6rem;align-items:flex-start;animation:ig-auf .3s var(--ease-out) both}
.ig-log__i{flex:0 0 1.1rem;width:1.1rem;height:1.1rem;display:grid;place-items:center;border-radius:50%;margin-top:.05rem}
.ig-log__s.is-ok .ig-log__i{background:#28c840;color:#fff}
.ig-log__s.is-leer .ig-log__i{background:#febc2e;color:#fff}
.ig-log__i svg{width:.75rem;height:.75rem}
.ig-dreh{width:.9rem;height:.9rem;border-radius:50%;border:2px solid rgba(1,94,165,.2);border-top-color:var(--color-blue);animation:ig-drehen .7s linear infinite}
@keyframes ig-drehen{to{transform:rotate(360deg)}}
.ig-log__t{display:grid;min-width:0}
.ig-log__t b{font-size:.82rem;font-weight:600;color:var(--text-strong)}
.ig-log__t small{font-size:.75rem;color:var(--text-muted);overflow-wrap:anywhere}
.ig-neu{animation:ig-neu .9s var(--ease-out) both}
@keyframes ig-neu{from{background:rgba(0,163,224,.16);opacity:.2}to{background:transparent;opacity:1}}
@media (prefers-reduced-motion:reduce){.ig-neu,.ig-dreh,.ig-start__live span,.ig-punkt--live{animation:none}}
@media (max-width:900px){
  .ig-fenster{grid-template-columns:minmax(0,1fr)}
  .ig-blatt{margin:0 .5rem .5rem}
  .ig-ende{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){.ig-ich__felder{grid-template-columns:1fr 1fr}.ig-ich__felder input[type=email]{grid-column:1/-1}}
@media (max-width:560px){
  .ig-start{flex-direction:column;align-items:stretch;border-radius:1.2rem;padding:.5rem}
  .ig-start__feld{padding:0 .4rem}
  .ig-start .ig-btn{width:100%}
  .ig-ende__knoepfe .ig-btn{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .ig-fenster,.ig-edit,.ig-block,.ig-ende{animation:none}
  .ig-skelett span,.ig-schimmer{animation:none}
}
/* --- dritte Fassung 15.10.2026: Tor über dem echten Impressum --- */
.ig-trenner{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4;margin:0 .15rem}
.ig-start__hinweis{flex-wrap:wrap}
.ig-blatt{min-height:24rem}
.ig-fenster.is-gesperrt .ig-blatt{overflow:hidden}
.ig-block.is-unscharf{filter:blur(4px);opacity:.6;user-select:none;-webkit-user-select:none}
.ig-tor{position:absolute;z-index:4;left:50%;top:7.2rem;transform:translateX(-50%);width:min(30rem,calc(100% - 2rem));display:grid;gap:.8rem;padding:1.4rem 1.5rem 1.3rem;
  border-radius:1.1rem;background:rgba(255,255,255,.97);border:1px solid rgba(1,94,165,.22);
  box-shadow:0 40px 80px -30px rgba(1,94,165,.55),0 0 0 6px rgba(255,255,255,.6);animation:ig-auf .5s var(--ease-out) .15s both}
.ig-tor.is-fehler{border-color:rgba(214,48,49,.45)}
.ig-tor__kopf{display:flex;align-items:center;gap:.55rem;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-tor__h{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,2vw,1.6rem);letter-spacing:-.02em;color:var(--text-strong);line-height:1.15}
.ig-tor__felder{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.ig-tor__feld{display:grid;gap:.25rem;font-size:.74rem;color:var(--text-muted);font-weight:500}
.ig-tor__feld input{width:100%;min-width:0;padding:.7rem .8rem;border:1px solid var(--ig-rand);border-radius:.6rem;background:#fff;font:inherit;font-size:.95rem;color:var(--text-strong);font-weight:400}
.ig-tor__feld input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.ig-tor__feld.is-fehler input{border-color:rgba(214,48,49,.6);background:#fff8f8}
.ig-ich__ja.is-fehler span{color:#c0392b}
.ig-btn--gross{width:100%;min-height:3.2rem;font-size:1rem}
.ig-btn--gross:disabled{opacity:.5}
.ig-tor__vertrauen{display:flex;align-items:center;gap:.7rem;padding-top:.75rem;border-top:1px solid rgba(16,20,26,.07);font-size:.78rem;line-height:1.45;color:var(--text-muted)}
.ig-tor__vertrauen img{flex:none;width:36px;height:36px;border-radius:50%;object-fit:cover}
.ig-tor__vertrauen b{color:var(--text-strong)}
.ig-chip{justify-self:start;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border:1px solid rgba(1,94,165,.3);border-radius:999px;background:#f1f6fc;color:var(--color-blue);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}
.ig-chip--klein{margin-top:.3rem;font-size:.75rem;padding:.25rem .6rem}
.ig-feld.is-warn input{border-color:#febc2e;background:#fffbf0}
.ig-log-huelle{display:grid;gap:.5rem}
.ig-log__zu{display:flex;align-items:center;gap:.55rem;padding:.2rem .1rem;border:0;background:none;font:inherit;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--color-blue);cursor:pointer;text-align:left}
.ig-log__pfeil{margin-left:auto;font-size:.7rem;letter-spacing:0;text-transform:none;color:var(--text-muted);font-weight:500}
.ig-log-huelle.is-zu .ig-log{display:none}
.ig-log__s.is-frage .ig-log__i{background:#febc2e;color:#fff}
.ig-frage{display:grid;gap:.4rem;padding:.8rem .9rem;border-radius:.6rem;background:#fffbf0;border:1px solid rgba(254,188,46,.5)}
.ig-frage > b{font-size:.9rem;color:var(--text-strong)}
.ig-check{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.5rem;align-items:center;margin-top:.4rem;padding:1.2rem 1.3rem;border-radius:.9rem;
  background:linear-gradient(135deg,#f3f8fd,#eef7fb);border:1px solid rgba(1,94,165,.15)}
.ig-check__text{display:grid;gap:.25rem;font-size:.88rem;color:var(--text-muted);line-height:1.5}
.ig-check__kopf{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ig-check__text b{font-size:1rem;color:var(--text-strong);font-family:var(--font-display)}
.ig-check__ok{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:600;color:#1a7f2c;font-size:.9rem}
.ig-check__ok .ig-bild__ok{display:inline-block;width:1.1rem;height:1.1rem;border-radius:50%;background:#28c840}
@media (max-width:900px){
  .ig-fenster:not(.is-gesperrt) .ig-blatt{order:-1}
  .ig-tor{position:relative;left:auto;top:auto;transform:none;width:auto;margin:1rem 0 0}
  .ig-fenster.is-gesperrt .ig-blatt{order:-1;display:flex;flex-direction:column}
  .ig-fenster.is-gesperrt .ig-blatt__h{order:1}
  .ig-fenster.is-gesperrt .ig-block:not(.is-unscharf){order:2}
  .ig-fenster.is-gesperrt .ig-tor{order:3}
  .ig-fenster.is-gesperrt .ig-block.is-unscharf{order:4}
  .ig-fenster.is-gesperrt .ig-block.is-unscharf:nth-of-type(n+5){display:none}
  .ig-fenster.is-gesperrt .ig-fund{display:none}
  .ig-check{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){.ig-tor__felder{grid-template-columns:minmax(0,1fr)}}

/* --- Datenschutz-Generator, 15.10.2026 --- */
.ig-feld select,.ds-suche{width:100%;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.92rem;color:var(--text-strong)}
.ds-warnung{display:grid;gap:.3rem;padding:.8rem .9rem;border-radius:.6rem;background:#fff6f0;border:1px solid rgba(230,120,40,.35);font-size:.8rem;line-height:1.45;color:#7a3a10}
.ds-warnung b{font-size:.86rem;color:#a14a10}
.ds-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.ds-kat{border:1px solid var(--ig-rand);border-radius:.6rem;background:#fff;overflow:hidden}
.ds-kat summary{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .75rem;cursor:pointer;font-size:.86rem;font-weight:600;color:var(--text-strong)}
.ds-kat summary small{font-weight:500;color:var(--text-muted);font-size:.75rem}
.ds-kat ul{list-style:none;margin:0;padding:.2rem .4rem .5rem;display:grid;gap:.2rem;max-height:18rem;overflow:auto}
.ds-dienst{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:.45rem;cursor:pointer}
.ds-dienst:hover{background:#f6f8fa}
.ds-dienst.is-an{background:#f1f6fc}
.ds-dienst input{width:1.05rem;height:1.05rem;accent-color:var(--color-blue);flex:none}
.ds-dienst span{display:grid;min-width:0;flex:1}
.ds-dienst b{font-size:.84rem;font-weight:600;color:var(--text-strong)}
.ds-dienst small{font-size:.72rem;color:var(--text-muted)}
.ds-blatt .ds-teil{cursor:default}
.ds-blatt .ds-teil h1{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.6rem,2.6vw,2.1rem);letter-spacing:-.02em;color:var(--text-strong)}
.ds-blatt .ds-teil h2{margin:.4rem 0 .4rem;font-family:var(--font-display);font-size:1.12rem;color:var(--text-strong)}
.ds-blatt .ds-teil h3{margin:.6rem 0 .25rem;font-size:.95rem;color:var(--text-strong)}
.ds-blatt .ds-teil p,.ds-blatt .ds-teil li{font-size:.9rem;line-height:1.62;color:#3a4552}
.ds-blatt .ds-teil ul{margin:.3rem 0 .6rem;padding-left:1.2rem}
.ds-blatt .ds-teil a{color:var(--color-blue)}
/* Links im Fliesstext nicht nur an der Farbe erkennbar (WCAG 1.4.1, axe link-in-text-block, 2.11.2026). */
.ds-blatt a,.ig-blatt a,.rp__agb a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.ig-check.is-dringend{background:linear-gradient(135deg,#fff6f0,#fff1e6);border-color:rgba(230,120,40,.35)}
.ig-check.is-dringend .ig-check__kopf{color:#c0571a}
.ds-blatt .ds-teil dl{margin:.4rem 0 .8rem;display:grid;gap:.15rem}
.ds-blatt .ds-teil dt{font-weight:600;color:var(--text-strong);font-size:.9rem;margin-top:.45rem}
.ds-blatt .ds-teil dd{margin:0;font-size:.9rem;line-height:1.6;color:#3a4552}
@media (max-width:900px){
  .ig-fenster.is-gesperrt .ds-teil--toc{display:none!important}
}

/* Kontakt-Blase nie über dem Tor */
html.ig-tor-offen .dt-cs-btn{display:none!important}
/* Befund im Tor (auch auf dem Handy, wo die Seitenleiste unter dem Tor liegt) */
.ds-tor-warnung{margin:0;padding:.6rem .8rem;border-radius:.6rem;background:#fff4f2;border:1px solid rgba(220,70,50,.28);font-size:.86rem;line-height:1.45;color:var(--text-strong)}
.ds-tor-warnung b{color:#b3261e}
/* Nach dem Freischalten: Erklärung in einem eigenen Rollbereich, Knöpfe und Check direkt darunter */
.ds-app .ig-fenster:not(.is-gesperrt) .ds-blatt,#ds-app .ig-fenster:not(.is-gesperrt) .ds-blatt{max-height:min(78vh,52rem);overflow:auto;overscroll-behavior:contain}
.ig-check__form{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
.ig-check__form input{min-width:0;flex:1 1 13rem;padding:.7rem .9rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.9rem}
.ig-check__form input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
#ds-app,#ig-app{scroll-margin-top:90px}
.ig-ende{scroll-margin-top:90px}

/* ===== Dienste mit Logos (Datenschutz-Generator, 15.10.2026) ===== */
.ds-werkzeug{margin-top:2rem;padding:1.6rem;border:1px solid var(--ig-rand);border-radius:1rem;background:#fff;scroll-margin-top:90px;
  box-shadow:0 1px 2px rgba(16,20,26,.04),0 24px 48px -32px rgba(1,94,165,.35)}
.ds-werkzeug__kopf{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem);gap:1rem 2rem;align-items:end}
.ds-werkzeug__h{margin:.5rem 0 .3rem;font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.75rem);letter-spacing:-.02em;color:var(--text-strong)}
.ds-werkzeug__suche{width:100%;padding:.75rem 1rem;border:1px solid var(--ig-rand);border-radius:999px;font:inherit;font-size:.95rem;background:var(--ig-weich)}
.ds-werkzeug__suche:focus{outline:0;border-color:rgba(1,94,165,.5);background:#fff;box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.ds-filter{display:flex;gap:.4rem;overflow-x:auto;margin:1.2rem -1.6rem 0;padding:0 1.6rem .3rem;scrollbar-width:none}
.ds-filter::-webkit-scrollbar{display:none}
.ds-filter__b{flex:none;display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .8rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.83rem;color:var(--text-muted);cursor:pointer;transition:all .2s}
.ds-filter__b small{font-size:.72rem;color:rgba(16,20,26,.45)}
.ds-filter__b:hover{border-color:rgba(1,94,165,.4)}
.ds-filter__b.is-an{background:var(--text-strong);border-color:var(--text-strong);color:#fff}
.ds-filter__b.is-an small{color:rgba(255,255,255,.65)}
.ds-gruppe{margin-top:1.4rem}
.ds-gruppe h4{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .6rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.ds-gruppe h4 small{letter-spacing:0;text-transform:none;font-weight:500;color:rgba(16,20,26,.45)}
.ds-kacheln{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.55rem}
.ds-gruppe .ds-kacheln{margin-top:0}
.ds-kachel{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;min-height:3.9rem;padding:.6rem 2.2rem .6rem .7rem;border:1px solid var(--ig-rand);border-radius:.75rem;
  background:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}
.ds-kachel:hover{border-color:rgba(1,94,165,.35);box-shadow:0 8px 20px -14px rgba(1,94,165,.5);transform:translateY(-1px)}
.ds-kachel:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}
.ds-kachel.is-an{border-color:rgba(1,94,165,.55);background:#f5f9fe;box-shadow:inset 0 0 0 1px rgba(1,94,165,.25)}
.ds-kachel.is-warn{border-color:rgba(220,70,50,.45)}
.ds-kachel__t{display:grid;gap:.1rem;min-width:0}
.ds-kachel__t b{font-size:.88rem;line-height:1.25;color:var(--text-strong);font-weight:600}
.ds-kachel__t small{font-size:.74rem;color:rgba(16,20,26,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ds-kachel__b{position:absolute;top:-.5rem;left:.7rem;font-style:normal;font-size:.64rem;font-weight:600;padding:.08rem .45rem;border-radius:999px;background:#e9f8ec;color:#1a7f2c;border:1px solid rgba(40,200,64,.3)}
.ds-kachel__b--warn{background:#fff1ef;color:#b3261e;border-color:rgba(220,70,50,.35)}
.ds-kachel__haken{position:absolute;right:.7rem;top:50%;width:1.15rem;height:1.15rem;margin-top:-.575rem;border-radius:50%;border:1.5px solid rgba(16,20,26,.2);transition:all .2s}
.ds-kachel.is-an .ds-kachel__haken{border-color:var(--color-blue);background:var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.7rem no-repeat}
.ds-kachel.is-eigen{cursor:default}
.ds-kachel__weg{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);width:1.6rem;height:1.6rem;border:0;border-radius:50%;background:none;font-size:1.15rem;line-height:1;color:rgba(16,20,26,.45);cursor:pointer}
.ds-kachel__weg:hover{background:#fff1ef;color:#b3261e}
.ds-kachel--neu{border-style:dashed;background:var(--ig-weich)}
.ds-logo{flex:none;width:2.1rem;height:2.1rem;object-fit:contain;border-radius:.45rem}
.ds-logo--text,.ds-logo--plus{display:grid;place-items:center;background:linear-gradient(135deg,#e8f1fb,#dceefa);color:var(--color-blue);font-weight:700;font-size:1rem}
.ds-logo--plus{background:#fff;border:1px dashed rgba(1,94,165,.4);font-size:1.25rem;font-weight:500}
.ds-logo--klein{width:1.25rem;height:1.25rem;border-radius:.3rem;font-size:.65rem}
.ds-mini{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}
.ds-mini .ds-logo--klein{padding:.15rem;background:#fff;border:1px solid var(--ig-rand);width:1.7rem;height:1.7rem}
.ds-mini__mehr{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .3rem;border-radius:.3rem;background:var(--ig-weich);font-size:.7rem;font-weight:600;color:var(--text-muted)}
.ds-leer{grid-column:1/-1;padding:1rem;color:var(--text-muted);font-size:.9rem}
.ds-neu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;margin-top:.9rem;padding:1rem;border:1px solid var(--ig-rand);border-radius:.75rem;background:var(--ig-weich)}
.ds-breit{grid-column:1/-1}
/* Bestellung des Website-Checks */
.ds-bestellung{grid-column:1/-1;display:grid;gap:.9rem;padding:1.2rem;border-radius:.8rem;background:#fff;border:1px solid var(--ig-rand)}
.ds-bestellung__leistung{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;padding-bottom:.9rem;border-bottom:1px solid var(--ig-rand)}
.ds-bestellung__leistung b{font-family:var(--font-display);font-size:1.02rem;color:var(--text-strong)}
.ds-bestellung__leistung>span{font-weight:700;color:var(--text-strong)}
.ds-bestellung__leistung ul{grid-column:1/-1;margin:.4rem 0 0;padding-left:1.1rem;font-size:.86rem;color:var(--text-muted);line-height:1.6}
.ds-bestellung__felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem}
.ds-bestellung select,.ds-bestellung textarea,.ds-neu input{width:100%;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.92rem;color:var(--text-strong)}
.ds-bestellung textarea{resize:vertical}
.ds-bestellung input.is-fehler{border-color:#d93025;box-shadow:0 0 0 3px rgba(217,48,37,.1)}
.ds-bestellung__fuss{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.ds-bestellung__leistung>span{max-width:15rem;text-align:right;line-height:1.35}
.ds-bestellung__zahlung{display:block;color:var(--text-muted);font-size:.8rem;line-height:1.5}
.ds-bestellung button[disabled]{opacity:.7;cursor:progress}
@media (max-width:560px){.ds-bestellung__leistung{grid-template-columns:minmax(0,1fr)}.ds-bestellung__leistung>span{max-width:none;text-align:left}}
@media (max-width:700px){
  .ds-werkzeug{padding:1.1rem;margin-left:-.25rem;margin-right:-.25rem}
  .ds-werkzeug__kopf{grid-template-columns:minmax(0,1fr)}
  .ds-filter{margin:1rem -1.1rem 0;padding:0 1.1rem .3rem}
  .ds-kacheln{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem}
  .ds-kachel{min-height:3.4rem;padding:.5rem 1.9rem .5rem .55rem;gap:.5rem}
  .ds-kachel__t small{display:none}
  .ds-logo{width:1.7rem;height:1.7rem}
  .ds-bestellung__felder,.ds-neu{grid-template-columns:minmax(0,1fr)}
  .ds-bestellung__leistung{grid-template-columns:minmax(0,1fr)}
}
/* Datenstandort im Kärtchen */
.ds-kachel{user-select:none}
.ds-region{display:flex;align-items:center;gap:.2rem;margin-top:.1rem}
.ds-region small{font-size:.7rem;color:rgba(16,20,26,.5);margin-right:.15rem}
.ds-region button{padding:.05rem .4rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.68rem;font-weight:600;color:var(--text-muted);cursor:pointer;line-height:1.5}
.ds-region button.is-an{background:var(--color-blue);border-color:var(--color-blue);color:#fff}
@media (max-width:700px){.ds-region small{display:none}}

/* Usability-Runde (15.10.2026) */
html.ig-laeuft .dt-cs-btn{display:none!important}
.ds-hilfe{margin:0 0 .4rem;font-size:.8rem;line-height:1.45;color:var(--text-muted)}
.ds-kacheln > li{display:flex;flex-direction:column;min-width:0}
.ds-kacheln > li > .ds-kachel{flex:1}
.ds-kacheln > li.hat-region > .ds-kachel{border-bottom-left-radius:0;border-bottom-right-radius:0}
.ds-region{display:flex;align-items:center;gap:.3rem;margin-top:-1px;padding:.35rem .6rem;border:1px solid var(--ig-rand);border-radius:0 0 .75rem .75rem;background:var(--ig-weich)}
.ds-region.is-an{border-color:rgba(1,94,165,.55);background:#eef5fd}
.ds-region small{font-size:.72rem;color:rgba(16,20,26,.55);margin-right:auto}
.ds-region button{min-height:1.9rem;min-width:2.6rem;padding:0 .6rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.74rem;font-weight:600;color:var(--text-muted);cursor:pointer}
.ds-region button.is-an{background:var(--color-blue);border-color:var(--color-blue);color:#fff}
.ds-region:not(.is-an) button.is-an{background:#fff;color:var(--color-blue);border-color:rgba(1,94,165,.5)}
.ds-kachel.is-frisch{animation:ds-frisch 2.2s var(--ease-out)}
@keyframes ds-frisch{0%{box-shadow:0 0 0 0 rgba(40,200,64,.6)}30%{box-shadow:0 0 0 6px rgba(40,200,64,.25)}100%{box-shadow:inset 0 0 0 1px rgba(1,94,165,.25)}}
.ds-mehr{margin-top:.55rem;padding:.45rem .9rem;border:1px dashed rgba(1,94,165,.4);border-radius:999px;background:#fff;font:inherit;font-size:.82rem;color:var(--color-blue);cursor:pointer}
.ds-mehr:hover{background:#f3f8fd}
.ds-leiste{display:none}
@media (min-width:701px){.ds-filter{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:0}}
@media (max-width:700px){
  .ds-filter{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .ds-leiste{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:60;display:flex;justify-content:space-between;align-items:center;gap:1rem;
    padding:.85rem 1.1rem;border:0;border-radius:999px;background:var(--text-strong);color:#fff;font:inherit;font-size:.9rem;box-shadow:0 12px 30px -10px rgba(16,20,26,.5);cursor:pointer}
  .ds-leiste span:last-child{font-weight:600}
  .ds-region small{display:inline}
  .ig-check{padding:1rem .8rem}
  .ds-bestellung{padding:.9rem .8rem}
}
.ig-check > *,.ds-bestellung > *,.ds-bestellung__felder > *{min-width:0}
.ds-bestellung input,.ds-bestellung select,.ds-bestellung textarea{max-width:100%;box-sizing:border-box}
.ds-kachel:has(.ds-kachel__b){padding-top:1rem}
@media (max-width:700px){.ds-kachel__b{left:.55rem;font-size:.6rem}.ds-kachel:has(.ds-kachel__b){padding-top:1.05rem}}
.ig-schalter.is-gesperrt{cursor:default;opacity:.85}
/* Vor- und Nachname nebeneinander, E-Mail darunter über die ganze Breite (15.10.2026) */
.ig-tor__feld--breit{grid-column:1/-1}
@media (max-width:560px){.ig-tor__felder{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ig-chip--rat{background:#eef5fd;border-color:rgba(1,94,165,.3);color:var(--text-strong)}
.ig-chip--rat b{font-weight:600;color:var(--color-blue)}

/* ===== Illustration im Kopf, beide Generatoren (15.10.2026) =====
   Fenster wie auf der Startseite, Papierstapel, Glut im Logoverlauf und das
   Siegel "100 % kostenlos, für immer" mit dem dartera-Zeichen. */
.dt-land .igb{position:absolute;right:.5rem;top:-.25rem;width:min(41%,32rem);pointer-events:none;transition:opacity .4s}
/* Illustration bleibt nach dem Start sichtbar (16.10.2026, Daniel) */
.igb__glut{position:absolute;inset:4% -8% -6% 6%;background:var(--gradient-logo);filter:blur(64px);opacity:.3;border-radius:42%;animation:igb-glut 10s ease-in-out infinite}
@keyframes igb-glut{0%,100%{transform:scale(1)}50%{transform:scale(1.07) translate(-3%,2%)}}
.igb__stapel{position:absolute;inset:1.4rem -0.8rem -1rem 1.6rem;border-radius:1rem;background:linear-gradient(160deg,#fff,#eef5fc);border:1px solid rgba(1,94,165,.14);transform:rotate(3deg);box-shadow:0 20px 40px -30px rgba(1,94,165,.6)}
.igb__fenster{position:relative;border-radius:1rem;background:#fff;border:1px solid rgba(1,94,165,.16);overflow:hidden;
  box-shadow:0 1px 2px rgba(16,20,26,.05),0 30px 60px -28px rgba(1,58,117,.45);transform:rotate(-1.2deg);animation:igb-schwebe 8s ease-in-out infinite}
@keyframes igb-schwebe{0%,100%{transform:rotate(-1.2deg) translateY(0)}50%{transform:rotate(-1.2deg) translateY(-7px)}}
.igb__leiste{display:flex;align-items:center;gap:.4rem;padding:.65rem .9rem;background:#f6f8fb;border-bottom:1px solid rgba(16,20,26,.06)}
.igb__leiste i{width:.62rem;height:.62rem;border-radius:50%;background:#ff5f57}
.igb__leiste i:nth-child(2){background:#febc2e}.igb__leiste i:nth-child(3){background:#28c840}
.igb__url{display:inline-flex;align-items:center;gap:.4rem;margin-left:.7rem;padding:.25rem .7rem;border-radius:999px;background:#fff;border:1px solid rgba(16,20,26,.07);font-size:.72rem;color:rgba(16,20,26,.72)}
.igb__url img{width:10px;height:13px}
.igb__blatt{position:relative;padding:1.3rem 1.5rem 1.1rem;font-size:.82rem;line-height:1.5;color:#3a4552}
.igb__kopf{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.igb__kopf b{font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.02em;background:var(--gradient-logo);-webkit-background-clip:text;background-clip:text;color:transparent}
.igb__kopf span{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-blue);padding:.15rem .5rem;border-radius:999px;background:rgba(1,94,165,.08)}
.igb__kopf .igb__stand{text-transform:none;letter-spacing:.01em}
.igb__z{display:grid;gap:.1rem;margin-bottom:.7rem;padding-left:.75rem;border-left:2px solid rgba(0,186,235,.35);opacity:0;clip-path:inset(0 100% 0 0);animation:igb-tippen 1s steps(30,end) forwards}
.igb__z small{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy)}
.igb__z1{animation-delay:.4s}.igb__z2{animation-delay:1.4s}.igb__z3{animation-delay:2.4s}
@keyframes igb-tippen{0%{opacity:1;clip-path:inset(0 100% 0 0)}100%{opacity:1;clip-path:inset(0 0 0 0)}}
.igb__logos{display:flex;gap:.35rem;margin-top:.15rem}
.igb__logos img{width:22px;height:22px;padding:3px;border-radius:6px;background:#fff;border:1px solid rgba(16,20,26,.08);object-fit:contain}
.igb__cursor{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.15em;background:var(--color-blue);animation:igb-blink 1s steps(2) infinite}
@keyframes igb-blink{50%{opacity:0}}
.igb__strahl{position:absolute;left:0;right:0;top:0;height:3.2rem;background:linear-gradient(180deg,transparent,rgba(0,186,235,.12),transparent);border-bottom:1px solid rgba(0,186,235,.35);animation:igb-scan 3.4s ease-in-out .2s 1 both}
@keyframes igb-scan{0%{transform:translateY(-4rem);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(15rem);opacity:0}}
.igb__marke{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.55rem .7rem;border-radius:.6rem;background:linear-gradient(90deg,rgba(0,186,235,.08),rgba(1,94,165,.04));font-size:.72rem;color:var(--text-muted);opacity:0;animation:igb-auf .6s var(--ease-out) 3.4s forwards}
.igb__marke b{color:var(--color-navy)}
.igb__siegel{position:absolute;left:-2.6rem;bottom:-2.2rem;width:8.4rem;height:8.4rem;filter:drop-shadow(0 18px 26px rgba(1,58,117,.35));opacity:0;animation:igb-siegel .8s cubic-bezier(.2,1.4,.4,1) 1s forwards}
.igb__siegel svg{width:100%;height:100%;display:block}
.igb__ring{transform-origin:70px 70px;animation:igb-dreh 24s linear infinite}
.igb__siegel img{position:absolute;left:50%;top:50%;width:2.15rem;height:auto;transform:translate(-50%,-52%)}
@keyframes igb-dreh{to{transform:rotate(360deg)}}
@keyframes igb-siegel{from{opacity:0;transform:scale(.6) rotate(-20deg)}to{opacity:1;transform:none}}
.igb__chip{position:absolute;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem .5rem .55rem;border-radius:999px;background:#fff;border:1px solid rgba(16,20,26,.08);
  box-shadow:0 14px 30px -14px rgba(1,94,165,.5);font-size:.78rem;font-weight:600;color:var(--text-strong);white-space:nowrap;opacity:0;animation:igb-auf .7s var(--ease-out) forwards}
.igb__chip img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.igb__chip--warn{border-color:rgba(220,70,50,.3);color:#b3261e}
.igb__chip--warn img{border-radius:4px;object-fit:contain}
.igb__chip .ml-kreuz{width:1.1rem;height:1.1rem}
.igb__ok{display:inline-block;flex:none;width:1.1rem;height:1.1rem;border-radius:50%;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.7rem no-repeat}
.igb__chip--1{right:1.2rem;top:-1.2rem;animation-delay:.6s}
.igb__chip--2{right:-1.6rem;top:46%;animation-delay:2.6s}
.igb__chip--3{right:3rem;bottom:-1.3rem;animation-delay:1.8s}
@keyframes igb-auf{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:1100px){.dt-land .igb{display:none}}
@media (prefers-reduced-motion:reduce){.igb__fenster,.igb__glut,.igb__strahl,.igb__cursor,.igb__ring{animation:none}.igb__chip,.igb__z,.igb__marke,.igb__siegel{animation:none;opacity:1;clip-path:none}}
/* Kostenlos sichtbar auf jedem Gerät */
.ig-gratis{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.9rem;padding:.35rem .85rem .35rem .4rem;border-radius:999px;background:#e9f8ec;border:1px solid rgba(40,200,64,.35);font-size:.82rem;font-weight:600;color:#1a7f2c}
.ig-gratis + .ml-eyebrow{display:flex}
.igb__siegel{left:-4.2rem;bottom:-3.4rem;width:8rem;height:8rem}
.igb__blatt{padding-bottom:1.4rem}
/* Angebot Website-Check (15.10.2026) */
.ig-angebot{grid-template-columns:minmax(0,1.6fr) minmax(15rem,1fr);gap:1.4rem 2rem;align-items:stretch;padding:1.6rem 1.7rem;margin-top:1rem;
  background:linear-gradient(140deg,#f3f8fd 0%,#e8f3fb 55%,#e3f6fc 100%);border:1px solid rgba(1,94,165,.2);box-shadow:0 24px 48px -36px rgba(1,58,117,.55)}
.ig-angebot.is-dringend{background:linear-gradient(140deg,#fff6f3 0%,#fdf0ec 60%,#f3f8fd 100%);border-color:rgba(220,70,50,.3)}
.ig-angebot.is-dringend .ig-check__kopf{color:#b3261e}
.ig-angebot__text{display:grid;gap:.6rem;align-content:start}
.ig-angebot__h{font-family:var(--font-display);font-size:clamp(1.15rem,1.8vw,1.4rem);line-height:1.25;letter-spacing:-.015em;color:var(--text-strong)}
.ig-angebot__liste{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.45rem;font-size:.9rem;color:var(--text-strong)}
.ig-angebot__liste li{position:relative;padding-left:1.7rem;line-height:1.45}
.ig-angebot__liste li::before{content:"";position:absolute;left:0;top:.1rem;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--color-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.7rem no-repeat}
.ig-angebot__risiko{margin:.3rem 0 0;padding:.6rem .8rem;border-radius:.6rem;background:rgba(255,255,255,.7);border:1px solid rgba(16,20,26,.07);font-size:.8rem;line-height:1.45;color:var(--text-muted)}
.ig-angebot__kasse{display:flex;flex-direction:column;gap:.9rem;justify-content:center;padding:1.2rem;border-radius:.9rem;background:#fff;border:1px solid rgba(1,94,165,.15);box-shadow:0 12px 30px -22px rgba(1,58,117,.5)}
.ig-angebot__preis{display:grid;gap:.1rem;text-align:center}
.ig-angebot__preis small{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-blue)}
.ig-angebot__preis b{font-family:var(--font-display);font-size:2.4rem;letter-spacing:-.03em;line-height:1.05;background:var(--gradient-logo);-webkit-background-clip:text;background-clip:text;color:transparent}
.ig-angebot__preis span{font-size:.78rem;color:var(--text-muted)}
.ig-angebot__knopf{width:100%}
.ig-angebot__person{display:flex;align-items:center;gap:.6rem;justify-content:center;font-size:.8rem;color:var(--text-muted)}
.ig-angebot__person img{width:40px;height:40px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(1,94,165,.25)}
.ig-angebot__person span{display:grid;line-height:1.3}
.ig-angebot__person b{color:var(--text-strong);font-size:.85rem}
.ig-angebot > .ig-check__ok,.ig-angebot > .ds-bestellung{grid-column:1/-1}
@media (max-width:760px){.ig-angebot{grid-template-columns:minmax(0,1fr);padding:1.1rem}}
.ds-scanfehler{display:grid;gap:.4rem;padding:.8rem .9rem;border-radius:.6rem;background:#fff8ec;border:1px solid rgba(254,188,46,.55);font-size:.85rem;line-height:1.45;color:var(--text-muted)}
.ds-scanfehler b{color:var(--text-strong)}
.ds-scanfehler .ig-btn{justify-self:start}

/* ===== Datenschutz-Generator als Ablauf in sechs Schritten (15.10.2026) ===== */
.dsw{margin-top:2rem;border:1px solid var(--ig-rand);border-radius:1.1rem;background:#fff;scroll-margin-top:84px;
  box-shadow:0 1px 2px rgba(16,20,26,.04),0 30px 60px -40px rgba(1,58,117,.45)}
.dsw__schritte{list-style:none;margin:0;padding:.8rem 1rem;display:flex;gap:.3rem;border-bottom:1px solid var(--ig-rand);background:linear-gradient(180deg,#f7fafd,#fff);border-radius:1.1rem 1.1rem 0 0;overflow-x:auto;scrollbar-width:none}
.dsw__schritte::-webkit-scrollbar{display:none}
.dsw__s{flex:1 0 auto;position:relative}
.dsw__s button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;border:0;border-radius:.6rem;background:none;font:inherit;font-size:.84rem;color:rgba(16,20,26,.45);cursor:pointer;white-space:nowrap}
.dsw__s .dsw__schritt{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .6rem;border:0;border-radius:.6rem;background:none;font:inherit;font-size:.84rem;color:rgba(16,20,26,.45);cursor:default;white-space:nowrap}
.dsw__s button:disabled{cursor:default}
.dsw__s button:not(:disabled):hover{background:rgba(1,94,165,.06)}
.dsw__nr{flex:none;display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:50%;border:1.5px solid rgba(16,20,26,.18);font-size:.75rem;font-weight:700}
.dsw__s.is-aktiv button,.dsw__s.is-aktiv .dsw__schritt{color:var(--text-strong);font-weight:600}
.dsw__s.is-aktiv .dsw__nr{border-color:var(--color-blue);background:var(--color-blue);color:#fff;box-shadow:0 0 0 4px rgba(1,94,165,.12)}
.dsw__s.is-fertig button,.dsw__s.is-fertig .dsw__schritt{color:var(--text-strong)}
.dsw__s.is-fertig .dsw__nr{border-color:#28c840;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.75rem no-repeat}
.dsw__s + .dsw__s::before{content:"";position:absolute;left:-.25rem;top:50%;width:.2rem;height:1px;background:var(--ig-rand)}
.dsw__karte{padding:1.6rem 1.7rem}
.dsw__teil{display:grid;gap:.8rem;animation:dsw-rein .35s var(--ease-out)}
@keyframes dsw-rein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.dsw__h{margin:0;font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.7rem);letter-spacing:-.02em;color:var(--text-strong)}
.dsw__teil > .ig-leise{margin:-.4rem 0 .2rem}
.dsw .ig-log-huelle{max-width:40rem}
.dsw .ds-werkzeug{margin-top:0;padding:0;border:0;box-shadow:none}
.dsw__felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.1rem;max-width:46rem}
.dsw__felder .ig-feld--breit{grid-column:1/-1}
.dsw__felder .ig-zeile{grid-column:1/-1}
.dsw__gruppen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.dsw__gruppe{display:grid;gap:.5rem;align-content:start;padding:1rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fbfcfe}
.dsw__gruppe h4{margin:0 0 .2rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.dsw__teil--tor{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.6rem;align-items:start}
.dsw__teil--tor .ig-tor{position:static;transform:none;width:auto;margin:0;max-width:none}
.dsw__befund{display:grid;gap:.9rem;padding:1.2rem;border-radius:.9rem;background:linear-gradient(140deg,#f3f8fd,#e8f3fb);border:1px solid rgba(1,94,165,.15)}
.dsw__zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
.dsw__zahlen div{display:grid;gap:.1rem;padding:.7rem .6rem;border-radius:.7rem;background:#fff;border:1px solid rgba(16,20,26,.07);text-align:center}
.dsw__zahlen b{font-family:var(--font-display);font-size:1.6rem;line-height:1.1;color:var(--color-blue)}
.dsw__zahlen span{font-size:.74rem;color:var(--text-muted)}
.dsw__zahlen .is-warn b{color:#b3261e}
.dsw__blatt{max-height:min(60vh,34rem);overflow:auto;border:1px solid var(--ig-rand);border-radius:.8rem;padding:1.2rem 1.4rem;background:#fff}
.dsw .ig-ende__knoepfe{justify-content:flex-start}
.dsw__fuss{position:sticky;bottom:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.7rem;border-top:1px solid var(--ig-rand);
  background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:0 0 1.1rem 1.1rem}
@media (max-width:900px){.dsw__teil--tor{grid-template-columns:minmax(0,1fr)}.dsw__gruppen{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .dsw{margin-left:-.25rem;margin-right:-.25rem}
  .dsw__karte{padding:1.1rem .95rem}
  .dsw__s .dsw__t{display:none}.dsw__s.is-aktiv .dsw__t{display:inline}
  .dsw__felder{grid-template-columns:minmax(0,1fr)}
  .dsw__fuss{padding:.75rem .95rem}
  .dsw__fuss .ig-btn--gross{flex:1}
}
.dsw__ende{display:grid;gap:1rem}
.dsw__ende .ig-ende__knoepfe{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.dsw__ende .ig-angebot{margin-top:.4rem}
.dsw__zwischen{margin:.8rem 0 0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.dsw__fuss.is-ruhig{position:static}
.dsw__teil{grid-template-columns:minmax(0,1fr)}
.dsw__teil > *{min-width:0}
.dsw__teil--tor{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
@media (max-width:900px){.dsw__teil--tor{grid-template-columns:minmax(0,1fr)}}
.dsw .ds-werkzeug__kopf > *{min-width:0}
.dsw .ds-filter{margin-left:0;margin-right:0;padding-left:0;padding-right:0}

/* Ruhiger und klarer (15.10.2026, Daniel: "zu laut") */
.dsw .ds-werkzeug__kopf{align-items:center}
.ds-kachel__p{position:absolute;right:2.25rem;top:50%;width:.5rem;height:.5rem;margin-top:-.25rem;border-radius:50%;background:#28c840}
.ds-kachel__p--warn{background:#e0442f}
.ds-kachel:has(.ds-kachel__b){padding-top:.6rem}
.ds-kachel{min-height:3.5rem;box-shadow:none}
.ds-kachel.is-an{box-shadow:none;background:#f5f9fe}
.ds-kachel:hover{transform:none;box-shadow:0 4px 14px -10px rgba(1,94,165,.45)}
.ds-gruppe h4{color:var(--text-muted);font-weight:600}
.ds-mehr{border-style:solid;border-color:var(--ig-rand);color:var(--text-muted)}
/* Export als Hauptsache */
.dsw__export{position:relative;display:grid;gap:.7rem;justify-items:center;text-align:center;padding:2rem 1.5rem 1.6rem;border-radius:1rem;
  background:linear-gradient(160deg,#f2f8fe,#fff 70%);border:1px solid rgba(1,94,165,.2)}
.dsw__haken{width:3rem;height:3rem;border-radius:50%;background:#28c840 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/1.6rem no-repeat;box-shadow:0 0 0 8px rgba(40,200,64,.12)}
.dsw__export-knoepfe{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:.4rem}
.dsw__gross{flex-direction:column;gap:.15rem;min-width:15rem;min-height:4rem;padding:.7rem 1.6rem;font-size:1.05rem}
.dsw__gross small{font-size:.74rem;font-weight:400;opacity:.75}
.dsw__mehr{margin:0;font-size:.84rem;color:var(--text-muted)}
.dsw__fehlt{margin:0;font-size:.86rem;color:#8a5a00}
@media (max-width:560px){.dsw__gross{width:100%;min-width:0}}

/* Zweite Runde ruhiger (15.10.2026) */
.dsw .ds-kachel{border-color:rgba(16,20,26,.08);background:#fff;min-height:3.3rem;padding-top:.55rem;padding-bottom:.55rem}
.dsw .ds-kachel.is-an{border-color:rgba(1,94,165,.28);background:#f6f9fd}
.dsw .ds-kachel.is-warn{border-color:rgba(16,20,26,.08)}
.dsw .ds-kachel.is-an.is-warn{border-color:rgba(1,94,165,.28)}
.dsw .ds-kachel__t small{color:rgba(16,20,26,.42)}
.dsw .ds-kachel__haken{width:1.05rem;height:1.05rem;border-color:rgba(16,20,26,.15)}
.dsw .ds-region{background:#f6f9fd;border-color:rgba(1,94,165,.28);padding:.3rem .55rem}
.dsw .ds-region button{min-height:1.6rem;font-weight:500}
.dsw .ds-filter__b{font-size:.8rem}
.dsw .ds-gruppe h4{text-transform:none;letter-spacing:0;font-size:.85rem;color:var(--text-strong)}
.ds-neu-link{display:flex;align-items:center;padding-left:.2rem}
.dsw__gruppen{gap:2rem}
.dsw__gruppe{padding:0;border:0;background:none}
.dsw__gruppe h4{text-transform:none;letter-spacing:0;font-size:.95rem;color:var(--text-strong);margin-bottom:.3rem}
.dsw .ig-schalter__t small{font-size:.76rem;color:rgba(16,20,26,.45)}
.dsw__weitere{justify-self:start;font-size:.85rem}
/* Angebot ruhig */
.dsw .ig-angebot,.dsw .ig-angebot.is-dringend{background:#fff;border:1px solid var(--ig-rand);box-shadow:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1.3rem 1.5rem}
.dsw .ig-angebot__h{font-size:1.15rem}
.dsw .ig-angebot__liste{grid-template-columns:repeat(3,auto);justify-content:start;gap:.4rem 1.2rem;font-size:.85rem}
.dsw .ig-angebot__risiko{padding:0;border:0;background:none;font-size:.76rem}
.dsw .ig-angebot__kasse{padding:0;border:0;box-shadow:none;background:none;flex-direction:row;align-items:center;gap:1rem}
.dsw .ig-angebot__preis{text-align:right}
.dsw .ig-angebot__preis b{font-size:1.7rem}
.dsw .ig-angebot__person{display:none}
.dsw .ig-angebot__knopf{width:auto}
@media (max-width:900px){.dsw .ig-angebot{grid-template-columns:minmax(0,1fr)}.dsw .ig-angebot__liste{grid-template-columns:minmax(0,1fr)}.dsw .ig-angebot__kasse{justify-content:space-between}}
.ig-schalter__warn{display:block;margin-top:.25rem;color:#a14a00!important;font-size:.76rem}

/* Firma in zwei ruhigen Spalten, Herkunft als leiser Hinweis (15.10.2026) */
.dsw__spalten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;max-width:58rem}
.dsw__block{display:grid;gap:.75rem;align-content:start;padding:1.2rem 1.3rem;border:1px solid var(--ig-rand);border-radius:.9rem;background:#fff}
.dsw__block h4{margin:0 0 .1rem;font-size:.95rem;color:var(--text-strong)}
.dsw__plzort{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.6rem}
.dsw .ig-feld{display:grid;gap:.3rem}
.dsw .ig-feld > span{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.78rem;color:var(--text-muted)}
.dsw .ig-feld input,.dsw .ig-feld select{width:100%;min-height:2.6rem;padding:.5rem .75rem;font-size:.92rem;border-radius:.55rem}
.dsw .ig-quelle{background:none;padding:0;font-size:.7rem;font-weight:500;color:#1a7f2c}
.dsw .ig-quelle::before{content:"✓ "}
.ds-gefunden{color:#1a7f2c!important}
@media (max-width:760px){.dsw__spalten{grid-template-columns:minmax(0,1fr)}}
.dsw__spalten{max-width:none}
.dsw .ig-feld.is-leer input{border-color:rgba(224,140,40,.7);background:#fffaf2}
.dsw .ig-feld.is-leer > span::after{content:"Pflicht";font-size:.68rem;font-weight:600;color:#b36b00}
@media (max-width:700px){.dsw .ig-angebot__liste,.dsw .ig-angebot__risiko{display:none}.dsw .ig-angebot{padding:1rem;gap:.8rem}}

/* Nach den UX-Tests (15.10.2026) */
html.ig-laeuft .ig-start__hinweis{display:none}
.dsw__karte{min-height:28rem}
@media (max-width:700px){
  .dsw__teil--tor .ds-mini{display:none}
  .dsw__befund{padding:.8rem;gap:.6rem}
  .dsw__zahlen b{font-size:1.2rem}
  .dsw__zahlen div{padding:.45rem .3rem}
  .dsw .ig-angebot,.dsw .ig-angebot.is-dringend{grid-template-columns:minmax(0,1fr)!important}
  .dsw .ig-angebot__kasse{flex-direction:column;align-items:stretch;gap:.6rem}
  .dsw .ig-angebot__preis{text-align:left}
  .dsw .ig-angebot__knopf{width:100%}
  .dsw__schritte{gap:.1rem;padding:.6rem .5rem}
  .dsw__s{flex:0 1 auto}
  .dsw__s button{padding:.35rem .3rem}
}
@media (max-width:700px){
  .dsw__befund{padding:.6rem .7rem;gap:.45rem;border-radius:.7rem}
  .dsw__befund > .ig-tor__kopf{display:none}
  .dsw__zahlen{display:flex;flex-wrap:wrap;gap:.3rem .9rem}
  .dsw__zahlen div{display:flex;align-items:baseline;gap:.3rem;padding:0;border:0;background:none;text-align:left}
  .dsw__zahlen b{font-size:1rem}
  .dsw__zahlen span{font-size:.8rem}
  .dsw__befund .ds-tor-warnung{padding:.4rem .6rem;font-size:.8rem}
  .dsw__teil--tor{gap:.8rem}
}
/* Impressum im Ablauf (16.10.2026) */
.ig-vorschau{display:grid;gap:.25rem;padding:1rem 1.1rem;border-radius:.7rem;background:#fff;border:1px solid rgba(16,20,26,.07);font-size:.88rem;color:var(--text-muted);line-height:1.45}
.ig-vorschau b{font-family:var(--font-display);font-size:1.1rem;color:var(--text-strong)}
.dsw__block--breit{max-width:46rem}
.dsw .ig-personen{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}
.dsw .ig-zeile{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.6rem}
.dsw__blatt.ig-blatt{display:block;padding:1.4rem 1.6rem}
@media (max-width:700px){.dsw__teil--tor .ig-vorschau{font-size:.8rem;padding:.6rem .7rem}}
.dsw__blatt table{width:100%;table-layout:fixed;font-size:.78rem}.dsw__blatt td,.dsw__blatt th{word-break:break-word;hyphens:auto}

/* Fertig: lebendiger Haken (16.10.2026) */
.dsw__haken{position:relative;animation:dsw-haken .6s cubic-bezier(.2,1.5,.4,1) both}
.dsw__haken::before,.dsw__haken::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(40,200,64,.55);animation:dsw-puls 2.4s ease-out infinite}
.dsw__haken::after{animation-delay:1.2s}
@keyframes dsw-haken{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes dsw-puls{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@media (prefers-reduced-motion:reduce){.dsw__haken,.dsw__haken::before,.dsw__haken::after{animation:none}}
/* Weitere Formate */
.dsw__formate{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.2rem}
.dsw__formate span{font-size:.78rem;color:var(--text-muted);margin-right:.2rem}
.dsw__formate button{padding:.35rem .75rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.8rem;color:var(--text-strong);cursor:pointer}
.dsw__formate button:hover{border-color:rgba(1,94,165,.4)}
/* Angebot deutlicher, mit dem Befund vorne */
.dsw .ig-angebot{border:1px solid rgba(1,94,165,.25);box-shadow:0 18px 40px -30px rgba(1,58,117,.55);padding:1.5rem 1.6rem;gap:1rem 2rem}
.dsw .ig-angebot.is-dringend{border-color:rgba(224,68,47,.35);border-left:4px solid #e0442f;background:linear-gradient(90deg,#fff7f5,#fff 55%)}
.ig-angebot__befund{display:flex;gap:.7rem;align-items:flex-start;padding:.75rem .9rem;border-radius:.7rem;background:#fff;border:1px solid rgba(224,68,47,.25);font-size:.9rem;line-height:1.5;color:var(--text-strong)}
.ig-angebot__befund b{color:#b3261e}
.ig-angebot__alarm{flex:none;display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#e0442f;color:#fff;font-weight:700;font-size:.85rem;animation:dsw-alarm 2s ease-in-out infinite}
@keyframes dsw-alarm{0%,100%{box-shadow:0 0 0 0 rgba(224,68,47,.4)}50%{box-shadow:0 0 0 6px rgba(224,68,47,0)}}
.dsw .ig-angebot__h{font-size:1.25rem}
.dsw .ig-angebot__preis b{font-size:2rem}
.dsw .ig-angebot__knopf{min-height:3.2rem;padding:0 1.8rem;font-size:1.02rem}
@media (max-width:700px){.ig-angebot__befund{font-size:.84rem}}
/* Impressum -> Datenschutz und Haftung (16.10.2026) */
.ig-quer{display:grid;gap:.45rem;margin-top:1rem;padding:1.4rem 1.6rem;border-radius:1rem;text-decoration:none;color:inherit;
  background:linear-gradient(135deg,#003a75,#015ea5 55%,#0e93cf);box-shadow:0 22px 44px -30px rgba(1,58,117,.8);transition:transform .2s,box-shadow .2s}
.ig-quer:hover{transform:translateY(-2px);box-shadow:0 26px 50px -28px rgba(1,58,117,.9)}
.ig-quer__kopf{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.7)}
.ig-quer__h{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.25;color:#fff}
.ig-quer__t{font-size:.92rem;line-height:1.5;color:rgba(255,255,255,.85);max-width:46rem}
.ig-quer__t b{color:#fff}
.ig-quer__knopf{justify-self:start;margin-top:.4rem;background:#fff!important;color:var(--color-navy)!important;border-color:#fff!important}
.dsw__haftung{margin:.2rem 0 0;max-width:40rem;font-size:.76rem;line-height:1.45;color:var(--text-muted)}

/* ===== Cookie-Banner-Generator (16.10.2026) ===== */
.cb .cb-kat{display:flex;align-items:center;gap:.5rem;cursor:default}
.cb .cb-kat small{display:inline;margin-right:auto}
.cb .cb-kat{height:2.6rem;min-height:0;box-sizing:border-box}
.cb .cb-kat--aus{background:#fff;border-color:rgba(16,20,26,.08)}
.cb .cb-kat--aus span{font-size:.76rem;color:rgba(16,20,26,.45);padding-right:.6rem}
.dsw .cb .ds-kacheln > li.hat-region > .ds-kachel,.cb .ds-kacheln > li.hat-region > .ds-kachel{border-bottom-left-radius:0;border-bottom-right-radius:0}
.cb .cb-kat select{min-height:1.9rem;padding:0 1.6rem 0 .6rem;border:1px solid rgba(1,94,165,.35);border-radius:999px;background:#fff;font:inherit;font-size:.76rem;font-weight:600;color:var(--color-blue);cursor:pointer;max-width:9.5rem}
.cb .ds-gruppe h4{flex-wrap:wrap}
.cb-aussehen{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)!important;gap:2rem;align-items:start}
.cb-aussehen__wahl{display:grid;gap:1.1rem;align-content:start}
.cb-feld{margin:0;padding:0;border:0;display:grid;gap:.5rem;min-width:0}
.cb-feld legend{padding:0;margin-bottom:.5rem;font-size:.78rem;color:var(--text-muted)}
.cb-wahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.5rem}
.cb-wahl__b{display:grid;justify-items:center;gap:.45rem;padding:.7rem .4rem;border:1px solid var(--ig-rand);border-radius:.75rem;background:#fff;font:inherit;font-size:.8rem;color:var(--text-strong);cursor:pointer;text-align:center;line-height:1.25}
.cb-wahl__b.is-an{border-color:rgba(1,94,165,.55);background:#f5f9fe;box-shadow:inset 0 0 0 1px rgba(1,94,165,.35)}
.cb-wahl__b:focus-visible,.cb-farbe:focus-visible,.cb-tabs button:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}
.cb-pos{position:relative;width:3.4rem;height:2.3rem;border-radius:.35rem;border:1px solid rgba(16,20,26,.15);background:#f3f5f8}
.cb-pos i{position:absolute;background:var(--color-blue);border-radius:2px}
.cb-pos--leiste i{left:0;right:0;bottom:0;height:.5rem;border-radius:0 0 .3rem .3rem}
.cb-pos--box i{left:.25rem;bottom:.25rem;width:1.3rem;height:.8rem}
.cb-pos--mitte{background:#c9d0d8}.cb-pos--mitte i{left:50%;top:50%;width:1.6rem;height:1.05rem;transform:translate(-50%,-50%)}
.cb-pos--oben i{left:0;right:0;top:0;height:.5rem;border-radius:.3rem .3rem 0 0}
.cb-pos--box-r i{right:.25rem;bottom:.25rem;width:1.3rem;height:.8rem}
.cb-farben{display:flex;flex-wrap:wrap;gap:.4rem}
.cb-farbe{display:inline-flex;align-items:center;gap:.45rem;min-height:2.4rem;padding:0 .8rem 0 .45rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.82rem;color:var(--text-strong);cursor:pointer}
.cb-farbe i{width:1.4rem;height:1.4rem;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cb-farbe.is-an{border-color:rgba(1,94,165,.55);background:#f5f9fe}
.cb-farbe--eigen input{width:1.6rem;height:1.6rem;padding:0;border:0;background:none;cursor:pointer}
.cb-felder{max-width:none}
.cb-vorschau{display:grid;gap:.6rem;min-width:0;position:sticky;top:6rem}
.cb-vorschau__kopf{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.cb-tabs{display:inline-flex;padding:.2rem;border-radius:999px;background:var(--ig-weich);gap:.15rem}
.cb-tabs button{min-height:2.1rem;padding:0 .85rem;border:0;border-radius:999px;background:none;font:inherit;font-size:.8rem;color:var(--text-muted);cursor:pointer}
.cb-tabs button.is-an{background:#fff;color:var(--text-strong);font-weight:600;box-shadow:0 1px 3px rgba(16,20,26,.12)}
.cb-browser{border:1px solid rgba(1,94,165,.16);border-radius:.9rem;overflow:hidden;background:#fff;box-shadow:0 24px 50px -32px rgba(1,58,117,.5);margin:0 auto;width:100%;transition:max-width .3s var(--ease-out)}
.cb-browser--handy{max-width:24rem;border-radius:1.6rem;border-width:6px;border-color:#10141a}
.cb-browser .igb__url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cb-browser .igb__url img{width:12px;height:12px;border-radius:2px}
.cb-rahmen{display:block;width:100%;height:27rem;border:0;background:#fff}
.cb-browser--handy .cb-rahmen{height:34rem}
.cb-code{margin:0;max-width:100%;padding:.8rem 1rem;border-radius:.6rem;background:#10141a;color:#e8eef5;font:500 .78rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}
.cb-code--gross{width:100%;max-width:46rem;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}
.cb-code--neu{box-shadow:inset 3px 0 0 #28c840}
.cb-kopier.is-kopiert{background:#1a7f37}
.cb-haken{display:inline-block;width:1.15rem;height:1.15rem;margin-right:.35rem;vertical-align:-.15rem;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%231a7f37' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/.75rem no-repeat;animation:dsw-haken .45s cubic-bezier(.2,1.5,.4,1) both}
.cb-ch-zeile{display:block;margin:0;max-width:40rem;font-size:.82rem;line-height:1.5;color:var(--text-muted);text-align:center}
.dt-land .cb-ch-zeile .ml-kreuz{vertical-align:-1px;margin-right:6px}
.cb-selbst{display:grid;gap:.6rem;width:100%;max-width:46rem;padding:1rem;border-radius:.8rem;background:var(--ig-weich);text-align:left}
.cb-selbst__kn{display:flex;flex-wrap:wrap;gap:.5rem}
.cb-andere{margin:0}
.cb-sperren{display:grid;gap:.8rem}
.cb-sperren__liste{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.cb-sperre{display:grid;gap:.55rem;padding:1rem 1.1rem;border:1px solid var(--ig-rand);border-radius:.8rem;background:#fff;min-width:0}
.cb-sperre p{margin:0;font-size:.88rem;line-height:1.55;color:var(--text-muted)}
.cb-sperre__kopf{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.cb-sperre__kopf .ds-logo{width:1.6rem;height:1.6rem}
.cb-sperre__kopf b{font-size:.95rem;color:var(--text-strong)}
.cb-sperre__kopf em{font-style:normal;font-size:.72rem;font-weight:600;padding:.1rem .5rem;border-radius:999px;background:rgba(1,94,165,.08);color:var(--color-blue)}
.cb-sperre__kopf em.is-warn{background:#fff1ef;color:#b3261e}
.cb-vn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.cb-vn > div{display:grid;gap:.25rem;min-width:0;align-content:start}
.cb-vn small{font-size:.72rem;color:var(--text-muted)}
.cb-hinweis{margin:0;padding:.8rem 1rem;border-radius:.7rem;background:#f3f8fd;border:1px solid rgba(1,94,165,.15);font-size:.86rem;line-height:1.5;color:var(--text-muted)}
.cb-hinweis b{color:var(--text-strong)}
@media (max-width:900px){.cb-aussehen{grid-template-columns:minmax(0,1fr)!important}.cb-vorschau{position:static}.cb-vn{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.cb-wahl__b{font-size:.74rem}.cb-rahmen{height:24rem}.cb-browser--handy .cb-rahmen{height:30rem}.cb-code{font-size:.72rem;padding:.65rem .75rem}}
@media (prefers-reduced-motion:reduce){.cb-haken{animation:none}}

/* 16.10.2026: Die Titelzeile lief bei mittleren Breiten unter die Illustration
   ("Datenschutzerklärung," ist ein einziges langes Wort). Neben der Illustration
   bekommt der Text nur noch den freien Platz, der Titel etwas kleiner. */
@media (min-width:1101px){
  .dt-land .ig-hero__wrap:has(.igb) > h1,
  .dt-land .ig-hero__wrap:has(.igb) > .ml-lead,
  .dt-land .ig-hero__wrap:has(.igb) > .ml-eyebrow{max-width:calc(100% - min(41%,32rem) - 2.5rem)}
  .dt-land .ig-hero__wrap:has(.igb) > h1{font-size:clamp(2.4rem,3.9vw,4.1rem)}
}
@media (min-width:1101px){
  .dt-land .ig-hero__wrap:has(.igb) .ig-start{max-width:min(44rem,calc(100% - min(41%,32rem) - 4.5rem))}
}
.cb .cb-kat select{flex:0 1 auto;min-width:0;max-width:65%}
@media (max-width:700px){
  .cb .cb-kat{padding:.3rem .4rem}
  .cb .cb-kat small{display:none}
  .cb .cb-kat select{width:100%;max-width:100%}
  .cb .cb-kat--aus span{padding-left:.4rem}
}
@media (max-width:900px){.cb-rahmen{height:21rem}.cb-browser--handy .cb-rahmen{height:26rem}}
.cb-aussehen__kopf{grid-column:1/-1;display:grid;gap:.3rem}
@media (max-width:900px){.cb-aussehen__kopf{order:-2}}

/* 16.10.2026: Aussehen in vier ruhigen Gruppen. Offen steht, was fast alle
   brauchen (Position, Farbe der Knöpfe, Sprache und Links), der Rest liegt
   hinter kleinen Aufklappern. Alles bleibt ein Schritt, nichts springt. */
.cb-aussehen__wahl{gap:0}
.cb-gruppe{display:grid;gap:.65rem;min-width:0;padding:1rem 0 .9rem;border-top:1px solid var(--ig-rand)}
.cb-gruppe:first-child{padding-top:0;border-top:0}
.cb-gruppe__h{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-strong)}
.cb-mehr{min-width:0}
.cb-mehr summary{display:inline-flex;align-items:center;gap:.5rem;min-height:2.2rem;padding:0 .2rem;border-radius:.4rem;list-style:none;cursor:pointer;font-size:.82rem;font-weight:600;color:var(--color-blue)}
.cb-mehr summary::-webkit-details-marker{display:none}
.cb-mehr summary::before{content:"";width:.42rem;height:.42rem;margin-top:-.15rem;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(-45deg);transition:transform .2s}
.cb-mehr[open] summary::before{transform:rotate(45deg)}
.cb-mehr summary:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}
.cb-mehr__in{display:grid;gap:.8rem;padding:.35rem 0 .2rem .95rem;border-left:2px solid rgba(1,94,165,.12);margin:.2rem 0 0 .25rem;min-width:0}
.cb-reihe{display:grid;gap:.3rem;min-width:0}
.cb-reihe__t{font-size:.78rem;color:var(--text-muted)}
.cb-seg{flex-wrap:wrap;max-width:100%;justify-self:start}
.cb-seg__farbe{display:inline-flex;align-items:center;gap:.4rem;min-height:2.1rem;padding:0 .8rem 0 .3rem;border-radius:999px;font-size:.8rem;color:var(--text-muted);cursor:pointer}
.cb-seg__farbe.is-an{background:#fff;color:var(--text-strong);font-weight:600;box-shadow:0 1px 3px rgba(16,20,26,.12)}
.cb-seg__farbe input{width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.cb-seg__farbe:focus-within{box-shadow:inset 0 0 0 2px var(--color-blue)}
.cb-seg__farbe span{font-variant-numeric:tabular-nums}
.ig-feld textarea.cb-textfeld{width:100%;padding:.6rem .75rem;border:1px solid var(--ig-rand);border-radius:.55rem;background:#fff;font:inherit;font-size:.88rem;line-height:1.45;color:var(--text-strong);resize:vertical}
.ig-feld textarea.cb-textfeld:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:0 0 0 3px rgba(1,94,165,.1)}
.cb-haken-feld{display:flex;align-items:flex-start;gap:.55rem;font-size:.85rem;line-height:1.4;color:var(--text-strong);cursor:pointer}
.cb-haken-feld input{width:1.1rem;height:1.1rem;margin:.1rem 0 0;flex:none;accent-color:var(--color-blue)}

/* Fertig: zwei gleichwertige Wege, Code und WordPress. */
.cb-wege{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;max-width:60rem;margin-top:.3rem;text-align:left}
.cb-weg{display:flex;flex-direction:column;gap:.75rem;min-width:0;padding:1.15rem;border:1px solid var(--ig-rand);border-radius:.9rem;background:#fff}
.cb-weg__kopf{display:flex;align-items:center;gap:.6rem}
.cb-weg__kopf b{font-size:1.02rem;color:var(--text-strong)}
.cb-weg__kopf img{width:22px;height:22px;flex:none}
.cb-weg__zeichen{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:5px;background:#10141a;color:#fff;font:700 .58rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.04em}
.cb-weg__text{margin:0;font-size:.86rem;line-height:1.5;color:var(--text-muted)}
.cb-weg .cb-code--gross{max-width:100%;width:100%}
.cb-weg .dsw__gross{width:100%;min-width:0;margin-top:auto}
.cb-kn-zeile{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap}
.cb-wp-knopf:disabled{opacity:.7;cursor:progress}
.cb-wp-knopf.is-kopiert{background:#1a7f37}
.cb-wp-schritte{margin:0;padding:.7rem .9rem .7rem 2rem;border-radius:.6rem;background:var(--ig-weich);display:grid;gap:.3rem;font-size:.84rem;line-height:1.45;color:var(--text-strong)}
@media (max-width:760px){.cb-wege{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.cb-mehr summary::before{transition:none}}



/* Legal Butler im Schritt Fertig (17.10.2026): eigener Abschnitt, ruhig und
   klar freiwillig, mit Bild aus echten Teilen. Bestellen im Fenster, auf dem
   Telefon als Blatt von unten. */
.lb{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2rem;align-items:center;padding:1.8rem 2rem;border-radius:1.1rem;
  background:linear-gradient(160deg,#ffffff 0%,#f6f9fd 100%);border:1px solid rgba(1,94,165,.14);box-shadow:0 30px 60px -48px rgba(1,58,117,.55);overflow:hidden}
.lb__inhalt{display:grid;gap:.7rem;min-width:0}
.lb__kopf{display:flex;align-items:center;gap:.7rem}
.lb-symbol{flex:none;display:block}
.lb__marke{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.lb__marke em{font-style:normal;letter-spacing:.02em;text-transform:none;font-weight:500;font-size:.74rem;padding:.08rem .5rem;border:1px solid var(--ig-rand);border-radius:999px;color:var(--text-muted);background:#fff}
.lb__h{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,2.2vw,1.7rem);line-height:1.2;letter-spacing:-.02em;color:var(--text-strong)}
.lb__t{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-muted);max-width:40rem}
.lb__t b{color:var(--text-strong);font-weight:600;overflow-wrap:anywhere}
.lb__dazu{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.88rem;color:var(--text-strong);font-weight:500}
.lb__preise{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:.3rem 0 0;padding:0;list-style:none;max-width:30rem}
.lb__preise li{position:relative;display:grid;gap:.05rem;padding:.75rem .9rem;border-radius:.8rem;background:#fff;border:1px solid var(--ig-rand)}
.lb__preise b{font-family:var(--font-display);font-size:1.45rem;letter-spacing:-.03em;line-height:1.1;color:var(--text-strong)}
.lb__preise span{font-size:.78rem;color:var(--text-strong)}
.lb__preise small{font-size:.72rem;color:var(--text-muted)}
.lb__abzeichen{justify-self:start;margin-top:.3rem;font-style:normal;font-size:.68rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;color:#1a7f37;background:rgba(40,200,64,.1);border:1px solid rgba(40,200,64,.28);white-space:nowrap}
.lb__quelle{margin:0;font-size:.7rem;line-height:1.4;color:var(--text-muted)}
.lb-plaene .lb__quelle{grid-column:1/-1;margin-top:-.1rem}
.lb-summe__heute{padding-top:.4rem;border-top:1px solid rgba(16,20,26,.08)}
.lb__aktion{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.5rem}
.lb__aktion a{font-size:.88rem;color:var(--color-blue);text-underline-offset:2px}
/* Was "Jetzt starten" tut, direkt unter den Knöpfen (19.10.2026). */
.lb__gratis{display:flex;align-items:center;gap:.45rem;margin:.75rem 0 0;font-size:.88rem;line-height:1.45;color:var(--text-muted)}
.lb__gratis .igb__ok{flex:none}
.lb__empfohlen{display:flex;align-items:flex-start;gap:.5rem;margin:.9rem 0 0;padding:.7rem .9rem;border-radius:.7rem;background:#e8f6ee;color:#17663b;font-size:.95rem;line-height:1.45}
.lb__empfohlen b{color:#0f4f2c}
.lb__empfohlen .igb__ok{flex:none;margin-top:.1rem}
.lb-form > .lb__empfohlen{margin:0 0 .9rem}
.lb__risiko{margin:.6rem 0 0;font-size:.95rem;font-weight:600;color:var(--text-strong)}
.lb-beruhigung{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.3rem;font-size:.9rem;color:var(--text-muted)}
.lb-beruhigung li::before{content:"✓ ";color:#1a7f37;font-weight:700}
.lb__konto{margin:.35rem 0 0;font-size:.92rem;color:var(--text-muted)}
.lb__konto a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--text-strong);text-decoration:underline;text-underline-offset:3px}
.lb__knopf{min-height:2.9rem;padding:0 1.6rem}
/* Gratistest (17.10.2026): erster Knopf testen, zweiter direkt abonnieren */
.lb__knopf--zwei{padding:0 1.3rem}
.lb-modal .lb-link{display:inline-flex;align-items:center;min-height:44px;padding:0 .2rem;border:0;background:none;font:inherit;color:var(--color-blue);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.lb-modal .lb-link--mitte{justify-self:center;margin-top:-.6rem;font-size:.8rem}
.lb-test{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;align-items:start;padding:1rem;border-radius:.9rem;background:linear-gradient(160deg,#f6f9fd,#eef7fc);border:1px solid rgba(1,94,165,.16)}
.lb-test__zahl{display:grid;justify-items:center;margin:0;padding:.2rem .4rem;min-width:4.6rem}
.lb-test__zahl b{font-family:var(--font-display);font-size:2.6rem;line-height:1;letter-spacing:-.04em;background:var(--gradient-logo,linear-gradient(135deg,#003a75,#015ea5 50%,#00baeb));-webkit-background-clip:text;background-clip:text;color:transparent}
.lb-test__zahl span{display:grid;justify-items:center;text-align:center;font-size:.8rem;font-weight:600;color:var(--text-strong)}
.lb-test__zahl small{max-width:7rem;font-size:.66rem;font-weight:400;color:var(--text-muted);line-height:1.3}
.lb-test ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none;font-size:.86rem;line-height:1.5;color:var(--text-strong)}
.lb-test li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;align-items:start}
.lb-test li .igb__ok{margin-top:.2rem}
.lb-mail p{margin:0;font-size:.92rem;line-height:1.55;color:var(--text-strong)}
.lb-mail p b{overflow-wrap:anywhere}
.lb-mail .lb-mail__klein{font-size:.8rem;color:var(--text-muted)}
.lb-mail__weiter{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.2rem;margin-top:-.3rem;font-size:.84rem}
@media (max-width:560px){.lb-test{grid-template-columns:minmax(0,1fr)}.lb-test__zahl{grid-template-columns:auto auto;align-items:center;justify-items:start;gap:.6rem;justify-self:start}.lb-test__zahl span{justify-items:start;text-align:left}.lb-test__zahl small{max-width:none}}

/* Bild */
.lb-bild{position:relative;min-width:0;padding:1.4rem 1.6rem 2.2rem 1rem}
.lb-bild__glut{position:absolute;inset:10% 4% 6% 14%;background:var(--gradient-logo);filter:blur(56px);opacity:.18;border-radius:42%}
.lb-bild__fenster{box-shadow:0 26px 50px -30px rgba(1,58,117,.55);animation:none;transform:none}
.lb-bild .igb__leiste{min-width:0}
.lb-bild__blatt{display:grid;gap:.7rem;padding:1rem 1.1rem 1.1rem;font-size:.76rem;color:#3a4552}
.lb-bild__kopf{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.lb-bild__kopf b{font-family:var(--font-display);font-size:1.05rem;letter-spacing:-.02em;color:var(--color-navy)}
.lb-bild__kopf>span{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:600;color:#1a7f37;padding:.12rem .5rem .12rem .2rem;border-radius:999px;background:rgba(40,200,64,.08)}
.lb-bild__kopf .igb__ok{width:.95rem;height:.95rem;background-size:.6rem}
.lb-bild__z{display:grid;gap:.25rem;padding-left:.7rem;border-left:2px solid rgba(0,186,235,.35)}
.lb-bild__z small{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy)}
.lb-bild__banner{display:grid;gap:.45rem;padding:.65rem .7rem;border-radius:.6rem;background:#10141a;color:#fff;font-size:.7rem;line-height:1.35}
.lb-bild__knoepfe{display:flex;gap:.35rem;justify-content:flex-end}
.lb-bild__knoepfe i{font-style:normal;padding:.2rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.4);font-size:.64rem}
.lb-bild__knoepfe i.is-voll{background:#fff;color:#10141a;border-color:#fff}
.lb-bild__chip{position:absolute;right:0;top:.2rem;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem .4rem .45rem;border-radius:999px;background:#fff;border:1px solid rgba(16,20,26,.08);
  box-shadow:0 14px 30px -18px rgba(1,58,117,.6);font-size:.74rem;color:var(--text-strong)}
.lb-bild__chip img{width:20px;height:20px;border-radius:4px;object-fit:contain}
.lb-bild__fassungen{position:absolute;left:-.2rem;bottom:0;display:grid;gap:.3rem;min-width:12.5rem;padding:.65rem .8rem;border-radius:.8rem;background:#fff;border:1px solid rgba(16,20,26,.08);
  box-shadow:0 18px 36px -22px rgba(1,58,117,.6);font-size:.72rem;color:var(--text-strong)}
.lb-bild__fassungen small{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-navy)}
.lb-bild__fassungen>span{display:flex;align-items:center;gap:.4rem}
.lb-bild__fassungen .igb__ok{width:.9rem;height:.9rem;background-size:.55rem}
.lb-bild__fassungen .is-alt{color:var(--text-muted)}
.lb-bild__punkt{width:.9rem;height:.9rem;flex:none;border-radius:50%;border:2px solid rgba(16,20,26,.18)}

/* Fenster */
.lb-modal{--ig-rand:rgba(0,0,0,.12);--ig-weich:rgba(0,0,0,.04);position:fixed;inset:0;z-index:2147483000;display:grid;place-items:start center;padding:max(1.5rem,7vh) 1.5rem 1.5rem;background:rgba(10,18,30,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:lb-ein .18s ease-out}
.lb-modal__blatt{position:relative;width:min(36rem,100%);max-height:calc(100dvh - max(1.5rem,7vh) - 1.5rem);overflow:auto;overscroll-behavior:contain;padding:1.4rem 1.5rem 1.3rem;border-radius:1.2rem;background:#fff;
  box-shadow:0 40px 90px -30px rgba(1,30,60,.55);animation:lb-hoch .22s cubic-bezier(.2,.9,.3,1);font-family:var(--font-body,inherit)}
.lb-modal__griff{display:none}
.lb-modal__kopf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-bottom:1rem}
.lb-modal__kopf h2{margin:0;font-family:var(--font-display);font-size:1.2rem;line-height:1.25;color:var(--text-strong)}
.lb-modal__kopf p{margin:.1rem 0 0;font-size:.84rem;color:var(--text-muted);overflow-wrap:anywhere}
.lb-modal__kopf p b{color:var(--text-strong)}
.lb-modal__zu{width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:#f2f4f7;color:var(--text-strong);font-size:1.5rem;line-height:1;cursor:pointer}
.lb-modal__zu:hover{background:#e7ebf0}
.lb-modal :focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}
.lb-form{display:grid;gap:.9rem}
.lb-plaene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:0;padding:0;border:0;min-width:0}
.lb-plaene legend{padding:0;margin-bottom:.45rem;font-size:.74rem;font-weight:600;color:var(--text-muted)}
.lb-plan{position:relative;display:grid;gap:.25rem;padding:.85rem .95rem;border:1px solid var(--ig-rand);border-radius:.85rem;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.lb-plan input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.lb-plan:has(input:focus-visible){box-shadow:inset 0 0 0 2px var(--color-blue)}
.lb-plan.is-an{border-color:rgba(1,94,165,.55);box-shadow:inset 0 0 0 1px rgba(1,94,165,.55);background:#f6f9fd}
.lb-plan__t{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}
.lb-plan__t b{font-size:.95rem;color:var(--text-strong)}
.lb-plan__t .lb__abzeichen{margin-top:0}
.lb-plan__preis{display:grid;font-size:.78rem;color:var(--text-muted);line-height:1.4}
.lb-plan__preis b{font-family:var(--font-display);font-size:1.3rem;letter-spacing:-.02em;color:var(--text-strong)}
.lb-plan__preis small{font-size:.72rem}
.lb-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem .8rem}
.lb-feld{display:grid;gap:.25rem;font-size:.74rem;color:var(--text-muted);font-weight:500;min-width:0}
.lb-feld--breit{grid-column:1/-1}
.lb-feld input{width:100%;min-width:0;min-height:2.75rem;padding:.6rem .8rem;border:1px solid var(--ig-rand);border-radius:.6rem;background:#fff;font:inherit;font-size:.95rem;color:var(--text-strong);font-weight:400}
.lb-feld input:focus{outline:0;border-color:rgba(1,94,165,.5);box-shadow:inset 0 0 0 1px rgba(1,94,165,.5)}
.lb-feld__fehler{font-size:.76rem;font-weight:500;color:#c0392b}
.lb-feld.is-fehler input{border-color:rgba(214,48,49,.6);background:#fff8f8}
.lb-summe{display:grid;gap:.35rem;padding:.9rem 1rem;border-radius:.8rem;background:#f6f8fa;font-size:.84rem;line-height:1.5;color:var(--text-muted)}
.lb-summe__zeile{display:flex;justify-content:space-between;gap:1rem;color:var(--text-strong);font-size:.95rem}
.lb-summe__klein{font-size:.78rem}
.lb-summe ul{margin:.2rem 0 0;padding-left:1.1rem;display:grid;gap:.15rem}
.lb-summe b{color:var(--text-strong);overflow-wrap:anywhere}
.lb-agb{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;line-height:1.45;color:var(--text-strong);cursor:pointer}
.lb-agb input{margin-top:.15rem;width:1.15rem;height:1.15rem;accent-color:var(--color-blue);flex:none}
.lb-agb a{color:var(--color-blue)}
.lb-agb.is-fehler span{color:#c0392b}
.lb-form__fehler{margin:0;font-size:.82rem;color:#c0392b}
.lb-form__los:disabled{opacity:.85;cursor:progress}
.lb-kreis{display:inline-block;width:1.05rem;height:1.05rem;margin-right:.6rem;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:lb-dreh .8s linear infinite;vertical-align:-.15em}
@keyframes lb-dreh{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.lb-kreis{animation:none;border-top-color:rgba(255,255,255,.35)}}
.lb-form__unter{margin:-.3rem 0 0;text-align:center;font-size:.76rem;color:var(--text-muted)}
/* Fehler im Fenster */
.lb-fehler{display:grid;gap:.6rem;justify-items:center;text-align:center;padding:.4rem 0 .3rem}
.lb-fehler h3{margin:.4rem 0 0;font-family:var(--font-display);font-size:1.15rem;color:var(--text-strong)}
.lb-fehler p{margin:0;max-width:26rem;font-size:.9rem;line-height:1.55;color:var(--text-muted)}
.lb-fehler__knoepfe{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.5rem}
.lb-fehler__knoepfe .ig-btn{min-height:2.9rem;padding:0 1.4rem}
.lb-fehlerbild{width:12rem}
.lb-fehlerbild .igb__fenster{box-shadow:0 20px 40px -28px rgba(1,58,117,.6)}
.lb-fehlerbild__mitte{display:grid;place-items:center;height:5.2rem;background:linear-gradient(160deg,#f6f9fd,#fff)}
.lb-fehlerbild__zeichen{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;font:700 1.3rem/1 var(--font-display);color:#fff;background:linear-gradient(135deg,#febc2e,#f29a10);box-shadow:0 0 0 7px rgba(254,188,46,.15)}
.lb-fehlerbild__zeichen.is-konto{background:#015ea5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='5.6' r='2.6' fill='white'/%3E%3Cpath d='M3 13.4c.6-2.6 2.6-3.9 5-3.9s4.4 1.3 5 3.9' fill='white'/%3E%3C/svg%3E") center/1.3rem no-repeat;box-shadow:0 0 0 7px rgba(1,94,165,.12)}
.lb-feld--fest output{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-height:2.75rem;padding:.6rem .8rem;border-radius:.6rem;background:#f6f8fa;font-size:.95rem;color:var(--text-strong);font-weight:500}
.lb-feld--fest small{font-size:.72rem;font-weight:400;color:var(--text-muted)}
.lb-form__fuss{position:sticky;bottom:-1.3rem;z-index:1;display:grid;gap:.7rem;margin:0 -1.5rem -1.3rem;padding:.9rem 1.5rem 1.3rem;background:#fff;box-shadow:0 -12px 20px -16px rgba(1,30,60,.35)}
.lb-weiter{display:grid;gap:.8rem}
.lb-weiter h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;color:var(--text-strong)}
.lb-weiter dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem 1rem;margin:0;padding:.9rem 1rem;border-radius:.8rem;background:#f6f8fa;font-size:.86rem}
.lb-weiter dt{color:var(--text-muted)}
.lb-weiter dd{margin:0;color:var(--text-strong);overflow-wrap:anywhere}
@keyframes lb-ein{from{opacity:0}to{opacity:1}}
@keyframes lb-hoch{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media (max-width:900px){
  .lb{grid-template-columns:minmax(0,1fr);padding:1.4rem 1.3rem;gap:1.2rem}
  .lb-bild{order:-1;max-width:26rem;width:100%;justify-self:center;padding:1.2rem .8rem 2.2rem .4rem}
}
@media (max-width:560px){
  .lb__preise{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lb__knopf{width:100%}
  .lb-bild{padding:1.6rem .2rem 3.6rem 0}
  .lb-bild__fassungen{min-width:0;left:0;bottom:0}
  .lb-bild__chip{top:0;right:0;font-size:.7rem}
  .lb-bild .igb__url{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .lb__abzeichen{white-space:normal;max-width:100%}
  .lb-modal{place-items:end stretch;padding:0}
  .lb-modal__blatt{width:100%;max-height:92dvh;border-radius:1.2rem 1.2rem 0 0;padding:.6rem 1.1rem calc(1rem + env(safe-area-inset-bottom));animation:lb-blatt .26s cubic-bezier(.2,.9,.3,1)}
  .lb-modal__griff{display:block;width:2.6rem;height:.3rem;margin:0 auto .7rem;border-radius:999px;background:rgba(16,20,26,.16)}
  .lb-felder{grid-template-columns:minmax(0,1fr)}
  .lb-form__fuss{bottom:calc(-1rem - env(safe-area-inset-bottom));margin:0 -1.1rem calc(-1rem - env(safe-area-inset-bottom));padding:.8rem 1.1rem calc(1rem + env(safe-area-inset-bottom))}
  .lb-plaene{gap:.5rem}
  .lb-plan{padding:.75rem .8rem}
}
@keyframes lb-blatt{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.lb-modal,.lb-modal__blatt{animation:none}}
/* ---------- Sprachen (17.10.2026, Sprach-Agent): Sprachwahl im Schritt Fertig ---------- */
.dsw__sprache{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin:.1rem 0 .9rem}
.dsw__sprache span{font-size:.8rem;color:var(--text-muted);margin-right:.2rem}
.dsw__sprache button{min-height:44px;padding:.35rem .95rem;border:1px solid var(--ig-rand);border-radius:999px;background:#fff;font:inherit;font-size:.85rem;color:var(--text-strong);cursor:pointer}
.dsw__sprache button:hover{border-color:rgba(1,94,165,.4)}
.dsw__sprache button.is-an{background:#013a75;border-color:#013a75;color:#fff}
.dsw__sprache button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #015ea5}
.dsw__sprache button.is-an:focus-visible{box-shadow:inset 0 0 0 2px #fff}
.dsw__sprache .is-laedt{font-size:.75rem;color:var(--text-muted)}
@media (max-width:640px){.dsw__sprache span{flex-basis:100%;text-align:center;margin:0}}
/* ---------- Ende Sprachen ---------- */

/* Detail 31 (17.10.2026 Nacht, details/liste.md): Freischalten leer
   abgeschickt. Der Einwilligungstext bleibt ruhig, das Kästchen bekommt einen
   roten Ring, darunter steht in JSX (small#ig-ja-fehler, role=alert, mit
   aria-describedby am Kästchen) kurz, was fehlt. */
.ig-tor .ig-ich__ja.is-fehler span{color:var(--text-muted)}
.ig-tor .ig-ich__ja.is-fehler input{box-shadow:0 0 0 2px #fff,0 0 0 4px #c0392b;border-radius:3px}
.ig-tor__ja-fehler{display:block;margin:-.2rem 0 0 1.65rem;font-size:.8rem;font-weight:600;color:#c0392b}

/* Detail 45: der Einbaucode bricht auf dem Telefon um, statt abgeschnitten zu werden. */
@media (max-width:560px){.cb-code--gross{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible}}
/* Detail 30: während der Prüfung steht der Schritt schmal in der Mitte, statt
   eine leere rechte Hälfte zu lassen. */
.dsw__teil--lesen{max-width:40rem;margin-inline:auto;width:100%}

/* Auswahlfelder (17.10.2026): eigener Pfeil statt des Browserpfeils. Der
   Browserpfeil klebte bei runden Feldern am Rand (Daniel, Bild 30). Gleicher
   Abstand rechts wie links, Pfeil in der Textfarbe des Feldes.
   Polish-Pass 17.10.2026: alle Hintergrundwerte als Einzelwerte UND mit der
   Spezifitaet der aelteren Regeln (.cb .cb-kat select, .dsw .ig-feld select),
   sonst setzt deren "background:#fff" das Wiederholen zurueck und der Pfeil
   kachelt als Zickzack ueber die Pille. Dazu die Felder in .ig-tor__feld
   (Dienst hinzufuegen, Bestellung), die bisher nackt im Browserstil standen,
   und ein Fokus nach innen wie bei den Eingabefeldern. */
.ig-feld select,.ig-tor__feld select,.ds-bestellung select,.lb-feld select,
.dsw .ig-feld select,.dsw .ig-tor__feld select,.cb .ig-tor__feld select,.cb .ig-feld select{
  -webkit-appearance:none;appearance:none;
  background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23526079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .85rem center;background-size:.7rem auto;
  padding-right:2.4rem;cursor:pointer;text-overflow:ellipsis}
.ig-tor__feld select,.dsw .ig-tor__feld select,.cb .ig-tor__feld select{
  width:100%;min-width:0;min-height:2.9rem;padding-top:.6rem;padding-bottom:.6rem;padding-left:.8rem;
  border:1px solid var(--ig-rand);border-radius:.6rem;font:inherit;font-size:.95rem;font-weight:400;color:var(--text-strong)}
.cb .cb-kat select,.dsw .cb .cb-kat select{
  -webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis;
  background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23015ea5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .8rem center;background-size:.62rem auto;
  padding:0 2.1rem 0 .85rem}
.ig-feld select:hover,.ig-tor__feld select:hover,.ds-bestellung select:hover,.lb-feld select:hover,.cb .cb-kat select:hover{border-color:rgba(1,94,165,.45)}
.ig-feld select:focus,.ig-tor__feld select:focus,.ds-bestellung select:focus,.lb-feld select:focus,.cb .cb-kat select:focus{outline:0;border-color:rgba(1,94,165,.55);box-shadow:inset 0 0 0 1px rgba(1,94,165,.55)}
.ig-feld select:focus-visible,.ig-tor__feld select:focus-visible,.ds-bestellung select:focus-visible,.lb-feld select:focus-visible,.cb .cb-kat select:focus-visible{box-shadow:inset 0 0 0 2px #015ea5}
/* Polish-Pass 17.10.2026: auf 320 Punkten passt «Datenschutzerklärung,» in
   Safari bei 2rem nicht in die Zeile, der Titel ragte 10 px hinaus und die
   ganze Seite liess sich seitlich schieben (QA B15). Kleiner setzen, und als
   Netz umbrechen statt ueberlaufen. */
@media (max-width:360px){
  .dt-land .ml-hero.ig-hero h1{font-size:1.78rem;overflow-wrap:break-word}
}
/* Polish-Pass 17.10.2026: Dienstkacheln. Der Name lief bis an den Haken und
   bei langen Namen («Medicosearch (Terminbuchung)», «OpenStreetMap») darunter
   durch, auf 320 Punkten auch über den Kachelrand (Safari). Rechts so viel
   Platz, wie der Haken braucht plus Luft, nur zu lange Wörter umbrechen (keine
   automatische Silbentrennung, die zerlegte sonst «Analytics»), und unter
   360 Punkten eine Spalte statt zwei Kacheln von 128 Punkten. */
.dsw .ds-kachel,.ds-kachel{padding-right:2.6rem}
.ds-kachel__t b{overflow-wrap:break-word}
@media (max-width:700px){.dsw .ds-kachel,.ds-kachel{padding-right:2.35rem}}
@media (max-width:360px){.ds-kacheln{grid-template-columns:minmax(0,1fr)}}
/* Polish-Pass 17.10.2026: Suche ohne Treffer. «Nichts gefunden.» stand links,
   «… selbst erfassen» mittig darunter, und «+ Dienst hinzufügen, der fehlt»
   brach in einer halben Spalte mittig um. Alles linksbündig in einer Flucht,
   der Link über die ganze Breite. */
.ds-leer{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .45rem;text-align:left}
.ds-leer .ig-link{margin:0;text-align:left}
.ds-kacheln > li.ds-neu-link,.ds-neu-link{grid-column:1/-1}
.ds-neu-link .ig-link{text-align:left}
/* Polish-Pass 17.10.2026: Preiskarten des Legal Butler. Das Raster verteilte
   die Resthoehe der Monatskarte auf ihre Zeilen, «pro Monat» stand tiefer als
   «pro Jahr» daneben und «(CHF 5.35 inkl.)» rutschte an den Boden. Beide
   Karten oben ausrichten. Das Abzeichen bricht auf dem Telefon zweizeilig um;
   eine Pille mit zwei Zeilen wird zum Klecks, daher dort ein kleiner Radius. */
.lb__preise li{align-content:start}
@media (max-width:560px){.lb__abzeichen{border-radius:.45rem;line-height:1.3;padding:.18rem .5rem}}
/* Polish-Pass 17.10.2026: Legal-Butler-Fenster. (1) Die beiden Plaene
   teilen sich die Zeilen (subgrid): «CHF 4.95» und «CHF 49» stehen auf einer
   Hoehe, auch wenn das Abzeichen bei «Jahr» eine Zeile braucht; vorher war
   die Monatskarte senkrecht mittig und der Preis sprang. (2) AGB nicht
   bestaetigt: wie im Freischalten nur das Kaestchen rot, der Satz bleibt
   ruhig, darunter steht ohnehin, was fehlt. */
.lb-plan{align-content:start}
@supports (grid-template-rows:subgrid){
  .lb-plaene{grid-auto-rows:auto}
  .lb-plaene > .lb-plan{grid-row:span 2;grid-template-rows:subgrid;row-gap:.3rem}
  .lb-plan__t{align-self:start}
  .lb-plan__preis{align-self:start}
}
.lb-agb.is-fehler span{color:var(--text-strong)}
.lb-agb.is-fehler input{box-shadow:0 0 0 2px #fff,0 0 0 4px #c0392b;border-radius:3px}
/* Polish-Pass 17.10.2026: (1) «Kostenpflichtig bestellen, CHF 180» war auf
   dem Telefon breiter als der Knopf und links wie rechts abgeschnitten
   (nowrap). Grosse Knoepfe duerfen umbrechen und bleiben in ihrer Box.
   (2) Einwilligung in der Bestellung leer: wie im Freischalten (Detail 31)
   nur das Kaestchen rot, nicht der ganze Absatz. */
.ig-btn--gross{max-width:100%;min-width:0}
@media (max-width:560px){.ig-btn--gross{white-space:normal;text-align:center;line-height:1.25;padding-top:.6rem;padding-bottom:.6rem}}
.ig-ich__ja.is-fehler span{color:var(--text-muted)}
.ig-ich__ja.is-fehler input{box-shadow:0 0 0 2px #fff,0 0 0 4px #c0392b;border-radius:3px}
/* Polish-Pass 17.10.2026: der Farbwaehler «Eigene» stand als eckiges,
   groesseres Feld neben drei runden Tupfen. Gleich gross und rund. */
.cb-farbe--eigen input{width:1.4rem;height:1.4rem;-webkit-appearance:none;appearance:none;border-radius:50%;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.cb-farbe--eigen input::-webkit-color-swatch-wrapper{padding:0}
.cb-farbe--eigen input::-webkit-color-swatch{border:0;border-radius:50%}
.cb-farbe--eigen input::-moz-color-swatch{border:0;border-radius:50%}
.ds-neu-link{justify-content:flex-start}
/* Ohne Treffer steht «… selbst erfassen» schon da; der zweite Link darunter
   war doppelt. */
.ds-kacheln:has(.ds-leer) .ds-neu-link{display:none}
/* Polish-Pass 17.10.2026: Bestellformular CHF 180 auf dem Telefon. Vier
   Polster ineinander (Seite, Karte, Angebot, Formular) liessen dem Formular
   auf 320 Punkten 203 px, «Praxisgemeinschaft fü» war abgeschnitten. Unter
   560 px steht das Formular ohne eigenen Kasten im Angebot, das Angebot mit
   schmalerem Rand. */
@media (max-width:560px){
  .dsw .ig-check.ig-angebot,.dsw .ig-check.ig-angebot.is-dringend{padding-left:.85rem;padding-right:.85rem}
  .dsw .ig-angebot > .ds-bestellung{padding:.9rem 0 0;border:0;border-top:1px solid var(--ig-rand);border-radius:0;background:transparent}
}
/* Polish-Pass 17.10.2026 (DeepSeek): Fokus nach innen, wie es CLAUDE.md fuer
   die ganze Seite verlangt. Die Eingabefelder zeichneten einen 3-px-Schein
   ausserhalb des Feldes; in scrollenden Kaesten (Ablauf, Fenster) wurde er
   an der Kante abgeschnitten. Gleiches Bild wie die Auswahlfelder. */
.ig-feld input:focus,.ig-person--frei input:focus,.ig-person--frei textarea:focus,.ig-ich__felder input:focus,
.ig-tor__feld input:focus,.ig-check__form input:focus,.ds-werkzeug__suche:focus,.ig-feld textarea.cb-textfeld:focus,
.ds-bestellung input:focus,.ds-bestellung textarea:focus,.ds-neu input:focus,.ds-suche:focus{
  outline:0;border-color:rgba(1,94,165,.55);box-shadow:inset 0 0 0 1px rgba(1,94,165,.55)}
.ds-bestellung input.is-fehler{box-shadow:inset 0 0 0 1px #d93025}
.ds-kachel:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--color-blue)}
/* Detail 37 (Polish-Pass 17.10.2026): zwischen 761 und 1100 px faellt das
   Hero-Bild weg (Platz), der blaue Schein blieb und rahmte eine leere rechte
   Haelfte. Ohne Bild auch ohne Schein. Und 1101 bis 1279 px: das Siegel
   «100 % kostenlos» ragte links ueber die Hinweiszeile unter dem Feld
   («Geprueft aus der Schw…»); dort steht es rechts unten am Bild. */
@media (min-width:761px) and (max-width:1100px){.dt-land .ml-hero.ig-hero::before{display:none}}
@media (min-width:1101px) and (max-width:1279px){.dt-land .igb__siegel{left:auto;right:-1.4rem;bottom:-2.8rem;width:6.8rem;height:6.8rem}}
/* Detail 31 zu Ende (Polish-Pass 17.10.2026): leer abgeschickt wurde der
   ganze Kartenrand rot, zusaetzlich zu den roten Feldern und dem Kaestchen.
   Die Felder sagen, was fehlt; die Karte bleibt ruhig. */
.ig-tor.is-fehler{border-color:rgba(1,94,165,.22)}
/* QA B15 (Polish-Pass 17.10.2026), gefunden mit Safari auf 320 Punkten: es
   war nicht der Titel oben, sondern «Was in die Datenschutzerklärung gehört.»
   im zweiten Abschnitt. Das Wort ist bei 1.95rem 310 px breit, die Zeile hat
   280; Safari liess es ueberstehen und die Seite liess sich 10 px schieben.
   Unter 360 px etwas kleiner, und als Netz umbrechen statt ueberlaufen. */
@media (max-width:360px){.dt-land h2.ml-h2.ml-h2{font-size:1.72rem;overflow-wrap:break-word}}
/* Polish-Pass 17.10.2026: Leseteil auf 320 Punkten. Lange Adressen in der
   Diensttabelle (https://wpml.org/about/legal/) und Woerter wie
   «Vertraulichkeitsverpflichtungen» standen ueber den Rand, das Blatt
   liess sich seitlich schieben. Adressen brechen, lange Woerter trennen. */
.dsw__blatt a{overflow-wrap:anywhere}
@media (max-width:480px){.dsw__blatt p,.dsw__blatt li,.dsw__blatt h2,.dsw__blatt h3,.dsw__blatt td{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}}
/* Auf dem Telefon die Diensttabelle im Leseteil als Liste: Bezeichnung ueber
   dem Wert. Zwei Spalten zu je 90 px liessen «Datenschutzerklärung:» und die
   Adresse in Safari ueberstehen, auch mit Umbruchregeln. */
@media (max-width:480px){
  .dsw__blatt table,.dsw__blatt tbody,.dsw__blatt tr,.dsw__blatt td{display:block;width:auto}
  .dsw__blatt tr{padding:.3rem 0;border-bottom:1px solid rgba(16,20,26,.06)}
  .dsw__blatt td:first-child{font-weight:600;color:var(--text-strong);padding-bottom:0}
}
/* Schrittleiste auf 320 Punkten: mit «2 Freischalten» oder «4 Personen» war
   sie 26 px breiter als die Karte und liess sich ohne sichtbaren Hinweis
   seitlich schieben. Etwas enger, dann passt jeder Schritt. */
@media (max-width:360px){
  .dsw__schritte{padding-left:.45rem;padding-right:.45rem}
  .dsw__s button{padding:.35rem .15rem;gap:.3rem}
  .dsw__s.is-aktiv .dsw__t{font-size:.78rem}
}
/* Polish-Pass 17.10.2026: Telefon und E-Mail im Abschnitt «Fragen zu Ihrer
   Website?» waren Links, sahen aber aus wie grauer Fliesstext; auf dem
   Telefon war nicht zu erkennen, dass man tippen kann. */
.dt-land .ml-lead a[href^="tel:"],.dt-land .ml-lead a[href^="mailto:"]{color:var(--color-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* Die Zeile «Bitte bestätigen Sie die Einwilligung.» stand 7 px links vom
   Einwilligungstext (gemessen: Text ab 34 px, Zeile ab 26 px). Gleiche Flucht. */
.ig-tor__ja-fehler{margin-left:2.125rem}
@media (min-width:1101px) and (max-width:1279px){.dt-land .igb__siegel{right:.8rem;bottom:-2.6rem}}
@media (max-width:360px){.dsw .dsw__karte{padding-left:.6rem;padding-right:.6rem}}
/* 320 Punkte: «Erklärung freischalten →» brach im Freischalt-Kasten auf zwei
   Zeilen um (vorher lief es ueber den Knopf hinaus). Kasten und Knopf etwas
   enger, dann steht er auf einer Zeile. */
@media (max-width:360px){
  .dsw .ig-tor{padding-left:.85rem;padding-right:.85rem}
  .ig-btn--gross{padding-left:.9rem;padding-right:.9rem;font-size:.95rem}
}

/* 100 Details nach der Zusammenfuehrung (17.10.2026).
   80: Hinweis statt gesperrtem Knopf, wie .wa-leer im Website-Check. */
.ig-leer{margin:.6rem 0 0 .4rem;font-size:.9rem;color:#a3221a}
.ig-leer b{font-weight:600}
/* 83: Die Vertrauenszeile in Teilen. Der Trennpunkt ist ::before seines
   Teils und steht im linken Rand davor; die Zeile schneidet ihren linken
   Rand ab (clip-path), so verschwindet der Punkt genau dann, wenn ein Teil
   eine neue Zeile beginnt. Vorher stand "· 735 Mal genutzt" am Zeilenanfang. */
.ig-start__hinweis.ig-vertrauen{gap:.2rem 0;margin-left:calc(.4rem - 1.3rem);clip-path:inset(-1.5rem -1.5rem -1.5rem 1.3rem)}
.ig-vertrauen .ig-teil{position:relative;display:block;flex:0 1 auto;max-width:calc(100% - 1.3rem);margin-left:1.3rem}
.ig-vertrauen .ig-punkt{display:inline-block;margin:0 .55rem 0 .15rem;vertical-align:.08em}
.ig-vertrauen .ig-teil--punkt::before{content:"";position:absolute;left:-.75rem;top:50%;width:3px;height:3px;margin-top:-1.5px;border-radius:50%;background:currentColor;opacity:.4}
/* 81: "Ohne Handelsregister ausfuellen" war 21 px hoch. Die Trefferflaeche
   waechst nach oben und unten auf 44, die Zeile bleibt gleich hoch. */
.ig-vertrauen .ig-link--inline{margin:-.75rem 0;padding-block:.75rem}

/* Schmale Telefone (18.10.2026): laengere Beschriftungen in FR/IT/EN (z. B. /fr/legal-butler/ bei 320 in WebKit) brechen um statt seitlich ueberzulaufen. */
@media (max-width:420px){.ig-btn{white-space:normal;text-align:center;max-width:100%;padding-block:.55rem;line-height:1.25}}

/* Ihr Rechtspaket im Schritt Fertig (1.11.2026, Claude): die übrigen Teile mit Zustand,
   der nächste offene Teil dunkel, Erstelltes mit Häkchen, Gefundenes leise. Darunter
   die Brücke zum Legal Butler. Ersetzt den einzelnen Querverweis .ig-quer. */
.rp{display:grid;gap:1.1rem;margin-top:1rem;padding:1.6rem 1.8rem;border-radius:1.1rem;background:#fff;border:1px solid rgba(1,94,165,.14);box-shadow:0 30px 60px -50px rgba(1,58,117,.55)}
.rp__kopf{display:flex;align-items:flex-start;gap:1.1rem}
.rp__kopf > div{display:grid;gap:.3rem;min-width:0}
.rp__fortschritt{flex:none;display:grid;place-items:center;align-content:center;width:3.6rem;height:3.6rem;border-radius:50%;
  background:conic-gradient(var(--color-blue) calc(var(--rp-anteil,0) * 1turn),rgba(1,94,165,.12) 0);position:relative}
.rp__fortschritt::before{content:"";position:absolute;inset:.3rem;border-radius:50%;background:#fff}
.rp__fortschritt b,.rp__fortschritt span{position:relative;line-height:1}
.rp__fortschritt b{font-family:var(--font-display);font-size:1.25rem;color:var(--text-strong)}
.rp__fortschritt span{font-size:.68rem;color:var(--text-muted);margin-top:.1rem}
.rp__marke-text{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--color-blue)}
.rp__h{margin:0;font-family:var(--font-display);font-size:clamp(1.25rem,2.1vw,1.6rem);line-height:1.2;letter-spacing:-.02em;color:var(--text-strong)}
.rp__domain{overflow-wrap:anywhere}
.rp__t{margin:0;font-size:.92rem;line-height:1.55;color:var(--text-muted);max-width:42rem}
.rp__liste{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.rp__zeile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.85rem 1rem;border-radius:.85rem;border:1px solid var(--ig-rand);background:#fff}
.rp__zeile.is-naechst{border-color:rgba(1,94,165,.35);background:linear-gradient(160deg,#fff 0%,#f3f8fd 100%);box-shadow:0 14px 30px -26px rgba(1,58,117,.7)}
.rp__zeile.is-erstellt{background:#f6fbf8;border-color:rgba(40,160,80,.22)}
.rp__zeile.is-gefunden{background:#fafbfc}
.rp__marke{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid rgba(16,20,26,.18);box-sizing:border-box;position:relative}
.is-naechst .rp__marke{border-color:var(--color-blue)}
.is-erstellt .rp__marke{border:0;background:#1a7f37}
.is-erstellt .rp__marke::after{content:"";position:absolute;left:.47rem;top:.3rem;width:.35rem;height:.65rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.is-gefunden .rp__marke{border-style:dashed}
.rp__text{display:grid;gap:.12rem;min-width:0}
.rp__name{font-size:1rem;color:var(--text-strong)}
.rp__status{font-size:.8rem;font-weight:500;color:var(--text-muted)}
.is-erstellt .rp__status{color:#17663b}
.rp__warum{font-size:.84rem;line-height:1.45;color:var(--text-muted);max-width:38rem;margin-top:.15rem}
.rp__knopf{white-space:nowrap}
.rp__knopf svg{flex:none;width:1rem;height:1rem;vertical-align:-.15rem}
.rp__neu{font-size:.84rem;color:var(--color-blue);text-underline-offset:2px;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.rp__agb{margin:-.3rem 0 0 .2rem;font-size:.86rem;color:var(--text-muted)}
.rp__agb a{color:var(--color-blue);text-underline-offset:2px;padding:12px 0;margin:-12px 0}
.rp__butler{display:flex;align-items:flex-start;gap:.65rem;margin:0;padding:.9rem 1rem;border-radius:.85rem;background:#f1f6fc;font-size:.9rem;line-height:1.5;color:var(--text-strong)}
.rp__butler a{color:var(--color-blue);font-weight:600;text-underline-offset:2px;white-space:nowrap;padding:12px 0;margin:-12px 0}
.rp a:focus-visible{outline:2px solid var(--color-blue);outline-offset:3px;border-radius:4px}
.rp__butler-symbol{flex:none;width:1.4rem;height:1.4rem;margin-top:.05rem}
@media (max-width:640px){
  .rp{padding:1.25rem 1.1rem;gap:.9rem}
  .rp__kopf{gap:.8rem}
  .rp__fortschritt{width:3rem;height:3rem}
  .rp__zeile{grid-template-columns:auto minmax(0,1fr);align-items:start;row-gap:.7rem;padding:.85rem .9rem}
  .rp__marke{margin-top:.05rem}
  .rp__knopf,.rp__neu{grid-column:2;justify-self:start}
  .rp__knopf{width:100%;justify-content:center;box-sizing:border-box}
}
/* Freiwillige Einwilligung im Tor (1.11.2026): leiser als die Pflicht, klar getrennt. */
.ig-ich__ja--frei{margin-top:.55rem;padding-top:.6rem;border-top:1px dashed rgba(16,20,26,.12)}
.ig-ich__ja--frei b{color:var(--text-strong);font-weight:600}

/* AGB-Generator, Fragen auf Karten (2.11.2026): Auswahl als Reihe kleiner Kacheln
   wie .ig-wahl__t, Titel wie ein Feldtitel, Hinweis leise darunter. */
.agb-karte{display:grid;gap:1.1rem;margin-top:1rem;max-width:44rem}
.agb-frage{display:grid;gap:.4rem;min-width:0}
.agb-frage__t{display:flex;align-items:baseline;gap:.5rem;font-size:.86rem;font-weight:600;color:var(--text-strong)}
.agb-frage__t em{font-style:normal;font-weight:500;font-size:.72rem;color:var(--text-muted)}
.agb-optionen{display:flex;flex-wrap:wrap;gap:.4rem}
.agb-optionen .ig-wahl__t{display:inline-flex;align-items:center;padding:.5rem .8rem;min-height:2.6rem}
.agb-optionen .ig-wahl__t.is-an{box-shadow:inset 0 0 0 1px rgba(1,94,165,.5)}
.agb-optionen .ig-wahl__t.is-an b{color:var(--color-blue)}
.agb-frage__hilfe{font-size:.75rem;line-height:1.45;color:var(--text-muted)}
.dsw__gruppe .agb-frage+.agb-frage,.dsw__gruppe .ig-schalter+.agb-frage,.dsw__gruppe .agb-frage+.ig-schalter{margin-top:.6rem}
/* Lange Hinweise unter einem Schalter (AGB): der Knopf steht auf der ersten Zeile, nicht mittig daneben. */
.ig-schalter.ig-schalter--oben{align-items:flex-start}
.ig-schalter--oben .ig-schalter__knopf{margin-top:.05rem}