.mmow-news-directory{padding:0 0 52px;background:#f6f8f7;color:#172720}.mmow-news-directory *{box-sizing:border-box}.mmow-news-directory__shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.mmow-news-directory__header{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;padding:48px 52px;border-radius:12px;background:linear-gradient(135deg,#061a13 0%,#0b2d21 58%,#071a14 100%);box-shadow:0 18px 44px rgba(9,37,28,.13)}.mmow-news-directory__eyebrow{display:block;margin-bottom:10px;color:#6ce4b8;font-size:11px;font-weight:900;letter-spacing:.095em;line-height:16.5px;text-transform:uppercase}.mmow-news-directory__header h1{max-width:780px;margin:0;color:#fff;font-family:"Public Sans",system-ui,sans-serif;font-size:clamp(42px,5.1vw,64px);font-weight:700;line-height:1.06;letter-spacing:-.045em}.mmow-news-directory__header p{max-width:700px;margin:20px 0 0;color:rgba(255,255,255,.75);font-size:16px;line-height:1.65}.mmow-news-directory__count{display:grid;flex:0 0 132px;place-content:center;min-height:108px;text-align:center;border:1px solid rgba(91,218,151,.5);border-radius:12px;background:rgba(4,53,39,.68)}.mmow-news-directory__count strong{color:#fff;font-size:40px;line-height:1}.mmow-news-directory__count span{margin-top:7px;color:#73e2a6;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mmow-news-directory__tools{margin:26px 0 22px;padding:17px;border:1px solid #d9e2de;border-radius:11px;background:#fff;box-shadow:0 8px 26px rgba(25,50,39,.045)}.mmow-news-directory__search{position:relative;display:block;max-width:420px}.mmow-news-directory__search svg{position:absolute;left:15px;top:50%;width:19px;fill:#60746a;transform:translateY(-50%)}.mmow-news-directory__search input{width:100%;height:48px;padding:0 18px 0 45px;color:#172720;border:1px solid #d9e2de;border-radius:9px;outline:none;background:#f8faf9;font-size:15px}.mmow-news-directory__search input:focus{border-color:#56ad7c;box-shadow:0 0 0 3px rgba(41,141,92,.1)}.mmow-news-directory__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mmow-news-card{display:flex;overflow:hidden;flex-direction:column;border:1px solid #dfe7e3;border-radius:11px;background:#fff;box-shadow:0 7px 22px rgba(22,46,35,.045);transition:.22s ease}.mmow-news-card:hover{border-color:#73c897;transform:translateY(-4px);box-shadow:0 14px 32px rgba(20,62,43,.12)}.mmow-news-card[hidden]{display:none}.mmow-news-card__media{display:block;overflow:hidden;height:215px;background:#0a2c21}.mmow-news-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.mmow-news-card:hover .mmow-news-card__media img{transform:scale(1.035)}.mmow-news-card__media-fallback{display:grid;height:100%;place-content:center;color:#6ce4b8;font-size:22px;font-weight:900}.mmow-news-card__body{display:flex;flex:1;flex-direction:column;padding:22px}.mmow-news-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#74837c;font-size:11px;font-weight:750}.mmow-news-card__meta span{color:#087653;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mmow-news-card h2{margin:13px 0 0;font-size:22px;line-height:1.25;letter-spacing:-.025em}.mmow-news-card h2 a{color:#172720;text-decoration:none}.mmow-news-card__body>p{margin:14px 0 20px;color:#65756e;font-size:14px;line-height:1.6}.mmow-news-card__more{display:inline-flex;align-items:center;gap:7px;margin-top:auto;color:#087653;font-size:13px;font-weight:850;text-decoration:none}.mmow-news-card__more span{font-size:18px;transition:transform .2s ease}.mmow-news-card:hover .mmow-news-card__more span{transform:translateX(3px)}.mmow-news-directory__empty{padding:45px;color:#65756e;border:1px dashed #cfdad5;border-radius:11px;background:#fff;text-align:center}.mmow-news-directory__empty[hidden]{display:none}.mmow-news-directory__pagination{margin-top:30px}.mmow-news-directory__pagination .nav-links{display:flex;justify-content:center;gap:7px}.mmow-news-directory__pagination .page-numbers{display:inline-grid;min-width:40px;height:40px;padding:0 12px;place-content:center;color:#496158;border:1px solid #d9e2de;border-radius:8px;background:#fff;text-decoration:none}.mmow-news-directory__pagination .current{color:#fff;border-color:#177b4b;background:#177b4b}@media(max-width:900px){.mmow-news-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.mmow-news-directory__shell{width:calc(100% - 28px)}.mmow-news-directory__header{align-items:flex-start;flex-direction:column;padding:38px 28px 30px}.mmow-news-directory__header h1{font-size:42px}.mmow-news-directory__header p{font-size:15px}.mmow-news-directory__count{display:inline-flex;flex-basis:auto;align-items:baseline;gap:6px;min-height:0;padding:8px 14px;border-radius:999px}.mmow-news-directory__count strong{font-size:20px}.mmow-news-directory__count span{margin-top:0;font-size:10px}.mmow-news-directory__tools{margin-top:18px;padding:12px}.mmow-news-directory__search{max-width:none}.mmow-news-directory__grid{grid-template-columns:1fr}.mmow-news-card__media{height:205px}}
/* v2.7.45: Category image hero matching the homepage and game directory. */
.mmow-news-directory__header{position:relative;isolation:isolate;overflow:hidden;min-height:360px;padding:56px 58px 46px;background-color:#08231d;background-position:center;background-size:cover;box-shadow:0 22px 54px rgba(6,33,24,.17)}
.mmow-news-directory__header-shade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,20,15,.97) 0%,rgba(2,23,17,.88) 42%,rgba(2,18,15,.52) 72%,rgba(2,18,15,.66) 100%),linear-gradient(0deg,rgba(2,18,14,.44),rgba(2,18,14,.08))}
@media(max-width:680px){.mmow-news-directory__header{min-height:0;padding:38px 28px 30px}.mmow-news-directory__header-shade{background:linear-gradient(90deg,rgba(2,20,15,.97),rgba(2,23,17,.72)),linear-gradient(0deg,rgba(2,18,14,.44),rgba(2,18,14,.08))}}

