/* Five — Landing Page styles. Reuses the app's tokens:
   Deep petrol + warm cream + antique copper; Spectral + Public Sans. */

/* Spectral SELBST gehostet (OFL, siehe fonts/OFL.txt) — kein Google-Fonts-
   Import (IP-Leak/DSGVO). Nur benötigte Schnitte: 400, 500, 400 italic;
   latin + latin-ext (Umlaute). Public Sans bleibt bewusst System-Sans. */
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/spectral-400-latin.woff2') 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;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/spectral-400-latin-ext.woff2') 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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/spectral-500-latin.woff2') 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;}
@font-face{font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/spectral-500-latin-ext.woff2') 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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/spectral-400i-latin.woff2') 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;}
@font-face{font-family:'Spectral';font-style:italic;font-weight:400;font-display:swap;src:url('fonts/spectral-400i-latin-ext.woff2') 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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}

:root {
  --cream:#F1ECE2; --cream-hi:#F7F3EA; --cream-deep:#E6DFD0;
  --hairline:#D4CCB9; --hairline-soft:#E3DBC9;
  --ink:#15212A; --ink-2:#2D3D49; --ink-3:#5E6E7A; --ink-4:#8A98A3;
  --petrol:#3B5366; --petrol-deep:#2A3C4B; --petrol-soft:#E4E8EC; --petrol-on:#F4EFE5;
  --copper:#A8743A; --copper-deep:#855A28; --copper-soft:#E8C49A; --copper-tint:#F2E3CB;
  --night:#0E1216;
  --shadow-book:0 1px 1px rgba(20,25,32,.10),0 2px 6px rgba(20,25,32,.10),0 14px 28px rgba(20,25,32,.16),0 26px 50px rgba(20,25,32,.10);
  --shadow-soft:0 1px 2px rgba(20,25,32,.04),0 6px 18px rgba(20,25,32,.05);
  --serif:'Spectral','Source Serif Pro',Georgia,serif;
  --sans:'Public Sans',-apple-system,BlinkMacSystemFont,'Helvetica Neue',system-ui,sans-serif;
  --accent:var(--copper); --h-scale:1; --section-gap:132px;
  --maxw:1180px; --pad:clamp(22px,5vw,64px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;font-family:var(--sans);font-size:18px;line-height:1.5;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";
  background-image:radial-gradient(circle at 12% 8%,rgba(168,116,58,.022) 0,transparent 40%),radial-gradient(circle at 88% 72%,rgba(59,83,102,.022) 0,transparent 44%);overflow-x:hidden;}
img{max-width:100%;display:block;}
::selection{background:var(--copper-tint);color:var(--ink);}
a{color:var(--petrol);text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);}

.eyebrow{font-family:var(--sans);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-3);margin:0;display:inline-flex;align-items:center;gap:10px;}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto;}
.eyebrow.plain::before{display:none;}
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--ink);margin:0;}
.lead{font-size:clamp(1.08rem,1.5vw,1.32rem);color:var(--ink-2);line-height:1.55;text-wrap:pretty;margin:0;}

/* HEADER */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--cream) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s ease,background .3s ease;}
.site-header.scrolled{border-bottom-color:var(--hairline-soft);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;}
.brand{display:inline-flex;align-items:center;gap:12px;cursor:pointer;flex:0 0 auto;}
.brand-mark{width:34px;height:34px;border-radius:9px;display:block;box-shadow:var(--shadow-soft);flex:0 0 auto;}
.brand-word{font-family:var(--serif);font-weight:500;font-size:1.45rem;letter-spacing:.01em;color:var(--ink);}
.header-actions{display:flex;align-items:center;gap:8px;}
.lang-toggle{display:inline-flex;align-items:center;border:1px solid var(--hairline);border-radius:999px;padding:3px;background:var(--cream-hi);}
.lang-toggle button{appearance:none;border:0;background:transparent;font:inherit;font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.04em;color:var(--ink-3);padding:7px 13px;border-radius:999px;cursor:pointer;min-height:38px;transition:color .15s ease,background .15s ease;}
.lang-toggle button[aria-pressed="true"]{background:var(--petrol);color:var(--petrol-on);}

