/* PilotOS - gemeinsame Bausteine der Seiten. Automatisch erzeugt von
   tools/design_vereinheitlichen.py aus wortgleichen inline-Bloecken.
   Nicht von Hand pflegen: bei Bedarf das Werkzeug erneut laufen lassen. */
.wl-nachbarn{background:var(--bg-soft,#f6f8fc);border-top:1px solid var(--line,#e4e9f0);padding:34px 0}.wl-nachbarn h2{font-size:1.15rem;margin:0 0 6px}.wl-nachbarn p{margin:0 0 16px;color:var(--muted,#6b7789);font-size:.95rem}.wl-liste{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.wl-liste a{display:inline-block;font-size:.88rem;background:#fff;border:1px solid var(--line,#e4e9f0);border-radius:8px;padding:6px 12px;color:var(--ink-soft,#4a5568)}.wl-liste a:hover{background:var(--blue-500,#2f6bff);color:#fff;border-color:var(--blue-500,#2f6bff);text-decoration:none}
.wl-bsp{border:1px solid var(--line,#e4e9f0);border-radius:14px;padding:0;overflow:hidden;margin-bottom:16px;background:#fff}.wl-bsp-kopf{background:var(--bg-tint,#eef4ff);padding:13px 18px;font-weight:700;color:var(--navy-900,#0f2038);font-size:.97rem}.wl-bsp dl{margin:0;padding:16px 18px;font-size:.93rem}.wl-bsp dt{font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted,#6b7789);font-weight:700;margin-top:12px}.wl-bsp dt:first-child{margin-top:0}.wl-bsp dd{margin:3px 0 0;color:var(--ink-soft,#4a5568)}.wl-bsp-hinweis{font-size:.86rem;color:var(--muted,#6b7789);max-width:78ch;margin-top:18px}
.wl-preis{background:var(--bg-soft,#f6f8fc);border:1px solid var(--line,#e4e9f0);border-radius:16px;padding:28px}.wl-preis h3{margin-top:0}.wl-preis table{width:100%;border-collapse:collapse;margin:14px 0;font-size:.94rem}.wl-preis th,.wl-preis td{border-bottom:1px solid var(--line,#e4e9f0);padding:9px 10px;text-align:left}.wl-preis th{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#6b7789)}.wl-preis td:last-child,.wl-preis th:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.wl-preis tr.summe td{font-weight:700;background:var(--bg-tint,#eef4ff)}.wl-preis .klein{font-size:.85rem;color:var(--muted,#6b7789);max-width:76ch}
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:#1D4ED8;color:#fff;padding:10px 16px;border-radius:0 0 6px 0;font:600 15px/1.2 system-ui,sans-serif;text-decoration:none}.skip-link:focus{left:0}
.rc-wrap{max-width:760px;margin:0 auto;border:1px solid var(--line,#c7d0de);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,32,56,.06);padding:22px;} .rc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;} @media(max-width:640px){.rc-row{grid-template-columns:1fr;}} .rc-field{min-width:0;} .rc-field.full{grid-column:1/-1;} .rc-field label{display:block;font-size:.82rem;font-weight:600;margin:0 0 5px;color:var(--muted,#5b6b78);} .rc-field input,.rc-field select{width:100%;padding:.7em .8em;border:1px solid var(--line,#c7d0de);border-radius:10px;font:inherit;background:#fff;} .rc-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line,#c7d0de);border-radius:999px;overflow:hidden;} .rc-seg button{background:#fff;border:0;padding:8px 14px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--ink,#132A49);} .rc-seg button.active{background:linear-gradient(160deg,var(--blue-400,#3B82F6),var(--blue-600,#1D4ED8));color:#fff;} .rc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;} @media(max-width:640px){.rc-out{grid-template-columns:1fr;}} .rc-kpi{background:var(--soft,#f4f7fb);border:1px solid var(--line,#e3e9f2);border-radius:12px;padding:14px;text-align:center;} .rc-kpi .n{font-size:1.3rem;font-weight:800;color:var(--navy,#0F2038);} .rc-kpi .l{font-size:.75rem;color:var(--muted,#5b6b78);margin-top:3px;} .rc-kpi.hl{background:linear-gradient(160deg,#eef4ff,#e5edff);border-color:#cddcff;} .rc-verdict{margin-top:16px;padding:13px 16px;border-radius:12px;font-weight:600;font-size:.95rem;border:1px solid;} .rc-verdict.ok{background:#e9f8ef;border-color:#bce7cd;color:#166534;} .rc-verdict.warn{background:#fef6e7;border-color:#f6e0a8;color:#8a5a00;} .rc-verdict.bad{background:#fdecec;border-color:#f4c4c4;color:#a11212;} .rc-note{font-size:.8rem;color:var(--muted,#5b6b78);margin-top:12px;line-height:1.5;} .rc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:8px;} .rc-card{display:block;border:1px solid var(--line,#dbe3ee);border-radius:14px;padding:16px 16px 14px;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s,transform .15s;} .rc-card:hover{box-shadow:0 8px 22px rgba(15,32,56,.08);border-color:#bcd;transform:translateY(-2px);} .rc-card h3{margin:0 0 5px;font-size:1.02rem;color:var(--navy,#0F2038);} .rc-card p{margin:0;font-size:.85rem;color:var(--muted,#5b6b78);line-height:1.45;} .rc-card .tag{display:inline-block;margin-bottom:8px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-600,#1D4ED8);} .rc-butler{max-width:760px;margin:16px auto 0;border:1px solid #cddcff;border-radius:14px;background:linear-gradient(160deg,#f5f9ff,#eef4ff);overflow:hidden;} .rc-butler summary{cursor:pointer;list-style:none;padding:13px 18px;font-weight:600;color:var(--navy,#0F2038);display:flex;align-items:center;gap:10px;} .rc-butler summary::-webkit-details-marker{display:none;} .rc-butler summary::after{content:"BE";margin-left:auto;color:var(--blue-600,#1D4ED8);transition:transform .2s;} .rc-butler[open] summary::after{transform:rotate(180deg);} .rc-butler-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(160deg,var(--blue-400,#3B82F6),var(--blue-600,#1D4ED8));color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.03em;padding:3px 10px;border-radius:999px;} .rc-butler-body{padding:0 18px 16px;font-size:.92rem;color:#33404f;line-height:1.55;} .rc-butler-body p{margin:.55em 0;} .rc-butler-body ul{margin:.4em 0 .4em 1.1em;padding:0;} .rc-butler-body li{margin:.25em 0;} .rc-butler-tip{background:#fff;border:1px solid #dbe7ff;border-radius:10px;padding:9px 12px;} .rc-antrag{max-width:760px;margin:16px auto 0;border:1px solid #bce7cd;border-radius:14px;background:linear-gradient(160deg,#f2fbf5,#e9f8ef);padding:16px 20px;} .rc-antrag h3{margin:0 0 4px;font-size:1.02rem;color:#166534;display:flex;align-items:center;gap:9px;} .rc-antrag .rc-antrag-badge{background:#166534;color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:999px;text-transform:uppercase;} .rc-antrag ol{margin:.5em 0 .3em 1.15em;padding:0;color:#274536;font-size:.92rem;line-height:1.5;} .rc-antrag ol li{margin:.32em 0;} .rc-antrag .rc-antrag-wo{font-size:.85rem;color:#3a5545;margin-top:8px;}
.wr-kette{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:820px;margin:0 auto 22px} .wr-schritt{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border:1px solid rgba(15,32,56,.15);border-radius:999px;background:#fff;text-decoration:none;color:#0F2038;font-size:.94rem;transition:border-color .15s,transform .15s} .wr-schritt:hover{border-color:#0F2038;transform:translateY(-1px)} .wr-pfeil{opacity:.5} @media (prefers-color-scheme:dark){.wr-schritt{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:inherit}}
.ib-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 26px} .ib-filter button{padding:8px 15px;border:1px solid #d6dbe4;background:#fff;border-radius:999px;font-size:.9rem;cursor:pointer;color:#243447} .ib-filter button.an{background:#2F6BFF;border-color:#2F6BFF;color:#fff} .idee{border:1px solid #e5e9f0;border-radius:14px;padding:22px;margin:0 0 16px;background:#fff} .idee h2{margin:0 0 4px;font-size:1.15rem} .idee .meta{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px} .idee .meta span{font-size:.78rem;padding:4px 10px;border-radius:999px;background:#f1f4f9;color:#43536b} .idee .ampel{font-weight:700;color:#fff} .idee .block{margin-top:14px} .idee .block h3{margin:0 0 6px;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;color:#5b6b78} .idee ol{margin:0;padding-left:20px}.idee ol li{margin:5px 0} .idee .haken{margin-top:14px;padding:11px 14px;border-radius:9px;background:rgba(192,57,43,.08);border-left:4px solid #c0392b;font-size:.93rem} .idee .ib-kalk{background:#f4f8ff;border-radius:9px;padding:12px 14px} .idee .ib-kalk p{margin:4px 0;font-size:.92rem} .ib-stand{text-align:center;color:#5b6b78;font-size:.85rem;margin-top:8px} .ib-bereich{display:block;border:1px solid #e5e9f0;border-radius:14px;padding:20px;text-decoration:none;color:inherit;background:#fff;height:100%} .ib-bereich:hover{border-color:#2F6BFF} .ib-bereich strong{display:block;font-size:1.05rem;margin-bottom:5px} .ib-bereich span{font-size:.9rem;color:#5b6b78}
.rc-wrap{max-width:760px;margin:0 auto;border:1px solid var(--line,#c7d0de);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(15,32,56,.06);padding:22px;} .rc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;} @media(max-width:640px){.rc-row{grid-template-columns:1fr;}} .rc-field{min-width:0;} .rc-field.full{grid-column:1/-1;} .rc-field label{display:block;font-size:.82rem;font-weight:600;margin:0 0 5px;color:var(--muted,#5b6b78);} .rc-field input,.rc-field select{width:100%;padding:.7em .8em;border:1px solid var(--line,#c7d0de);border-radius:10px;font:inherit;background:#fff;} .rc-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line,#c7d0de);border-radius:999px;overflow:hidden;} .rc-seg button{background:#fff;border:0;padding:8px 14px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;color:var(--ink,#132A49);} .rc-seg button.active{background:linear-gradient(160deg,var(--blue-400,#3B82F6),var(--blue-600,#1D4ED8));color:#fff;} .rc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;} @media(max-width:640px){.rc-out{grid-template-columns:1fr;}} .rc-kpi{background:var(--soft,#f4f7fb);border:1px solid var(--line,#e3e9f2);border-radius:12px;padding:14px;text-align:center;} .rc-kpi .n{font-size:1.3rem;font-weight:800;color:var(--navy,#0F2038);} .rc-kpi .l{font-size:.75rem;color:var(--muted,#5b6b78);margin-top:3px;} .rc-kpi.hl{background:linear-gradient(160deg,#eef4ff,#e5edff);border-color:#cddcff;} .rc-verdict{margin-top:16px;padding:13px 16px;border-radius:12px;font-weight:600;font-size:.95rem;border:1px solid;} .rc-verdict.ok{background:#e9f8ef;border-color:#bce7cd;color:#166534;} .rc-verdict.warn{background:#fef6e7;border-color:#f6e0a8;color:#8a5a00;} .rc-verdict.bad{background:#fdecec;border-color:#f4c4c4;color:#a11212;} .rc-note{font-size:.8rem;color:var(--muted,#5b6b78);margin-top:12px;line-height:1.5;} .rc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:8px;} .rc-card{display:block;border:1px solid var(--line,#dbe3ee);border-radius:14px;padding:16px 16px 14px;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .15s,border-color .15s,transform .15s;} .rc-card:hover{box-shadow:0 8px 22px rgba(15,32,56,.08);border-color:#bcd;transform:translateY(-2px);} .rc-card h3{margin:0 0 5px;font-size:1.02rem;color:var(--navy,#0F2038);} .rc-card p{margin:0;font-size:.85rem;color:var(--muted,#5b6b78);line-height:1.45;} .rc-card .tag{display:inline-block;margin-bottom:8px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-600,#1D4ED8);}
/* screenshots-lesbar-2026-10-31 */
/* Desktop-Aufnahmen wurden auf 230-260 px gequetscht und waren damit
   unlesbar. Mindestbreite, Zoom-Hinweis, Wischleiste auf dem Handy.
   !important, weil einzelne Seiten die Bildbreite inline erzwingen. */
figure.shot,div.shot{position:relative!important;line-height:0!important}
figure.shot img,div.shot img{pointer-events:auto!important;cursor:zoom-in!important}
.shot-badge{position:absolute!important;right:10px!important;bottom:10px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;background:rgba(10,17,32,.86)!important;color:#fff!important;font-size:.76rem!important;font-weight:600!important;line-height:1.2!important;padding:6px 11px!important;border-radius:999px!important;pointer-events:none!important;box-shadow:0 2px 8px rgba(0,0,0,.3)!important;z-index:2!important}
.shot-badge svg{width:13px!important;height:13px!important;fill:none!important;stroke:#fff!important;stroke-width:2.2!important}
.shot-stage{display:block!important;margin:0!important}
.shot-stage__main{position:relative!important;display:block!important;line-height:0!important;cursor:zoom-in!important;border:1px solid var(--line,#e5e9f0)!important;border-radius:16px!important;overflow:hidden!important;background:#0d1524!important;box-shadow:0 10px 30px rgba(10,22,38,.10)!important}
.shot-stage__main:focus-visible{outline:3px solid var(--blue-500,#2F6BFF)!important;outline-offset:3px!important}
.shot-stage__main img{width:100%!important;height:auto!important;max-width:100%!important;margin:0!important;border:0!important;border-radius:0!important;display:block!important}
.shot-stage__cap{font-size:.85rem!important;color:var(--muted,#6B7789)!important;margin:10px 0 0!important;text-align:center!important;line-height:1.4!important}
.shot-stage__thumbs{display:flex!important;gap:10px!important;overflow-x:auto!important;padding:12px 2px 8px!important;-webkit-overflow-scrolling:touch!important}
.shot-stage__thumbs>button{flex:0 0 150px!important;width:150px!important;padding:0!important;border:2px solid transparent!important;border-radius:11px!important;background:none!important;cursor:pointer!important;line-height:0!important}
.shot-stage__thumbs>button img{width:100%!important;height:auto!important;border-radius:9px!important;border:1px solid var(--line,#e5e9f0)!important;opacity:.72!important;display:block!important}
.shot-stage__thumbs>button[aria-pressed="true"]{border-color:var(--blue-500,#2F6BFF)!important}
.shot-stage__thumbs>button[aria-pressed="true"] img,.shot-stage__thumbs>button:hover img{opacity:1!important}
@media(max-width:640px){.shot-stage__thumbs>button{flex:0 0 118px!important;width:118px!important}}
.shot-stage__hint{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:.8rem!important;color:var(--muted,#6B7789)!important;margin:10px 0 0!important;text-align:center!important;line-height:1.45!important}

/* Hauptbild der Screenshot-Buehne groesser (31.10.2026).
   Vorher 1090 px aus einer 1400-px-Quelle = Faktor 0.78, Schrift im
   Screenshot wurde auf ~10 px verkleinert. Jetzt bis 1400 px, auf
   schmalen Geraeten weiter volle Breite. */
.shot-stage{width:min(1400px, calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}
@media(max-width:760px){.shot-stage{width:100%;margin-left:0;transform:none}}

/* Platzierung korrigiert (31.10.2026): Die Breakout-Regel mit
   margin-left:50% und translateX(-50%) hat die Buehne nach links
   verschoben, weil sie sich auf die Containerbreite bezieht, der
   Versatz aber auf die Elementbreite. Stattdessen wird der Container
   des Abschnitts breiter - dann zentriert der Browser selbst. */
.shot-stage{width:100%!important;margin-left:0!important;transform:none!important}
.shot-weit > .container{max-width:1448px}

/* Die beiden hellen Knoepfe unter der Galerie hatten weisse Schrift
   auf weissem Grund - Text vorhanden, aber unsichtbar. */
.btn--light{color:#0F2038!important;background:#F3F6FA!important;border-color:#D5DEE9!important}
.btn--light:hover{background:#E8EEF6!important;color:#0A1120!important}

/* Sicherung (01.11.2026): Der Innenabstand des Containers wird erneut
   zugesichert. Ein Eingriff von aussen - etwa eine Breitenregel fuer einen
   einzelnen Abschnitt - darf die Raender nicht aufheben. */
.container{padding-left:24px!important;padding-right:24px!important}