/* v2.7.46: Match MMO-Spiele hero typography and inner spacing. */
.mmow-news-directory__header{min-height:342.5px;padding:56px 58px 34px}
.mmow-news-directory__header h1{max-width:800px;font-size:clamp(46px,5.55vw,70px);line-height:1.08}
.mmow-news-directory__header p{margin-top:22px}
@media(max-width:680px){.mmow-news-directory__header{min-height:0;padding:38px 28px 30px;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);border-radius:0}.mmow-news-directory__header h1{font-size:42px;line-height:1.05}}

/* v2.7.47: Start the News hero copy at the same top inset as MMO-Spiele. */
.mmow-news-directory__header{align-items:flex-start}
.mmow-news-directory__count{align-self:flex-end}
@media(max-width:680px){.mmow-news-directory__count{align-self:flex-start}}

/* v2.7.48: Match the MMO-Spiele search text colors. */
.mmow-news-directory__search input{color:#172720}
.mmow-news-directory__search input::placeholder{color:#7a8982;opacity:1}

/* Hide the empty pagination wrapper when there is only one news page. */
.mmow-news-directory__pagination:not(:has(*)){display:none;margin:0}

/* ============================================================
   MMOwelten v2.7.155 – Dark Mode (MMO-News)
   Der Umschalter oben rechts im Header setzte html.s-dark bisher
   nur auf Startseite/Spielprofilen sichtbar um; hier war er ohne
   jede Wirkung. Standard bleibt hell (Suchbox und Artikel-Karten
   waren schon vorher hell/weiss), Hero bleibt wie auf allen
   anderen Seiten immer dunkel.
   ============================================================ */

html.s-dark .mmow-news-directory {
    background:#0e1210;
    color:#eef2ef;
}

html.s-dark .mmow-news-directory__tools {
    background:#161920;
    border-color:#262b33;
}

html.s-dark .mmow-news-directory__search input {
    background:#1c2229;
    border-color:#2b3038;
    color:#eef2ef;
}

html.s-dark .mmow-news-directory__search input::placeholder {
    color:#8a978f;
}

html.s-dark .mmow-news-directory__search span {
    color:#93a099;
}

html.s-dark .mmow-news-card {
    background:#161920;
    border-color:#262b33;
}

html.s-dark .mmow-news-card h2,
html.s-dark .mmow-news-card h3 {
    color:#eef2ef;
}

html.s-dark .mmow-news-card h2 a,
html.s-dark .mmow-news-card h3 a {
    color:#eef2ef;
}

html.s-dark .mmow-news-card p,
html.s-dark .mmow-news-card time {
    color:#929aa8;
}

/* v2.7.169 – Bugfix zu v2.7.168: gleiche Ursache wie bei MMO-Spiele -
   .mmow-news-directory__header-shade (Kind-Element, position:absolute;
   inset:0) dunkelt den "outline"-Rahmen optisch ab, da Kind-Elemente immer
   ueber dem Hintergrund/Rahmen ihres Elternelements gezeichnet werden.
   ::after-Pseudoelement mit z-index liegt garantiert darueber. */
html.s-dark .mmow-news-directory__header {
    outline: none;
}

html.s-dark .mmow-news-directory__header::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    border-radius: inherit;
    outline: 1.5px solid rgba(143,211,166,.65);
    outline-offset: -1.5px;
}