.btn{appearance:none;border:0;font:inherit;font-family:var(--sans);font-weight:600;letter-spacing:.005em;cursor:pointer;min-height:52px;padding:14px 22px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-size:1rem;transition:transform .1s ease,background .14s ease,box-shadow .14s ease;white-space:nowrap;}
.btn:active{transform:scale(.985);}
.btn-primary{background:var(--petrol);color:var(--petrol-on);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(20,25,32,.2),0 10px 26px rgba(20,25,32,.16);}
.btn-primary:hover{background:var(--petrol-deep);}
.btn-ghost{background:transparent;color:var(--petrol);border:1px solid var(--hairline);}
.btn-ghost:hover{background:var(--cream-hi);border-color:var(--ink-4);}
.btn-sm{min-height:44px;padding:10px 18px;font-size:.92rem;border-radius:11px;}
.store-glyph{width:17px;height:17px;flex:0 0 auto;}

/* HERO */
.hero{position:relative;padding-top:clamp(48px,8vw,96px);padding-bottom:var(--section-gap);}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,88px);align-items:center;}
.hero-copy{max-width:36ch;}
.hero h1{font-size:calc(clamp(2.7rem,5.6vw,4.5rem) * var(--h-scale));line-height:1.0;letter-spacing:-0.022em;margin:22px 0 0;text-wrap:balance;}
.hero h1 em{font-style:italic;font-weight:400;color:var(--petrol);}
.hero .lead{margin-top:26px;max-width:40ch;}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;}
.hero-note{margin-top:18px;font-size:.92rem;color:var(--ink-3);display:flex;align-items:center;gap:9px;}
.hero-note .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-4);}
.hero-stage{position:relative;display:flex;justify-content:center;align-items:center;padding:46px;}
.scan-frame{position:absolute;inset:0;pointer-events:none;}
.scan-frame i{position:absolute;width:56px;height:56px;border:2.5px solid var(--accent);opacity:.85;}
.scan-frame .tl{top:0;left:6%;border-right:0;border-bottom:0;border-top-left-radius:6px;}
.scan-frame .tr{top:0;right:6%;border-left:0;border-bottom:0;border-top-right-radius:6px;}
.scan-frame .bl{bottom:0;left:6%;border-right:0;border-top:0;border-bottom-left-radius:6px;}
.scan-frame .br{bottom:0;right:6%;border-left:0;border-top:0;border-bottom-right-radius:6px;}
.device{position:relative;width:min(330px,78%);border-radius:42px;background:#0e1216;padding:11px;box-shadow:0 0 0 1px #1a1f25,var(--shadow-book);}
.device::after{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:92px;height:7px;border-radius:4px;background:#23292f;z-index:2;}
.device .screen-img{width:100%;height:auto;border-radius:32px;display:block;background:var(--cream);}
.device .scanline{position:absolute;left:11px;right:11px;top:34%;height:2px;background:var(--copper-soft);box-shadow:0 0 16px 2px rgba(232,196,154,.55);border-radius:2px;opacity:0;z-index:3;pointer-events:none;}
@media (prefers-reduced-motion:no-preference){.device .scanline{animation:scan 4.6s ease-in-out infinite;}}
@keyframes scan{0%,12%{top:14%;opacity:0;}18%{opacity:.9;}46%{top:82%;opacity:.9;}54%,100%{top:82%;opacity:0;}}

/* MISSION */
.mission{padding:clamp(40px,6vw,72px) 0;border-top:1px solid var(--hairline-soft);border-bottom:1px solid var(--hairline-soft);}
.mission-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,64px);align-items:center;}
.mission-number{font-family:var(--serif);font-weight:500;font-size:clamp(4.4rem,11vw,8.5rem);line-height:.82;letter-spacing:-0.03em;color:var(--petrol);font-variant-numeric:lining-nums;}
.mission-number span{color:var(--accent);}
.mission-text{max-width:46ch;}
.mission-text h2{font-size:clamp(1.45rem,2.6vw,2.1rem);line-height:1.12;letter-spacing:-0.01em;margin:0 0 12px;}

/* SECTION */
.section{padding:var(--section-gap) 0;}
.section-head{max-width:52ch;margin:0 0 clamp(40px,5vw,64px);}
.section-head h2{font-size:calc(clamp(2.1rem,4vw,3.1rem) * var(--h-scale));line-height:1.05;letter-spacing:-0.018em;margin:18px 0 0;text-wrap:balance;}
.section-head .lead{margin-top:20px;}

