:root{color-scheme:dark;--bg:#050a16;--fl:rgba(16,30,60,.55);--tx:#e8f1ff;--mut:#8fa3c4;--ak:#4f86ff;--akrgb:79 134 255;--ak2:#8cb2ff;--ak-tx:#04101f;--bord:rgba(120,170,255,.22);--ich:#1d4f8f;--er:rgba(30,52,100,.55);--warn:#ff8a80}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--tx);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
[hidden]{display:none!important}
#login{min-height:100%;display:grid;place-items:center;padding:16px}
#loginform{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}
#loginform h1{margin:0 0 8px;text-align:center;font-weight:600;letter-spacing:.08em}
input{font:inherit;color:var(--tx);background:var(--fl);border:1px solid var(--bord);border-radius:10px;padding:12px 14px;min-width:0}
input:focus{outline:2px solid var(--ak);outline-offset:1px}
button{font:inherit;border:0;border-radius:10px;padding:12px 16px;background:var(--ak);color:var(--ak-tx);cursor:pointer}
button:disabled{opacity:.5}
#loginfehler{margin:0;min-height:1.4em;color:var(--warn);text-align:center;font-size:.9rem}
#app{height:100%;display:flex;flex-direction:column;max-width:760px;margin:0 auto}
header{display:flex;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--bord)}
#titel{font-weight:600;letter-spacing:.06em;flex:1}
#status{width:10px;height:10px;border-radius:50%;background:var(--mut)}
#status.an{background:#2e9d5b}
header button{background:transparent;color:var(--mut);padding:6px 10px;font-size:.85rem}
#verlauf{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:85%;padding:10px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}
.msg.ich{align-self:flex-end;background:var(--ich);color:#fff;border-bottom-right-radius:4px}
.msg.er{align-self:flex-start;background:var(--er);border-bottom-left-radius:4px}
.msg.meldung{align-self:center;background:var(--fl);border:1px solid var(--ak);font-size:.95rem}
.msg.denkt{color:var(--mut)}
#eingabe{display:flex;gap:8px;padding:10px 16px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--bord)}
#eingabe input{flex:1}
#mic{background:var(--er);color:var(--tx);padding:12px 14px}
#mic.aktiv{background:var(--warn);color:#fff;animation:puls 1s infinite}
@keyframes puls{50%{opacity:.6}}
#buehne{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 16px 0}
#gesicht{width:min(30vh,190px);height:min(30vh,190px);cursor:pointer;touch-action:manipulation}
@media(max-height:560px){#gesicht{display:none}}
#timer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#timer:empty{display:none}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--fl);border:1px solid var(--ak);border-radius:999px;padding:4px 6px 4px 12px;font-size:.9rem;font-variant-numeric:tabular-nums}
.chip button{background:transparent;color:var(--mut);padding:0 6px;font-size:1rem;line-height:1}
#kosten{display:none;color:var(--mut);font-size:.8rem;margin-right:8px}
@media(min-width:900px){#kosten{display:inline}}

@media (min-width:900px) and (orientation:landscape){
  #app{max-width:none;margin:0;display:grid;grid-template-columns:minmax(340px,40%) 1fr;grid-template-rows:auto 1fr auto}
  header{grid-column:1/-1;padding-left:28px;padding-right:28px}
  #buehne{grid-column:1;grid-row:2/4;justify-content:center;gap:22px;padding:16px;border-right:1px solid var(--bord)}
  #gesicht{display:block;width:min(34vw,66vh);height:min(34vw,66vh)}
  #timer{gap:10px}
  .chip{font-size:1.15rem;padding:6px 8px 6px 16px}
  #verlauf{grid-column:2;grid-row:2;padding:24px 32px;gap:14px}
  .msg{font-size:1.25rem;max-width:80%}
  #eingabe{grid-column:2;grid-row:3;padding:14px 32px max(14px,env(safe-area-inset-bottom))}
  #eingabe input,#eingabe button{font-size:1.1rem}
}

#tasten{display:none}
body.kueche #tasten{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:16px;align-content:center}
body.kueche #tasten button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;font-size:1.5rem;border-radius:20px;background:var(--fl);color:var(--tx);border:1px solid var(--bord);touch-action:manipulation}
body.kueche #tasten button:active{background:var(--ak);color:var(--ak-tx)}
body.kueche #tasten .sy{font-size:2.4rem;line-height:1}
body.kueche header,body.kueche #text,body.kueche #eingabe button[type=submit]{display:none}
body.kueche #app{max-width:none;margin:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto auto;height:100%}
body.kueche #buehne{grid-column:1;grid-row:1;justify-content:center;gap:18px;padding:16px}
body.kueche #gesicht{display:block;width:min(46vw,62vh);height:min(46vw,62vh)}
body.kueche .chip{font-size:1.4rem;padding:8px 10px 8px 18px}
body.kueche #verlauf{grid-column:1;grid-row:2;padding:0 24px;max-height:24vh;overflow:hidden;align-items:center}
body.kueche #verlauf:empty{display:none}
body.kueche .msg{font-size:1.5rem;max-width:100%;background:transparent;border:0;text-align:center}
body.kueche #eingabe{grid-column:1;grid-row:3;border:0;justify-content:center;padding:6px 16px max(18px,env(safe-area-inset-bottom))}
body.kueche #mic{width:96px;height:96px;border-radius:50%;font-size:2.4rem;padding:0;background:var(--ak);color:var(--ak-tx)}
body.kueche #mic.aktiv{background:var(--warn)}
body.kueche #tasten{grid-column:2;grid-row:1/4;border-left:1px solid var(--bord)}
@media(orientation:portrait){
  body.kueche #app{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr}
  body.kueche #gesicht{width:min(70vw,34vh);height:min(70vw,34vh)}
  body.kueche #buehne,body.kueche #verlauf,body.kueche #eingabe,body.kueche #tasten{grid-column:1;border:0}
  body.kueche #buehne{grid-row:1}body.kueche #verlauf{grid-row:2}body.kueche #eingabe{grid-row:3}body.kueche #tasten{grid-row:4}
}

body.kueche #eingabe{display:none}
body.kueche #app{grid-template-rows:1fr auto}
body.kueche #verlauf{grid-row:2;max-height:34vh;padding:0 28px 18px}
body.kueche .msg{font-size:2.1rem;line-height:1.3}
body.kueche #tasten{grid-row:1/3}
@media(orientation:portrait){
  body.kueche #app{grid-template-rows:auto auto 1fr}
  body.kueche #tasten{grid-row:3}
}

body.kueche #tasten .st{font-size:1rem;opacity:.85;min-height:1.2em}
body.kueche #tasten button.s-laeuft{background:#e8a317;border-color:#e8a317;color:#1a1200;animation:laeuft 2.4s ease-in-out infinite}
body.kueche #tasten button.s-fertig{background:#2e9d5b;border-color:#2e9d5b;color:#fff}
@keyframes laeuft{50%{filter:brightness(.8)}}

body.kueche #tasten{grid-template-columns:repeat(6,1fr);gap:10px;padding:14px;align-content:center}
body.kueche #tasten button{grid-column:span 2;min-height:76px;font-size:1.15rem;border-radius:16px;gap:2px;padding:8px 6px}
body.kueche #tasten button.zeile-neu{grid-column:1/span 2;margin-top:14px}
body.kueche #tasten .sy{font-size:1.7rem}
body.kueche #tasten .st{font-size:.85rem;min-height:1.1em}
body.kueche #tasten button[data-skript]{min-height:96px}

#personen{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
#personen button{background:var(--fl);color:var(--mut);border:1px solid var(--bord);border-radius:999px;padding:6px 14px;font-size:.95rem}
#personen button.da{background:var(--ak);color:var(--ak-tx);border-color:var(--ak)}

#dialogleiste{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#dialogleiste button{background:var(--er);color:var(--tx);border-radius:999px;padding:8px 16px;font-size:.95rem;touch-action:manipulation}
#dialogleiste #dialog.aktiv{background:var(--ak);color:var(--ak-tx);animation:puls 1.6s infinite}
#dialogleiste #abbrechen{background:var(--warn);color:#fff}
@media(prefers-color-scheme:dark){#dialogleiste #abbrechen{color:#2b0a07}}
body.kueche #dialogleiste button{font-size:1.4rem;padding:14px 26px}
#dialogleiste #wake.an{background:#2e9d5b;color:#fff}
#dialogleiste #wake.lade,#dialogleiste #wake.warte{background:#e8a317;color:#1a1200}
#dialogleiste #wake.fehler{background:var(--warn);color:#fff}

#badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
#badges:empty{display:none}
.badge{background:var(--fl);border:1px solid #ffd23f;border-radius:999px;padding:4px 12px;font-size:.95rem}
@media (min-width:900px) and (orientation:landscape){.badge{font-size:1.15rem;padding:6px 16px}}
body.kueche .badge{font-size:1.4rem;padding:8px 20px}

/* ---- Chat als Pop-up (Handy-Ansicht) ---- */
#chat,#chatfenster{display:contents}
#chatkopf,#chatknopf{display:none}
body.chatoffen{overflow:hidden}
@media not all and (min-width:900px) and (orientation:landscape){
  body:not(.kueche) #buehne{flex:1;justify-content:center;gap:14px;padding:8px 16px 104px}
  body:not(.kueche) #gesicht{display:block;width:min(92vw,56vh);height:min(92vw,56vh);width:min(92vw,56dvh);height:min(92vw,56dvh)}
  body:not(.kueche) #chatknopf{display:flex;align-items:center;justify-content:center;position:fixed;left:50%;bottom:max(22px,calc(env(safe-area-inset-bottom) + 12px));transform:translateX(-50%);width:64px;height:64px;border-radius:50%;padding:0;z-index:20;box-shadow:0 8px 22px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.07);touch-action:manipulation}
  body:not(.kueche) #chatknopf:active{transform:translateX(-50%) scale(.94)}
  body:not(.kueche) #chatknopf.neu::after{content:"";position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;background:#ff4d4d;border:2px solid var(--bg)}
  body:not(.kueche) #chat{display:none}
  body:not(.kueche) #chat.offen{display:flex;position:fixed;left:0;right:0;top:0;height:100%;z-index:50;background:rgba(3,8,18,.62);align-items:flex-end;justify-content:center}
  body:not(.kueche) #chatfenster{display:flex;flex-direction:column;width:calc(100% - 20px);max-width:560px;height:min(82%,720px);margin:0 10px max(10px,env(safe-area-inset-bottom));background:var(--bg);border:1px solid var(--bord);border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.5)}
  body:not(.kueche) #chatkopf{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 18px;border-bottom:1px solid var(--bord);font-weight:600;letter-spacing:.04em}
  body:not(.kueche) #chatzu{background:var(--er);color:var(--tx);width:42px;height:42px;padding:0;border-radius:50%;font-size:1.1rem;line-height:1}
}
@media (orientation:landscape) and (max-width:899px){
  body:not(.kueche) #chatknopf{left:auto;right:max(18px,env(safe-area-inset-right));transform:none}
  body:not(.kueche) #chatknopf:active{transform:scale(.94)}
}

/* =====================  Hologramm-Design  ===================== */
body{background:radial-gradient(1100px 700px at 50% -8%,rgb(var(--akrgb)/.18),transparent 62%),radial-gradient(900px 600px at 100% 100%,rgb(var(--akrgb)/.09),transparent 58%),linear-gradient(180deg,#050a16,#071022 60%,#050a16);background-attachment:fixed}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgb(var(--akrgb)/.06) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--akrgb)/.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 38%,#000 0,transparent 72%);mask-image:radial-gradient(ellipse at 50% 38%,#000 0,transparent 72%)}
#login,#app{position:relative;z-index:1}

/* Kopfleiste */
header{background:rgba(7,14,32,.55);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--bord)}
#titel{text-transform:uppercase;letter-spacing:.32em;font-size:.95rem;color:var(--ak2);text-shadow:0 0 14px rgb(var(--akrgb)/.7)}
#status{box-shadow:0 0 8px currentColor;color:var(--mut)}
#status.an{background:#38e08c;color:#38e08c}
header button{border-radius:999px;border:1px solid transparent}
header button:hover{border-color:var(--bord);color:var(--tx)}

/* Schaltflaechen und Eingaben */
button{border-radius:999px;background:linear-gradient(135deg,var(--ak),var(--ak2));color:var(--ak-tx);font-weight:600;box-shadow:0 0 18px rgb(var(--akrgb)/.35);transition:box-shadow .2s,transform .1s,filter .2s}
button:active{transform:scale(.97)}
header button,#mic,.chip button,#chatzu,#dialogleiste button,#personen button{box-shadow:none}
input{border-radius:999px;padding:12px 18px;background:rgba(8,16,36,.6);border:1px solid var(--bord);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
input:focus{outline:none;border-color:var(--ak);box-shadow:0 0 0 3px rgb(var(--akrgb)/.22),0 0 20px rgb(var(--akrgb)/.28)}
#mic{background:rgb(var(--akrgb)/.16);border:1px solid var(--bord);color:var(--tx);border-radius:999px}
#mic.aktiv{background:var(--warn);color:#2b0a07;box-shadow:0 0 22px rgba(255,138,128,.6)}
#eingabe{background:rgba(7,14,32,.4);border-top:1px solid var(--bord)}

/* Chat-Blasen */
#verlauf::-webkit-scrollbar{width:6px}
#verlauf::-webkit-scrollbar-thumb{background:rgb(var(--akrgb)/.35);border-radius:6px}
.msg{border-radius:22px;line-height:1.4}
.msg.ich{background:linear-gradient(135deg,rgb(var(--akrgb)/.9),rgb(var(--akrgb)/.55));color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);border-bottom-right-radius:6px;box-shadow:0 0 18px rgb(var(--akrgb)/.25)}
.msg.er{background:rgba(24,44,90,.55);border:1px solid var(--bord);border-bottom-left-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.msg.meldung{background:rgb(var(--akrgb)/.12);border:1px solid rgb(var(--akrgb)/.6);box-shadow:0 0 16px rgb(var(--akrgb)/.2)}

/* Gesicht als Hologramm */
#holo{position:relative;display:inline-flex}
#gesicht{border-radius:8%;box-shadow:0 0 0 1px rgb(var(--akrgb)/.4),0 0 36px rgb(var(--akrgb)/.38),0 0 90px rgb(var(--akrgb)/.2);animation:schweben 7s ease-in-out infinite}
#holo::before{content:"";position:absolute;inset:0;border-radius:8%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),linear-gradient(180deg,transparent 0,transparent 42%,rgb(var(--akrgb)/.22) 50%,transparent 58%,transparent 100%);background-size:100% 100%,100% 300%;mix-blend-mode:screen;animation:scan 7s linear infinite,schweben 7s ease-in-out infinite}
#holo::after{content:"";position:absolute;left:50%;bottom:-20px;width:72%;height:16px;transform:translateX(-50%);border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgb(var(--akrgb)/.6),transparent);filter:blur(5px)}
@keyframes schweben{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes scan{0%{background-position:0 0,0 0}100%{background-position:0 0,0 -300%}}
body.kueche #gesicht{border-radius:0;box-shadow:none;animation:none;filter:drop-shadow(0 0 22px rgb(var(--akrgb)/.4))}
body.kueche #holo::before,body.kueche #holo::after{display:none}

/* Chips, Badges, Leiste */
.chip{background:rgb(var(--akrgb)/.12);border:1px solid rgb(var(--akrgb)/.55);box-shadow:0 0 14px rgb(var(--akrgb)/.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.badge{background:rgba(255,210,63,.12);border:1px solid rgba(255,210,63,.6);box-shadow:0 0 14px rgba(255,210,63,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#dialogleiste button{background:rgb(var(--akrgb)/.14);border:1px solid var(--bord);color:var(--tx);font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#dialogleiste #dialog.aktiv{background:linear-gradient(135deg,var(--ak),var(--ak2));color:var(--ak-tx);border-color:transparent;box-shadow:0 0 22px rgb(var(--akrgb)/.6)}
#dialogleiste #wake.an{background:#1e8a52;color:#fff;border-color:transparent;box-shadow:0 0 18px rgba(56,224,140,.5)}
#dialogleiste #wake.lade,#dialogleiste #wake.warte{background:#e8a317;color:#1a1200;border-color:transparent;box-shadow:0 0 18px rgba(232,163,23,.5)}
#dialogleiste #wake.fehler,#dialogleiste #abbrechen{background:var(--warn);color:#2b0a07;border-color:transparent}
#personen button{background:rgb(var(--akrgb)/.1);border:1px solid var(--bord);color:var(--mut)}
#personen button.da{background:linear-gradient(135deg,var(--ak),var(--ak2));color:var(--ak-tx);border-color:transparent;box-shadow:0 0 16px rgb(var(--akrgb)/.45)}

/* Kuechen-Tasten */
body.kueche #tasten button{background:rgb(var(--akrgb)/.1);border:1px solid var(--bord);border-radius:24px;color:var(--tx);font-weight:500;box-shadow:inset 0 0 22px rgb(var(--akrgb)/.08)}
body.kueche #tasten button:active{background:linear-gradient(135deg,var(--ak),var(--ak2));color:var(--ak-tx);box-shadow:0 0 22px rgb(var(--akrgb)/.6)}
body.kueche #tasten button.s-laeuft{background:#e8a317;border-color:#e8a317;color:#1a1200;box-shadow:0 0 22px rgba(232,163,23,.5)}
body.kueche #tasten button.s-fertig{background:#1e8a52;border-color:#38e08c;color:#fff;box-shadow:0 0 22px rgba(56,224,140,.45)}
body.kueche #tasten{border-left:1px solid var(--bord)}
body.kueche #mic{background:linear-gradient(135deg,var(--ak),var(--ak2));color:var(--ak-tx);box-shadow:0 0 26px rgb(var(--akrgb)/.55)}
body.kueche .msg{background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--tx);text-shadow:0 0 18px rgb(var(--akrgb)/.45)}

/* Anmeldung */
#loginform{padding:30px 26px;border-radius:30px;background:rgba(10,20,44,.55);border:1px solid rgb(var(--akrgb)/.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 50px rgb(var(--akrgb)/.2),inset 0 0 30px rgb(var(--akrgb)/.06)}
#loginform h1{text-transform:uppercase;letter-spacing:.4em;color:var(--ak2);text-shadow:0 0 22px rgb(var(--akrgb)/.8);font-weight:500;padding-left:.4em}
#loginform button{padding:13px 16px;font-size:1.05rem}

@media not all and (min-width:900px) and (orientation:landscape){
  body:not(.kueche) #chat.offen{background:rgba(2,6,16,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  body:not(.kueche) #chatfenster{background:rgba(8,16,36,.8);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid rgb(var(--akrgb)/.4);border-radius:30px;box-shadow:0 0 44px rgb(var(--akrgb)/.22),0 24px 60px rgba(0,0,0,.6)}
  body:not(.kueche) #chatkopf{border-bottom:1px solid var(--bord);color:var(--ak2);text-transform:uppercase;letter-spacing:.22em;font-size:.85rem;font-weight:500}
  body:not(.kueche) #chatzu{background:rgb(var(--akrgb)/.16);border:1px solid var(--bord);color:var(--tx)}
  body:not(.kueche) #chatknopf{box-shadow:0 0 0 1px rgb(var(--akrgb)/.55),0 0 28px rgb(var(--akrgb)/.6),0 8px 22px rgba(0,0,0,.5)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ---- Echo-Show-Ansicht (/echo): kleines Querformat-Display, normales Gesicht links, Tasten rechts ---- */
body.echo *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
body.kueche.echo #app{display:grid;grid-template-columns:42% 1fr;grid-template-rows:1fr auto;height:100%;max-width:none;margin:0}
body.kueche.echo #buehne{grid-column:1;grid-row:1;justify-content:center;gap:1.2vh;padding:2vh 1.5vw}
body.kueche.echo #gesicht{display:block;width:min(36vw,60vh);height:min(36vw,60vh);border-radius:8%;box-shadow:0 0 0 1px rgb(var(--akrgb)/.4),0 0 22px rgb(var(--akrgb)/.3);animation:none;filter:none}
body.kueche.echo #verlauf{grid-column:1;grid-row:2;max-height:22vh;padding:0 1.5vw 1.5vh}
body.kueche.echo .msg{font-size:max(1rem,3.2vh);line-height:1.25}
body.kueche.echo #tasten{grid-column:2;grid-row:1/3;grid-template-columns:repeat(3,1fr);gap:1.8vh;padding:2vh 1.5vw;align-content:center}
body.kueche.echo #tasten button{grid-column:auto;min-height:22vh;font-size:max(1rem,3.4vh);border-radius:2.4vh;gap:.4vh;padding:1vh .5vw}
body.kueche.echo #tasten button.zeile-neu{grid-column:auto;margin-top:0}
body.kueche.echo #tasten .sy{font-size:max(1.8rem,7vh)}
body.kueche.echo #dialogleiste button{font-size:max(.85rem,2.6vh);padding:1.2vh 1.8vw}
body.kueche.echo .chip{font-size:max(.9rem,2.8vh);padding:.8vh 1vw .8vh 1.6vw}
body.kueche.echo .badge{font-size:max(.85rem,2.4vh);padding:.6vh 1.4vw}
body.kueche.echo #personen button{font-size:max(.8rem,2.4vh);padding:.6vh 1.4vw}

/* Echo: Antworttext, Personen-Chips und Geburtstags-Badges ausblenden (Display zu klein), Gesicht darf wachsen */
body.kueche.echo #verlauf,body.kueche.echo #personen,body.kueche.echo #badges{display:none!important}
body.kueche.echo #app{grid-template-rows:1fr}
body.kueche.echo #tasten{grid-row:1}
body.kueche.echo #gesicht{width:min(38vw,66vh);height:min(38vw,66vh)}