/* Zurück-Knopf (Carbo Farm) – eingefügt von design/zurueck/inject.py */
.zb{--zb-c:#0077ad;--zb-ink:#ffffff;--zb-ring:#0b3d5c;--zb-hov:#00628f;
  position:relative;z-index:90;display:flex;align-items:center;box-sizing:border-box;
  min-height:60px;margin:0;padding:10px 16px 6px var(--zb-x,16px);
  font:600 15px/1.2 "Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  letter-spacing:0;text-align:left;background:transparent;pointer-events:none}
.zb.zb-dunkel{--zb-c:#5cc4f2;--zb-ink:#08131c;--zb-ring:#e8eef4;--zb-hov:#8ad6f7}
.zb *{box-sizing:border-box}
.zb .zb-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:.55em;min-height:44px;min-width:44px;max-width:100%;
  margin:0;padding:0 20px 0 15px;border:1px solid rgba(0,0,0,.14);border-radius:999px;
  background:var(--zb-c);color:var(--zb-ink);text-decoration:none;font:inherit;cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.20),0 3px 10px rgba(0,0,0,.10);
  transform-origin:left center;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background-color .2s ease}
.zb .zb-btn:visited,.zb .zb-btn:hover,.zb .zb-btn:active{color:var(--zb-ink);text-decoration:none}
.zb .zb-pf{display:inline-block;font-size:1.3em;line-height:1;font-weight:700;transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.zb .zb-t{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.zb .zb-btn:hover,.zb .zb-btn:focus-visible{transform:scale(1.06);background:var(--zb-hov);
  box-shadow:0 2px 4px rgba(0,0,0,.22),0 8px 22px rgba(0,0,0,.16)}
.zb .zb-btn:hover .zb-pf,.zb .zb-btn:focus-visible .zb-pf{transform:translateX(-4px);animation:zb-stups .9s ease-in-out .2s infinite}
.zb .zb-btn:active{transform:scale(.98)}
.zb .zb-btn:focus{outline:none}
.zb .zb-btn:focus-visible{outline:3px solid var(--zb-ring);outline-offset:3px}
@keyframes zb-stups{0%,100%{transform:translateX(-4px)}50%{transform:translateX(-9px)}}
/* Handy (hy, Handy-Standard Regel 3): kompakte Zeile ÜBER der Kopfzeile der Seite, scrollt mit (klebt NICHT).
   Nur wenn die Seite selbst keine klebende Kopfzeile hat, klebt der Knopf (Klasse zb-kleb, gesetzt von zurueck.js) – max. 52 px.
   Fremde Kopfzeilen werden nicht mehr verschoben. Quer (niedrige Höhe): nie klebend. */
@media (max-width:760px){
  .zb{position:relative;min-height:52px;padding:4px max(12px,env(safe-area-inset-right)) 4px max(12px,var(--zb-x,12px),env(safe-area-inset-left));pointer-events:auto;
    background:var(--zb-bg,transparent)}
  .zb .zb-btn{min-height:44px;font-size:15px;padding:0 16px 0 12px}
  .zb.zb-kleb{position:sticky;top:0;border-bottom:1px solid rgba(127,127,127,.22);
    -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
}
@media (orientation:landscape) and (max-height:500px){
  .zb,.zb.zb-kleb{position:relative;min-height:48px;padding-top:2px;padding-bottom:2px;padding-left:max(12px,var(--zb-x,12px),env(safe-area-inset-left))}
}
@media (forced-colors:active){.zb .zb-btn{border:2px solid ButtonText}}
/* Sanfter Übergang zurück */
html.zb-weg{overflow-x:hidden}
html.zb-weg body{animation:zb-weg .17s ease-in forwards}
@keyframes zb-weg{to{opacity:0;transform:translateX(32px)}}
@view-transition{navigation:auto}
html:active-view-transition-type(zurueck)::view-transition-old(root){animation:zb-vt-alt .22s ease-in both}
html:active-view-transition-type(zurueck)::view-transition-new(root){animation:zb-vt-neu .26s ease-out both}
@keyframes zb-vt-alt{to{opacity:0;transform:translateX(40px)}}
@keyframes zb-vt-neu{from{opacity:0;transform:translateX(-40px)}}
@media (prefers-reduced-motion:reduce){
  .zb .zb-btn,.zb .zb-pf{transition:background-color .15s ease!important;animation:none!important}
  .zb .zb-btn:hover,.zb .zb-btn:focus-visible,.zb .zb-btn:active{transform:none}
  .zb .zb-btn:hover .zb-pf,.zb .zb-btn:focus-visible .zb-pf{transform:none}
  html.zb-weg body{animation:none}
  @view-transition{navigation:none}
}
.zb-doppelt{display:none!important}
@media print{.zb{display:none!important}}
/* hy: zu hohe klebende Kopfzeilen der Seite auf dem Handy/quer nicht kleben lassen (gesetzt von zurueck.js) */
@media (max-width:760px),(orientation:landscape) and (max-height:500px){.zb-lose{position:relative!important;top:auto!important}}