@font-face{font-family:'DMM Montserrat';src:url(//dermacher.at/wp-content/mu-plugins/dm-magazin/fonts/montserrat-extrabold-latin.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'DMM Montserrat';src:url(//dermacher.at/wp-content/mu-plugins/dm-magazin/fonts/montserrat-semibold-latin.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
.dmm{--dmm-gold:#e9c45a;--dmm-text:#f0f0f5;--dmm-leise:#a9b4c8;--dmm-panel:#0f1f35;--dmm-rand:rgb(233 196 90 / 22%);--dmm-kopf:'DMM Montserrat',Montserrat,system-ui,sans-serif;color:var(--dmm-leise)}
.dmm *{box-sizing:border-box}
.dmm a{text-decoration:none}
.dmm-wrap{width:min(1136px,calc(100% - 32px));margin-inline:auto} .dmm-held{position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-top:calc(-1 * var(--main_padding-top, 60px));padding:72px 0 56px} .dmm-held::before{content:'';position:absolute;width:360px;height:360px;border-radius:50%;background:var(--dmm-gold);opacity:.13;filter:blur(70px);top:-290px;right:-40px;pointer-events:none}
.dmm-held .dmm-wrap{position:relative}
.dmm .dmm-kicker{font:600 12px/1.4 var(--dmm-kopf);letter-spacing:.2em;text-transform:uppercase;color:var(--dmm-gold);margin:0}
.dmm .dmm-h1{font:800 clamp(40px,6vw,72px)/1.06 var(--dmm-kopf);letter-spacing:-.02em;margin:12px 0 14px;color:var(--dmm-text);text-transform:none}
.dmm .dmm-lead{font-size:18px;line-height:1.6;max-width:680px;margin:0;color:var(--dmm-leise)}
.dmm .dmm-archivlink{display:inline-block;margin-bottom:18px;font-size:14px;color:var(--dmm-leise)}
.dmm .dmm-archivlink:hover{color:var(--dmm-gold)}
.dmm .dmm-h2{font:800 clamp(24px,3vw,32px)/1.2 var(--dmm-kopf);color:var(--dmm-text);margin:0 0 24px;text-transform:none}
.dmm-inhalt{padding:12px 0 56px} .dmm-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:28px}
.dmm .dmm-karte{display:block;border-radius:6px;overflow:hidden;background:var(--dmm-panel);border:1px solid var(--dmm-rand);transition:transform .2s ease,border-color .2s ease}
.dmm .dmm-karte:hover{transform:translateY(-4px);border-color:var(--dmm-gold)}
.dmm-karte img{display:block;width:100%;height:auto}
.dmm-karte-text{display:block;padding:14px 16px 16px}
.dmm-karte-text small{display:block;font:600 12px/1.4 var(--dmm-kopf);letter-spacing:.14em;text-transform:uppercase;color:var(--dmm-gold)}
.dmm-karte-text strong{display:block;font:800 21px/1.25 var(--dmm-kopf);color:var(--dmm-text);margin:4px 0}
.dmm-karte-text em{display:block;font-style:normal;font-size:14px;line-height:1.45;color:var(--dmm-leise)}
.dmm .dmm-leer{font-size:17px;color:var(--dmm-leise)} .dmm-ausgabe{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:48px;align-items:center}
.dmm .dmm-cover{display:block;border-radius:4px;overflow:hidden;box-shadow:0 18px 50px rgb(0 0 0 / 45%);transition:transform .2s ease}
.dmm .dmm-cover:hover{transform:translateY(-4px)}
.dmm-cover img{display:block;width:100%;height:auto}
.dmm-aktionen{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.dmm .dmm-knopf{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;padding:0 16px;border-radius:10px;border:1px solid var(--dmm-rand);background:rgba(255,255,255,.03);color:var(--dmm-text);font:600 15px/1 var(--dmm-kopf);cursor:pointer}
.dmm .dmm-knopf:hover{border-color:var(--dmm-gold);color:var(--dmm-gold);background:rgba(255,255,255,.03)}
.dmm .dmm-knopf:focus-visible{outline:2px solid var(--dmm-gold);outline-offset:2px}
.dmm .dmm-knopf[disabled]{opacity:.35;cursor:default}
.dmm .dmm-haupt{background:var(--dmm-gold);border-color:var(--dmm-gold);color:#15120e}
.dmm .dmm-haupt:hover{background:#f3d67f;border-color:#f3d67f;color:#15120e}
.dmm .dmm-hinweis{font-size:14px;margin:12px 0 0;color:var(--dmm-leise)} html.dmm-lese,html.dmm-lese body{margin:0;padding:0;height:100%;background:#0a1628}
.dmm-lesen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:8px 8px 6px;overflow:hidden}
.dmm-buehne{transition:transform .55s ease}
.dmm-buehne.dmm-vorne{transform:translateX(-25%)}
.dmm-buehne.dmm-hinten{transform:translateX(25%)}
.dmm-seite{background:#fbf8f1;overflow:hidden}
.heftseite{zoom:var(--dmm-zoom,1);pointer-events:none;user-select:none;-webkit-user-select:none}
.dmm-heft:not(.stf__parent) .dmm-seite:not(:first-child){display:none}
.dmm-leiste{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:8px}
.dmm-stand{min-width:96px;text-align:center;font:600 14px/1 var(--dmm-kopf);color:var(--dmm-text);white-space:nowrap}
.dmm-lesen .dmm-knopf{min-height:42px;min-width:42px;padding:0 12px;font-size:14px;font-family:var(--dmm-kopf)} .dmm-text{max-width:720px;margin:0 auto;scroll-margin-top:110px}
.dmm-artikel{padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--dmm-rand)}
.dmm-artikel:last-child{border-bottom:0}
.dmm-text p{font-size:17px;line-height:1.7;color:#c7d0df;margin:0 0 14px}
.dmm-text h3{font:800 26px/1.25 var(--dmm-kopf);color:var(--dmm-text);margin:0 0 12px;text-transform:none}
.dmm-text h4{font:600 18px/1.3 var(--dmm-kopf);color:var(--dmm-text);margin:18px 0 6px;text-transform:none}
.dmm-text .dmm-k{font:600 12px/1.4 var(--dmm-kopf);letter-spacing:.16em;text-transform:uppercase;color:var(--dmm-gold);margin:0 0 6px}
.dmm-text .dmm-d{font-weight:700;color:var(--dmm-text);margin:14px 0 2px}
.dmm-text .dmm-n{font-size:13.5px;line-height:1.6;color:var(--dmm-leise)}
.dmm-text blockquote{margin:16px 0;padding:0 0 0 18px;border-left:3px solid var(--dmm-gold);font-size:20px;line-height:1.5;color:var(--dmm-text);background:none}
@media (max-width:760px){
.dmm-ausgabe{grid-template-columns:1fr;gap:26px}
.dmm .dmm-cover{max-width:300px;margin:0 auto}
.dmm-held{padding:44px 0 34px}
.dmm-aktionen .dmm-haupt{width:100%}
}
@media (max-width:420px){
.dmm-lesen .dmm-knopf{padding:0 8px;font-size:13px}
.dmm-stand{min-width:84px;font-size:12.5px}
.dmm-leiste{gap:5px}
}
@media (prefers-reduced-motion:reduce){.dmm .dmm-karte,.dmm .dmm-cover,.dmm-buehne{transition:none}.dmm .dmm-karte:hover,.dmm .dmm-cover:hover{transform:none}}