/* ENTWURF Talveris X-Ray (17.10.2026): Produkt-Knöpfe + Indigo-Farbwelt für x-ray.html und paket.html */
.produkte{display:inline-flex;background:#EEF1F4;border-radius:999px;padding:4px;gap:2px;font-weight:700;font-size:14.5px}
.produkte a{padding:8px 14px;border-radius:999px;color:#4A5568;text-decoration:none;white-space:nowrap}
.produkte a:hover{color:#1C2150;background:#FFFFFF}
.produkte a.p-befund.an{background:#028090;color:#FFFFFF}
.produkte a.p-xray.an{background:#4C56C9;color:#FFFFFF}
.produkte a.p-paket.an{background:linear-gradient(90deg,#028090,#4C56C9);color:#FFFFFF}
.kopf .wrap{gap:18px} .kopf nav a,.kopf .knopf{white-space:nowrap}
.xray .programm h2,.xray .aufruf h2{color:#FFFFFF}
.xray .ablauf-leiste .breit-schritt{grid-template-columns:1fr 1.3fr}
@media (max-width:820px){.xray .ablauf-leiste .breit-schritt{grid-template-columns:1fr}
  .xray .ablauf-leiste .breit-schritt .foto{display:block}}
@media (max-width:1240px){.kopf .wrap{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:10px;row-gap:10px}
  .produkte{order:3;width:100%;justify-content:center}}
@media (max-width:480px){.produkte{font-size:12.5px;padding:3px}.produkte a{padding:6px 9px}}
.bald{background:#1C2150;color:#E3E6FF;font-size:15px;text-align:center;padding:9px 0}
.bald b{color:#FFFFFF} .bald a{color:#FFFFFF;font-weight:700;margin-left:8px;text-decoration:underline}
@media (max-width:600px){.bald{font-size:13.5px} .bald span{display:block}}
.kopf .logo-x{display:block;height:34px;width:auto}
@media (max-width:480px){.kopf .logo-x{height:24px}}

body.xray{color:#1F2433}
.xray :focus-visible{outline-color:#4C56C9}
.xray .kopf{border-bottom-color:#E3E5F2}
.xray .kopf nav{color:#1C2150} .xray .kopf nav a:not(.knopf):hover{color:#4C56C9}
.xray .k1{background:#4C56C9;color:#FFFFFF} .xray .k2{border-color:#4C56C9;color:#4C56C9}
.xray .ober,.xray .akzent,.xray .b-kopf,.xray .zw-titel,.xray .einleitung .mehr a{color:#4C56C9}
.xray .titel,.xray h2,.xray h3,.xray summary,.xray .bk-kopf,.xray .zw b,.xray .inklusive{color:#1C2150}
.xray .lead,.xray .einleitung p,.xray .karte p,.xray details p,.xray .ablauf-leiste p{color:#454B66}
.xray .linie,.xray .abschnitt h2:before{background:#9AA2F5}
.xray .hell,.xray .kontakt,.xray .ablauf-leiste .breit-schritt,.xray .zw{background:#F3F4FC}
.xray .karte,.xray .b-spalte,.xray details,.xray .zw,.xray .vergleich,.xray .stimme{border-color:#DCDFF0}
.xray .offline-schild{background:#EEF0FB;border-color:#CFD3F5;color:#1C2150} .xray .offline-schild svg{color:#4C56C9}
.xray .belege{color:#1C2150} .xray .belege li:before,.xray .haken li:before{color:#4C56C9}
.xray .b-pfeil{color:#9AA2F5}
.xray .programm{background:#1C2150} .xray .programm .unter{color:#C9CDF5} .xray .rahmen{border-color:#2E3570}
.xray .unterzeile{color:#C9CDF5}
.xray .vorteil .symbol{background:#EEF0FB} .xray .vorteil svg{stroke:#4C56C9}
.xray .preisbox{border-color:#4C56C9} .xray .preistabelle td b{color:#4C56C9}
.xray .preistabelle th,.xray .preistabelle td{border-color:#DCDFF0}
.xray .inklusive svg{background:#4C56C9}
.xray .vergleich thead th.wir{background:#4C56C9} .xray .vergleich td.wir{background:#F3F4FC;color:#1C2150}
.xray .vergleich tbody th{color:#1C2150}
.xray .aufruf-band{background:#1C2150} .xray .aufruf p{color:#C9CDF5} .xray .aufruf .k1{background:#9AA2F5;color:#1C2150}
.xray .kontaktform label{color:#1C2150} .xray .kontaktform a,.xray .kontaktform .mehr-felder summary{color:#4C56C9}
.xray .kontaktform input,.xray .kontaktform select,.xray .kontaktform textarea{border-color:#B3B9F2;background:#F7F8FE}
.xray .kontaktform input:focus,.xray .kontaktform select:focus,.xray .kontaktform textarea:focus{outline-color:rgba(76,86,201,.25);border-color:#4C56C9}
.xray .kontaktform .mehr-felder{border-color:#B3B9F2;background:#F7F8FE}
.xray .fuss{background:#1C2150;color:#C9CDF5}
.ampel-chip{display:inline-block;background:#FBEFEE;color:#C0392B;border-radius:8px;padding:7px 12px;font-weight:700;font-size:15px}
.xray .zw-kopf{color:#1C2150}
.xray .b-befund dt,.xray .b-klein,.xray .steuer-info,.xray .kontaktform .hinweis{color:#5A6080}
.xray .b-diktat{color:#1F2433} .xray .testdaten{color:#9AA2F5}
.xray .vergleich thead th{color:#5A6080;background:#F7F8FE} .xray .vergleich td{color:#454B66}
.xray .vergleich th,.xray .vergleich td{border-bottom-color:#E3E5F2}
.xray .kontaktform select{text-overflow:ellipsis}
.fuss .wrap.fuss-x{display:grid;grid-template-columns:1fr auto;gap:16px 28px;align-items:center}
.f-marke{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.f-person{grid-column:1/-1;margin:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#C9CDF5}
.f-person b{color:#FFFFFF;font-weight:600} .xray .fuss a{color:#E3E6FF}
@media (max-width:820px){.fuss .wrap.fuss-x{grid-template-columns:1fr}}
.ampel-gut{background:#EAF7EE;color:#1E8449}
.zwei-x{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.zwei-x .foto img{border-radius:16px}
.paket-karten{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.pk{background:#FFFFFF;border:1px solid #DCDFF0;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:4px}
.pk .preis{font-size:38px;font-weight:700;line-height:1.1;margin:6px 0}
.pk.befund{border-top:5px solid #028090} .pk.befund .ober,.pk.befund .preis{color:#028090}
.pk.xr{border-top:5px solid #4C56C9} .pk.xr .preis{color:#4C56C9}
.pk.paket{border:2px solid #4C56C9;background:#F7F8FE;box-shadow:0 14px 34px rgba(76,86,201,.16)} .pk.paket .preis{color:#4C56C9}
.pk ul{list-style:none;margin-top:10px} .pk li{padding-left:22px;position:relative;margin:5px 0;color:#454B66;font-size:15.5px}
.pk li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#4C56C9} .pk.befund li:before{color:#028090}
.pk .knopf{margin-top:auto;align-self:flex-start}
.gemeinsam{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.paket-karten.p1{grid-template-columns:1fr 1.08fr 1fr;align-items:stretch;margin-top:34px}
.pk.paket{position:relative}
.marke{position:absolute;top:-14px;left:22px;background:#4C56C9;color:#FFFFFF;font-size:13px;font-weight:700;border-radius:999px;padding:4px 12px}
.spar{display:inline-block;align-self:flex-start;background:#E7F6EC;color:#1E8449;font-weight:700;border-radius:8px;padding:3px 10px;font-size:14px;margin-top:8px}
.pk li.nein{color:#9AA0B8} .pk li.nein:before{content:"–";color:#B4B8CC}
.matrix-rahmen{overflow-x:auto}
table.matrix{width:100%;border-collapse:separate;border-spacing:0;background:#FFFFFF;border:1px solid #DCDFF0;border-radius:14px;overflow:hidden;font-size:16px}
table.matrix th,table.matrix td{padding:13px 16px;border-bottom:1px solid #E3E5F2;text-align:center}
table.matrix td:first-child{text-align:left;color:#1C2150;font-weight:600}
table.matrix thead th{font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#FFFFFF}
table.matrix .m-leer{background:#1C2150} table.matrix .m-doku{background:#028090} table.matrix .m-x{background:#4C56C9}
table.matrix .m-paket{background:linear-gradient(90deg,#028090,#4C56C9)}
table.matrix .preiszeile td{font-size:22px;font-weight:700;background:#F7F8FE}
table.matrix .t-doku{color:#028090} table.matrix .t-x{color:#4C56C9}
table.matrix .ja{color:#1E8449;font-weight:700} table.matrix .leer{color:#B4B8CC}
table.matrix tbody tr:last-child td{border-bottom:0}
@media (max-width:820px){.zwei-x,.paket-karten,.paket-karten.p1,.gemeinsam{grid-template-columns:1fr;gap:22px}
  table.matrix{font-size:14px} table.matrix th,table.matrix td{padding:9px 8px}}