/* STEPS */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);}
.step{position:relative;background:var(--cream-hi);border:1px solid var(--hairline-soft);border-radius:20px;padding:30px 28px 32px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:290px;}
.step-num{font-family:var(--serif);font-weight:500;font-size:1.05rem;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--accent);color:var(--copper-deep);display:inline-flex;align-items:center;justify-content:center;font-variant-numeric:lining-nums;margin-bottom:auto;}
.step-glyph{width:46px;height:46px;color:var(--petrol);margin-bottom:22px;}
.step h3{font-size:1.55rem;line-height:1.1;letter-spacing:-0.01em;margin:22px 0 10px;}
.step p{margin:0;color:var(--ink-2);font-size:1.02rem;line-height:1.55;text-wrap:pretty;}
.step .step-foil{position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--copper-soft) 30%,var(--copper-soft) 70%,transparent);opacity:.55;}
.steps-note{margin-top:clamp(24px,3vw,36px);display:inline-flex;align-items:center;gap:12px;background:var(--petrol-soft);border:1px solid color-mix(in srgb,var(--petrol) 20%,transparent);color:var(--petrol-deep);padding:13px 20px;border-radius:13px;font-size:.96rem;font-weight:500;}
.steps-note svg{width:19px;height:19px;flex:0 0 auto;color:var(--petrol);}

/* FEATURES (original 5-point list) */
.features{list-style:none;margin:clamp(28px,3.5vw,44px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px) clamp(28px,4vw,56px);}
/* min-height reserviert ~2 Zeilen -> ein- und zweizeilige Eintraege bekommen
   gleich hohe Raster-Reihen -> ruhiger vertikaler Rhythmus statt ruppigem Umbruch. */
.features li{display:flex;align-items:flex-start;gap:14px;font-size:1.05rem;line-height:1.45;color:var(--ink-2);padding:4px 0;min-height:3.05em;}
@media (max-width:760px){.features li{min-height:0;}}
.features li svg{width:24px;height:24px;flex:0 0 auto;color:var(--copper);margin-top:1px;}
@media (max-width:760px){.features{grid-template-columns:1fr;}}

/* GALLERY */
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);align-items:start;}
.shot{text-align:center;margin:0;}
.shot .device{width:100%;max-width:300px;margin:0 auto;}
.shot:nth-child(2){margin-top:0;}
.shot:nth-child(3){margin-top:0;}
.shot-cap{margin:26px auto 0;max-width:30ch;}
.shot-cap .t{font-family:var(--serif);font-size:1.28rem;font-weight:500;color:var(--ink);display:block;margin-bottom:6px;letter-spacing:-0.005em;}
.shot-cap .d{font-size:.98rem;color:var(--ink-3);line-height:1.5;}

/* STANCE */
.stance{background:var(--petrol);color:var(--petrol-on);position:relative;overflow:hidden;}
.stance::before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:linear-gradient(90deg,transparent,var(--copper-soft) 20%,var(--copper-soft) 80%,transparent);opacity:.4;}
.stance .wrap{padding-top:var(--section-gap);padding-bottom:var(--section-gap);}
.stance .eyebrow{color:var(--copper-soft);}
.stance .eyebrow::before{background:var(--copper-soft);}
.stance-quote{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(2.1rem,5vw,3.7rem);line-height:1.08;letter-spacing:-0.015em;margin:24px 0 0;max-width:18ch;color:var(--petrol-on);text-wrap:balance;}
.stance-quote b{font-style:normal;font-weight:500;color:var(--copper-soft);}
.stance-body{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,4vw,56px);max-width:760px;}
.stance-body p{margin:0;font-size:1.08rem;line-height:1.6;color:color-mix(in srgb,var(--petrol-on) 86%,transparent);text-wrap:pretty;}
.stance-body p b{color:var(--petrol-on);font-weight:600;}

