.titel,h1,h2,h3{font-family:var(--schrift-titel),var(--schrift-text),system-ui,sans-serif}.zierlinie{display:block;width:56px;height:1px;margin:14px auto 16px;background:var(--schwarz);transform-origin:center;animation:linie-zeichnen 1.1s var(--weich) .25s both}@keyframes linie-zeichnen{0%{transform:scaleX(0)}}.sprachwahl{position:relative;display:block;padding:0;background:none;border-radius:0}.sprachwahl summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--linie);border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;background:var(--weiss);transition:border-color .2s}.sprachwahl summary::-webkit-details-marker{display:none}.sprachwahl summary:hover,.sprachwahl[open] summary{border-color:var(--schwarz)}.sprachwahl-liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:2px;gap:2px;margin-top:8px;padding:6px;border:1px solid var(--linie);border-radius:var(--r-m);background:var(--weiss);box-shadow:var(--schatten);animation:rein .35s var(--weich) both;min-width:240px}.sprachwahl-liste button{border:0;background:none;text-align:left;padding:9px 10px;min-height:40px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--tinte);cursor:pointer;transition:background-color .2s}.sprachwahl-liste button:hover{background:var(--kachel)}.sprachwahl-liste button.aktiv{background:var(--schwarz);color:var(--weiss);font-weight:600}.zeile .sprachwahl{text-align:right}.zeile .sprachwahl-liste{position:absolute;right:0;z-index:30}.auth-unten .sprachwahl-liste,.sl-unten .sprachwahl-liste{position:absolute;bottom:calc(100% + 8px);left:0;margin:0;z-index:30}picture{display:contents}.bildkarte>picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--weich)}.bildkarte.zoom:hover>picture>img,a.bildkarte:hover>picture>img{transform:scale(1.05)}.kurs-karte.gesperrt>picture>img{filter:grayscale(1) brightness(.7)}.kurs-kachel.gesperrt>picture>img{filter:grayscale(1) brightness(.62)}.start-kopf{text-align:center;margin:0 0 12px}.start-kopf .oberzeile{margin-bottom:6px}.start-kopf .zierlinie{margin:10px auto 0}.start-kopf h1{font-size:clamp(22px,6.2vw,40px);margin:0}.felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.feld-karte{position:relative;display:flex;flex-direction:column;border:1px solid var(--linie);border-radius:18px;overflow:hidden;background:var(--weiss);animation:rein .7s var(--weich) both;animation-delay:calc(var(--i) * 55ms + .1s);transition:transform .45s var(--weich),box-shadow .45s var(--weich),border-color .3s}a.feld-karte:hover{transform:translateY(-3px);border-color:#d2d2d2;box-shadow:0 22px 40px -26px rgba(0,0,0,.35)}.feld-bild{position:relative;aspect-ratio:2.3/1;overflow:hidden;background:var(--kachel)}.feld-bild img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--weich),filter .6s}.feld-bild.cover{background:#f2efea;display:flex;align-items:center;justify-content:center;padding:8px 0}.feld-bild.cover img{width:auto;height:100%;max-width:92%;object-fit:contain;border-radius:6px;box-shadow:0 10px 22px -12px rgba(0,0,0,.45)}a.feld-karte:hover .feld-bild img{transform:scale(1.05)}.feld-karte.zu .feld-bild img{filter:grayscale(.85) brightness(.92)}.feld-karte.zu:hover .feld-bild img{filter:grayscale(.3) brightness(.97)}.feld-schloss{position:absolute;top:7px;right:7px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--schwarz);box-shadow:0 6px 16px -8px rgba(0,0,0,.4)}.feld-etikett,.feld-schloss{background:rgba(255,255,255,.94)}.feld-etikett{position:absolute;top:7px;right:7px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.feld-etikett.neu{background:var(--schwarz);color:var(--weiss)}.feld-text{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;flex:1 1}.feld-text h2{font-size:14px;line-height:1.25;margin:0;display:flex;align-items:center;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}.feld-text p{margin:0;font-size:11.5px;line-height:1.35;color:var(--grau);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feld-linie{display:block;height:1px;margin:5px 0 1px;background:var(--linie);overflow:hidden}.feld-linie span{display:block;height:100%;background:var(--schwarz);transform-origin:left;transform:scaleX(var(--wert));animation:linie-voll 1.4s var(--weich) .5s both}@keyframes linie-voll{0%{transform:scaleX(0)}}.feld-knopf,.feld-weiter{display:none}.naechster-schritt{display:flex;align-items:center;gap:14px;margin-top:12px;padding:10px 14px 10px 10px;border:1px solid var(--linie);border-radius:var(--r-l);animation:rein .7s var(--weich) .5s both;transition:border-color .3s,transform .45s var(--weich)}.naechster-schritt:hover{border-color:var(--schwarz);transform:translateY(-2px)}.ns-bild{width:56px;height:56px;border-radius:14px;overflow:hidden;flex:none;background:var(--kachel)}.ns-bild img{width:100%;height:100%;object-fit:cover}.ns-text{flex:1 1;min-width:0;display:flex;flex-direction:column}.ns-text .oberzeile{margin:0 0 2px;font-size:10.5px}.ns-text .oberzeile,.ns-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-text strong{font-family:var(--schrift-titel),var(--schrift-text),sans-serif;font-weight:600;font-size:15.5px;line-height:1.25}@media (max-width:767px){.start-kopf .oberzeile,.start-kopf .zierlinie{display:none}}@media (min-width:768px){.felder{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.feld-bild{aspect-ratio:4/3}.feld-text{padding:12px 14px 14px;gap:3px}.feld-text h2{font-size:16px}.feld-text p{font-size:13px;min-height:calc(2 * 1.35em)}.feld-weiter{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.feld-weiter svg{transition:transform .35s var(--federnd)}a.feld-karte:hover .feld-weiter svg{transform:translateX(4px)}.feld-knopf{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--schwarz);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background-color .25s,color .25s}a.feld-karte:hover .feld-knopf{background:var(--schwarz);color:var(--weiss)}.feld-knopf.bald{border-color:var(--linie);color:var(--grau)}.feld-schloss{top:10px;right:10px;width:34px;height:34px}.start-kopf{margin-bottom:20px}}@media (min-width:1180px){.start{max-width:1120px;margin:0 auto}.felder{gap:18px}.feld-bild{aspect-ratio:5/4}.feld-text{padding:14px 18px 18px}.feld-text h2{font-size:19px}.feld-text p{font-size:13.5px}}.ersatz-hinweis{display:inline-flex;align-items:center;gap:8px;margin:12px auto 0;padding:7px 14px;border:1px solid var(--linie);border-radius:999px;font-size:12.5px;color:var(--grau)}.kurs{max-width:860px;margin:0 auto}.kurs-titel{text-align:center;margin:4px 0 30px}.kurs-titel h1{font-size:clamp(28px,7.4vw,44px);margin:0}.kurs-titel .kurs-intro{max-width:560px;margin:0 auto 16px}.kurs-stand{display:inline-flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border:1px solid var(--linie);border-radius:999px}.kapitel{margin:0 0 12px}.kapitel-titel{display:flex;align-items:center;gap:14px;margin:26px 0 16px;font-size:12px;font-family:var(--schrift-text),sans-serif;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grau)}.kapitel-titel:after,.kapitel-titel:before{content:"";flex:1 1;height:1px;background:var(--linie)}.story{list-style:none;margin:0;padding:0}.story-schritt{grid-template-columns:44px minmax(0,1fr);grid-gap:0 14px;gap:0 14px;padding-bottom:14px;animation:rein .7s var(--weich) both;animation-delay:calc(var(--i) * 60ms)}.story-punkt,.story-schritt{position:relative;display:grid}.story-punkt{z-index:1;width:44px;height:44px;border-radius:50%;place-items:center;border:1px solid var(--linie);background:var(--weiss);font-family:var(--schrift-titel),sans-serif;font-weight:600;font-size:14px;transition:background-color .4s,color .4s,border-color .4s}.story-schritt.fertig .story-punkt{background:var(--schwarz);border-color:var(--schwarz);color:var(--weiss)}.story-schritt.hier .story-punkt{border-color:var(--schwarz);box-shadow:0 0 0 5px rgba(0,0,0,.06);animation:puls-ring 2.6s var(--weich) infinite}.story-schritt.bald .story-punkt,.story-schritt.zu .story-punkt{color:var(--grau-hell)}@keyframes puls-ring{0%,to{box-shadow:0 0 0 5px rgba(0,0,0,.06)}50%{box-shadow:0 0 0 9px rgba(0,0,0,.03)}}.story-strich{position:absolute;left:21.5px;top:44px;bottom:0;width:1px;background:var(--linie)}.story-strich span{position:absolute;inset:0;background:var(--schwarz);transform-origin:top;transform:scaleY(var(--anteil));animation:strich-zeichnen 1.2s var(--weich) both;animation-delay:calc(var(--i) * .14s + .3s)}@keyframes strich-zeichnen{0%{transform:scaleY(0)}}.kapitel:last-child .story-schritt:last-child .story-strich{display:none}.story-karte{display:flex;gap:14px;align-items:stretch;padding:8px;border:1px solid var(--linie);border-radius:var(--r-l);background:var(--weiss);min-width:0;transition:border-color .3s,transform .45s var(--weich),box-shadow .45s var(--weich)}a.story-karte:hover{border-color:#cfcfcf;transform:translateX(3px)}.story-schritt.hier .story-karte{border-color:var(--schwarz);box-shadow:0 22px 40px -28px rgba(0,0,0,.45)}.story-bild{width:92px;flex:none;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:var(--kachel)}.story-bild img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--weich)}a.story-karte:hover .story-bild img{transform:scale(1.06)}.story-schritt.bald .story-bild img,.story-schritt.zu .story-bild img{filter:grayscale(.9);opacity:.8}.story-text{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;padding:4px 6px 4px 0}.story-text .oberzeile{margin:0;font-size:10.5px}.story-name{font-family:var(--schrift-titel),var(--schrift-text),sans-serif;font-size:18px;font-weight:600;line-height:1.2;letter-spacing:-.01em}.story-unter{font-size:13px;line-height:1.4;color:var(--grau);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:12px;color:var(--grau)}.story-unter{-webkit-line-clamp:1}.story-cta{gap:4px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.story-cta,.story-hinweis{display:inline-flex;align-items:center;margin-top:4px;font-size:12px}.story-hinweis{gap:6px;color:var(--grau)}.story-hinweis.ok{color:var(--ok)}@media (min-width:768px){.story-schritt{grid-template-columns:56px minmax(0,1fr);gap:0 22px;padding-bottom:20px}.story-punkt{width:56px;height:56px;font-size:16px}.story-strich{left:27.5px;top:56px}.story-bild{width:150px;aspect-ratio:4/3}.story-name{font-size:22px}.story-karte{padding:10px;gap:20px}}.modul{max-width:860px;margin:0 auto}.intro-chefin{display:flex;gap:16px;align-items:flex-start;margin:0 0 30px;padding:22px 0;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}.intro-chefin p:not(.oberzeile){font-size:16px;line-height:1.65}.intro-chefin p:last-child{margin-bottom:0}.intro-bild{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none;background:var(--kachel)}.intro-bild img{width:100%;height:100%;object-fit:cover;object-position:30% 40%}.lernziele{margin:0 0 34px}.lernziele h2{text-align:center;margin-bottom:16px}.lernziele ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.lernziele li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.5;animation:rein .6s var(--weich) both;animation-delay:calc(var(--i) * 70ms + .2s)}.lernziele li svg{flex:none;margin-top:1px}@media (min-width:768px){.lernziele ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}}.lektion-zeile .meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:2px}.lektion-zeile .meta>span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--grau)}.lektion-zeile.gesperrt{opacity:.62;cursor:default}.lektion-zeile.gesperrt:hover{background:none;transform:none}.lektion-zeile.als-naechstes .nummer{border-color:var(--schwarz)}.lektion-zeile .text strong{display:flex;align-items:center}.sperr-hinweis{display:block;margin-top:4px;font-size:12.5px;color:var(--grau)}.schwierigkeit{display:inline-flex;align-items:center;gap:6px}.schwierigkeit .punkte{display:inline-flex;gap:3px}.schwierigkeit .punkte i{width:6px;height:6px;border-radius:50%;border:1px solid}.schwierigkeit .punkte i.an{background:currentColor}.gratulation{text-align:center;padding:30px 22px;margin:0 0 28px;border:1px solid var(--linie);border-radius:var(--r-xl)}.gratulation img{margin:0 auto 10px}.gratulation.frisch{animation:plopp .7s var(--federnd) both;border-color:var(--schwarz)}.gratulation .knopf{margin-top:6px}.lektion{max-width:760px;margin:0 auto}.brotkrumen{margin:0 0 10px}.lek-kopf{text-align:center;margin-bottom:18px}.lek-kopf h1{font-size:clamp(28px,7.4vw,42px);margin:0}.lek-untertitel{margin:6px 0 0;font-size:14px;color:var(--grau)}.lek-kurz{max-width:560px;margin:0 auto 12px}.lek-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:13px;color:var(--grau)}.lek-meta>span{display:inline-flex;align-items:center;gap:6px}.vorher{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 0;font-size:13px}.vorher .oberzeile{margin:0;width:100%}.vorher a{padding:5px 12px;border:1px solid var(--linie);border-radius:999px;transition:border-color .2s}.vorher a:hover{border-color:var(--schwarz)}.lek-nav{position:-webkit-sticky;position:sticky;top:calc(var(--kopf) + env(safe-area-inset-top, 0px));z-index:10;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--rand) * -1) 8px;padding:10px var(--rand);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--linie)}.lek-nav::-webkit-scrollbar{display:none}.lek-nav a{flex:none;padding:7px 14px;border:1px solid var(--linie);border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}.lek-nav a:hover{background:var(--schwarz);color:var(--weiss);border-color:var(--schwarz)}@media (min-width:1024px){.lek-nav{top:0;margin:0 0 8px;padding:12px 0;justify-content:center}}.lek-abschnitt{padding:30px 0 8px;scroll-margin-top:120px}.abschnitt-nr{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grau)}.abschnitt-nr span{font-family:var(--schrift-titel),sans-serif;font-size:13px;letter-spacing:0;color:var(--schwarz)}.abschnitt-nr:after{content:"";flex:1 1;height:1px;background:var(--linie);transform-origin:left;animation:linie-zeichnen 1s var(--weich) .2s both}.geschichte h2{font-size:clamp(22px,5.6vw,28px);margin-bottom:14px}.geschichte p{font-size:16.5px;line-height:1.75;color:var(--tinte)}.geschichte p:first-of-type:first-letter{float:left;font-family:var(--schrift-titel),serif;font-weight:600;font-size:3.4em;line-height:.9;margin:4px 10px 0 0}.abhakliste ul,.schritte ol{list-style:none;margin:0;padding:0}.abhak-stand{font-size:13px;color:var(--grau);margin:0 0 8px;transition:color .3s}.abhakliste.alle .abhak-stand{color:var(--ok);font-weight:600}.abhak{display:flex;align-items:center;gap:14px;width:100%;padding:12px 2px;border:0;border-bottom:1px solid var(--linie);background:none;text-align:left;font-size:15px;line-height:1.45;cursor:pointer;transition:color .3s}.abhak.an span:last-child{color:var(--grau);text-decoration:line-through;-webkit-text-decoration-color:rgba(0,0,0,.3);text-decoration-color:rgba(0,0,0,.3)}.abhak-kasten{flex:none;width:24px;height:24px;border-radius:8px;border:1px solid var(--schwarz);display:grid;place-items:center;transition:background-color .3s var(--weich)}.abhak-kasten svg{fill:none;stroke:var(--weiss);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22;transition:stroke-dashoffset .45s var(--weich) .05s}.an .abhak-kasten,.an>.abhak-kasten{background:var(--schwarz)}.an .abhak-kasten svg,.an>.abhak-kasten svg{stroke-dashoffset:0}.an .abhak-kasten{animation:plopp .4s var(--federnd)}.zeiten{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-wrap:wrap;border:1px solid var(--linie);border-radius:var(--r-m);overflow:hidden}.zeiten li{flex:1 1 40%;padding:12px 14px;margin:0 -1px -1px 0;border-right:1px solid var(--linie);border-bottom:1px solid var(--linie);display:flex;flex-direction:column;gap:2px}.zeiten .oberzeile{margin:0;font-size:10.5px}.zeiten strong{font-size:15px}@media (min-width:640px){.zeiten li{flex:1 1}}.rezept-steuerung{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.segment{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--linie);border-radius:999px}.segment button{border:0;background:none;min-height:34px;min-width:40px;padding:0 11px;border-radius:999px;font-size:13px;font-weight:600;color:var(--grau);cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background-color .25s var(--weich),color .2s}.segment button.an{background:var(--schwarz);color:var(--weiss)}.form-wahl{margin-bottom:10px}.kochknopf{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--linie);border-radius:999px;background:none;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}.kochknopf.an{background:var(--schwarz);color:var(--weiss);border-color:var(--schwarz)}.koch-hinweis{font-size:13px;color:var(--ok);margin:0 0 12px}.rezept-raster{display:grid;grid-gap:26px;gap:26px;margin-top:14px}@media (min-width:900px){.rezept-raster{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px}.zutaten{position:-webkit-sticky;position:sticky;top:90px;align-self:start}}.schritte h3,.zutaten h3{font-size:20px;margin-bottom:8px}.portion{margin:0 0 12px}.zutaten-gruppe{margin:0 0 16px}.zutaten-gruppe .oberzeile{margin:0 0 6px}.zutaten ul{list-style:none;margin:0;padding:0}.zutaten li{padding:9px 0;border-bottom:1px solid var(--linie);font-size:15px;line-height:1.45}.zutaten li.neu{animation:zahl-neu .5s var(--weich)}@keyframes zahl-neu{0%{opacity:.3;transform:translateX(-4px)}}.rezept-notiz{margin:16px 0 0;padding:14px 16px;border-left:2px solid var(--schwarz);background:var(--kachel);border-radius:0 var(--r-s) var(--r-s) 0}.rezept-notiz .oberzeile{margin:0 0 4px}.rezept-notiz p:last-child,.rezept-notiz ul{margin:0}.rezept-notiz ul{padding-left:18px}.verweis{font-size:14px;color:var(--grau);padding:10px 14px;border:1px dashed #cfcfcf;border-radius:var(--r-s)}.schritt-gruppe{margin:0 0 12px}.schritt{display:flex;gap:14px;align-items:flex-start;width:100%;padding:14px 2px;border:0;border-bottom:1px solid var(--linie);background:none;text-align:left;cursor:pointer}.schritt-nr{position:relative;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--schwarz);display:grid;place-items:center;font-family:var(--schrift-titel),sans-serif;font-size:13px;font-weight:600;transition:background-color .3s}.schritt-nr .abhak-kasten{position:absolute;inset:-1px;width:auto;height:auto;border-radius:50%;border:0;background:transparent;opacity:0;transition:opacity .25s}.schritt.an .schritt-nr{background:var(--schwarz)}.schritt.an .schritt-nr>span:first-child{opacity:0}.schritt.an .schritt-nr .abhak-kasten{opacity:1;background:transparent}.schritt-text{font-size:15.5px;line-height:1.6;white-space:pre-line;transition:color .3s}.schritt.an .schritt-text{color:var(--grau)}.kochmodus .schritt-text{font-size:19px;line-height:1.65}.kochmodus .zutaten li{font-size:17px}.aufgabe-karte{border:1px solid var(--linie);background:var(--weiss)}.aufgabe-karte.neu{border-color:var(--schwarz);animation:plopp .6s var(--federnd)}.aufgabe-karte h3{font-size:17px;line-height:1.45}.fotos-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:12px 0}.fotos-raster.eingereicht img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--r-s);background:var(--kachel);animation:rein .5s var(--weich) both;animation-delay:calc(var(--i) * 90ms)}.foto-vorschau{position:relative;margin:0;aspect-ratio:1;border-radius:var(--r-s);overflow:hidden;animation:plopp .45s var(--federnd)}.foto-vorschau img{width:100%;height:100%;object-fit:cover}.foto-vorschau button{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;border:0;display:grid;place-items:center;background:rgba(255,255,255,.94);cursor:pointer}.foto-plus{position:relative;aspect-ratio:1;display:grid;place-content:center;justify-items:center;grid-gap:4px;gap:4px;margin:0;padding:8px;border:1px dashed #bdbdbd;border-radius:var(--r-s);text-align:center;font-size:11.5px;font-weight:500;color:var(--grau);cursor:pointer;transition:border-color .2s,background-color .2s}.foto-plus:hover{border-color:var(--schwarz);background:var(--kachel)}.foto-plus strong{color:var(--schwarz);font-size:13px;line-height:1.25}.foto-plus span{display:none}.foto-plus input{position:absolute;inset:0;opacity:0;cursor:pointer}.foto-plus.arbeitet{opacity:.5;pointer-events:none}.fotos-wahl .knopf{margin-top:6px}.fotos-wahl .knopf:disabled{opacity:.35}@media (min-width:640px){.foto-plus span{display:block}}.rueckmeldung{display:flex;gap:12px;align-items:flex-start;margin:12px 0;padding:14px;border-radius:var(--r-m);background:var(--kachel);font-size:14.5px;line-height:1.55}.rueckmeldung .intro-bild{width:40px;height:40px}.lek-weiter{display:flex;justify-content:space-between;gap:10px;margin:26px 0 8px;padding-top:18px;border-top:1px solid var(--linie)}.gesperrt-knopf{background:var(--kachel);color:var(--grau);border-color:var(--linie);cursor:default}.gesperrt-knopf:hover{background:var(--kachel);box-shadow:none}.sperr-seite{max-width:520px;margin:40px auto;text-align:center}.sperr-symbol{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linie)}.pruefen-kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.pruefen-kopf h1{margin:0;font-size:clamp(26px,6vw,36px)}.pruefen-raster{display:grid;grid-gap:16px;gap:16px}.pruefen-schlange{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--rand) * -1);padding:0 var(--rand) 4px}.schlange-punkt{flex:none;display:flex;flex-direction:column;gap:1px;width:190px;padding:10px 12px;border:1px solid var(--linie);border-radius:var(--r-m);font-size:13px;transition:border-color .2s,background-color .2s}.schlange-punkt span{color:var(--grau);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schlange-punkt small{color:var(--grau-hell);font-size:11.5px}.schlange-punkt.aktiv{border-color:var(--schwarz);background:var(--schwarz);color:var(--weiss)}.schlange-punkt.aktiv small,.schlange-punkt.aktiv span{color:rgba(255,255,255,.72)}.pruefen-fall{display:grid;grid-gap:18px;gap:18px}.pruefen-fotos{display:grid;grid-gap:8px;gap:8px}.pruefen-fotos.anzahl-2,.pruefen-fotos.anzahl-3{grid-template-columns:repeat(2,minmax(0,1fr))}.pruefen-fotos.anzahl-3 .pruefen-foto:first-child{grid-column:1/-1}.pruefen-foto{display:block;border-radius:var(--r-l);overflow:hidden;background:var(--kachel)}.pruefen-foto img{width:100%;max-height:72vh;object-fit:contain;background:#111}.pruefen-aufgabe{margin:12px 0 16px;padding:14px 16px;border-left:2px solid var(--schwarz);background:var(--kachel);border-radius:0 var(--r-s) var(--r-s) 0}.pruefen-aufgabe .oberzeile{margin:0 0 4px}.pruefen-aufgabe p:last-child{margin:0}.pruefen-form{margin:0 0 14px}.pruefen-form textarea{min-height:64px;margin-bottom:8px}.pruefen-form label{margin:0 0 6px}kbd{display:inline-block;min-width:20px;padding:1px 6px;border:1px solid;border-radius:6px;font:600 11px/1.5 var(--schrift-text),sans-serif;opacity:.7;text-align:center}.pruefen-tasten{margin-top:8px}.leer-fall{text-align:center;padding:40px 0;justify-items:center}@media (min-width:1024px){.pruefen-raster{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:28px}.pruefen-schlange{flex-direction:column;overflow:visible;margin:0;padding:0;position:-webkit-sticky;position:sticky;top:44px;max-height:calc(100vh - 88px);overflow-y:auto}.schlange-punkt{width:auto}.pruefen-fall{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:28px}.pruefen-info{position:-webkit-sticky;position:sticky;top:44px}}@media (prefers-reduced-motion:reduce){.abschnitt-nr:after,.feld-linie span,.story-schritt.hier .story-punkt,.story-strich span,.zierlinie{animation:none!important}}.modul-held:before{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.42) 45%,rgba(0,0,0,.86))}.modul-held h1{text-shadow:0 2px 18px rgba(0,0,0,.25)}.intro-chefin p:not(.oberzeile){font-size:15px}@media (min-width:768px){.intro-chefin p:not(.oberzeile){font-size:16px}.story-unter{-webkit-line-clamp:2}}.lek-kopf h1{font-size:clamp(24px,6.6vw,40px)}.aufgabe-karte h3{font-family:var(--schrift-text),sans-serif;font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5}.aufgabe-symbol{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linie)}.geschichte p:first-of-type:first-letter{font-size:2.8em;margin-top:6px}@media (max-width:767px){.story-bild{width:76px}.story-name{font-size:16.5px}.story-karte{gap:12px}}.live-seite,.rabatte{max-width:1040px;margin:0 auto}.live-kopf,.news-kopf{text-align:center;max-width:620px;margin:0 auto 20px}.live-kopf h1,.news-kopf h1{margin:0;font-size:clamp(23px,6.4vw,40px)}.live-kopf .leise,.news-kopf .leise{margin:0;text-align:center}.live-bilder{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-gap:8px;gap:8px;aspect-ratio:16/9;margin:0 0 22px}.live-bilder>span{position:relative;overflow:hidden;border-radius:16px;background:var(--kachel)}.live-bilder>span.gross{grid-row:1/3}.live-bilder img{width:100%;height:100%;object-fit:cover;animation:langsam 18s ease-in-out infinite alternate}.live-bilder>span:nth-child(2) img{animation-delay:-6s}.live-bilder>span:nth-child(3) img{animation-delay:-12s}.live-termine{border-top:1px solid var(--linie);padding-top:18px;margin:0 0 22px}.live-termine h2{font-size:18px;margin:0 0 12px;text-align:center}.live-leer{display:flex;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--linie);border-radius:var(--r-l)}.live-leer p{margin:0;font-size:14px}.live-leer .symbol,.rabatt-kopf .symbol{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--kachel)}.live-liste{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.live-liste li{display:grid;grid-gap:4px;gap:4px;justify-items:start;padding:16px 18px;border:1px solid var(--linie);border-radius:var(--r-l)}.live-liste li .knopf{margin-top:8px}.live-zeit{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--grau)}.live-ablauf{display:grid;grid-gap:10px;gap:10px}.live-schritt{padding:16px 18px;border-radius:var(--r-l);background:var(--kachel)}.live-schritt h3{font-size:16px;margin:4px 0 2px}.live-schritt p{margin:0;font-size:13.5px}.live-nr{display:block;font:600 11px/1 var(--schrift-text),sans-serif;letter-spacing:.14em;color:var(--grau)}.live-nr:after{content:"";display:block;width:28px;height:1px;margin-top:8px;background:var(--schwarz);transform-origin:left;animation:linie-zeichnen 1s var(--weich) .4s both}@media (min-width:768px){.live-ablauf{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.live-bilder{gap:12px;margin-bottom:28px}}.rabatt-held{display:grid;grid-template-columns:96px minmax(0,1fr);grid-gap:14px;gap:14px;align-items:center;margin:0 0 18px}.rabatt-held img{width:96px;height:96px;border-radius:18px;object-fit:cover;background:var(--kachel)}.rabatt-held h1{margin:0 0 4px;font-size:clamp(22px,6vw,34px)}.rabatt-held .leise{margin:0}.rabatt-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.rabatt-karte{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--linie);border-radius:18px;background:var(--weiss);animation:rein .7s var(--weich) both;animation-delay:calc(var(--i) * 70ms + .12s);transition:transform .45s var(--weich),border-color .3s,box-shadow .45s var(--weich)}a.rabatt-karte:hover{transform:translateY(-3px);border-color:#d2d2d2;box-shadow:0 22px 40px -26px rgba(0,0,0,.35)}.rabatt-karte.bald{background:var(--kachel);border-color:transparent}.rabatt-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rabatt-kopf .symbol{width:36px;height:36px;background:var(--kachel)}.rabatt-karte.bald .rabatt-kopf .symbol{background:var(--weiss)}.rabatt-kopf .etikett{font-size:10px;padding:4px 9px}.rabatt-karte.bald .etikett{background:var(--weiss);color:var(--grau)}.rabatt-karte h2{font-size:14.5px;line-height:1.25;margin:0;overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual}.rabatt-karte p{margin:0;font-size:12px;line-height:1.4}.rabatt-karte .code-karte{margin-top:8px;padding:14px}.rabatt-hinweis{margin:16px 0 0;text-align:center}@media (min-width:768px){.rabatt-held{grid-template-columns:180px minmax(0,1fr);gap:24px;margin-bottom:26px}.rabatt-held img{width:180px;height:180px;border-radius:24px}.rabatt-karten{gap:14px}.rabatt-karte{padding:20px;gap:6px}.rabatt-karte h2{font-size:18px}.rabatt-karte p{font-size:14px}}@media (min-width:1180px){.rabatt-karten{grid-template-columns:repeat(4,minmax(0,1fr))}}.news-artikel .bild.cover{background:#f2efea;display:flex;align-items:center;justify-content:center;padding:16px 0}.news-artikel .bild.cover img{width:auto;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 14px 28px -14px rgba(0,0,0,.45)}.news-artikel{transition:transform .45s var(--weich)}.news-artikel h2{font-size:20px;margin:4px 0 8px}.news-artikel .text{padding:18px 20px 22px}.chef-profil{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;background:#fff}.chef-avatar{overflow:hidden;background:#fff!important}.intro-bild.chef{background:#fff}.intro-bild.chef img{object-position:center}.chef-avatar img{width:100%;height:100%;object-fit:cover}.chef-willkommen{display:flex;gap:12px;align-items:flex-start;margin:12px 0 4px;padding:12px 14px;border:1px solid var(--linie);border-radius:18px;background:var(--weiss);animation:rein .6s var(--weich) .15s both}.chef-willkommen>img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}.chef-willkommen p{margin:4px 0 2px;font-size:14px;line-height:1.5}.chef-willkommen-kopf{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grau)}.chef-willkommen-name{font-size:12.5px;font-weight:600}.leser.buch{max-width:1240px}.buch-leiste{position:-webkit-sticky;position:sticky;top:calc(var(--kopf) + 8px);z-index:6;display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.buch-leiste>*{display:inline-flex;align-items:center;gap:8px;padding:5px 8px 5px 14px;min-height:42px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--linie);box-shadow:var(--schatten);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.buch-knoepfe{padding:4px;gap:2px}.buch-knopf{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:none;font:600 12.5px var(--schrift-text),sans-serif;color:var(--schwarz);cursor:pointer;transition:background-color .2s}.buch-knopf:hover,.buch-knopf[aria-expanded=true],.buch-knopf[aria-pressed=true]{background:var(--kachel)}.buch-inhalt{position:relative;z-index:6;max-width:560px;max-height:52vh;overflow-y:auto;margin:0 auto 12px;padding:8px;border:1px solid var(--linie);border-radius:18px;background:var(--weiss);box-shadow:var(--schatten);animation:rein .35s var(--weich) both}.buch-inhalt ol{list-style:none;margin:0;padding:0}.buch-inhalt button{width:100%;display:flex;justify-content:space-between;gap:12px;padding:9px 12px;border:0;border-radius:10px;background:none;text-align:left;font:600 14px var(--schrift-text),sans-serif;color:var(--tinte);cursor:pointer}.buch-inhalt li.unter button{padding-left:26px;font-weight:400;font-size:13px}.buch-inhalt button:hover{background:var(--kachel)}.buch-buehne{position:relative;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer}.buch-seiten{position:relative;display:flex;width:max-content;margin:0 auto;perspective:2400px}.buch-seite{position:relative;background:var(--weiss);overflow:hidden;box-shadow:0 1px 0 var(--linie),0 18px 40px -24px rgba(0,0,0,.45)}.blatt img,.buch-seite img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;animation:blende .3s ease both}@keyframes blende{0%{opacity:0}}.buch-seite.leer{background:transparent;box-shadow:none}.buch-seite.laedt{margin:0 auto;background:var(--kachel);animation:puls 1.4s ease-in-out infinite alternate}@keyframes puls{to{opacity:.55}}.buch-seite.wartet{background:var(--kachel)}.buch-seite.wartet:before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid var(--linie);border-top-color:var(--schwarz);animation:buch-dreh .9s linear infinite}.buch-seite[data-stand=fehler]:before{display:none}@keyframes buch-dreh{to{transform:rotate(1turn)}}.buch-neu{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);padding:14px 16px;border:1px solid var(--linie);border-radius:14px;background:var(--weiss);font:500 14px/1.45 var(--schrift-text),sans-serif;color:var(--tinte);text-decoration:underline;text-underline-offset:3px;cursor:pointer}@media (max-width:699px){.buch-navi{padding:0 58px}}.buch-seiten:not(.doppel) .buch-seite{border-radius:6px}.doppel .buch-seite.links{border-radius:6px 0 0 6px}.doppel .buch-seite.rechts{border-radius:0 6px 6px 0}.doppel .buch-seite:not(.leer):after{content:"";position:absolute;top:0;bottom:0;width:34px;pointer-events:none}.doppel .buch-seite.links:not(.leer):after{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1))}.doppel .buch-seite.rechts:not(.leer):after{left:0;background:linear-gradient(270deg,transparent,rgba(0,0,0,.12))}.blatt{position:absolute;top:0;z-index:3;transform-style:preserve-3d;animation:var(--dauer) cubic-bezier(.45,.05,.25,1) both}.blatt.vor{left:50%;transform-origin:left center;animation-name:blatt-vor}.blatt.zurueck{left:0;transform-origin:right center;animation-name:blatt-zurueck}.blatt.einzeln{left:0;transform-origin:left center}.blatt.einzeln.vor{animation-name:blatt-weg}.blatt.einzeln.zurueck{animation-name:blatt-her}.blatt-hinten,.blatt-vorne{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--weiss);overflow:hidden}.blatt-hinten{transform:rotateY(180deg)}.blatt-hinten:after,.blatt-vorne:after{content:"";position:absolute;inset:0;pointer-events:none;animation:var(--dauer) ease both blatt-licht}.blatt.vor .blatt-vorne:after{background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 40%)}.blatt.vor .blatt-hinten:after,.blatt.zurueck .blatt-vorne:after{background:linear-gradient(270deg,rgba(0,0,0,.14),transparent 45%)}.blatt.zurueck .blatt-hinten:after{background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 40%)}@keyframes blatt-licht{0%,to{opacity:.2}50%{opacity:1}}@keyframes blatt-vor{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes blatt-zurueck{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes blatt-weg{0%{transform:rotateY(0);opacity:1}70%{opacity:1}to{transform:rotateY(-105deg);opacity:0}}@keyframes blatt-her{0%{transform:rotateY(-105deg);opacity:0}30%{opacity:1}to{transform:rotateY(0);opacity:1}}.buch-navi{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px auto 0;max-width:520px}.buch-pfeil{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid var(--linie);border-radius:50%;background:var(--weiss);color:var(--schwarz);cursor:pointer;transition:border-color .2s,transform .3s var(--federnd)}.buch-pfeil:hover:not(:disabled){border-color:var(--schwarz);transform:scale(1.06)}.buch-pfeil:disabled{opacity:.35;cursor:default}.buch-fortschritt{flex:1 1;height:1px;background:var(--linie);overflow:hidden}.buch-fortschritt span{display:block;height:100%;background:var(--schwarz);transform-origin:left;transform:scaleX(var(--wert));transition:transform .6s var(--weich)}.leser.buch.voll{position:fixed;inset:0;z-index:100;max-width:none;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#f4f2ee;display:flex;flex-direction:column;overflow:hidden}.leser.buch.voll .buch-leiste{position:static;margin-bottom:8px}.leser.buch.voll .buch-buehne{flex:1 1;display:grid;place-items:center}.leser.buch.voll .buch-navi{margin-top:8px}.leser.buch.voll>.ebook-schloss{display:none}@media (max-width:480px){.buch-knopf span{display:none}.buch-knopf{padding:0 10px}}@media (min-width:1024px){.buch-leiste{top:10px}}@media (prefers-reduced-motion:reduce){.blatt,.blatt:after,.buch-seite img,.buch-seite.wartet:before,.chef-willkommen,.live-bilder img,.live-nr:after,.rabatt-karte{animation:none!important}}@media (min-width:1024px){.konto-raster{grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:40px;max-width:1100px}.konto-karte{position:-webkit-sticky;position:sticky;top:44px}}.so-gehts{max-width:980px;margin:4px auto 26px}.so-titel{font-size:13px;font-family:var(--schrift-text),sans-serif;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--grau);margin:0 0 12px}.so-felder{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.so-felder li{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--linie);border-radius:16px;background:var(--weiss);animation:rein .6s var(--weich) both;animation-delay:calc(var(--i) * 70ms + .15s)}.so-felder strong{font-family:var(--schrift-titel),var(--schrift-text),sans-serif;font-weight:600;font-size:14px;line-height:1.25}.so-felder li>span:last-child{font-size:12px;line-height:1.4;color:var(--grau)}.so-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--kachel);margin-bottom:4px}.so-felder.anzahl-3 li:last-child{grid-column:1/-1}@media (min-width:768px){.so-felder{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.so-felder.anzahl-3{grid-template-columns:repeat(3,minmax(0,1fr))}.so-felder.anzahl-3 li:last-child{grid-column:auto}.so-felder li{padding:16px}.so-felder strong{font-size:15.5px}.so-felder li>span:last-child{font-size:13px}}@media (prefers-reduced-motion:reduce){.so-felder li{animation:none!important}}