@font-face{font-family:"Archivo";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/assets/fonts/archivo-latin-ext.woff2?v=ff4f17d21930) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/assets/fonts/archivo-latin.woff2?v=8f704806dbed) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

*,*::before,*::after{box-sizing:border-box}
:root{color-scheme:light;
--bg:#faf8f4;--panel:#ffffff;--ink:#17181c;--mute:#595a62;
--siegel:#0f5d5a;--tief:#0a4745;--gewinn:#1f6b4a;
--verlust:#8d5400;--line:#e6e1d7;--wash:#f2efe8;
--mono:ui-monospace,"SFMono-Regular","Cascadia Mono","Liberation Mono",
Consolas,monospace}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
font-family:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
font-size:17px;line-height:1.62;font-weight:400}
.huelle{max-width:1040px;margin:0 auto;padding:0 22px}
h1,h2,h3{line-height:1.21;font-weight:700;letter-spacing:-.014em}
h1{font-size:2.16rem;margin:0 0 .5em}
/* Einziges Grafikzeichen: ein senkrechter Strich. Dasselbe Zeichen
   steht mitten in der Tauschkarte und heißt dort wie hier: geteilt. */
h2{font-size:1.4rem;margin:1.9em 0 .55em;padding-left:18px;position:relative}
h2::before{content:"";position:absolute;left:0;top:.18em;width:3px;
bottom:.18em;background:var(--siegel)}
h3{font-size:1.04rem;margin:1.5em 0 .4em}
p{margin:0 0 1.05em;max-width:72ch}
a{color:var(--tief);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--siegel);outline-offset:2px}
code{font-family:var(--mono);font-size:.87em;background:var(--wash);
padding:.08em .34em;border-radius:3px}
mark{background:#d8ece6;padding:0 .14em}
img{max-width:100%;height:auto;display:block}
ul,ol{margin:0 0 1.05em;padding-left:1.25em;max-width:72ch}
li{margin:.24em 0}
p.solo a,li>a:only-child,td a{display:inline-block;min-width:44px;
min-height:44px;line-height:22px;padding:11px 0}

.header{background:var(--panel);border-bottom:1px solid var(--line)}
.header .huelle{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;
padding-top:11px;padding-bottom:11px}
.marke{display:flex;align-items:center;gap:9px;font-weight:700;
text-decoration:none;color:var(--ink);font-size:1.02rem;min-height:44px}
.header nav ul{display:flex;flex-wrap:wrap;gap:2px 18px;list-style:none;
margin:0;padding:0;max-width:none}
.header nav a{display:inline-block;color:var(--mute);text-decoration:none;
font-size:.93rem;padding:11px 0;min-width:44px;min-height:44px;
line-height:22px}
.header nav a:hover,.header nav a[aria-current]{color:var(--ink);
box-shadow:inset 0 -3px 0 var(--siegel)}

.pfad{background:var(--wash);border-bottom:1px solid var(--line);
font-size:.88rem}
.pfad ol{display:flex;flex-wrap:wrap;gap:0 8px;list-style:none;margin:0;
padding:7px 0;max-width:none}
.pfad a{display:inline-block;min-width:44px;min-height:44px;
line-height:44px;color:var(--mute)}
.pfad li+li::before{content:"/";color:var(--line);padding-right:8px}

.auftakt{background:var(--panel);border-bottom:1px solid var(--line);
padding:54px 0 42px}
.auftakt .in{max-width:730px}
.auftakt .vorsatz{font-size:1.14rem;color:var(--mute);margin-bottom:1.5em}
.auftakt form{display:flex;flex-wrap:wrap;gap:0;border:2px solid var(--ink);
border-radius:6px;overflow:hidden;background:var(--panel)}
.auftakt label{flex:1 1 300px;display:block;min-width:0}
.auftakt label span{position:absolute;width:1px;height:1px;overflow:hidden;
clip-path:inset(50%);white-space:nowrap}
.auftakt input[type=search]{width:100%;border:0;padding:15px 16px;font:inherit;
font-size:1.03rem;background:transparent;color:var(--ink);min-height:52px}
.auftakt input[type=search]:focus{outline:0;background:var(--wash)}
.auftakt button{flex:0 0 auto;border:0;background:var(--siegel);color:#fff;
font:inherit;font-weight:700;padding:0 30px;min-height:52px;cursor:pointer}
.auftakt button:hover{background:var(--tief)}
.spruenge{display:flex;flex-wrap:wrap;gap:2px 20px;list-style:none;margin:16px 0 0;
padding:0;font-size:.92rem;max-width:none}
.spruenge a{color:var(--mute);display:inline-block;min-width:44px;min-height:44px;
line-height:44px}

a.sprung{position:absolute;left:-9999px;top:0;z-index:40;background:var(--siegel);
color:#fff;padding:0 20px;min-height:44px;line-height:44px;font-weight:600}
a.sprung:focus{left:12px;top:12px}

.streifen{padding:38px 0;border-bottom:1px solid var(--line)}
.streifen.close{padding-top:8px}
.streifen:last-of-type{border-bottom:0}
.streifen>.huelle>:first-child{margin-top:0}
.streifen>.huelle>h2:first-child{margin-top:.2em}

.wand{display:grid;gap:14px;list-style:none;margin:0;padding:0;
grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}
@media(min-width:620px){.wand{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.wand{grid-template-columns:repeat(4,minmax(0,1fr))}}
.wand a{display:block;background:var(--panel);border:1px solid var(--line);
border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink);
height:100%}
.wand a:hover{border-color:var(--ink)}
.wand figure{margin:0;position:relative}

.wand img{width:100%;aspect-ratio:2/3;object-fit:cover}
.wand .zielart{position:absolute;right:0;bottom:0;background:var(--ink);
color:#fff;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;
padding:3px 8px;font-family:var(--mono)}
.wand figcaption{padding:10px 12px 12px}
.wand b{display:block;font-size:1rem}
.wand span{display:block;color:var(--mute);font-size:.82rem;margin-top:3px;
line-height:1.42}

.katleiste{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;
padding:0;max-width:none}
.katleiste a{display:flex;align-items:center;gap:9px;background:var(--panel);
border:1px solid var(--line);border-radius:6px;padding:5px 13px 5px 5px;
text-decoration:none;color:var(--ink);font-size:.93rem;min-height:44px}
.katleiste a:hover{border-color:var(--ink)}
.katleiste img{width:30px;height:45px;object-fit:cover;border-radius:3px}

figure{margin:0 0 1.35em}
figcaption{font-size:.89rem;color:var(--mute);margin-top:.5em;max-width:72ch;
line-height:1.5}
figure.breit{max-width:740px}
figure.breit .rolle{display:block;max-width:100%;overflow-x:auto}
figure.breit img{border:1px solid var(--line);border-radius:6px}
@media(max-width:760px){figure.breit img{width:700px;max-width:none}}
figure.roh{display:table;max-width:100%}
figure.roh figcaption{display:table-caption;caption-side:bottom}
figure.roh img{border:1px solid var(--line);border-radius:6px}
.duo{display:grid;gap:22px;align-items:start}
@media(min-width:900px){
.duo{grid-template-columns:minmax(0,var(--figw,1fr)) minmax(0,1fr)}
.duo.rev{grid-template-columns:minmax(0,1fr) minmax(0,var(--figw,1fr))}
.duo.rev figure{order:2}}
.duo figure{margin:0}
.duo img{border:1px solid var(--line);border-radius:6px}
.duo>div>:first-child{margin-top:0}
.paarbild{display:grid;gap:18px}
@media(min-width:760px){.paarbild{grid-template-columns:1fr 1fr}}
.paarbild figure{margin:0}
.paarbild img{border:1px solid var(--line);border-radius:6px}

/* ---------- Signature: die Tauschkarte ---------- */
/* Zwei Spalten, **gleich breit und gleich gewichtet**, getrennt durch
   denselben senkrechten Strich wie an der H2. Genau das ist der Punkt:
   Gewinn und Verlust stehen nebeneinander, nicht übereinander. */
.tauschkarte{max-width:740px;background:var(--panel);
border:1px solid var(--line);border-radius:4px;overflow:hidden;
margin:0 0 14px}
.tauschkarte__kopf{display:flex;flex-wrap:wrap;gap:8px 14px;
align-items:baseline;justify-content:space-between;padding:11px 15px;
background:var(--wash);border-bottom:1px solid var(--line)}
.tauschkarte__kopf b{font-size:1.01rem}
.chip{font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;
text-transform:uppercase;padding:3px 8px;border-radius:3px;
border:1px solid currentColor;white-space:nowrap}
.chip--bleibt,.chip--unberuehrt{color:var(--gewinn)}
.chip--entfaellt{color:var(--verlust)}
.chip--ungeklaert{color:var(--mute)}
.tauschkarte__waage{display:grid}
@media(min-width:620px){
.tauschkarte__waage{grid-template-columns:1fr 1fr}}
.tauschkarte__sp{padding:13px 15px}
/* Gestapelt trennt die Oberkante, nebeneinander die linke Kante.
   Derselbe Strich wie an der H2, nur gedreht. */
.tauschkarte__sp--minus{border-top:1px solid var(--line)}
@media(min-width:620px){
.tauschkarte__sp--minus{border-top:0;border-left:3px solid var(--line)}}
.tauschkarte__sp h4{margin:0 0 .3em;font-size:.76rem;font-weight:700;
letter-spacing:.05em;text-transform:uppercase;font-family:var(--mono)}
.tauschkarte__sp--plus h4{color:var(--gewinn)}
.tauschkarte__sp--minus h4{color:var(--verlust)}
.tauschkarte__sp p{margin:0;max-width:46ch;font-size:.97rem}
/* 44px-Touchziel, sonst meldet das UI-Gate jede Quellenzeile.
   Gleiche Behandlung wie bei der Fusszeile und der Sprungleiste. */
.tauschkarte__quelle a,.vkarte__quelle a{display:inline-block;
min-height:44px;line-height:44px;min-width:44px}
.tauschkarte__quelle{margin:0;padding:4px 15px;font-size:.85rem;
color:var(--mute);background:var(--panel);
border-top:1px solid var(--line);max-width:none}
/* Die Karte, bei der ein Recht wegfällt, bekommt links eine Kante.
   Kein zweites Grafikzeichen – es ist derselbe Strich, nur außen. */
.tauschkarte--entfaellt{border-left:3px solid var(--verlust)}

.legend{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;margin:0 0
1.1em;padding:0;max-width:none;font-size:.93rem}
.legend li{display:flex;align-items:center;gap:8px;margin:0}

.dreisp{display:grid;gap:18px}
@media(min-width:860px){.dreisp{grid-template-columns:repeat(3,1fr)}}
.dreisp__sp{background:var(--panel);border:1px solid var(--line);
border-radius:6px;padding:14px 16px}
.dreisp__sp h3{margin:0 0 .5em;font-size:1rem}
.dreisp__sp ul{margin:0;padding-left:1.1em}
.gegen{display:grid;gap:18px;max-width:740px}
@media(min-width:800px){.gegen{grid-template-columns:1fr 1fr}}
.gegen__sp{background:var(--panel);border:1px solid var(--line);
border-radius:6px;padding:16px 18px}
.gegen__sp h3{margin:0 0 .6em;font-size:1rem}
.gegen__sp ul{margin:0;padding-left:1.15em}
.gegen__sp--plus{border-top:3px solid var(--gewinn)}
.gegen__sp--minus{border-top:3px solid var(--verlust)}

.callout{max-width:740px;background:var(--panel);border:1px solid var(--line);
border-left:4px solid var(--siegel);border-radius:0 6px 6px 0;
padding:15px 18px;margin:0 0 1.35em}
.callout.cool{border-left-color:var(--gewinn)}
.callout .titelzeile{display:block;margin-bottom:.35em;font-size:.95rem}
.callout p:last-child{margin-bottom:0}
blockquote{max-width:740px;margin:0 0 1.35em;padding:14px 18px;
background:var(--panel);border:1px solid var(--line);border-radius:6px}
blockquote p{margin:0 0 .4em}
blockquote cite{font-style:normal;font-size:.86rem;color:var(--mute)}
.zweisp{display:grid;gap:20px;max-width:740px}
@media(min-width:760px){.zweisp{grid-template-columns:1fr 1fr}}
.zweisp>div>:first-child{margin-top:0}
.tabrolle{overflow-x:auto;margin:0 0 1.35em;max-width:740px}
table{border-collapse:collapse;width:100%;font-size:.95rem;
background:var(--panel)}
caption{text-align:left;font-size:.89rem;color:var(--mute);
padding-bottom:.5em}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;
vertical-align:top}
thead th{background:var(--wash);font-size:.73rem;letter-spacing:.05em;
text-transform:uppercase;font-family:var(--mono);font-weight:400;
color:var(--mute)}
ol.stufen{list-style:none;counter-reset:s;padding:0;max-width:72ch}
ol.stufen li{counter-increment:s;position:relative;padding-left:2.4rem;
margin:0 0 .85em}
ol.stufen li::before{content:counter(s);position:absolute;left:0;top:.05em;
width:1.7rem;height:1.7rem;background:var(--ink);color:#fff;display:grid;
place-items:center;font-family:var(--mono);font-size:.82rem}
/* Auf 740 begrenzt wie Zitate, Tabellen und die Tauschkarte.
   Ohne das ist der FAQ-Block 996 breit, der Bildrahmen daneben 740,
   und Gate 4 meldet 26% Breitenunterschied im gestapelten Fall. */
.fragen{max-width:740px}
.fragen>div{border-top:1px solid var(--line);padding:14px 0}
.fragen>div:first-child{border-top:2px solid var(--ink)}
.fragen h3{margin:0 0 .3em;font-size:1.02rem}
.fragen p:last-child{margin-bottom:0}

/* ---------- Werkzeug: der Verpackungs-Check ---------- */
.vcform{max-width:740px;background:var(--panel);border:2px solid var(--ink);
border-radius:4px;padding:18px}
.vcform fieldset{border:0;margin:0 0 16px;padding:0}
.vcform legend{padding:0;font-family:var(--mono);font-size:.74rem;
letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.vcliste{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px;
max-width:none}
@media(min-width:680px){.vcliste{grid-template-columns:1fr 1fr}}
.vcliste label{display:flex;align-items:center;gap:10px;min-height:44px;
padding:2px 6px;cursor:pointer;border-radius:3px}
.vcliste label:hover{background:var(--wash)}
.vcliste input{width:19px;height:19px;accent-color:var(--siegel);
flex:0 0 auto}
.vcliste span{font-size:.97rem}
.vcout{border-top:1px solid var(--line);padding-top:15px}
.vurteil{margin:0 0 14px;font-weight:700;font-size:1.05rem}
.vurteil--warn{color:var(--verlust)}
.vliste{display:grid;gap:12px;margin:0 0 15px}
/* Gleicher Aufbau wie die Tauschkarte im Fließtext, bewusst. */
.vkarte{border:1px solid var(--line);border-radius:4px;overflow:hidden}
.vkarte--entfaellt{border-left:3px solid var(--verlust)}
.vkarte__kopf{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;
justify-content:space-between;padding:10px 13px;background:var(--wash);
border-bottom:1px solid var(--line)}
.vkarte__waage{display:grid}
@media(min-width:620px){.vkarte__waage{grid-template-columns:1fr 1fr}}
.vkarte__sp{padding:11px 13px}
.vkarte__sp--minus{border-top:1px solid var(--line)}
@media(min-width:620px){
.vkarte__sp--minus{border-top:0;border-left:3px solid var(--line)}}
.vkarte__sp h4{margin:0 0 .3em;font-size:.74rem;font-weight:700;
letter-spacing:.05em;text-transform:uppercase;font-family:var(--mono)}
.vkarte__sp--plus h4{color:var(--gewinn)}
.vkarte__sp--minus h4{color:var(--verlust)}
.vkarte__sp p{margin:0;max-width:44ch;font-size:.95rem}
.vkarte__quelle{margin:0;padding:3px 13px;font-size:.84rem;
border-top:1px solid var(--line);max-width:none}
.vkosten{margin:0 0 .5em;font-weight:700}
.vkosten__liste{list-style:none;margin:0 0 .8em;padding:0;font-size:.93rem;
max-width:none}
.vkosten__liste li{margin:0 0 .2em;font-family:var(--mono);font-size:.86rem}
.vfuss,.vhinweis{font-size:.87rem;color:var(--mute);margin:.5em 0 0}
.vhinweis{color:var(--verlust)}

.weiter ul{display:grid;gap:12px;list-style:none;margin:0;padding:0;
max-width:none}
@media(min-width:720px){.weiter ul{grid-template-columns:1fr 1fr}}
.weiter a{display:block;background:var(--panel);border:1px solid var(--line);
border-radius:6px;padding:13px 15px;text-decoration:none;color:var(--ink);
height:100%}
.weiter a:hover{border-color:var(--ink)}
.weiter b{display:block}
.weiter span{display:block;color:var(--mute);font-size:.9rem;margin-top:2px}
.fuss{background:var(--ink);color:#c9cad4;padding:34px 0;font-size:.93rem}
.fuss a{color:#fff;display:inline-block;min-width:44px;min-height:44px;
line-height:44px}
.fuss h2{color:#fff;font-size:1.05rem;padding-left:22px}
.fuss h2::before{background:var(--siegel)}
.fuss .spalten{display:grid;gap:14px 34px}
@media(min-width:720px){.fuss .spalten{grid-template-columns:2fr 1fr 1fr}}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss p{max-width:62ch;margin:0 0 .7em}
.fuss .klein{color:#94959f;font-size:.86rem;margin-top:1em}

@media(prefers-reduced-motion:reduce){*{animation:none!important;
transition:none!important;scroll-behavior:auto!important}}

/* 2026-10-14: Oopbuy shopping guide. Official pink/white reference,
   compact discovery and readable long-form pages; original article components retained. */
:root{--bg:#fff;--panel:#fff;--ink:#242127;--mute:#625d65;--siegel:#c81051;--tief:#ab1046;--gewinn:#236344;--verlust:#905500;--line:#e9e4e8;--wash:#fff3f7}
body{font-size:16px;line-height:1.65}
.huelle{max-width:1200px;padding-left:28px;padding-right:28px}
h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1.09}
h2{font-size:clamp(1.5rem,2.5vw,2rem);letter-spacing:-.035em;padding-left:0;margin-top:0}
h2::before{display:none}
h3{font-size:1.1rem;letter-spacing:-.015em}
button,input{font-family:inherit}
a{overflow-wrap:anywhere;text-underline-offset:4px}
.header .huelle{flex-wrap:nowrap;justify-content:space-between;gap:24px;padding-top:10px;padding-bottom:10px;min-height:76px}
.marke{gap:8px;white-space:nowrap;font-size:.92rem}
.marke img{width:106px;height:auto;object-fit:contain}
.marke span{border-left:1px solid var(--line);padding-left:12px}
.header nav ul{flex-wrap:nowrap;gap:20px}
.header nav a{font-size:.88rem;color:#4c4650;white-space:nowrap}
.header nav a[aria-current]{color:var(--siegel);box-shadow:inset 0 -2px var(--siegel)}
.menutaste{display:none;min-height:44px;padding:0 14px;border:1px solid var(--line);background:white;border-radius:8px;font-size:.9rem;cursor:pointer;color:var(--ink)}
.pfad{background:#fff;font-size:.83rem}
.pfad ol{padding:0}
.pfad li+li{display:flex;align-items:center;color:var(--mute)}
.pfad li+li::before{color:#aca2ac}
.auftakt{padding:44px 0 32px;background:#fff8fb;border-bottom:0}
.auftakt .in{max-width:870px}
.auftakt .vorsatz{max-width:60ch;font-size:1.08rem;margin:20px 0 24px}
.auftakt form{max-width:790px;border:1.5px solid var(--siegel);border-radius:12px;flex-wrap:nowrap;overflow:visible;background:#fff}
.auftakt label{flex:1;min-width:0}
.auftakt input[type=search]{min-height:62px;padding:16px 20px;border-radius:11px 0 0 11px;font-size:1rem}
.auftakt button{background:var(--siegel);padding:0 27px;border-radius:0 10px 10px 0;min-height:62px;font-size:1rem}
.auftakt input::placeholder{color:#756d78;opacity:1}
.search-feedback{color:#9a1745;font-size:.9rem;margin:5px 0 0;min-height:0}
.search-feedback:empty{display:none}
.spruenge{margin-top:8px;gap:16px}
.startseite .auftakt{padding-top:54px;padding-bottom:42px}
.startseite h1{max-width:920px;font-size:clamp(2rem,3.5vw,3.25rem)}
.startseite h1 span{color:var(--siegel)}
.streifen{padding:52px 0;border-bottom:1px solid var(--line)}
.streifen.close{padding:26px 0}
.section-intro{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:22px}
.section-intro p{max-width:64ch;margin:0}
.section-intro>a{white-space:nowrap;min-height:44px;font-size:.9rem;padding:8px 0}
.wand{gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.wand>li{margin:0}
.wand li>a:only-child{padding:0;line-height:inherit;display:block;border-radius:12px;border:1px solid var(--line)}
.wand img{aspect-ratio:406/290;object-fit:contain;background:#fff;width:100%;height:auto;border-radius:11px 11px 0 0}
.wand figcaption{padding:12px 14px;margin:0;max-width:none}
.wand b{font-size:1rem}
.wand figcaption span{margin:3px 0 0;font-size:.78rem;color:var(--mute)}
.wand .zielart{display:none}
.wand a:hover{border-color:var(--siegel);box-shadow:0 4px 18px #a61c5010}
.more-categories{margin-top:20px}
.more-categories summary{font-weight:600;color:var(--siegel);min-height:46px;cursor:pointer;display:list-item;list-style-position:inside}
.more-categories[open] summary{margin-bottom:12px}
.startwissen{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.startwissen h3{font-size:1.3rem;margin:4px 0 14px}
.startwissen p{max-width:48ch}
.startwissen>div+div{border-left:1px solid var(--line);padding-left:38px}
.startwissen a,.guide-action a,.text-action{display:inline-block;min-height:44px;padding:10px 0;font-weight:600}
.reise{display:grid;grid-template-columns:1fr;list-style:none;padding:0;margin:26px 0 0;max-width:none}
.reise li{display:grid;grid-template-columns:90px 1fr;gap:14px;border-top:1px solid var(--line);padding:20px 0;margin:0}
.reise li>b{font-size:2rem;color:var(--siegel);letter-spacing:-.04em;line-height:1.25}
.reise li>div{display:grid;grid-template-columns:1fr 1.4fr 180px;align-items:start;gap:26px}
.reise h3{margin:3px 0;font-size:1.16rem}
.reise p{margin:0;font-size:.96rem}
.reise a{font-size:.88rem;padding:4px 0;min-height:44px}
.guide-action{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:0}
.packen{background:#fff7fa}
.packung-intro{display:flex;justify-content:space-between;gap:34px;align-items:start}
.packung-intro p{max-width:73ch}
.packung-intro>a{white-space:nowrap;font-size:.9rem}
.entscheidung{display:grid;grid-template-columns:310px minmax(0,1fr);gap:36px;margin-top:28px}
.entscheidung>div{padding:24px 0}
.entscheidung>div{padding-top:0}
.entscheidung>div>a,.hilfe-start>div>a{display:inline-block;min-height:44px;padding:10px 0}
.katleiste li>a:only-child{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 6px;line-height:1.5}
.entscheidung>div>span{color:var(--siegel);font-size:.88rem;font-weight:600}
.entscheidung h3{font-size:1.6rem;line-height:1.22;margin:18px 0}
.entscheidung p{font-size:.95rem}
.entscheidung figure{margin:0;width:100%}
.entscheidung figure.breit{margin-top:0}
.entscheidung figure img{width:100%;height:auto}
figure.breit{max-width:750px;margin-top:24px}
figure.breit .rolle{border-radius:10px}
figure.breit img{border:1px solid var(--line);border-radius:8px;max-width:none;width:min(750px,100%)}
figure.breit:has(img[width="720"]){max-width:720px}
.rolle:focus-visible,.tabrolle:focus-visible{outline:2px solid var(--siegel);outline-offset:3px}
.hilfe-start{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.hilfe-start h3{margin-top:4px}
.hilfe-links{display:grid;max-width:800px}
.hilfe-links>a{display:flex;flex-direction:column;gap:4px;min-height:90px;padding:18px 4px;border-top:1px solid var(--line);text-decoration:none}
.hilfe-links>a:last-child{border-bottom:1px solid var(--line)}
.hilfe-links b{color:var(--ink);font-size:1.04rem}
.hilfe-links span{font-size:.9rem;color:var(--mute)}
.hilfe-links a:hover b{color:var(--siegel)}
.kostenliste{max-width:780px;margin:24px 0}
.kostenliste>div{display:grid;grid-template-columns:160px 1fr;gap:30px;border-top:1px solid var(--line);padding:20px 0}
.kostenliste dt{font-weight:700}
.kostenliste dd{margin:0}
.faq-accordion details{border-top:1px solid var(--line);padding:0}
.faq-accordion summary{cursor:pointer;padding:18px 3px;font-size:1.05rem;font-weight:600;min-height:58px}
.faq-accordion details p{padding:0 3px 18px;margin:0}
.seitenliste{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;list-style:none;padding:0}
.seitenliste li{border-bottom:1px solid var(--line);margin:0}
.seitenliste a{display:block!important;padding:14px 2px!important}
.fuss{background:#272029;color:#e1dbe2;padding:36px 0;font-size:.9rem}
.fuss h2{padding-left:0;font-size:1rem;letter-spacing:0}
.fuss .klein{max-width:100%;color:#bcb2c0;font-size:.82rem;border-top:1px solid #4e454f;padding-top:20px}
.fuss a{line-height:1.5;padding:10px 0;min-height:44px}
.tauschkarte,.tabrolle,.fragen,.vcform,.gegen,.zweisp,.callout,blockquote{max-width:820px}
.dreisp{grid-template-columns:1fr 1fr}
.dreisp__sp:last-child{grid-column:1/-1}
.vcform{border-color:var(--siegel);border-radius:12px;padding:24px}
.vcform legend{font-family:inherit;font-size:1rem;letter-spacing:0;text-transform:none;font-weight:700}
.vcliste{gap:8px 18px}
.vcliste label{padding:8px 6px}
.vcliste input{width:21px;height:21px}
.vkosten,.vurteil{overflow-wrap:anywhere}
.vc-reset{background:white;border:1px solid var(--siegel);color:var(--siegel);min-height:44px;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:.9rem;margin:6px 0 18px}
.tauschkarte__quelle a,.vkarte__quelle a{line-height:1.6;padding:10px 0}
.chip{white-space:normal}
:focus-visible{outline:3px solid #ab1046;outline-offset:3px}
@media(max-width:1100px){.header nav ul{gap:13px}.header .huelle{gap:14px}.marke span{font-size:.82rem}.header nav a{font-size:.8rem}.entscheidung{grid-template-columns:250px minmax(0,1fr);gap:26px}.reise li>div{grid-template-columns:1fr 1.4fr}.reise li>div>a{grid-column:2}.startwissen,.hilfe-start{gap:36px}}
@media(max-width:850px){.header .huelle{flex-wrap:wrap;min-height:68px;position:relative}.menutaste{display:block}.header nav{width:100%}.header nav ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:8px 0}.header nav a{font-size:.95rem;width:100%;padding:12px 3px}.js .menutaste[aria-expanded="false"]+nav{display:none}.huelle{padding-left:22px;padding-right:22px}.wand{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.section-intro{display:block}.section-intro>a{display:inline-block;margin-top:6px}.startwissen{gap:24px}.startwissen>div+div{padding-left:24px}.packung-intro{display:block}.entscheidung{display:block}.entscheidung>div{max-width:650px;padding:0 0 12px}.entscheidung h3 br{display:none}.entscheidung h3{margin:10px 0}.entscheidung figure{max-width:750px}.hilfe-start{grid-template-columns:1fr;gap:18px}.streifen{padding:38px 0}.kostenliste>div{grid-template-columns:130px 1fr;gap:20px}.startseite .auftakt{padding-top:34px;padding-bottom:32px}}
@media(max-width:600px){.huelle{padding-left:18px;padding-right:18px}.auftakt{padding:28px 0}.auftakt .vorsatz{font-size:1rem;margin:16px 0 20px}.auftakt input[type=search]{min-height:54px;padding:12px;font-size:.93rem}.auftakt button{padding:0 16px;font-size:.9rem;min-height:54px}.wand{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.wand figcaption{padding:10px}.wand b{font-size:.91rem}.wand figcaption span{font-size:.74rem}.startwissen{grid-template-columns:1fr;gap:22px}.startwissen>div+div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}.startwissen h3{font-size:1.2rem}.reise li{grid-template-columns:46px 1fr;gap:10px;padding:19px 0}.reise li>b{font-size:1.5rem}.reise li>div{display:block}.reise h3{margin:0 0 8px}.reise a{display:inline-block;padding-top:10px}.guide-action{flex-direction:column;align-items:start;gap:0}.packung-intro>a{white-space:normal}.entscheidung figure img,figure.breit img{width:700px;max-width:none}.entscheidung figure figcaption{max-width:100%}.streifen{padding:32px 0}.kostenliste>div{display:block;padding:16px 0}.kostenliste dt{margin-bottom:7px}.dreisp{grid-template-columns:1fr}.tauschkarte__kopf,.vkarte__kopf{align-items:start}.tauschkarte__kopf .chip,.vkarte__kopf .chip{font-size:.65rem}.vcform{padding:16px}.fuss .spalten{gap:22px}.fuss h2{margin:0 0 8px}.seitenliste{grid-template-columns:1fr}.fuss .klein{margin-top:22px}}

/* Final mobile navigation review: keep parallel footer groups alongside each other. */
@media(max-width:640px){.fuss .spalten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.fuss .spalten>div:first-child{grid-column:1/-1}.fuss .spalten>div{min-width:0}.fuss a{overflow-wrap:break-word}}