/* GET */
.get{text-align:center;}
.get .wrap{padding-top:var(--section-gap);padding-bottom:var(--section-gap);}
.get-mark{width:72px;height:72px;border-radius:18px;margin:0 auto 30px;box-shadow:var(--shadow-book);}
.get h2{font-size:calc(clamp(2.3rem,5vw,3.6rem) * var(--h-scale));line-height:1.04;letter-spacing:-0.02em;margin:0 auto;max-width:16ch;text-wrap:balance;}
.get .lead{margin:22px auto 0;max-width:44ch;}
.get-cta{margin-top:38px;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.get-meta{margin-top:22px;font-size:.92rem;color:var(--ink-3);}

/* FOOTER */
.site-footer{border-top:1px solid var(--hairline-soft);padding:44px 0 56px;}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;}
.footer-brand{display:inline-flex;align-items:center;gap:11px;font-family:var(--serif);font-size:1.15rem;color:var(--ink);}
.footer-brand img{width:26px;height:26px;border-radius:7px;}
.footer-links{display:flex;flex-wrap:wrap;gap:26px;list-style:none;margin:0;padding:0;}
.footer-links a{color:var(--ink-3);font-size:.96rem;font-weight:500;}
.footer-links a:hover{color:var(--ink);}
.footer-fine{margin-top:26px;font-size:.85rem;color:var(--ink-4);max-width:60ch;line-height:1.5;}

/* reveal — only hide when JS is present (no-JS shows everything) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.6,.2,1),transform .7s cubic-bezier(.2,.6,.2,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1 !important;transform:none !important;transition:none;}}

/* RESPONSIVE */
@media (max-width:900px){
  :root{--section-gap:92px;}
  .hero-grid{grid-template-columns:1fr;gap:48px;}
  .hero-copy{max-width:100%;}
  .hero-stage{padding:8px 0 0;}
  .mission-grid{grid-template-columns:1fr;gap:18px;}
  .steps{grid-template-columns:1fr;}
  .step{min-height:0;}
  .gallery{grid-template-columns:1fr;max-width:380px;margin:0 auto;gap:56px;}
  .shot:nth-child(2),.shot:nth-child(3){margin-top:0;}
  .stance-body{grid-template-columns:1fr;gap:18px;}
}
@media (max-width:560px){
  body{font-size:17px;}
  .brand-word{display:none;}
  .header-actions{gap:6px;}
  .hero-cta{gap:10px;}
  .hero-cta .btn{flex:1 1 auto;}
  /* Startseite (mit Sprach-Toggle): Header-CTA auf Handy ausblenden — der grosse
     Hero-CTA steht direkt darunter. Verhindert, dass der lange EN-Button das Logo
     quetscht. Unterseiten (ohne Toggle) behalten ihren Header-CTA (DE passt). */
  .site-header:has(.lang-toggle) .header-actions .badge-link{display:none;}
}

/* TWEAK VARIANTS */
html.hero-blue .hero{background:var(--petrol);color:var(--petrol-on);}
html.hero-blue .hero h1{color:var(--petrol-on);}
html.hero-blue .hero h1 em{color:var(--copper-soft);}
html.hero-blue .hero .lead{color:color-mix(in srgb,var(--petrol-on) 84%,transparent);}
html.hero-blue .hero .eyebrow{color:var(--copper-soft);}
html.hero-blue .hero .eyebrow::before{background:var(--copper-soft);}
html.hero-blue .hero .btn-ghost{color:var(--petrol-on);border-color:color-mix(in srgb,var(--petrol-on) 40%,transparent);}
html.hero-blue .hero .btn-ghost:hover{background:rgba(255,255,255,.08);}
html.hero-blue .hero .hero-note{color:color-mix(in srgb,var(--petrol-on) 70%,transparent);}
html.hero-blue .site-header{background:color-mix(in srgb,var(--petrol) 80%,transparent);}
html.dense{--section-gap:96px;}
html.airy{--section-gap:168px;}

/* ============================ DOC PAGES ============================ */
/* Impressum, Datenschutz (Website/App), Support — Langform-Lesetypografie
   im selben Designsystem. Header/Footer wie auf der Startseite. */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--petrol);color:var(--petrol-on);padding:11px 18px;border-radius:0 0 12px 0;z-index:100;font-family:var(--sans);font-weight:600;}
