:root{--bg:#f6f4ef;--card:#fff;--ink:#1f2523;--mute:#5f6a66;--line:#ddd9cf;--main:#17624f;--soft:#e2f0eb;--warn:#a33a22;--warnsoft:#fbe9e4;--amber:#fff3d6}
@media (prefers-color-scheme:dark){:root{--bg:#141817;--card:#1e2422;--ink:#edf1ef;--mute:#a4b0ab;--line:#35403c;--main:#66cdb0;--soft:#1f3a33;--warn:#ff9a82;--warnsoft:#40231c;--amber:#3d3218}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:1.0625rem/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}
header{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar{max-width:800px;margin:auto;padding:10px 16px;display:flex;gap:10px;align-items:center}.logo{font-weight:800;font-size:20px;color:var(--main);text-decoration:none;margin-inline-end:auto}
nav{display:flex;gap:4px}nav button{border:0;background:none;color:var(--ink);font:inherit;font-size:15px;padding:8px;border-radius:8px;cursor:pointer}nav button.on{background:var(--soft);color:var(--main)}
.flag{font-size:26px;line-height:1;background:none;border:1px solid var(--line);border-radius:10px;padding:5px 8px;cursor:pointer}
main{max-width:800px;margin:auto;padding:20px 16px}main:focus{outline:0}h1{font-size:28px;line-height:1.2;margin:8px 0 12px}h2{font-size:19px;margin:0 0 10px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}
.btn{font:inherit;font-weight:600;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px 14px;border-radius:10px;cursor:pointer;display:inline-block;text-decoration:none;min-height:44px}.btn.main{background:var(--main);border-color:var(--main);color:var(--bg)}.btn.big{width:100%;padding:16px;font-size:19px;text-align:center}.btn.bad{color:var(--warn)}.btn:disabled{opacity:.5}
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--main);outline-offset:2px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between}.mute{color:var(--mute)}.small{font-size:14px}.pre{white-space:pre-wrap;overflow-wrap:anywhere}
.tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:12px;margin-bottom:12px}.tabs button{flex:1;border:0;background:none;color:var(--ink);font:inherit;font-size:15px;font-weight:600;padding:9px 4px;border-radius:9px;cursor:pointer}.tabs button.on{background:var(--main);color:var(--bg)}
.fact{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.fact:first-of-type{border-top:0}.fact b{display:block;overflow-wrap:anywhere}.copy{flex:none}
.due{background:var(--warnsoft);border:1px solid var(--warn);border-radius:12px;padding:12px 14px;margin-bottom:16px}.pill{background:var(--soft);color:var(--main);padding:2px 9px;border-radius:99px;font-size:14px}
.thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.thumbs img,.thumbs span{width:82px;height:110px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center}
select,textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px;width:100%}label.c{display:flex;gap:10px;align-items:flex-start;margin:10px 0}label.c input{width:22px;height:22px;flex:none;margin-top:2px}
.hist{display:block;width:100%;text-align:start;background:var(--card);color:var(--ink);font:inherit;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:8px;cursor:pointer}
#dlg:not(:empty){position:fixed;inset:0;background:#0007;z-index:10;display:grid;place-items:center;padding:16px}.box{background:var(--card);border-radius:14px;padding:16px;width:100%;max-width:520px;max-height:85vh;overflow:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.grid .btn{text-align:start;font-weight:500}
#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:10px;opacity:0;transition:.2s;pointer-events:none;z-index:20}#toast.on{opacity:1}
.spin{width:44px;height:44px;border:4px solid var(--line);border-top-color:var(--main);border-radius:50%;margin:20px auto;animation:s 1s linear infinite}@keyframes s{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}
.foot{text-align:center;font-size:14px}.foot a{color:var(--mute)}@media(max-width:480px){h1{font-size:24px}nav button{font-size:14px;padding:7px 5px}.logo{font-size:18px}}

:root[data-theme=light]{--bg:#f6f4ef;--card:#fff;--ink:#1f2523;--mute:#5f6a66;--line:#ddd9cf;--main:#17624f;--soft:#e2f0eb;--warn:#a33a22;--warnsoft:#fbe9e4}
:root[data-theme=dark]{--bg:#141817;--card:#1e2422;--ink:#edf1ef;--mute:#a4b0ab;--line:#35403c;--main:#66cdb0;--soft:#1f3a33;--warn:#ff9a82;--warnsoft:#40231c}
body{background:var(--bg)}.bar{padding:10px 16px}.flag{order:2}#nav{order:3}.menu{font-weight:700;background:var(--soft)!important;color:var(--main)!important;min-height:44px;padding:8px 12px!important}
.hero{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:34px 16px;font-size:1.3rem;border-radius:18px;text-align:center}.hero span{font-size:3rem;line-height:1}.tip{text-align:center;margin:12px 4px}
.card{box-shadow:0 1px 2px #0000000d;border-radius:18px}.btn{border-radius:12px}h1{letter-spacing:-.02em}
.drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(340px,88vw);background:var(--card);padding:16px;overflow:auto;box-shadow:-8px 0 30px #0005}
.who{display:flex;gap:12px;align-items:center;background:var(--soft);border-radius:14px;padding:12px;margin:14px 0;min-width:0}.who>span{flex:none;width:44px;height:44px;border-radius:50%;background:var(--main);color:var(--bg);display:grid;place-items:center;font-weight:800}.who div{min-width:0}
.mi{display:flex;gap:12px;align-items:center;width:100%;min-height:52px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:inherit;font-weight:600;text-align:start;cursor:pointer;padding:6px}.mi.on{color:var(--main)}.mi span{font-size:1.3rem}
.field{margin-bottom:16px}.flabel{font-weight:600;margin-bottom:6px}.seg{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:12px}.seg button{flex:1;min-height:44px;border:0;background:none;color:var(--ink);font:inherit;font-size:.9rem;font-weight:600;border-radius:9px;cursor:pointer;padding:4px}.seg button.on{background:var(--main);color:var(--bg)}
.stack{display:grid;gap:8px}.stack .btn{text-align:center}.pitch{display:grid;gap:12px}.pitch div{display:flex;gap:12px;align-items:flex-start}.pitch span{font-size:1.4rem;line-height:1.3}.pitch p{margin:0}
@media(min-width:640px){.pitch{grid-template-columns:1fr 1fr}}
.drawer a{color:var(--main)}

/* Creme-Beige */
:root,:root[data-theme=light]{--bg:#f5ecdc;--card:#fffaf1cc;--ink:#2e2619;--mute:#6f6251;--line:#e4d6bd;--main:#8a6233;--main2:#c49a62;--soft:#f0e2c8;--warn:#a6432a;--warnsoft:#fae6da;--b1:#ecd9b8;--b2:#f3c9a0;--b3:#dcc9a3;--on:#fffaf1}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17130e;--card:#262018cc;--ink:#f4ead9;--mute:#b8a98f;--line:#40362a;--main:#dcb67f;--main2:#a97c45;--soft:#3a2f21;--warn:#ffa58c;--warnsoft:#44261d;--b1:#4a3822;--b2:#5a3a24;--b3:#37301f;--on:#1c160e}}
:root[data-theme=dark]{--bg:#17130e;--card:#262018cc;--ink:#f4ead9;--mute:#b8a98f;--line:#40362a;--main:#dcb67f;--main2:#a97c45;--soft:#3a2f21;--warn:#ffa58c;--warnsoft:#44261d;--b1:#4a3822;--b2:#5a3a24;--b3:#37301f;--on:#1c160e}
body{transition:background .4s,color .4s}
.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.sky i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(70px);opacity:.75;background:var(--b1);top:-25vmax;left:-20vmax;animation:drift 18s ease-in-out infinite alternate}.sky i:nth-child(2){background:var(--b2);top:35%;left:45%;animation-duration:24s;animation-direction:alternate-reverse}.sky i:nth-child(3){background:var(--b3);top:60%;left:-25%;animation-duration:30s}
@keyframes drift{to{transform:translate(14vmax,10vmax) scale(1.25)}}
header{background:var(--card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:var(--line)}
.logo{background:linear-gradient(100deg,var(--main),var(--main2),var(--main));background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite}@keyframes shine{to{background-position:200%}}
.card{background:var(--card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line);border-radius:22px;box-shadow:0 10px 30px #5a3f1a1f,inset 0 1px 0 #ffffff40;transition:transform .25s,box-shadow .25s}
@media(hover:hover){.card:hover{transform:translateY(-2px);box-shadow:0 16px 38px #5a3f1a2e}}
main>*{animation:rise .55s cubic-bezier(.2,.8,.2,1) both}main>*:nth-child(2){animation-delay:.07s}main>*:nth-child(3){animation-delay:.14s}main>*:nth-child(4){animation-delay:.21s}@keyframes rise{from{opacity:0;transform:translateY(16px)}}
.btn{position:relative;overflow:hidden;transition:transform .15s,box-shadow .2s;box-shadow:0 2px 6px #5a3f1a22,inset 0 1px 0 #ffffff55}.btn:active{transform:scale(.97)}
.btn.main,.tabs button.on,.seg button.on{background:linear-gradient(180deg,var(--main2),var(--main));border-color:transparent;color:var(--on);box-shadow:0 8px 20px #8a623355,inset 0 1px 0 #ffffff80}
.btn.main::after{content:"";position:absolute;inset:0 auto 0 -60%;width:45%;background:linear-gradient(100deg,transparent,#ffffff70,transparent);transform:skewX(-20deg);animation:gloss 3.6s ease-in-out infinite}@keyframes gloss{60%,100%{left:125%}}
.hero{animation:pulse 3s ease-in-out infinite}.hero span{animation:bob 3s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 14px 36px #8a623377,inset 0 1px 0 #ffffff80}}@keyframes bob{50%{transform:translateY(-5px)}}
.menu{background:var(--soft)!important;color:var(--main)!important}.who{background:var(--soft)}.who>span{background:linear-gradient(180deg,var(--main2),var(--main));color:var(--on)}.drawer{background:var(--bg);animation:slide .3s ease both}[dir=rtl] .drawer{animation-name:slider}@keyframes slide{from{transform:translateX(100%)}}@keyframes slider{from{transform:translateX(-100%)}}
.box{background:var(--bg);animation:rise .25s both}.hist{background:var(--card);border-color:var(--line);transition:transform .15s}.hist:active{transform:scale(.98)}
.flag{transition:transform .15s}.flag:active{transform:scale(.9)}.wave{display:inline-block;transform-origin:left center;animation:wave 2.6s ease-in-out infinite}@keyframes wave{0%,100%{transform:perspective(60px) rotateY(-14deg) skewY(-3deg)}50%{transform:perspective(60px) rotateY(14deg) skewY(4deg)}}
.pitch div{animation:rise .5s both}.pitch div:nth-child(2){animation-delay:.08s}.pitch div:nth-child(3){animation-delay:.16s}.pitch div:nth-child(4){animation-delay:.24s}.pitch div:nth-child(5){animation-delay:.32s}.pitch div:nth-child(6){animation-delay:.4s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
a{color:var(--main)}.btn.main{color:var(--on)}
.q{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px}.topic{margin:18px 0 8px;font-size:1rem;color:var(--main)}

/* Doctolib-Aufbau in MeinePost-Farben */
:root,:root[data-theme=light]{--bg:#faf5ec;--card:#fff;--ink:#0a1f44;--mute:#54617a;--line:#eadfcb;--main:#0a1f44;--main2:#1c3a70;--soft:#f3e7d3;--warn:#c8401c;--warnsoft:#ffe9e1;--band:#efe0c6;--org:#ff5a30;--on:#fff;--b1:#f3e7d3;--b2:#ffdccb;--b3:#efe0c6}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1428;--card:#14203a;--ink:#f5efe3;--mute:#a9b4c9;--line:#26365a;--main:#ffb49c;--main2:#ff5a30;--soft:#1e2d4d;--warn:#ff9a7e;--warnsoft:#3d2019;--band:#14203a;--org:#ff5a30;--on:#0b1428;--b1:#14203a;--b2:#2a2433;--b3:#101b33}}
:root[data-theme=dark]{--bg:#0b1428;--card:#14203a;--ink:#f5efe3;--mute:#a9b4c9;--line:#26365a;--main:#ffb49c;--main2:#ff5a30;--soft:#1e2d4d;--warn:#ff9a7e;--warnsoft:#3d2019;--band:#14203a;--org:#ff5a30;--on:#0b1428;--b1:#14203a;--b2:#2a2433;--b3:#101b33}
html{overflow-x:clip}header{background:var(--band);border:0}.bar{max-width:1000px}main{max-width:1000px}
.logo{background:none;animation:none;display:flex;margin-inline-end:auto;min-width:0}.logo img{height:34px;width:auto;max-width:100%;display:block}.lg-d{display:none!important}
:root[data-theme=dark] .lg-l{display:none!important}:root[data-theme=dark] .lg-d{display:block!important}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lg-l{display:none!important}:root:not([data-theme=light]) .lg-d{display:block!important}}
.band{margin:-20px calc(50% - 50vw) 24px;padding:36px max(16px,calc(50vw - 484px)) 44px;background:var(--band);border-radius:0 0 28px 28px}.band h1{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800}.band p{max-width:620px}
.sbar{display:flex;align-items:center;gap:8px;background:#fff;border-radius:99px;padding:5px 5px 5px 16px;max-width:680px;box-shadow:0 10px 26px #0a1f4422;margin-top:18px}.sbar input{flex:1;min-width:0;border:0;background:none;font:inherit;color:#0a1f44;outline:0;min-height:44px}.sbar button{border:0;border-radius:99px;background:#0a1f44;color:#fff;font:inherit;font-weight:700;padding:11px 18px;cursor:pointer;min-height:44px}
.card{border-radius:14px;box-shadow:0 2px 10px #0a1f4414}.lift{margin-top:-44px;position:relative}
.btn.main,.tabs button.on,.seg button.on{background:linear-gradient(180deg,#ff7350,var(--org));color:#fff;box-shadow:0 8px 20px #ff5a3055,inset 0 1px 0 #ffffff80}
.menu,.flag{background:var(--card)!important}.pill{background:var(--soft);color:var(--main)}
@media(max-width:480px){.logo img{height:26px}.flag{padding:4px 6px;font-size:22px}.menu{padding:8px!important;font-size:0!important}.menu::first-letter{font-size:20px}}
@media(max-width:480px){.menu{font-size:20px!important}.ml{display:none}}

.gate{text-align:center}.gate h1,.gate p{margin-inline:auto}.heroimg{display:block;width:100%;max-width:760px;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin:20px auto;box-shadow:0 14px 34px #0a1f4433}
.gbtn{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:8px auto 0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 25%,#fff,#f3ece0 60%,#dcd0bb);box-shadow:0 12px 28px #0a1f4440,inset 0 2px 3px #fff,inset 0 -5px 10px #0a1f4422}
.gbtn svg{width:58px;height:58px;animation:jump 2.6s cubic-bezier(.3,.7,.3,1) infinite;filter:drop-shadow(0 2px 2px #0003)}
.gbtn::after{content:"";position:absolute;inset:0 auto 0 -70%;width:50%;background:linear-gradient(100deg,transparent,#ffffffc0,transparent);transform:skewX(-20deg);animation:gloss 2.6s ease-in-out infinite}
@keyframes jump{0%,22%,100%{transform:translate(0,0) scale(1)}34%{transform:translate(0,7px) scale(1.14,.82)}50%{transform:translate(0,-24px) scale(.9,1.14)}58%{transform:translate(0,-26px) scale(1.24,.72)}70%{transform:translate(0,3px) scale(.96,1.05)}80%{transform:translate(0,0) scale(1.05,.95)}}
.gl{font-weight:700;margin:12px 0 2px}