.mix .eb-kopf{gap:.8rem 3rem;margin-bottom:clamp(1.8rem,4vw,2.8rem);display:grid}.mix .eb-kopf h2{margin-bottom:0}.mix .eb-kopf .anriss{margin-top:0}@media (width>=940px){.mix .eb-kopf{grid-template-columns:minmax(0,1fr) minmax(0,27rem);align-items:end}}.mix .eb[data-eb-variante="1"] .eb-var:not([data-eb="1"]),.mix .eb[data-eb-variante="2"] .eb-var:not([data-eb="2"]),.mix .eb[data-eb-variante="3"] .eb-var:not([data-eb="3"]){display:none}.mix .eb-liste{margin:0;padding:0;list-style:none}.mix .eb-liste::-webkit-scrollbar{display:none}.mix .eb-liste:focus-visible{outline:2px solid var(--blau);outline-offset:4px;border-radius:var(--rund)}.mix .eb-kachel{min-width:0}.mix .eb-knopf{border-radius:var(--rund);background:var(--papier-2);cursor:zoom-in;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.mix .eb-knopf img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);display:block}.mix .eb-knopf:focus-visible{outline:2px solid var(--blau);outline-offset:3px}@media (hover:hover){.mix .eb-knopf:hover img{transform:scale(1.045)}}.mix .eb-titel{text-align:left;color:#fff;pointer-events:none;background:linear-gradient(#0000,#031643cc);padding:2.4rem 1rem .85rem;font-size:.86rem;font-weight:500;line-height:1.3;position:absolute;inset:auto 0 0}.mix .eb-steuer{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.mix .eb-zaehler{font-family:var(--schrift-mono);letter-spacing:.08em;color:var(--tinte-2);font-variant-numeric:tabular-nums;font-size:.8rem}.mix .eb-pfeile{gap:.5rem;display:flex}.mix .eb-pfeile button{border:1.5px solid var(--linie);background:var(--papier);width:2.8rem;height:2.8rem;color:var(--blau);cursor:pointer;border-radius:999px;place-items:center;transition:border-color .2s,opacity .2s;display:grid}.mix .eb-pfeile button:hover:not(:disabled){border-color:var(--blau)}.mix .eb-pfeile button:disabled{opacity:.35;cursor:default}.mix .eb-pfeile [data-eb-zurueck] .symbol,.mix .eb-dialog-zurueck .symbol{transform:rotate(180deg)}@media (width>=760px){.mix .eb-var-1 .eb-liste{grid-template-rows:repeat(3,clamp(9.5rem,16vw,13.5rem));grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"a a c d""a a e f""g g h i";gap:.8rem;display:grid}.mix .eb-var-1 .eb-kachel:first-child .eb-titel{padding:3rem 1.3rem 1.1rem;font-size:1rem}.mix .eb-var-2 .eb-liste{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.mix .eb-var-2 .eb-knopf{aspect-ratio:4/3;height:auto}.mix .eb-var-2 .eb-titel{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(6px)}.mix .eb-var-2 .eb-knopf:hover .eb-titel,.mix .eb-var-2 .eb-knopf:focus-visible .eb-titel{opacity:1;transform:none}.mix .eb-var-1 .eb-steuer,.mix .eb-var-2 .eb-steuer{display:none}.mix .eb-var-3 .eb-liste{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:1rem;display:flex;overflow-x:auto}.mix .eb-var-3 .eb-kachel{scroll-snap-align:start;flex:0 0 min(46%,36rem)}.mix .eb-var-3 .eb-knopf{aspect-ratio:4/3;height:auto}}@media (width<=759px){.mix .eb-liste{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.7rem;margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto}.mix .eb-kachel{scroll-snap-align:start;flex:0 0 86%}.mix .eb-knopf{aspect-ratio:4/3;height:auto}}.mix .eb-wahl{border-radius:var(--rund);border:1.5px dashed #d97706;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.4rem;padding:.55rem;display:flex}.mix .eb-wahl .abb{margin:0 .4rem}.mix .eb-wahl button{font:inherit;border:1px solid var(--linie);background:var(--papier);color:var(--tinte);cursor:pointer;border-radius:999px;padding:.45rem .95rem;font-size:.88rem;font-weight:600}.mix .eb-wahl button[aria-pressed=true]{background:var(--blau);border-color:var(--blau);color:#fff}.mix .eb-dialog{color:#fff;background:0 0;border:0;width:min(94vw,1200px);max-width:none;max-height:none;margin:auto;padding:0;overflow:visible}.mix .eb-dialog::backdrop{background:#020a1ce6}.mix .eb-dialog figure{margin:0;position:relative}.mix .eb-dialog img{border-radius:var(--rund);width:auto;max-width:100%;max-height:76vh;margin-inline:auto;display:block}.mix .eb-dialog figcaption{color:#ffffffeb;justify-content:space-between;gap:1rem;margin-top:.8rem;font-size:.92rem;display:flex}.mix .eb-dialog-zahl{font-family:var(--schrift-mono);color:#ffffffb3;white-space:nowrap;font-size:.8rem}.mix .eb-dialog button{width:2.9rem;height:2.9rem;color:var(--blau-tief);cursor:pointer;background:#fff;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;box-shadow:0 8px 24px -10px #00000080}.mix .eb-dialog-zu{top:.7rem;right:.7rem}.mix .eb-dialog-zurueck,.mix .eb-dialog-weiter{top:calc(50% - 2.45rem)}.mix .eb-dialog-zurueck{left:.7rem}.mix .eb-dialog-weiter{right:.7rem}
