/* Apple-Design für Inhaltsseiten (Länder, Tipps, Rechtstexte). Wird nach dem seiteneigenen CSS geladen und überschreibt es. */
:root{--bg:#f2f2f7;--surface:#ffffff;--ink:#1c1c1e;--muted:#6e6e73;--line:#e5e5ea;--accent:#007aff;--free:#248a3d;--fee:#d70015;--unk:#c93400;
  --fill:rgba(118,118,128,.12);--glass:rgba(242,242,247,.78);
  --f-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --f-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#000000;--surface:#1c1c1e;--ink:#ffffff;--muted:#98989d;--line:#38383a;--accent:#0a84ff;--free:#30d158;--fee:#ff453a;--unk:#ff9f0a;
  --fill:rgba(118,118,128,.24);--glass:rgba(0,0,0,.72);color-scheme:dark}}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg)!important;color:var(--ink);font:17px/1.55 var(--f-body)!important;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;
  padding:0 max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px))!important}
/* Kopfzeile */
.ffh{display:block!important;position:sticky;top:0;z-index:100;margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px))) 8px;padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));
  background:var(--glass);-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-bottom:.5px solid var(--line)}
.ffh-in{width:100%;max-width:760px;margin:0 auto;height:56px;display:flex;align-items:center;gap:10px}
.ffh-logo{display:flex;align-items:center;gap:9px;font:700 17px/1 var(--f-display);letter-spacing:-.025em;color:var(--ink);text-decoration:none;margin-right:auto}
.ffh-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(160deg,#3ddc6c,#1e8e3e);color:#fff;font:800 13px/1 var(--f-display);letter-spacing:-.04em;box-shadow:0 1px 3px rgba(0,0,0,.2),inset 0 .5px 0 rgba(255,255,255,.4)}
.ffh-cta{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;background:var(--accent);color:#fff!important;font:600 15px/1 var(--f-body);text-decoration:none}
.ffh-cta svg{width:16px;height:16px}
.ffh-btn{width:34px;height:34px;border-radius:50%;border:0;background:var(--fill);color:var(--accent);display:grid;place-items:center;cursor:pointer;padding:0}
.ffh-btn svg{width:18px;height:18px}
.ffnav{display:none!important}
/* Inhalt */
main{max-width:760px!important;margin:12px auto 0!important;background:transparent!important;border:0!important;border-radius:0!important;padding:8px 0 0!important}
footer{max-width:760px}
h1,h2,h3{font-family:var(--f-display)!important;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(30px,6vw,40px)!important;font-weight:700;letter-spacing:-.035em!important;line-height:1.08!important;margin:8px 0 14px!important}
h2{font-size:22px!important;font-weight:700;letter-spacing:-.025em!important;margin:36px 0 10px!important}
a{color:var(--accent)}
.crumbs{font-size:14px;color:var(--muted)}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent)}
.answer{background:var(--surface)!important;border:0!important;border-radius:18px!important;padding:16px 18px!important;margin:16px 0!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.05)}
.answer b:first-child{font-weight:600}
.cta{background:var(--accent)!important;color:#fff!important;border-radius:14px!important;padding:13px 22px!important;font-weight:600!important;font-size:17px;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 30%,transparent);transition:transform .15s}
.cta:active{transform:scale(.97)}
.stats{gap:10px!important}
.stat{border:0!important;background:var(--surface);border-radius:16px!important;padding:14px 16px!important;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.stat b{font:700 28px/1.1 var(--f-display)!important;letter-spacing:-.03em}
.stat span{font-size:13px!important}
.tw{background:var(--surface);border-radius:16px;padding:4px 0;box-shadow:0 1px 2px rgba(0,0,0,.04)}
table{font-size:15px}
th,td{border-bottom:.5px solid var(--line)!important;padding:11px 14px!important}
tr:last-child td{border-bottom:0!important}
th{font-size:12px!important;text-transform:uppercase;letter-spacing:.03em;font-weight:500!important}
.b{border-radius:7px!important;font-weight:600!important;font-size:13px!important;padding:2px 8px!important}
.grid{gap:10px!important}
.grid a{border:0!important;background:var(--surface);border-radius:14px!important;padding:12px 14px!important;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .15s,box-shadow .15s}
.grid a:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
details{background:var(--surface);border:0!important;border-radius:14px;padding:12px 16px!important;margin:8px 0;box-shadow:0 1px 2px rgba(0,0,0,.04)}
summary{font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--accent);font-weight:400;font-size:20px;line-height:1}
details[open] summary::after{content:"−"}
.meta{color:var(--muted)!important}
ol.src{color:var(--muted)}
footer{color:var(--muted)!important;border-top:.5px solid var(--line);margin-top:32px!important;padding-top:16px!important}
address{font-style:normal}
.top{display:none!important}
::selection{background:color-mix(in srgb,var(--accent) 25%,transparent)}
@media (max-width:560px){body{font-size:16px!important}.ffh-cta span{display:none}.ffh-cta{padding:0 10px}}
