.ep{--grund:#171615;--leiste:#171615f7;--linie:#ffffff17;--text:#ece8e3;--leise:#9c958d;--hell:color-mix(in srgb, var(--heftfarbe) 55%, #fff);background:var(--grund);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;border:0;margin:0;padding:0;font-weight:300}.ep[open]{grid-template-rows:auto 1fr auto;display:grid}.ep::backdrop{background:#171615}body:has(.ep[open]){overflow:hidden}.ep svg{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.ep__kopf{z-index:5;border-bottom:1px solid var(--linie);background:var(--leiste);justify-content:space-between;align-items:center;gap:24px;padding:14px 28px;display:flex;position:relative}.ep__titel{align-items:center;gap:14px;min-width:0;display:flex}.ep__marke{color:var(--heftfarbe);display:flex}.ep__marke svg{stroke:none;fill:currentColor;width:auto;height:22px}.ep__ausgabe{letter-spacing:.22em;text-transform:uppercase;color:var(--leise);white-space:nowrap;font-size:11px}.ep__leiste{align-items:center;gap:2px;display:flex}.ep__knopf{letter-spacing:.18em;text-transform:uppercase;color:var(--leise);align-items:center;gap:8px;padding:8px 12px;font-size:11px;text-decoration:none;transition:color .25s;display:flex}.ep__knopf:hover,.ep__knopf.an{color:var(--text)}.ep__knopf.an span{box-shadow:0 1px 0 var(--hell)}.ep__knopf--rund{padding:8px 10px}.ep__trenner{background:var(--linie);width:1px;height:18px;margin:0 8px}.ep__schublade{background:var(--leiste);border-bottom:1px solid var(--linie);opacity:0;pointer-events:none;max-height:calc(100dvh - 160px);transition:opacity .3s,transform .3s;position:absolute;top:100%;left:0;right:0;overflow:auto;transform:translateY(-8px)}.ep__schublade.an{opacity:1;pointer-events:auto;transform:none}.ep__reihe{scrollbar-width:thin;scrollbar-color:#444 transparent;gap:14px;padding:20px 28px 22px;display:flex;overflow-x:auto}.ep__mini{text-align:center;letter-spacing:.15em;color:var(--leise);flex:none;font-size:10px}.ep__mini img{aspect-ratio:210/297;object-fit:cover;outline-offset:3px;background:#2a2826;outline:1px solid #0000;width:62px;margin-bottom:8px;transition:outline-color .2s;display:block}.ep__mini:hover img{outline-color:#ffffff40}.ep__mini.an img{outline-color:var(--hell)}.ep__mini.an{color:var(--text)}.ep__hefte{align-items:flex-end;gap:22px}.ep__heft{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--leise);flex:none;font-size:10px;text-decoration:none}.ep__heft img{aspect-ratio:210/297;object-fit:cover;outline-offset:4px;outline:1px solid #0000;width:84px;margin-bottom:9px;transition:outline-color .2s,transform .3s;display:block}.ep__heft:hover img{outline-color:#ffffff40;transform:translateY(-2px)}.ep__heft.an img{outline-color:var(--heftfarbe)}.ep__heft.an,.ep__heft:hover{color:var(--text)}.ep__heft--alle{border-left:1px solid var(--linie);color:var(--text);align-self:stretch;align-items:center;padding:0 10px;display:flex}.ep__inhalt{columns:2 340px;column-gap:56px;max-width:980px;margin:0 auto;padding:26px 28px 30px}.ep__inhalt h3,.ep__merken h3{column-span:all;font:300 22px/1.3 var(--slab);color:var(--text);margin:0 0 18px}.ep__eintrag{border-bottom:1px solid var(--linie);break-inside:avoid;text-align:left;grid-template-columns:34px 1fr;gap:12px;width:100%;padding:9px 0;font-size:14px;line-height:1.4;display:grid}.ep__eintrag em{color:var(--hell);letter-spacing:.1em;padding-top:2px;font-size:11px;font-style:normal}.ep__eintrag small{letter-spacing:.18em;text-transform:uppercase;color:var(--leise);margin-bottom:2px;font-size:10px;display:block}.ep__eintrag:hover{color:#fff}.ep__suche,.ep__merken{max-width:980px;margin:0 auto;padding:22px 28px 26px}.ep__suche input{border:0;border-bottom:1px solid var(--linie);width:100%;color:var(--text);font:300 18px/1.4 var(--sans);background:0 0;outline:none;padding:6px 0}.ep__suche input:focus{border-bottom-color:var(--hell)}.ep__leise{letter-spacing:.18em;text-transform:uppercase;color:var(--leise);margin:10px 0 0;font-size:11px}.ep__treffer{columns:2 340px;column-gap:56px;margin-top:8px}.ep__treffer button{border-bottom:1px solid var(--linie);break-inside:avoid;text-align:left;grid-template-columns:34px 1fr;gap:12px;width:100%;padding:9px 0;font-size:14px;line-height:1.4;display:grid}.ep__treffer button:hover{color:#fff}.ep__treffer em{color:var(--hell);letter-spacing:.1em;padding-top:2px;font-size:11px;font-style:normal}.ep__treffer mark{color:var(--hell);background:0 0}.ep__merkknopf{letter-spacing:.18em;text-transform:uppercase;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:9px 16px;font-size:11px;display:inline-flex}.ep__merkknopf:hover{border-color:#fff6}.ep__gemerkt{padding-inline:0}.ep__teilen{border:1px solid var(--linie);background:#201f1d;width:300px;padding:20px;top:calc(100% + 8px);left:auto;right:28px;box-shadow:0 20px 40px #00000073}.ep__teilen p{letter-spacing:.18em;text-transform:uppercase;color:var(--leise);margin:0 0 14px;font-size:11px}.ep__teilen p b{color:var(--text);font-weight:400}.ep__teilen a,.ep__teilen button{width:100%;color:var(--text);text-align:left;border-bottom:1px solid var(--linie);padding:9px 0;font-size:14px;text-decoration:none;display:block}.ep__teilen a:hover,.ep__teilen button:hover{color:var(--hell)}.ep__teilen button{border:0}.ep__kopiert{color:var(--hell);min-height:14px;margin-top:8px;font-size:12px;display:block}.ep__buehne{justify-content:center;align-items:center;min-height:0;padding:36px 96px;display:flex;position:relative;overflow:hidden}.ep__doppel{transition:opacity .35s;display:flex;box-shadow:0 30px 70px -20px #000000b3,0 8px 20px #00000059}.ep__doppel:focus{outline:none}.ep__doppel.weg{opacity:0}.ep__doppel.gleiten{transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .42s}.ep__doppel.raus-links{opacity:0;transition-duration:.22s;transition-timing-function:ease-in;transform:translate(-18%)}.ep__doppel.raus-rechts{opacity:0;transition-duration:.22s;transition-timing-function:ease-in;transform:translate(18%)}.ep__doppel.rein-rechts{opacity:0;transition:none;transform:translate(18%)}.ep__doppel.rein-links{opacity:0;transition:none;transform:translate(-18%)}.ep__seite{background:#2a2826;position:relative}.ep__seite>img{cursor:zoom-in;width:auto;max-width:calc(50vw - 96px);height:auto;max-height:calc(100dvh - 170px);display:block}.ep__doppel--eins .ep__seite>img{max-width:calc(100vw - 192px)}.ep__marke-treffer{background:color-mix(in srgb, var(--heftfarbe) 35%, transparent);outline:2px solid var(--heftfarbe);pointer-events:none;border-radius:2px;position:absolute}.zone{cursor:pointer;border-radius:2px;transition:background .2s,box-shadow .2s;display:block;position:absolute}.zone:hover{background:color-mix(in srgb, var(--heftfarbe) 9%, transparent);box-shadow:inset 3px 0 0 var(--heftfarbe)}.zone b{color:var(--text);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#171615f0;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:400;transition:opacity .2s,translate .2s;position:absolute;bottom:calc(100% + 6px);right:0;translate:0 4px}.zone:hover b{opacity:1;translate:0}.zone--zurueck:hover{box-shadow:none;background:#fff3}.zone--rubrik:hover{box-shadow:inset 0 -2px 0 var(--heftfarbe)}.zone--web:hover,.zone--mail:hover{background:#ffffff2e;box-shadow:inset 0 -1.5px #969696e6}.zone--web b,.zone--mail b{display:none}.zone--unten b{inset:calc(100% + 6px) auto auto 50%;translate:-50% -4px}.zone--unten:hover b{translate:-50%}@media (hover:none){.zone b{display:none}.zone:hover{box-shadow:none;background:0 0}}.ep__pfeil{width:52px;height:52px;color:var(--leise);border:1px solid var(--linie);border-radius:50%;place-items:center;transition:all .25s;display:grid;position:absolute;top:50%;translate:0 -50%}.ep__pfeil:hover{color:var(--text);border-color:#ffffff4d}.ep__pfeil svg{width:20px;height:20px}.ep__pfeil--zurueck{left:28px}.ep__pfeil--vor{right:28px}.ep__pfeil:disabled{opacity:.2;pointer-events:none}.ep__lupe{background:var(--grund);cursor:zoom-out;z-index:3;display:none;position:absolute;inset:0;overflow:auto}.ep__lupe.an{display:block}.ep__lupe img{width:min(1500px,180%);margin:0 auto;display:block}.ep__lupezu{z-index:4;letter-spacing:.18em;text-transform:uppercase;background:#171615eb;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 14px;font-size:11px;display:none;position:absolute;top:20px;right:32px}.ep__lupezu:hover{border-color:#fff6}.ep__lupezu.an{display:flex}.ep__fuss{padding:0 28px 16px}.ep__fortschritt{background:var(--linie);height:1px;position:relative}.ep__fortschritt i{background:var(--heftfarbe);transition:width .35s;position:absolute;top:0;bottom:0;left:0}.ep__hinweis{letter-spacing:.2em;text-transform:uppercase;color:#6a645e;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:10px;font-size:10px;display:grid}.ep__hinweis span:last-child{text-align:right}.ep__seitenzahl{letter-spacing:.18em;color:var(--leise);align-items:center;gap:10px;font-size:11px;display:flex}.ep__seitenzahl input{border:0;border-bottom:1px solid var(--linie);width:64px;color:var(--text);font:300 14px/1.2 var(--sans);letter-spacing:.04em;text-align:center;background:0 0;outline:none;padding:3px 0}.ep__seitenzahl input:focus{border-bottom-color:var(--hell)}@media (width<=1180px){.ep__motto{display:none}}@media (width<=1060px){.ep__knopf span{display:none}.ep__knopf{padding:8px 10px}}@media (width<=820px){.ep__kopf{gap:12px;padding:12px 16px}.ep__trenner{margin:0 2px}.ep__hinweis span:first-child,.ep__hinweis span:last-child{display:none}.ep__hinweis{grid-template-columns:1fr;justify-items:center}.ep__buehne{padding:16px}.ep__pfeil{display:none}.ep__seite>img,.ep__doppel--eins .ep__seite>img{max-width:calc(100vw - 32px);max-height:calc(100dvh - 150px)}.ep__fuss{padding:0 16px 12px}.ep__teilen{width:auto;left:16px;right:16px}}
