/* Restaurants und Cafés (zrc): Trattoria Fiume, Terrakotta #B5532F. {n} = n Einheiten der Kartenbreite.
   HERO und B1 = was der Gast sieht (hell, Buchungsseite nach talqio buchen.css), B2 und B3 = Dashboard (dunkel, Bausteine aus dash.css) */
.zrc-hero,.zrc-b1{--k:#B5532F;--kh:#9C4425;--kt:#FBF1EC}
.zrc-hero svg,.zrc-b1 svg,.zrc-b2 svg,.zrc-b3 svg{display:block;flex:none}
.zrc-logo{display:flex;flex-direction:column;gap:calc(2 * var(--e))}
.zrc-logo small{font-size:calc(9 * var(--e));font-weight:600;line-height:1;letter-spacing:.22em;text-transform:uppercase;color:var(--k)}
.zrc-logo b{font:700 calc(21 * var(--e))/1 var(--display);font-stretch:72%;letter-spacing:.08em;color:#1C1A18}

/* ---------- HERO: iPhone, 390 × 844 Einheiten, oben 58 frei, unten 30 ---------- */
.zrc-hero{display:flex;flex-direction:column;padding-top:calc(58 * var(--e));background:#FFFFFF;font-size:calc(15 * var(--e));line-height:1.45;color:#2B2A28}
.zrc-kopf{flex:none;display:flex;align-items:center;justify-content:space-between;height:calc(56 * var(--e));padding:0 calc(20 * var(--e));border-bottom:1px solid rgba(11,11,12,.08)}
.zrc-menu{display:grid;place-content:center;gap:calc(5 * var(--e));width:calc(40 * var(--e));height:calc(40 * var(--e));border-radius:50%;box-shadow:inset 0 0 0 1px rgba(11,11,12,.12)}
.zrc-menu i{display:block;width:calc(16 * var(--e));height:calc(1.8 * var(--e));border-radius:2px;background:#1C1A18}
.zrc-in{flex:1;min-height:0;padding:calc(20 * var(--e)) calc(20 * var(--e)) 0;overflow:hidden}
.zrc-h{font:650 calc(25 * var(--e))/1.15 var(--display);letter-spacing:-.02em;color:#0B0B0C}
.zrc-u{margin-top:calc(6 * var(--e));font-size:calc(14 * var(--e));line-height:1.45;color:#5F5D58}
.zrc-l{display:flex;align-items:baseline;justify-content:space-between;gap:calc(10 * var(--e));margin:calc(20 * var(--e)) 0 calc(10 * var(--e));font-size:calc(14.5 * var(--e));font-weight:600;line-height:1.2;color:#0B0B0C}
.zrc-l span{font-size:calc(13 * var(--e));font-weight:500;color:#6F6D68;transition:opacity .2s ease}
.zrc-l i{font-style:normal;font-size:calc(13 * var(--e));font-weight:400;color:#8F8D87}
.zrc-tage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(6 * var(--e))}
.zrc-tg{display:flex;flex-direction:column;align-items:center;gap:calc(5 * var(--e));padding:calc(10 * var(--e)) 0 calc(11 * var(--e));border-radius:calc(12 * var(--e));box-shadow:inset 0 0 0 1px rgba(11,11,12,.12);transition:background .15s ease,box-shadow .15s ease}
.zrc-tg small{font-size:calc(11.5 * var(--e));font-weight:600;line-height:1;letter-spacing:.04em;color:#8F8D87;transition:color .15s ease}
.zrc-tg b{font:650 calc(18 * var(--e))/1 var(--display);color:#0B0B0C;font-variant-numeric:tabular-nums;transition:color .15s ease}
.zrc-tg.aus{box-shadow:none;background:#F7F6F4}
.zrc-tg.aus b{color:#B4B2AC}
.zrc-tg.on{background:var(--k);box-shadow:none}
.zrc-tg.on small{color:rgba(255,255,255,.78)}
.zrc-tg.on b{color:#fff}
.zrc-zeiten{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8 * var(--e))}
.zrc-z{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(3 * var(--e));height:calc(56 * var(--e));border-radius:calc(12 * var(--e));box-shadow:inset 0 0 0 1px rgba(11,11,12,.14);transition:background .2s ease,box-shadow .2s ease}
.zrc-z b{font-size:calc(15.5 * var(--e));font-weight:600;line-height:1.1;color:#0B0B0C;font-variant-numeric:tabular-nums;transition:color .2s ease}
.zrc-z small{display:none;font-size:calc(11.5 * var(--e));font-weight:600;line-height:1.1}
.zrc-zeiten.fr .zrc-z small{display:block}
.zrc-zeiten.fr .zrc-z.v{background:#F7F6F4;box-shadow:none}
.zrc-zeiten.fr .zrc-z.v b{color:#B4B2AC;text-decoration:line-through;text-decoration-thickness:1.5px}
.zrc-zeiten.fr .zrc-z.v small{color:#B4B2AC}
.zrc-zeiten.fr .zrc-z.w small{color:var(--k)}
.zrc-zeiten .zrc-z.on{background:var(--k);box-shadow:none}
.zrc-zeiten .zrc-z.on b,.zrc-zeiten .zrc-z.on small{color:#fff}
.zrc-zeiten.fr .zrc-z.on small{color:rgba(255,255,255,.85)}
.zrc-zeiten.wisch{opacity:0;transform:translateY(calc(6 * var(--e)))}
.zrc-zeiten{transition:opacity .25s ease,transform .45s var(--ease)}
.zrc-pers{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:calc(6 * var(--e))}
.zrc-pers span{display:grid;place-items:center;height:calc(46 * var(--e));border-radius:calc(12 * var(--e));font-size:calc(16 * var(--e));font-weight:600;color:#0B0B0C;box-shadow:inset 0 0 0 1px rgba(11,11,12,.14);transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.zrc-pers .on{background:var(--k);color:#fff;box-shadow:none}
.zrc-chips{display:flex;flex-wrap:wrap;gap:calc(8 * var(--e))}
.zrc-chips span{display:inline-flex;align-items:center;gap:calc(6 * var(--e));height:calc(40 * var(--e));padding:0 calc(14 * var(--e)) 0 calc(12 * var(--e));border-radius:999px;font-size:calc(14 * var(--e));font-weight:600;color:#0B0B0C;box-shadow:inset 0 0 0 1px rgba(11,11,12,.14);transition:background .15s ease,box-shadow .15s ease}
.zrc-chips svg{width:calc(14 * var(--e));height:calc(14 * var(--e));fill:none;stroke:#6F6D68;stroke-width:2.2;stroke-linecap:round;transition:transform .25s ease}
.zrc-chips .on{background:var(--kt);box-shadow:inset 0 0 0 1.5px var(--k)}
.zrc-chips .on svg{stroke:var(--k);transform:rotate(45deg)}
.zrc-fuss{flex:none;padding:calc(12 * var(--e)) calc(20 * var(--e)) calc(44 * var(--e));border-top:1px solid rgba(11,11,12,.08);background:#fff}
.zrc-sum{margin-bottom:calc(9 * var(--e));font-size:calc(13 * var(--e));font-weight:500;line-height:1.3;color:#5F5D58;text-align:center}
.zrc-go{display:flex;align-items:center;justify-content:center;gap:.28em;height:calc(52 * var(--e));border-radius:999px;background:var(--k);color:#fff;font-size:calc(16 * var(--e));font-weight:600;transition:transform .14s ease,background .2s ease}
.zrc-go i,.zrc-b1 i.zrc-pn,.zrc-b1 i.zrc-zt{font-style:normal}
.zrc-go.druck{transform:scale(.96);background:var(--kh)}
/* Bestätigung */
.zrc-fertig{position:absolute;left:0;right:0;top:calc(114 * var(--e));bottom:0;z-index:3;padding:calc(34 * var(--e)) calc(20 * var(--e)) 0;background:#fff;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}
.zrc-fertig.zeig{opacity:1;visibility:visible;transition:opacity .35s ease}
.zrc-ok{display:grid;place-items:center;width:calc(56 * var(--e));height:calc(56 * var(--e));margin-bottom:calc(18 * var(--e));border-radius:50%;background:var(--k);transform:scale(.5);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.zrc-ok svg{width:calc(26 * var(--e));height:calc(26 * var(--e));fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.zrc-fertig .zrc-h{font-size:calc(28 * var(--e))}
.zrc-p{margin-top:calc(8 * var(--e));font-size:calc(15 * var(--e));line-height:1.5;color:#5F5D58}
.zrc-rows{margin-top:calc(22 * var(--e));border-radius:calc(16 * var(--e));box-shadow:inset 0 0 0 1px rgba(11,11,12,.08);overflow:hidden}
.zrc-rows div{display:grid;grid-template-columns:calc(82 * var(--e)) minmax(0,1fr);gap:calc(10 * var(--e));padding:calc(12 * var(--e)) calc(16 * var(--e));border-top:1px solid rgba(11,11,12,.08);font-size:calc(14.5 * var(--e));line-height:1.4}
.zrc-rows div:first-child{border-top:0}
.zrc-rows span{color:#5F5D58}
.zrc-rows b{font-weight:600;color:#0B0B0C}
.zrc-akt{display:grid;gap:calc(10 * var(--e));margin-top:calc(22 * var(--e))}
.zrc-b{display:flex;align-items:center;justify-content:center;height:calc(50 * var(--e));border-radius:999px;background:var(--k);color:#fff;font-size:calc(15.5 * var(--e));font-weight:600}
.zrc-b.g{background:transparent;color:#0B0B0C;box-shadow:inset 0 0 0 1px rgba(11,11,12,.14)}
.zrc-fertig>*:not(.zrc-ok){opacity:0;transform:translateY(calc(8 * var(--e)));transition:opacity .4s ease,transform .55s var(--ease)}
.zrc-fertig.zeig .zrc-ok{transform:none}
.zrc-fertig.zeig>*:not(.zrc-ok){opacity:1;transform:none}
.zrc-fertig.zeig>*:nth-child(2){transition-delay:.1s}.zrc-fertig.zeig>*:nth-child(3){transition-delay:.2s}.zrc-fertig.zeig>*:nth-child(4){transition-delay:.3s}.zrc-fertig.zeig>*:nth-child(5){transition-delay:.42s}
.zrc-finger{width:calc(38 * var(--e));height:calc(38 * var(--e));margin:calc(-19 * var(--e)) 0 0 calc(-19 * var(--e));transition:transform .5s cubic-bezier(.45,.05,.25,1),opacity .3s ease}
.zrc-finger i{display:block;width:100%;height:100%;border-radius:50%;background:rgba(11,11,12,.2);box-shadow:inset 0 0 0 calc(1.5 * var(--e)) rgba(255,255,255,.6),0 calc(6 * var(--e)) calc(16 * var(--e)) rgba(11,11,12,.22);transition:transform .16s ease,background .16s ease}
.zrc-finger.tipp i{transform:scale(.78);background:rgba(11,11,12,.34)}

/* ---------- B1: Website der Trattoria mit Reservierung, Zeiten werden je Personenzahl grau ---------- */
.fn-app.zrc-b1{--e:calc(100cqw / 640);background:#FFFFFF;color:#2B2A28}
.zrc-nav{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;gap:calc(18 * var(--e));height:calc(50 * var(--e));padding:0 calc(22 * var(--e));background:#fff;border-bottom:1px solid rgba(11,11,12,.07)}
.zrc-nav .zrc-logo b{font-size:calc(17 * var(--e))}
.zrc-nav .zrc-logo small{font-size:calc(7.5 * var(--e))}
.zrc-links{flex:1;display:flex;justify-content:flex-end;gap:calc(18 * var(--e));font-size:calc(10.5 * var(--e));font-weight:500;color:#5F5D58}
.zrc-navb{display:inline-flex;align-items:center;height:calc(28 * var(--e));padding:0 calc(14 * var(--e));border-radius:999px;background:var(--k);color:#fff;font-size:calc(10.5 * var(--e));font-weight:600}
.zrc-bild{position:absolute;left:0;top:calc(50 * var(--e));bottom:0;width:calc(292 * var(--e));overflow:hidden;background:#E9E5DF}
.zrc-bild img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 55%}
.zrc-res{position:absolute;left:calc(318 * var(--e));right:calc(24 * var(--e));top:calc(64 * var(--e))}
.zrc-rh{font:650 calc(17 * var(--e))/1.15 var(--display);letter-spacing:-.02em;color:#0B0B0C}
.zrc-felder{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:calc(8 * var(--e));margin-top:calc(12 * var(--e))}
.zrc-feld small{display:block;margin-bottom:calc(5 * var(--e));font-size:calc(9.5 * var(--e));font-weight:600;color:#0B0B0C}
.zrc-stp,.zrc-sel{display:flex;align-items:center;height:calc(32 * var(--e));border-radius:calc(9 * var(--e));background:#F7F6F4;box-shadow:inset 0 0 0 1px rgba(11,11,12,.14)}
.zrc-stp{justify-content:space-between;padding:0 calc(4 * var(--e))}
.zrc-stp span{display:grid;place-items:center;width:calc(24 * var(--e));height:calc(24 * var(--e));border-radius:calc(7 * var(--e));background:#fff;box-shadow:0 0 0 1px rgba(11,11,12,.1);transition:transform .14s ease,background .2s ease}
.zrc-stp span.druck{transform:scale(.88);background:var(--kt)}
.zrc-stp svg{width:calc(11 * var(--e));height:calc(11 * var(--e));fill:none;stroke:#0B0B0C;stroke-width:2.2;stroke-linecap:round}
.zrc-stp b{font-size:calc(12.5 * var(--e));font-weight:600;color:#0B0B0C;font-variant-numeric:tabular-nums}
.zrc-sel{justify-content:space-between;padding:0 calc(10 * var(--e));font-size:calc(11 * var(--e));font-weight:500;color:#0B0B0C;white-space:nowrap;overflow:hidden}
.zrc-sel::after{flex:none;content:"";width:calc(5 * var(--e));height:calc(5 * var(--e));margin:calc(-3 * var(--e)) calc(2 * var(--e)) 0 calc(8 * var(--e));border:solid #6F6D68;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.zrc-rl{margin:calc(13 * var(--e)) 0 calc(6 * var(--e));font-size:calc(9.5 * var(--e));font-weight:600;color:#0B0B0C}
.zrc-gitter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(5 * var(--e))}
.zrc-gitter span{display:grid;place-items:center;height:calc(28 * var(--e));border-radius:calc(9 * var(--e));font-size:calc(11 * var(--e));font-weight:600;color:#0B0B0C;font-variant-numeric:tabular-nums;box-shadow:inset 0 0 0 1px rgba(11,11,12,.14);transition:background .35s ease,color .35s ease,box-shadow .35s ease}
.zrc-gitter[data-p="2"] .v2,.zrc-gitter[data-p="3"] .v3,.zrc-gitter[data-p="4"] .v4{background:#F4F3F0;color:#B9B7B1;box-shadow:none;text-decoration:line-through}
.zrc-gitter .on{background:var(--k);color:#fff;box-shadow:none}
.zrc-hw{margin-top:calc(8 * var(--e));font-size:calc(9.5 * var(--e));color:#8F8D87}
.zrc-rgo{display:flex;align-items:center;justify-content:center;gap:.28em;height:calc(33 * var(--e));margin-top:calc(10 * var(--e));border-radius:999px;background:var(--k);color:#fff;font-size:calc(11 * var(--e));font-weight:600;transition:opacity .25s ease}
.zrc-rgo.aus{opacity:.35}
.zrc-b1 .d-cur.gast span{background:#B5532F}

/* ---------- B2: Events im Dashboard, Anmeldungen zählen hoch ---------- */
.fn-app.zrc-b2{--e:calc(100cqw / 440);display:flex;flex-direction:column;padding:calc(18 * var(--e)) calc(18 * var(--e)) 0;background:#0B0B0C;color:#D6D4CE}
.zrc-b2 .d-head{flex:none;margin-bottom:calc(12 * var(--e))}
.zrc-b2 .d-btn svg{stroke:currentColor}
.zrc-tabs{align-self:flex-start;flex:none;margin-bottom:calc(12 * var(--e))}
.zrc-ev{flex:none;padding:calc(12 * var(--e)) calc(13 * var(--e)) calc(12 * var(--e))}
.zrc-evk{display:flex;align-items:center;gap:calc(11 * var(--e))}
.zrc-dat{flex:none;display:grid;justify-items:center;align-content:center;width:calc(40 * var(--e));height:calc(42 * var(--e));border-radius:calc(8 * var(--e));background:#1C1C1F;box-shadow:inset 0 0 0 1px rgba(244,243,240,.09)}
.zrc-dat small{font-size:calc(8 * var(--e));font-weight:600;line-height:1;letter-spacing:.06em;text-transform:uppercase;color:#FF6A2A}
.zrc-dat b{margin-top:calc(3 * var(--e));font:600 calc(16 * var(--e))/1 var(--display);color:#F4F3F0}
.zrc-evt{flex:1;min-width:0}
.zrc-evt b{display:block;font-size:calc(12 * var(--e));font-weight:600;line-height:1.3;color:#F4F3F0}
.zrc-evt span{display:block;margin-top:calc(2 * var(--e));font-size:calc(9.5 * var(--e));line-height:1.4;color:#A9A7A1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zrc-zahl{flex:none;text-align:right}
.zrc-zahl b{display:block;font:600 calc(21 * var(--e))/1 var(--display);letter-spacing:-.02em;color:#F4F3F0;font-variant-numeric:tabular-nums;white-space:nowrap}
.zrc-zahl i{font-style:normal;transition:color .4s ease}
.zrc-zahl small{font-size:calc(12 * var(--e));font-weight:500;color:#6F6D68}
.zrc-zahl>span{display:block;margin-top:calc(3 * var(--e));font-size:calc(9 * var(--e));color:#A9A7A1}
.zrc-zahl.neu i{color:#FF6A2A}
.zrc-bar{display:block;height:calc(6 * var(--e));margin-top:calc(12 * var(--e));border-radius:999px;background:#1C1C1F;overflow:hidden}
.zrc-bar i{display:block;width:var(--w);height:100%;border-radius:inherit;background:#FF4800;transition:width .9s var(--ease)}
.zrc-frei{margin-top:calc(7 * var(--e));font-size:calc(9 * var(--e));color:#A9A7A1}
.zrc-frei i{font-style:normal}
.zrc-b2 .d-tit{flex:none;margin-top:calc(14 * var(--e))}
.zrc-an{flex:1;min-height:0;overflow:hidden;border-bottom:0;border-radius:calc(10 * var(--e)) calc(10 * var(--e)) 0 0;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - calc(40 * var(--e))),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - calc(40 * var(--e))),transparent)}
.zrc-an .d-r{min-height:calc(38 * var(--e));padding-top:calc(5 * var(--e));padding-bottom:calc(5 * var(--e))}
.zrc-pp{flex:none;font-size:calc(9.5 * var(--e));color:#A9A7A1;white-space:nowrap}
.zrc-neu .d-r{transition:background 1.4s ease}
.zrc-neu.frisch .d-r{background:rgba(255,72,0,.07);transition:background .3s ease}
.zrc-b2 .d-toast{right:calc(16 * var(--e));bottom:calc(16 * var(--e))}

/* ---------- B3: Tischplan für den Abend ---------- */
.fn-app.zrc-b3{container-type:size;background:#0B0B0C;color:#D6D4CE}
.zrc-b3i{--e:calc(100cqw / 640);position:absolute;inset:0;font-size:calc(11 * var(--e))}
.zrc-kp{position:absolute;left:calc(18 * var(--e));right:calc(18 * var(--e));top:calc(16 * var(--e));display:flex;align-items:center;gap:calc(16 * var(--e))}
.zrc-kp>div:first-child{flex:1;min-width:0}
.zrc-frz{display:flex;align-items:baseline;gap:calc(7 * var(--e));padding:calc(6 * var(--e)) calc(11 * var(--e));border-radius:calc(9 * var(--e));background:#141416;border:1px solid rgba(244,243,240,.09);white-space:nowrap}
.zrc-frz span{font-size:calc(9.5 * var(--e));color:#A9A7A1}
.zrc-frz b{font:600 calc(13 * var(--e))/1.2 var(--display);color:#F4F3F0;transition:color .4s ease}
.zrc-frz i{font-style:normal}
.zrc-frz.neu b{color:#FF6A2A}
.zrc-uhr span{height:calc(22 * var(--e));font-size:calc(9.5 * var(--e))}
.zrc-plan{position:absolute;left:calc(18 * var(--e));top:calc(64 * var(--e));width:calc(64% - calc(24 * var(--e)));bottom:calc(18 * var(--e));overflow:hidden}
.zrc-liste{position:absolute;left:calc(64% + calc(6 * var(--e)));right:calc(18 * var(--e));top:calc(64 * var(--e));bottom:calc(-10 * var(--e));overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - calc(46 * var(--e))),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - calc(46 * var(--e))),transparent)}
.zrc-fenster{position:absolute;left:8%;right:22%;top:0;height:calc(3 * var(--e));border-radius:0 0 2px 2px;background:rgba(244,243,240,.18)}
.zrc-fenster{font-size:0}
.zrc-bar2{position:absolute;left:83%;top:9%;width:11%;height:52%;display:grid;place-items:center;border-radius:calc(8 * var(--e));background:#1C1C1F;box-shadow:inset 0 0 0 1px rgba(244,243,240,.09);font-size:calc(9 * var(--e));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6F6D68}
.zrc-tuer{position:absolute;right:4%;bottom:calc(8 * var(--e));font-size:calc(8.5 * var(--e));font-weight:600;color:#6F6D68}
.zrc-tuer::before{content:"";position:absolute;left:calc(-4 * var(--e));right:calc(-4 * var(--e));bottom:calc(-8 * var(--e));height:calc(3 * var(--e));border-radius:2px 2px 0 0;background:#0B0B0C;box-shadow:0 0 0 1px rgba(244,243,240,.09)}
/* Tische: rund für 2, eckig für 4 und 6, Stühle als kurze Balken am Rand */
.zrc-t{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(1 * var(--e));border-radius:calc(9 * var(--e));
  background:#141416;box-shadow:inset 0 0 0 1px rgba(244,243,240,.16);transition:background .5s ease,box-shadow .5s ease}
.zrc-t.rund{width:12%;aspect-ratio:1;border-radius:50%}
.zrc-t.vier{width:17%;height:19%}
.zrc-t.sechs{width:27%;height:18%}
.zrc-t::before,.zrc-t::after{content:"";position:absolute;border-radius:calc(2 * var(--e));background:rgba(244,243,240,.14)}
.zrc-t.vier::before,.zrc-t.vier::after,.zrc-t.sechs::before,.zrc-t.sechs::after{left:14%;right:14%;height:calc(4 * var(--e));background:linear-gradient(90deg,rgba(244,243,240,.16) 0 38%,transparent 38% 62%,rgba(244,243,240,.16) 62%)}
.zrc-t.sechs::before,.zrc-t.sechs::after{left:9%;right:9%;background:linear-gradient(90deg,rgba(244,243,240,.16) 0 26%,transparent 26% 37%,rgba(244,243,240,.16) 37% 63%,transparent 63% 74%,rgba(244,243,240,.16) 74%)}
.zrc-t.vier::before,.zrc-t.sechs::before{top:calc(-8 * var(--e))}
.zrc-t.vier::after,.zrc-t.sechs::after{bottom:calc(-8 * var(--e))}
.zrc-t.rund::before,.zrc-t.rund::after{top:30%;bottom:30%;width:calc(4 * var(--e))}
.zrc-t.rund::before{left:calc(-8 * var(--e))}
.zrc-t.rund::after{right:calc(-8 * var(--e))}
.zrc-t small{position:absolute;left:calc(6 * var(--e));top:calc(4 * var(--e));font-size:calc(8.5 * var(--e));font-weight:600;line-height:1;color:#6F6D68}
.zrc-t.rund small{position:static;margin-bottom:calc(1 * var(--e))}
.zrc-t b{font-size:calc(10.5 * var(--e));font-weight:600;line-height:1.2;color:#F4F3F0;font-variant-numeric:tabular-nums}
.zrc-t em{font-style:normal;font-size:calc(9 * var(--e));line-height:1.2;color:rgba(244,243,240,.7)}
.zrc-t u{text-decoration:none;font-size:calc(9.5 * var(--e));font-weight:600;color:#A9A7A1}
.zrc-t.res{background:color-mix(in srgb,#FF4800 20%,#141416);box-shadow:inset 0 0 0 1px rgba(255,106,42,.55)}
.zrc-t.res small{color:rgba(255,160,120,.75)}
.zrc-t.res b{color:#FF8A57}
.zrc-t.res u,.zrc-t:not(.res) b,.zrc-t:not(.res) em{display:none}
.zrc-t.frisch{background:color-mix(in srgb,#FF4800 34%,#141416);box-shadow:inset 0 0 0 1.5px #FF6A2A,0 0 calc(22 * var(--e)) rgba(255,72,0,.45)}
.zrc-lk{display:flex;flex-direction:column;gap:calc(2 * var(--e));padding:calc(11 * var(--e)) calc(12 * var(--e)) calc(9 * var(--e));font:600 calc(12 * var(--e))/1.2 var(--display);color:#F4F3F0}
.zrc-lk span{font:400 calc(9 * var(--e))/1.3 var(--body);color:#A9A7A1}
.zrc-lz{display:flex;align-items:center;gap:calc(9 * var(--e));min-height:calc(38 * var(--e));padding:calc(5 * var(--e)) calc(12 * var(--e));border-top:1px solid rgba(244,243,240,.09);transition:background 1.4s ease}
.zrc-lz time{flex:none;font-size:calc(10 * var(--e));font-weight:600;color:#A9A7A1;font-variant-numeric:tabular-nums}
.zrc-lneu.frisch .zrc-lz{background:rgba(255,72,0,.08);transition:background .3s ease}
.zrc-lneu .zrc-lz time{color:#FF6A2A}
.zrc-b3 .d-toast{right:calc(18 * var(--e));bottom:calc(18 * var(--e))}
.zrc-b3 .d-tip{white-space:nowrap}

/* ---------- Handy (Kachel ca. 295 × 295 px) ---------- */
@container (max-width:420px){
  .fn-app.zrc-b1{--e:calc(100cqw / 340)}
  .zrc-links{display:none}
  .zrc-nav{justify-content:space-between;height:calc(44 * var(--e));padding:0 calc(14 * var(--e))}
  .zrc-nav .zrc-logo b{font-size:calc(16 * var(--e))}
  .zrc-bild{left:0;right:0;top:calc(44 * var(--e));bottom:auto;width:auto;height:calc(74 * var(--e))}
  .zrc-res{left:calc(14 * var(--e));right:calc(14 * var(--e));top:calc(96 * var(--e));padding:calc(12 * var(--e)) calc(13 * var(--e)) calc(14 * var(--e));border-radius:calc(14 * var(--e));background:#fff;box-shadow:0 0 0 1px rgba(11,11,12,.07),0 calc(12 * var(--e)) calc(28 * var(--e)) rgba(11,11,12,.16)}
  .zrc-rh{font-size:calc(15 * var(--e))}
  .zrc-felder{margin-top:calc(10 * var(--e))}
  .zrc-rl{margin:calc(10 * var(--e)) 0 calc(6 * var(--e))}
  .zrc-gitter span{height:calc(26 * var(--e));font-size:calc(10.5 * var(--e))}
  .zrc-hw,.zrc-rgo{display:none}

  .fn-app.zrc-b2{--e:calc(100cqw / 340);padding:calc(14 * var(--e)) calc(14 * var(--e)) 0}
  .zrc-b2 .d-sub,.zrc-t3,.zrc-evt span{display:none}
  .zrc-b2 .d-head{margin-bottom:calc(10 * var(--e))}
  .zrc-tabs{margin-bottom:calc(10 * var(--e))}
  .zrc-b2 .d-toast{left:calc(12 * var(--e));right:calc(12 * var(--e));bottom:calc(12 * var(--e))}
}
@container (min-width:421px) and (max-width:600px){.fn-app.zrc-b1{--e:calc(100cqw / 560)}}
@container (min-width:620px){
  .fn-app.zrc-b2{--e:calc(100cqw / 620);padding:calc(18 * var(--e)) calc(90 * var(--e)) 0}
}
/* B3 schmal und quer: Liste schmaler */
@container (max-width:600px){.zrc-b3i{--e:calc(100cqw / 560)} .zrc-uhr{display:none}}
/* B3 quadratisch: nur der Plan, groß */
@container (max-aspect-ratio:5/4){
  .zrc-b3i{--e:calc(100cqw / 340)}
  .zrc-kp{left:calc(12 * var(--e));right:calc(12 * var(--e));top:calc(12 * var(--e))}
  .zrc-kp .d-sub,.zrc-uhr,.zrc-liste{display:none}
  .zrc-plan{left:calc(12 * var(--e));right:calc(12 * var(--e));top:calc(56 * var(--e));bottom:calc(12 * var(--e));width:auto}
  .zrc-t b{font-size:calc(10 * var(--e))}
  .zrc-b3 .d-toast{left:calc(12 * var(--e));right:calc(12 * var(--e));bottom:calc(12 * var(--e))}
}
@container (max-aspect-ratio:5/4) and (min-width:421px){.zrc-b3i{--e:calc(100cqw / 380)}}
@media (prefers-reduced-motion:reduce){.zrc-zeiten,.zrc-fertig,.zrc-fertig>*,.zrc-ok,.zrc-bar i,.zrc-t{transition:none!important}}