.skip-link:focus{left:0;}
.doc-main{padding:clamp(40px,7vw,92px) 0 clamp(48px,7vw,96px);}
.doc-main .wrap{max-width:760px;}
.doc-main h1{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4.4vw,2.9rem);line-height:1.07;letter-spacing:-0.02em;margin:0 0 10px;color:var(--ink);text-wrap:balance;}
.doc-main .doc-lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--ink-3);line-height:1.55;margin:0 0 8px;max-width:60ch;}
.doc-main h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.32rem,2.4vw,1.7rem);line-height:1.2;letter-spacing:-0.01em;margin:clamp(32px,4vw,44px) 0 12px;color:var(--ink);}
.doc-main h3{font-family:var(--serif);font-weight:500;font-size:1.18rem;line-height:1.25;margin:26px 0 8px;color:var(--ink);}
.doc-main p{margin:0 0 16px;color:var(--ink-2);line-height:1.62;max-width:68ch;}
.doc-main a{color:var(--petrol);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;}
.doc-main a:hover{color:var(--petrol-deep);}
.doc-main strong{color:var(--ink);font-weight:600;}
.doc-main code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;background:var(--cream-deep);padding:1px 6px;border-radius:6px;}
.doc-main ul{list-style:none;margin:0 0 18px;padding:0;max-width:68ch;}
.doc-main ul li{position:relative;padding-left:24px;margin:0 0 9px;color:var(--ink-2);line-height:1.55;}
.doc-main ul li::before{content:"";position:absolute;left:5px;top:.66em;width:5px;height:5px;border-radius:50%;background:var(--copper);}
.doc-main ol{margin:0 0 18px;padding-left:24px;max-width:68ch;}
.doc-main ol li{margin:0 0 9px;color:var(--ink-2);line-height:1.55;padding-left:6px;}
.doc-main .doc-updated{margin-top:40px;font-size:.9rem;color:var(--ink-4);}

/* ============================ APP STORE BADGE (offiziell) ============================ */
/* Offizielle Apple-Badge-SVGs, self-hosted. Schwarz auf hell, weiss auf blau.
   Hoehe steuert die Groesse (Badge skaliert proportional). */
.badge-link{display:inline-flex;align-items:center;text-decoration:none;}
.badge-link:focus-visible{outline:3px solid var(--copper);outline-offset:4px;border-radius:10px;}
.appstore-badge{height:52px;width:auto;display:block;}
.site-header .appstore-badge{height:40px;}
@media (max-width:560px){.appstore-badge{height:46px;}.site-header .appstore-badge{height:38px;}}

/* QR-Karte in der Get-Sektion */
.qr-card{display:flex;align-items:center;gap:24px;margin:34px auto 0;max-width:440px;background:var(--cream-hi);border:1px solid var(--hairline-soft);border-radius:18px;padding:22px 26px;box-shadow:var(--shadow-soft);text-align:left;}
.qr-img{width:128px;height:128px;flex:0 0 auto;background:#fff;border-radius:10px;padding:8px;box-shadow:inset 0 0 0 1px var(--hairline-soft);}
.qr-text{display:flex;flex-direction:column;gap:5px;}
.qr-text .qr-t{font-family:var(--serif);font-size:1.22rem;font-weight:500;color:var(--ink);letter-spacing:-0.005em;}
.qr-text .qr-d{font-size:.98rem;color:var(--ink-3);line-height:1.45;}
@media (max-width:480px){.qr-card{flex-direction:column;text-align:center;gap:16px;padding:24px;}.qr-text{align-items:center;}}
/* QR nur sinnvoll auf Desktop (man kann den eigenen Touch-Screen nicht scannen) */
@media (pointer:coarse){.qr-card{display:none;}}

/* FAQ (natives <details>, barrierefrei) */
.faq-list{max-width:760px;margin:clamp(28px,4vw,44px) auto 0;}
.faq-item{border-top:1px solid var(--hairline-soft);}
.faq-item:last-child{border-bottom:1px solid var(--hairline-soft);}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 4px;font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,2vw,1.4rem);color:var(--ink);letter-spacing:-0.005em;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"";flex:0 0 auto;margin-left:auto;width:12px;height:12px;border-right:2px solid var(--copper);border-bottom:2px solid var(--copper);transform:rotate(45deg);transition:transform .2s ease;}
.faq-item[open] summary::after{transform:rotate(-135deg);}
.faq-item summary:focus-visible{outline:3px solid var(--copper);outline-offset:3px;border-radius:8px;}
.faq-a{padding:0 4px 22px;max-width:62ch;}
.faq-a p{margin:0;color:var(--ink-2);line-height:1.6;text-wrap:pretty;}