:root{
  --ms-page:#fbf7ff;
  --ms-page-warm:#fff8f1;
  --ms-white:#fff;
  --ms-purple:#8c50d4;
  --ms-purple-2:#a96ad9;
  --ms-purple-dark:#573379;
  --ms-orange:#f2a26b;
  --ms-orange-2:#ffcda7;
  --ms-yellow:#ffe38a;
  --ms-text:#342640;
  --ms-muted:#725f7e;
  --ms-line:#e9daf4;
  --ms-soft:#f5ecfb;
  --ms-gradient:linear-gradient(108deg,#7433d1 0%,#ff8f57 100%);
  --ms-gradient-reverse:linear-gradient(108deg,#ff8f57 0%,#7433d1 100%);
  --ms-gradient-purple:linear-gradient(125deg,#6330b8 0%,#b65ee2 100%);
  --ms-shadow:0 18px 46px rgba(99,58,139,.13)
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden;margin:0!important;padding:0!important;border:0!important}
body.ms-sre-active{margin:0!important;padding:0!important;background:linear-gradient(180deg,var(--ms-page) 0%,var(--ms-page-warm) 100%);color:var(--ms-text)}
.ms-sre-active a{transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.ms-sre-active a:focus-visible,.ms-sre-active button:focus-visible,.ms-sre-active input:focus-visible,.ms-sre-active summary:focus-visible{outline:3px solid var(--ms-yellow);outline-offset:3px}

/* Theme shell vollständig neutralisieren. */
.ms-sre-active .top-bar,.ms-sre-active .top-bar-align-left,.ms-sre-active .top-bar-align-center,.ms-sre-active .top-bar-align-right,.ms-sre-active .generate-page-header,.ms-sre-active .page-header{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.ms-sre-active .site-header,.ms-sre-active .main-navigation,.ms-sre-active .site-footer{display:none!important}
.ms-sre-active .site,.ms-sre-active .site-content,.ms-sre-active .content-area,.ms-sre-active .site-main,.ms-sre-active .inside-article{background:transparent!important;max-width:none!important;border:0!important}
.ms-sre-active .site,.ms-sre-active #page{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.ms-sre-active .site-content,.ms-sre-active .content-area,.ms-sre-active .site-main,.ms-sre-active .inside-article{padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
.ms-sre-active .site-content{padding:0!important;margin:0!important}
.ms-sre-active .content-area{width:100%!important}
.ms-sre-active .site-main{margin:0!important}
.ms-sre-active .inside-article{padding:0!important;box-shadow:none!important}
.ms-sre-active .site-content:before,.ms-sre-active .site-content:after,.ms-sre-active .content-area:before,.ms-sre-active .content-area:after,.ms-sre-active .site-main:before,.ms-sre-active .site-main:after,.ms-sre-active .inside-article:before,.ms-sre-active .inside-article:after{content:none!important;display:none!important}
.ms-sre-active .separate-containers .inside-article,.ms-sre-active .one-container .inside-article,.ms-sre-active .site-main > *{margin-top:0!important;margin-bottom:0!important}
.ms-sre-active #right-sidebar,.ms-sre-active #left-sidebar,.ms-sre-active .is-right-sidebar,.ms-sre-active .is-left-sidebar{display:none!important}
.ms-sre-front .entry-header,.ms-sre-tool .entry-header,.ms-sre-game .entry-header,
.ms-sre-front .post-image,.ms-sre-tool .post-image,.ms-sre-game .post-image,
.ms-sre-front .featured-image,.ms-sre-tool .featured-image,.ms-sre-game .featured-image,
.ms-sre-front .page-header-image-single,.ms-sre-tool .page-header-image-single,.ms-sre-game .page-header-image-single{display:none!important}
.ms-sre-category-page .site-content{display:none!important}
.ms-sre-home,.ms-sre-tool-page,.ms-sre-article-shell,.ms-sre-category-hub{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;margin-right:-50vw!important}
.ms-sre-wrap{width:min(1320px,calc(100% - 48px));margin-inline:auto}

/* Header verschmilzt optisch direkt mit dem Seitenanfang. */
.ms-sre-site-head{position:relative;z-index:100;background:var(--ms-gradient);color:#fff;border-bottom:0;box-shadow:none;margin-bottom:0;overflow:hidden}
.ms-sre-site-head__row{min-height:82px;display:flex;align-items:center;gap:24px;position:relative;z-index:2}
.ms-sre-brand{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none;min-width:max-content}
.ms-sre-brand__mark{width:48px;height:46px;display:block;position:relative;flex:0 0 48px;background:transparent;border:0;padding:0;filter:drop-shadow(0 5px 8px rgba(70,34,100,.18))}
.ms-sre-brand__mark:before{content:"";position:absolute;left:17px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff6d8}
.ms-sre-brand__mark:after{content:"";position:absolute;left:5px;right:5px;bottom:2px;height:29px;background:linear-gradient(135deg,#fff 0%,#ffd09d 100%);clip-path:polygon(50% 0,64% 22%,92% 25%,76% 48%,84% 100%,58% 75%,50% 100%,42% 75%,16% 100%,24% 48%,8% 25%,36% 22%)}
.ms-sre-brand__mark span{position:absolute;left:21px;bottom:10px;width:6px;height:6px;border-radius:50%;background:#7a38c7;z-index:2}
.ms-sre-brand__text{display:flex;flex-direction:column;line-height:1}
.ms-sre-brand__text strong{font-size:18px;letter-spacing:.02em}.ms-sre-brand__text em{font-style:normal;color:#ffead7;font-size:14px;margin-top:5px;font-weight:700}
.ms-sre-mainnav{display:flex;align-items:center;justify-content:center;gap:3px;margin-left:auto}
.ms-sre-mainnav a{color:#fff!important;text-decoration:none;padding:11px 11px;font-size:14px;font-weight:700;border-bottom:3px solid transparent}
.ms-sre-mainnav a:hover{background:rgba(255,255,255,.1);border-bottom-color:#ffe5c9}
.ms-sre-head-search{background:#fff;color:var(--ms-purple-dark)!important;text-decoration:none;padding:13px 17px;font-weight:500;white-space:nowrap;box-shadow:0 8px 20px rgba(83,45,118,.12)}
.ms-sre-menu-btn{display:none;border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:#fff;border-radius:0;padding:10px 12px;font-weight:500}


/* Header und erster Inhaltsblock sollen optisch ein durchgehender Bereich sein. */
.ms-sre-site-head:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:28px;background:var(--ms-gradient);z-index:1;pointer-events:none}
.ms-sre-site-head + #page,.ms-sre-site-head + .site,.ms-sre-site-head ~ #page{margin-top:-14px!important;border-top:0!important;box-shadow:none!important}
.ms-sre-site-head + .ms-sre-home,.ms-sre-site-head + .ms-sre-tool-page,.ms-sre-site-head + .ms-sre-category-hub,.ms-sre-site-head + .ms-sre-article-shell{margin-top:-8px!important;padding-top:0!important;border-top:0!important}
body.ms-sre-front .ms-sre-home,
body.ms-sre-tool .ms-sre-tool-page,
body.ms-sre-category-page .ms-sre-category-hub,
body.ms-sre-game .ms-sre-article-shell{margin-top:-16px!important;padding-top:0!important}
body.admin-bar.ms-sre-front .ms-sre-home,
body.admin-bar.ms-sre-tool .ms-sre-tool-page,
body.admin-bar.ms-sre-category-page .ms-sre-category-hub,
body.admin-bar.ms-sre-game .ms-sre-article-shell{margin-top:-16px!important}
.ms-sre-hero,.ms-sre-tool-hero,.ms-sre-category-stage,.ms-sre-game-hero{border-top:0!important;box-shadow:none!important}
.ms-sre-hero{padding-top:16px}
.ms-sre-hero-wave{display:none!important}

/* Gemeinsame Typografie */
.ms-sre-kicker{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:850;color:#fff1d7;margin-bottom:12px}
.ms-sre-section{padding:70px 0}.ms-sre-section--soft{background:rgba(245,236,251,.72)}
.ms-sre-section-head{margin-bottom:28px}.ms-sre-section-head--split{display:flex;justify-content:space-between;gap:42px;align-items:end}
.ms-sre-section-head>span,.ms-sre-section-head>div>span,.ms-sre-source span,.ms-sre-edition span,.ms-sre-toc>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ms-purple);font-weight:850}
.ms-sre-section-head h2{font-size:clamp(30px,3.2vw,48px);line-height:1.05;letter-spacing:-.025em;margin:6px 0 0;color:var(--ms-text)}
.ms-sre-section-head p{max-width:520px;margin:0;color:var(--ms-muted);line-height:1.6}.ms-sre-text-link{color:var(--ms-purple-dark)!important;font-weight:800;text-decoration:none!important;white-space:nowrap}.ms-sre-text-link:after{content:" →"}
.ms-sre-grid{display:grid;gap:20px}.ms-sre-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-sre-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-sre-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ms-sre-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;text-decoration:none!important;font-weight:500;border:1px solid transparent;border-radius:0}.ms-sre-btn:hover{transform:translateY(-2px)}.ms-sre-btn--light{background:#fff;color:var(--ms-purple-dark)!important}.ms-sre-btn--ghost{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.45);color:#fff!important}.ms-sre-btn--purple{background:var(--ms-purple);color:#fff!important}

/* Start: kompakter, bildlastiger Hero statt riesiger Farbwand. */
.ms-sre-hero{position:relative;background:var(--ms-gradient);color:#fff;overflow:hidden;margin-top:-1px}
.ms-sre-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.22),transparent 20%),radial-gradient(circle at 18% 84%,rgba(255,226,200,.17),transparent 27%);pointer-events:none}
.ms-sre-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);gap:58px;align-items:center;min-height:470px;padding:48px 0 62px}
.ms-sre-hero__copy{min-width:0;max-width:650px}.ms-sre-hero h1,.ms-sre-tool-hero h1,.ms-sre-game-hero h1,.ms-sre-category-stage h1{display:block!important;position:static!important;float:none!important;width:auto!important;max-width:820px!important;min-width:0!important;margin:0!important;color:#fff!important;font-size:clamp(42px,4.6vw,68px)!important;line-height:1.01!important;font-weight:790!important;letter-spacing:-.035em!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;word-break:normal!important;overflow-wrap:normal!important;white-space:normal!important}
.ms-sre-hero__copy>p{font-size:19px;line-height:1.6;max-width:610px;color:rgba(255,255,255,.96);margin:22px 0 26px}.ms-sre-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.ms-sre-hero-wave{height:36px;background:linear-gradient(178deg,transparent 49%,var(--ms-page) 51%);position:relative;z-index:3;margin-top:-14px}
.ms-sre-hero-collage{height:365px;position:relative;min-width:0}.ms-sre-hero-card{position:absolute;overflow:hidden;background:#7444ad;border:5px solid rgba(255,255,255,.92);box-shadow:0 24px 52px rgba(71,38,99,.27);color:#fff!important;text-decoration:none}.ms-sre-hero-card img{width:100%;height:100%;object-fit:cover;display:block}.ms-sre-hero-card span{position:absolute;left:0;right:0;bottom:0;padding:46px 14px 13px;background:linear-gradient(transparent,rgba(44,24,62,.93));font-size:14px;font-weight:800}.ms-sre-hero-card.one{width:48%;height:76%;right:0;top:4%;transform:rotate(2deg)}.ms-sre-hero-card.two{width:45%;height:68%;left:0;top:25%;transform:rotate(-3deg)}.ms-sre-hero-card.three{width:35%;height:38%;right:25%;bottom:0;transform:rotate(1deg)}.ms-sre-hero-sticker{position:absolute;right:39%;top:5%;width:98px;height:98px;background:#fff3d4;color:var(--ms-purple-dark);display:grid;place-items:center;align-content:center;text-align:center;transform:rotate(-4deg);box-shadow:0 14px 28px rgba(70,35,102,.21);z-index:5}.ms-sre-hero-sticker strong{font-size:31px;line-height:1}.ms-sre-hero-sticker small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.ms-sre-hero-collage--empty{display:flex;align-items:center;justify-content:center;gap:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);height:310px;color:#fff}.ms-sre-hero-collage--empty>span{font-size:60px}.ms-sre-hero-collage--empty strong{font-size:28px;line-height:1.15}

/* Suche liegt im Übergang und verbindet Kopf + Inhalt. */
.ms-sre-search-band{position:relative;z-index:8;margin-top:-42px;padding-bottom:14px}.ms-sre-search-panel{background:#fff;box-shadow:var(--ms-shadow);border:1px solid rgba(114,65,158,.11);padding:18px;display:grid;grid-template-columns:235px 1fr;gap:20px;align-items:center}.ms-sre-search-panel .ms-sre-kicker{color:var(--ms-purple);margin:0 0 4px}.ms-sre-search-panel>div strong{display:block;font-size:20px}.ms-sre-search{position:relative;display:flex;width:100%;margin:0;background:#fff;border:1px solid var(--ms-line)}.ms-sre-search input{flex:1;min-width:0;border:0!important;border-radius:0!important;padding:17px 18px!important;font-size:17px!important;background:#fff!important;color:var(--ms-text)!important}.ms-sre-search button{border:0;border-radius:0;background:var(--ms-gradient);color:#fff;font-weight:500;padding:0 25px;min-height:58px;cursor:pointer;white-space:nowrap}.ms-sre-suggest{position:absolute;left:-1px;right:-1px;top:calc(100% + 2px);z-index:80;background:#fff;box-shadow:0 20px 40px rgba(74,45,96,.17);border:1px solid var(--ms-line)}.ms-sre-suggest a{display:flex;justify-content:space-between;gap:16px;padding:13px 16px;color:var(--ms-text);border-bottom:1px solid #f0e5f7;text-decoration:none}.ms-sre-suggest a:hover{background:#fbf6ff}.ms-sre-suggest small{color:var(--ms-muted)}

/* Kategorien mit echten Bildflächen. */
.ms-sre-category-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ms-sre-category-visual{min-height:225px;display:block;background:linear-gradient(145deg,#7030c9 0%,#ff955b 100%);color:#fff!important;text-decoration:none!important;position:relative;overflow:hidden;box-shadow:0 13px 30px rgba(96,56,130,.13);isolation:isolate}.ms-sre-category-visual:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);pointer-events:none;z-index:5}.ms-sre-category-visual:hover{transform:translateY(-4px)}.ms-sre-category-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:-2}.ms-sre-category-visual__wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(54,22,79,.10) 0%,rgba(54,22,79,.38) 46%,rgba(54,22,79,.94) 100%);z-index:-1}.ms-sre-category-visual.no-image__wash,.ms-sre-category-visual.no-image .ms-sre-category-visual__wash{background:linear-gradient(145deg,#7030c9 0%,#ff955b 100%)}.ms-sre-category-visual__icon{position:absolute;top:17px;left:18px;font-size:30px;z-index:2;text-shadow:0 2px 8px rgba(50,24,67,.28)}.ms-sre-category-visual__label{position:absolute;left:0;right:0;bottom:0;padding:50px 18px 18px;z-index:3;background:linear-gradient(180deg,transparent,rgba(49,20,72,.88))}.ms-sre-category-visual__label strong{display:block;font-size:22px;line-height:1.08;color:#fff}.ms-sre-category-visual__label small{display:block;margin-top:7px;color:rgba(255,255,255,.92);font-size:12px}.ms-sre-category-visual.no-image .ms-sre-category-visual__label{background:transparent}.ms-sre-category-visual.no-image .ms-sre-category-visual__icon{font-size:42px}

.ms-sre-game-card{min-height:290px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(145deg,#7e4ac0,#efa16b);background-size:cover;background-position:center;color:#fff!important;text-decoration:none!important;position:relative;overflow:hidden;box-shadow:0 14px 32px rgba(96,55,131,.13)}.ms-sre-game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(57,28,80,.02),rgba(57,28,80,.84))}.ms-sre-game-card:after{content:"";position:absolute;left:0;top:0;width:7px;height:100%;background:linear-gradient(var(--ms-yellow),#fff,var(--ms-orange))}.ms-sre-game-card:hover{transform:translateY(-4px);box-shadow:0 22px 40px rgba(91,49,126,.19)}.ms-sre-game-card small,.ms-sre-game-card strong,.ms-sre-game-card span{position:relative;z-index:1}.ms-sre-game-card small{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#fff0d9}.ms-sre-game-card strong{font-size:25px;line-height:1.13;margin:7px 0 14px}.ms-sre-game-card span{font-size:14px}
.ms-sre-play-band{background:var(--ms-gradient);color:#fff}.ms-sre-play-band .ms-sre-section-head>span,.ms-sre-play-band .ms-sre-section-head h2{color:#fff}.ms-sre-quicklinks{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ms-sre-quicklinks a{min-height:110px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);color:#fff!important;text-decoration:none;padding:16px}.ms-sre-quicklinks a:hover{background:#fff;color:var(--ms-purple-dark)!important;transform:translateY(-3px)}.ms-sre-quicklinks span{font-size:18px;font-weight:800}.ms-sre-quicklinks small{margin-top:5px;color:inherit;opacity:.85}
.ms-sre-split-band{padding:0 0 72px}.ms-sre-split-band__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ms-sre-split-band__grid>a{min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff!important;text-decoration:none;background:var(--ms-gradient-purple);box-shadow:var(--ms-shadow)}.ms-sre-split-band__grid>a:nth-child(2){background:var(--ms-gradient)}.ms-sre-split-band__grid span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:850}.ms-sre-split-band__grid strong{font-size:30px;line-height:1.08;margin:8px 0}.ms-sre-split-band__grid small{font-size:14px}

/* Tool-Seiten */

/* Buttons bleiben bewusst normalgewichtig – auch auf Mobilgeräten. */
.ms-sre-active button,.ms-sre-active .ms-sre-btn,.ms-sre-active .ms-sre-head-search,.ms-sre-active .ms-sre-tablemode,.ms-sre-active .ms-sre-search button,.ms-sre-active .ms-sre-pagination a{font-weight:500!important}
.ms-sre-active button,.ms-sre-active .ms-sre-btn,.ms-sre-active .ms-sre-head-search{min-height:44px}
.ms-sre-related-note{margin:-12px 0 20px;color:var(--ms-muted);line-height:1.6}
.ms-sre-related--variants{border-top:6px solid #7a38cf;padding-top:24px}.ms-sre-related--strategy{border-top:6px solid #ff9259;padding-top:24px}

.ms-sre-tool-hero{background:var(--ms-gradient);color:#fff;padding:54px 0 60px;margin-top:-3px;position:relative}.ms-sre-tool-hero p{max-width:760px;font-size:18px;line-height:1.6;color:rgba(255,255,255,.95);margin:16px 0 22px}.ms-sre-tool-hero .ms-sre-search{max-width:900px;margin-top:22px}.ms-sre-az-stage{padding-top:26px}.ms-sre-az-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.ms-sre-az-intro>div{background:#fff;border:1px solid var(--ms-line);padding:16px 18px;box-shadow:0 8px 18px rgba(90,50,126,.05)}.ms-sre-az-intro .ms-sre-kicker{color:#6a2cbc!important;font-size:12px!important;letter-spacing:.11em;margin-bottom:8px!important}
.ms-sre-az-intro strong{display:block;font-size:20px;color:var(--ms-text);line-height:1.2}.ms-sre-letters{display:grid;grid-template-columns:52px repeat(26,minmax(28px,1fr));gap:6px;padding:8px 0 24px}.ms-sre-letters a{width:auto;min-width:0;height:42px;display:grid;place-items:center;background:#fff;color:var(--ms-text);text-decoration:none;border:1px solid var(--ms-line);box-shadow:0 7px 14px rgba(90,50,126,.06)}.ms-sre-letters a:hover{background:var(--ms-gradient);color:#fff;border-color:transparent}.ms-sre-az-list{padding:0 0 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ms-sre-az-list--cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ms-sre-az-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ms-line);color:var(--ms-text)!important;text-decoration:none!important;box-shadow:0 10px 18px rgba(90,50,126,.05);overflow:hidden;min-height:255px}.ms-sre-az-card:hover{transform:translateY(-3px);border-color:var(--ms-purple)}.ms-sre-az-card__thumb{display:block;height:138px;background:linear-gradient(145deg,#8651ce,#f0a468);background-size:cover;background-position:center}.ms-sre-az-card__thumb--fallback{display:grid;place-items:center;font-size:40px;color:#fff}.ms-sre-az-card__body{display:flex;flex-direction:column;gap:12px;padding:16px 16px 18px;flex:1}.ms-sre-az-card__body strong{display:block;font-size:18px;line-height:1.35;color:var(--ms-text)}.ms-sre-az-card__body small{margin-top:auto;color:var(--ms-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ms-sre-az-list:not(.ms-sre-az-list--cards) a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;background:#fff;border:1px solid var(--ms-line);color:var(--ms-text);text-decoration:none;box-shadow:0 8px 16px rgba(90,50,126,.05)}.ms-sre-az-list:not(.ms-sre-az-list--cards) a:hover{border-color:var(--ms-purple);background:#fffaff}.ms-sre-az-list:not(.ms-sre-az-list--cards) small{color:var(--ms-muted)}.ms-sre-pagination{padding:0 0 68px;display:flex;align-items:center;justify-content:center;gap:18px}.ms-sre-pagination a,.ms-sre-pagination span{padding:12px 15px;background:#fff;border:1px solid var(--ms-line);text-decoration:none;color:var(--ms-text)}.ms-sre-search-results .ms-sre-empty{grid-column:1/-1}
.ms-sre-empty{background:#fff;border:1px solid var(--ms-line);padding:30px;box-shadow:0 12px 24px rgba(90,50,126,.06)}.ms-sre-empty h2{margin-top:0;color:var(--ms-text)}

/* Kategorien: eigenes Hub ersetzt leeres altes Archiv vollständig. */
.ms-sre-category-hub{position:relative;width:100%;background:linear-gradient(180deg,var(--ms-page),var(--ms-page-warm))}.ms-sre-category-stage{background:var(--ms-gradient);background-size:cover;background-position:center;color:#fff;padding:48px 0 54px;margin-top:-1px}.ms-sre-category-stage__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:50px;align-items:end}.ms-sre-category-stage p{max-width:720px;font-size:18px;line-height:1.62;color:rgba(255,255,255,.95);margin:18px 0 0}.ms-sre-category-stage__search .ms-sre-search{box-shadow:0 16px 32px rgba(74,37,103,.16)}

/* Spielseite */
.ms-sre-breadcrumbs{padding:18px 0;font-size:13px;display:flex;gap:8px;flex-wrap:wrap;color:var(--ms-muted)}.ms-sre-breadcrumbs a{color:var(--ms-purple-dark);text-decoration:none}.ms-sre-game-hero{background:var(--ms-gradient);color:#fff;margin-top:-1px}.ms-sre-game-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr);gap:52px;align-items:center;padding:42px 0 48px}.ms-sre-game-hero__copy p{font-size:18px;line-height:1.6;max-width:660px;color:rgba(255,255,255,.95);margin:18px 0 0}.ms-sre-game-hero__media{height:330px;background:rgba(255,255,255,.13);background-size:cover;background-position:center;border:5px solid rgba(255,255,255,.88);box-shadow:0 22px 46px rgba(68,34,94,.22)}.ms-sre-facts{background:#fff;border-bottom:1px solid var(--ms-line);box-shadow:0 8px 22px rgba(93,54,127,.05)}.ms-sre-facts__grid{display:grid;grid-template-columns:repeat(4,1fr)}.ms-sre-facts__grid>div{padding:20px 22px;border-right:1px solid #eee2f6}.ms-sre-facts__grid>div:last-child{border-right:0}.ms-sre-facts small{display:block;color:var(--ms-muted);text-transform:uppercase;font-size:10px;letter-spacing:.12em}.ms-sre-facts span{font-size:19px;display:block;margin-top:5px}.ms-sre-article-grid{display:grid;grid-template-columns:minmax(0,860px) minmax(270px,330px);gap:48px;max-width:1320px;padding:58px 24px 88px;margin:auto}.ms-sre-article-main,.ms-sre-article-side{min-width:0}.ms-sre-original-content{font-size:18px;line-height:1.78;color:var(--ms-text)}.ms-sre-original-content h2{font-size:34px;line-height:1.17;margin:48px 0 15px;color:var(--ms-text);letter-spacing:-.015em}.ms-sre-original-content h3{font-size:26px;line-height:1.2;margin:34px 0 12px;color:var(--ms-text)}.ms-sre-original-content a{color:var(--ms-purple-dark);text-decoration-thickness:2px;text-underline-offset:3px}.ms-sre-original-content table{display:block;max-width:100%;overflow-x:auto;background:#fff;border:1px solid var(--ms-line)}
.ms-sre-quickrules{background:var(--ms-gradient);color:#fff;padding:28px;margin-bottom:32px;box-shadow:var(--ms-shadow)}.ms-sre-quickrules .ms-sre-section-head h2,.ms-sre-quickrules .ms-sre-section-head>span{color:#fff}.ms-sre-quickrule{background:rgba(255,255,255,.14);padding:19px;border-left:5px solid #fff0cc}.ms-sre-quickrule:nth-child(2n){border-color:#ffd3b4}.ms-sre-quickrule small{color:#fff4db;text-transform:uppercase;letter-spacing:.1em}.ms-sre-quickrule p{margin:7px 0 0;color:#fff}.ms-sre-tablemode{margin-top:19px;background:#fff;color:var(--ms-purple-dark);border:0;border-radius:0;padding:14px 18px;font-weight:500;cursor:pointer}.ms-sre-question-jump{margin:0 0 30px;padding:20px;background:#fff;border:1px solid var(--ms-line);box-shadow:0 10px 22px rgba(96,56,130,.06)}.ms-sre-question-jump>span{display:block;font-size:11px;letter-spacing:.13em;color:var(--ms-purple);font-weight:850;margin-bottom:12px}.ms-sre-question-jump>div{display:flex;flex-wrap:wrap;gap:8px}.ms-sre-question-jump a{display:inline-flex;align-items:center;min-height:40px;padding:9px 12px;background:var(--ms-soft);border-left:4px solid var(--ms-purple);color:var(--ms-text)!important;text-decoration:none!important;font-weight:700}.ms-sre-question-jump a:hover{background:var(--ms-gradient);color:#fff!important;border-left-color:var(--ms-orange)}.ms-sre-hub-fallback{margin-top:18px}.ms-sre-empty--helpful{margin-bottom:18px}.ms-sre-source{display:flex;justify-content:space-between;gap:23px;align-items:center;padding:24px;border:1px solid var(--ms-line);background:#fffafc;margin:30px 0}.ms-sre-source h2{margin:4px 0 8px;font-size:26px}.ms-sre-source p{margin:0}.ms-sre-source a{background:var(--ms-gradient);color:#fff!important;text-decoration:none;padding:14px 17px;white-space:nowrap}.ms-sre-edition{padding:19px 21px;border-left:6px solid var(--ms-orange);background:#fff0e5;margin:26px 0}.ms-sre-edition p{margin:7px 0 0}.ms-sre-faq{margin-top:52px}.ms-sre-faq details{background:#fff;border:1px solid var(--ms-line);margin-bottom:9px}.ms-sre-faq summary{cursor:pointer;padding:17px 19px;font-weight:800;color:var(--ms-text);list-style:none}.ms-sre-faq summary::-webkit-details-marker{display:none}.ms-sre-faq details>div{padding:0 19px 18px;color:var(--ms-muted);line-height:1.65}.ms-sre-correction{margin:52px 0 0;border-top:5px solid var(--ms-purple);padding:22px;background:#fff;box-shadow:0 10px 22px rgba(96,56,130,.06)}.ms-sre-correction h2{margin-top:0}.ms-sre-related{margin-top:54px}.ms-sre-toc{position:sticky;top:24px;background:#fff;color:var(--ms-text);padding:22px;border:1px solid var(--ms-line);box-shadow:0 12px 27px rgba(96,56,130,.08)}.ms-sre-toc h2{font-size:21px;margin:5px 0 13px;color:var(--ms-text)}.ms-sre-toc nav{display:flex;flex-direction:column}.ms-sre-toc a{color:var(--ms-text);text-decoration:none;padding:9px 0;border-top:1px solid #f0e5f7}.ms-sre-toc a:hover{color:var(--ms-purple)}.ms-sre-side-search{display:block;margin-top:14px;padding:17px;background:var(--ms-gradient);color:#fff!important;text-decoration:none}

/* Externes MS-Rating auf Artikellesebreite begrenzen. */
.ms-sre-rating-wrap{width:min(840px,calc(100% - 48px))!important;max-width:840px!important;margin:26px auto 42px!important;padding-left:0!important;padding-right:0!important}
.ms-sre-rating-wrap>*{max-width:100%!important}
.ms-sre-common-mistakes{margin-top:48px;padding:26px;background:linear-gradient(125deg,#fff7f0 0%,#f7efff 100%);border-left:6px solid var(--ms-orange);box-shadow:0 10px 22px rgba(96,56,130,.06)}
.ms-sre-common-mistakes .ms-sre-section-head{margin-bottom:18px}.ms-sre-common-mistakes ul{margin:0;padding-left:21px}.ms-sre-common-mistakes li{margin:10px 0;line-height:1.55}

/* Recht / Redaktion */
.ms-sre-standard-page .site-content{width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;padding:54px 0 80px!important}.ms-sre-standard-page .inside-article{background:#fff!important;border:1px solid var(--ms-line)!important;padding:34px!important;box-shadow:0 12px 28px rgba(90,50,126,.06)!important}.ms-sre-standard-page .entry-header{display:block!important}.ms-sre-standard-page .entry-title{font-size:42px!important;line-height:1.05!important;color:var(--ms-text)!important}.ms-sre-editorial{font-size:18px;line-height:1.75}.ms-sre-editorial>.ms-sre-kicker{color:var(--ms-purple)}.ms-sre-editorial h1{font-size:46px;line-height:1.05;color:var(--ms-text);margin:0 0 22px}.ms-sre-editorial h2{font-size:30px;margin-top:38px}

/* Footer */
.ms-sre-site-foot{background:var(--ms-gradient);color:#fff;padding:46px 0 38px}.ms-sre-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px}.ms-sre-foot-grid h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 12px}.ms-sre-foot-grid a{display:block;color:#fff!important;text-decoration:none;padding:4px 0;opacity:.9}.ms-sre-foot-grid a:hover{opacity:1;text-decoration:underline}.ms-sre-foot-brand>span{font-size:20px;font-weight:850}.ms-sre-foot-brand p{max-width:430px;color:rgba(255,255,255,.84)}

/* Spieltisch */
.ms-sre-table-mode .ms-sre-site-head,.ms-sre-table-mode .ms-sre-site-foot,.ms-sre-table-mode .ms-sre-game-hero,.ms-sre-table-mode .ms-sre-facts,.ms-sre-table-mode .ms-sre-original-content,.ms-sre-table-mode .ms-sre-source,.ms-sre-table-mode .ms-sre-edition,.ms-sre-table-mode .ms-sre-faq,.ms-sre-table-mode .ms-sre-correction,.ms-sre-table-mode .ms-sre-related,.ms-sre-table-mode .ms-sre-article-side{display:none!important}.ms-sre-table-mode{background:var(--ms-gradient)!important}.ms-sre-table-mode .ms-sre-article-grid{display:block;max-width:900px;padding-top:30px}.ms-sre-table-mode .ms-sre-quickrules{min-height:90vh;display:flex;flex-direction:column;justify-content:center}.ms-sre-table-mode .ms-sre-quickrule p{font-size:22px}

/* Admin */
.ms-sre-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ms-sre-admin-grid label span{display:block;font-weight:600;margin-bottom:5px}.ms-sre-admin-grid input{width:100%}.ms-sre-admin-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ms-sre-admin-cards>div{background:#fff;border:1px solid #dcdcde;padding:18px}.ms-sre-admin-cards span{display:block;color:#646970}.ms-sre-admin-cards strong{display:block;font-size:28px;margin-top:8px}

@media(max-width:1120px){
 .ms-sre-mainnav a{padding:10px 7px;font-size:13px}.ms-sre-head-search{padding:11px 13px}
 .ms-sre-category-visual-grid{grid-template-columns:repeat(2,1fr)}.ms-sre-grid--4{grid-template-columns:repeat(2,1fr)}.ms-sre-quicklinks{grid-template-columns:repeat(3,1fr)}.ms-sre-az-list--cards{grid-template-columns:repeat(3,1fr)}.ms-sre-az-intro{grid-template-columns:repeat(3,1fr)}
 .ms-sre-article-grid{grid-template-columns:1fr}.ms-sre-article-side{display:none}.ms-sre-game-hero__grid,.ms-sre-category-stage__inner{grid-template-columns:1.1fr .9fr}.ms-sre-az-list{grid-template-columns:repeat(2,1fr)}.ms-sre-az-list--cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:880px){
 .ms-sre-letters{grid-template-columns:repeat(9,minmax(0,1fr));gap:7px}.ms-sre-letters a{width:100%}
 .ms-sre-site-head__row{height:auto;min-height:74px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.ms-sre-menu-btn{display:block;margin-left:auto}.ms-sre-head-search{display:none}.ms-sre-mainnav{display:none;order:10;width:100%;margin:0;padding-top:6px;grid-template-columns:1fr}.ms-sre-mainnav.is-open{display:grid}.ms-sre-mainnav a{border:1px solid rgba(255,255,255,.18);padding:12px}
 .ms-sre-hero__inner{grid-template-columns:1fr;min-height:auto;padding:46px 0 58px}.ms-sre-hero-collage{height:325px;max-width:680px;width:100%;margin-inline:auto}.ms-sre-category-stage__inner,.ms-sre-game-hero__grid{grid-template-columns:1fr}.ms-sre-game-hero__media{height:280px;max-width:720px}.ms-sre-facts__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
 .ms-sre-rating-wrap{width:calc(100% - 32px)!important;max-width:none!important;margin:22px auto 34px!important}.ms-sre-letters{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
 .ms-sre-wrap{width:min(100% - 32px,1320px)}.ms-sre-brand__mark{width:42px;height:41px;flex-basis:42px}.ms-sre-brand__mark:before{left:15px;width:12px;height:12px}.ms-sre-brand__mark:after{left:4px;right:4px;height:26px}.ms-sre-brand__mark span{left:18px}.ms-sre-brand__text strong{font-size:14px}.ms-sre-brand__text em{font-size:12px}
 .ms-sre-hero__inner{padding:38px 0 64px}.ms-sre-hero h1,.ms-sre-tool-hero h1,.ms-sre-category-stage h1{font-size:clamp(38px,11vw,50px)!important}.ms-sre-hero__copy>p{font-size:17px}.ms-sre-hero-collage{height:260px}.ms-sre-hero-card.one{width:52%;height:74%}.ms-sre-hero-card.two{width:47%;height:66%}.ms-sre-hero-card.three{display:none}.ms-sre-hero-sticker{right:38%;width:80px;height:80px}.ms-sre-hero-sticker strong{font-size:25px}
 .ms-sre-search-band{margin-top:-34px}.ms-sre-search-panel{grid-template-columns:1fr;padding:15px}.ms-sre-search{display:grid;grid-template-columns:1fr}.ms-sre-search button{min-height:52px}.ms-sre-search-panel>div strong{font-size:18px}
 .ms-sre-section{padding:52px 0}.ms-sre-section-head--split{display:block}.ms-sre-section-head--split>p,.ms-sre-section-head--split>.ms-sre-text-link{display:block;margin-top:12px}.ms-sre-section-head h2{font-size:34px}.ms-sre-category-visual-grid{grid-template-columns:1fr 1fr}.ms-sre-category-visual{min-height:175px}.ms-sre-category-visual__label{padding:44px 14px 14px}.ms-sre-category-visual__label strong{font-size:18px}.ms-sre-category-visual__label small{font-size:11px}.ms-sre-category-visual__icon{top:13px;left:14px;font-size:25px}.ms-sre-grid--2,.ms-sre-grid--3,.ms-sre-grid--4{grid-template-columns:1fr}.ms-sre-game-card{min-height:235px}.ms-sre-quicklinks{grid-template-columns:repeat(2,1fr)}.ms-sre-quicklinks a{min-height:100px;padding:14px}.ms-sre-split-band__grid{grid-template-columns:1fr}.ms-sre-split-band__grid>a{min-height:175px}
 .ms-sre-tool-hero{padding:40px 0 50px}.ms-sre-letters{padding-top:20px}.ms-sre-az-intro{grid-template-columns:1fr}.ms-sre-az-list{grid-template-columns:1fr}.ms-sre-az-list--cards{grid-template-columns:1fr}.ms-sre-category-stage{padding:40px 0 44px}.ms-sre-category-stage p{font-size:17px}.ms-sre-category-stage__search{margin-top:4px}.ms-sre-game-hero__grid{padding:34px 0 38px}.ms-sre-game-hero h1{font-size:36px!important}.ms-sre-game-hero__media{height:220px}.ms-sre-facts__grid{grid-template-columns:1fr;width:100%}.ms-sre-facts__grid>div{border-right:0;border-bottom:1px solid #eee2f6;padding:16px 18px}.ms-sre-article-grid{padding:38px 16px 64px}.ms-sre-original-content{font-size:17px}.ms-sre-original-content h2{font-size:29px}.ms-sre-original-content h3{font-size:23px}.ms-sre-quickrules{margin-left:-16px;margin-right:-16px;padding:23px 16px}.ms-sre-source{display:block}.ms-sre-source a{display:block;margin-top:17px;text-align:center;white-space:normal}.ms-sre-foot-grid{grid-template-columns:1fr;gap:28px}.ms-sre-admin-grid{grid-template-columns:1fr}.ms-sre-admin-cards{grid-template-columns:repeat(2,1fr)}
 .ms-sre-standard-page .inside-article{padding:24px!important}.ms-sre-standard-page .entry-title{font-size:34px!important}.ms-sre-editorial h1{font-size:36px}
}
@media(max-width:430px){.ms-sre-hero-actions{display:grid;grid-template-columns:1fr}.ms-sre-hero-actions .ms-sre-btn{width:100%}.ms-sre-search button{width:100%}.ms-sre-pagination{flex-wrap:wrap}.ms-sre-pagination a{min-height:44px}.ms-sre-menu-btn{min-height:44px}.ms-sre-category-visual-grid{grid-template-columns:1fr}.ms-sre-category-visual{min-height:190px}.ms-sre-category-visual__label small{display:block}.ms-sre-quicklinks{grid-template-columns:1fr 1fr}.ms-sre-hero-collage{display:none}.ms-sre-search-band{margin-top:-22px}.ms-sre-admin-cards{grid-template-columns:1fr}.ms-sre-az-card{min-height:230px}.ms-sre-az-card__thumb{height:122px}}
@media(prefers-reduced-motion:reduce){.ms-sre-active *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 2.6.0: Kopfbereich wirklich als eine einzige durchgehende Fläche. */
:root{
  --ms-gradient:linear-gradient(90deg,#7433d1 0%,#ff8f57 100%);
  --ms-gradient-reverse:linear-gradient(90deg,#ff8f57 0%,#7433d1 100%);
}

/* Auf allen redaktionellen Hauptansichten liegt die Navigation direkt AUF dem ersten Farbbereich. */
body.ms-sre-front .ms-sre-site-head,
body.ms-sre-tool .ms-sre-site-head,
body.ms-sre-category-page .ms-sre-site-head,
body.ms-sre-game .ms-sre-site-head{
  position:absolute!important;
  top:0;
  left:0;
  right:0;
  width:100%;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible;
}
body.admin-bar.ms-sre-front .ms-sre-site-head,
body.admin-bar.ms-sre-tool .ms-sre-site-head,
body.admin-bar.ms-sre-category-page .ms-sre-site-head,
body.admin-bar.ms-sre-game .ms-sre-site-head{top:32px}

.ms-sre-site-head:after{display:none!important;content:none!important}
.ms-sre-site-head + #page,
.ms-sre-site-head + .site,
.ms-sre-site-head ~ #page,
body.ms-sre-front .ms-sre-home,
body.ms-sre-tool .ms-sre-tool-page,
body.ms-sre-category-page .ms-sre-category-hub,
body.ms-sre-game .ms-sre-article-shell{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

/* Platz für die überlagerte Navigation entsteht innerhalb derselben Farbfläche. */
body.ms-sre-front .ms-sre-hero{margin-top:0!important;padding-top:0!important}
body.ms-sre-front .ms-sre-hero__inner{padding-top:130px}
body.ms-sre-tool .ms-sre-tool-hero{margin-top:0!important;padding-top:132px}
body.ms-sre-category-page .ms-sre-category-stage{margin-top:0!important;padding-top:126px}
body.ms-sre-game .ms-sre-game-hero{margin-top:0!important;padding-top:0}
body.ms-sre-game .ms-sre-breadcrumbs--hero{padding-top:112px;padding-bottom:10px;color:rgba(255,255,255,.78)}
body.ms-sre-game .ms-sre-breadcrumbs--hero a{color:#fff!important;text-decoration-color:rgba(255,255,255,.45)}

/* Kleine Bereichs-Headlines: größer, aber bewusst nicht fett. */
.ms-sre-kicker{
  font-size:14px!important;
  line-height:1.3;
  letter-spacing:.12em!important;
  font-weight:500!important;
}
.ms-sre-section-head>span,
.ms-sre-section-head>div>span,
.ms-sre-source>div>span,
.ms-sre-edition>span,
.ms-sre-toc>span{
  font-size:13px!important;
  line-height:1.3;
  letter-spacing:.11em!important;
  font-weight:500!important;
}

/* Buttons bleiben normalgewichtig – auch wenn Theme-CSS eingreift. */
.ms-sre-active button,
.ms-sre-active .ms-sre-btn,
.ms-sre-active .ms-sre-head-search,
.ms-sre-active .ms-sre-menu-btn,
.ms-sre-active .ms-sre-search button{
  font-weight:500!important;
}

.ms-sre-source-date{display:block;margin-top:9px;color:var(--ms-muted);font-size:13px;line-height:1.45}

@media(max-width:782px){
  body.admin-bar.ms-sre-front .ms-sre-site-head,
  body.admin-bar.ms-sre-tool .ms-sre-site-head,
  body.admin-bar.ms-sre-category-page .ms-sre-site-head,
  body.admin-bar.ms-sre-game .ms-sre-site-head{top:46px}
}
@media(max-width:880px){
  body.ms-sre-front .ms-sre-hero__inner{padding-top:118px}
  body.ms-sre-tool .ms-sre-tool-hero{padding-top:122px}
  body.ms-sre-category-page .ms-sre-category-stage{padding-top:118px}
  body.ms-sre-game .ms-sre-breadcrumbs--hero{padding-top:104px}
}
@media(max-width:680px){
  .ms-sre-kicker{font-size:13px!important;letter-spacing:.105em!important}
  .ms-sre-section-head>span,.ms-sre-section-head>div>span,.ms-sre-source>div>span,.ms-sre-edition>span,.ms-sre-toc>span{font-size:12px!important}
  body.ms-sre-front .ms-sre-hero__inner{padding-top:108px}
  body.ms-sre-tool .ms-sre-tool-hero{padding-top:112px}
  body.ms-sre-category-page .ms-sre-category-stage{padding-top:108px}
  body.ms-sre-game .ms-sre-breadcrumbs--hero{padding-top:98px}
}


/* 2.7 – Nutzwert-Baender groesser, leichter; Rating wirklich zentriert. */
.ms-sre-play-band .ms-sre-section-head{margin-bottom:30px}
.ms-sre-play-band .ms-sre-section-head>span{
  font-size:14px!important;
  font-weight:400!important;
  letter-spacing:.10em!important;
}
.ms-sre-play-band .ms-sre-section-head h2{
  font-size:clamp(42px,4.2vw,62px)!important;
  line-height:1.02!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
}
.ms-sre-quicklinks a{
  min-height:132px;
  padding:20px;
  justify-content:center;
}
.ms-sre-quicklinks span{
  font-size:clamp(21px,1.55vw,27px)!important;
  line-height:1.08!important;
  font-weight:400!important;
}
.ms-sre-quicklinks small{
  margin-top:9px;
  font-size:14px;
  line-height:1.35;
  font-weight:400!important;
}
.ms-sre-rating-shell{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  justify-content:center!important;
  align-items:stretch!important;
  clear:both!important;
  margin:28px 0 42px!important;
  padding:0 24px!important;
}
.ms-sre-rating-shell>.ms-sre-rating-wrap{
  flex:0 1 840px!important;
  width:100%!important;
  max-width:840px!important;
  margin:0 auto!important;
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
.ms-sre-rating-wrap{
  float:none!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.ms-sre-rating-wrap>*{margin-left:auto!important;margin-right:auto!important}

@media(max-width:680px){
  .ms-sre-play-band .ms-sre-section-head h2{font-size:38px!important}
  .ms-sre-quicklinks a{min-height:116px;padding:16px}
  .ms-sre-quicklinks span{font-size:22px!important}
  .ms-sre-quicklinks small{font-size:13px}
  .ms-sre-rating-shell{padding:0 16px!important;margin:22px 0 34px!important}
  .ms-sre-rating-shell>.ms-sre-rating-wrap{max-width:none!important}
}

/* 2.8: Kommentare / Beitrag-Meta bleiben auf derselben Lesebreite wie der Artikel. */
body.ms-sre-game .comments-area,
body.ms-sre-game #comments,
body.ms-sre-game .comment-respond,
body.ms-sre-game .comment-navigation,
body.ms-sre-game .entry-meta,
body.ms-sre-game .cat-links,
body.ms-sre-game .tags-links{
  width:min(840px,calc(100% - 40px))!important;
  max-width:840px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
body.ms-sre-game .comments-area{padding:30px 0 56px!important;background:transparent!important}
body.ms-sre-game .comment-respond{padding:26px 0 0!important}
body.ms-sre-game .comment-form{width:100%!important;max-width:100%!important;margin:0!important}
body.ms-sre-game .comment-form p{max-width:100%!important}
body.ms-sre-game .comment-form textarea,
body.ms-sre-game .comment-form input[type="text"],
body.ms-sre-game .comment-form input[type="email"],
body.ms-sre-game .comment-form input[type="url"]{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border:1px solid var(--ms-line)!important;border-radius:0!important;background:#fff!important}
body.ms-sre-game .comment-form textarea{min-height:180px!important}
body.ms-sre-game .comment-form .submit,
body.ms-sre-game .form-submit input,
body.ms-sre-game .comment-reply-link{font-weight:400!important;border-radius:0!important;background:var(--ms-gradient)!important;color:#fff!important;border:0!important;padding:13px 18px!important}
body.ms-sre-game .comments-title,
body.ms-sre-game .comment-reply-title{font-weight:400!important;color:var(--ms-text)!important;font-size:clamp(25px,2.2vw,32px)!important;line-height:1.15!important}

/* ILJ-Autolinks optisch ruhig halten – Textlink statt Button-/Keyword-Effekt. */
body.ms-sre-active .ms-sre-original-content a[href^="/"]{text-underline-offset:3px}

@media(max-width:680px){
 body.ms-sre-game .comments-area,
 body.ms-sre-game #comments,
 body.ms-sre-game .comment-respond,
 body.ms-sre-game .comment-navigation,
 body.ms-sre-game .entry-meta,
 body.ms-sre-game .cat-links,
 body.ms-sre-game .tags-links{width:calc(100% - 28px)!important;max-width:none!important}
 body.ms-sre-game .comments-area{padding-bottom:40px!important}
}

/* 2.9 – mobile Header vollständig unter eigener Engine-Kontrolle. */
/* GeneratePress / GP Premium Mobile Header und alte Mobile-Navigation zuverlässig ausblenden. */
body.ms-sre-active #mobile-header,
body.ms-sre-active .mobile-header-navigation,
body.ms-sre-active .navigation-clone,
body.ms-sre-active .mobile-menu-control-wrapper,
body.ms-sre-active .has-inline-mobile-toggle > .menu-toggle,
body.ms-sre-active nav[id*="mobile-header"],
body.ms-sre-active header[id*="mobile-header"],
body.ms-sre-active .site-header + .main-navigation,
body.ms-sre-active .main-navigation.mobile-header-navigation,
body.ms-sre-active .menu-bar-items,
body.ms-sre-active .inside-navigation > .site-logo.mobile-header-logo{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

@media(max-width:880px){
  body.ms-sre-active .ms-sre-site-head{display:block!important;visibility:visible!important;height:auto!important;min-height:0!important;overflow:visible!important}
  body.ms-sre-active .ms-sre-site-head__row{
    width:min(100% - 28px,1320px)!important;
    min-height:72px!important;
    padding:11px 0!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
  }
  body.ms-sre-active .ms-sre-brand{min-width:0!important;max-width:calc(100% - 104px)!important;display:flex!important;align-items:center!important;gap:9px!important}
  body.ms-sre-active .ms-sre-brand__mark{width:38px!important;height:38px!important;flex:0 0 38px!important}
  body.ms-sre-active .ms-sre-brand__mark:before{left:13px!important;top:1px!important;width:12px!important;height:12px!important}
  body.ms-sre-active .ms-sre-brand__mark:after{left:3px!important;right:3px!important;bottom:1px!important;height:25px!important}
  body.ms-sre-active .ms-sre-brand__mark span{left:16px!important;bottom:9px!important}
  body.ms-sre-active .ms-sre-brand__text{min-width:0!important;white-space:normal!important}
  body.ms-sre-active .ms-sre-brand__text strong{font-size:13px!important;line-height:1.05!important;letter-spacing:.015em!important;font-weight:600!important}
  body.ms-sre-active .ms-sre-brand__text em{font-size:11px!important;line-height:1.05!important;margin-top:4px!important;font-weight:400!important;color:#fff2df!important}
  body.ms-sre-active .ms-sre-menu-btn{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    margin-left:auto!important;min-height:44px!important;height:44px!important;width:auto!important;
    padding:9px 12px!important;border:1px solid rgba(255,255,255,.48)!important;background:rgba(255,255,255,.10)!important;
    color:#fff!important;font-size:15px!important;line-height:1!important;font-weight:400!important;white-space:nowrap!important;
  }
  body.ms-sre-active .ms-sre-menu-btn span{font-size:19px!important;line-height:1!important}
  body.ms-sre-active .ms-sre-mainnav{order:20!important;width:100%!important;margin:2px 0 0!important;padding:0!important;gap:0!important;background:rgba(89,38,142,.18)!important;border-top:1px solid rgba(255,255,255,.22)!important}
  body.ms-sre-active .ms-sre-mainnav.is-open{display:grid!important;grid-template-columns:1fr!important}
  body.ms-sre-active .ms-sre-mainnav a{min-height:46px!important;display:flex!important;align-items:center!important;padding:11px 4px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.19)!important;font-size:16px!important;font-weight:400!important;color:#fff!important}
  body.ms-sre-active .ms-sre-head-search{display:none!important}
  body.ms-sre-front .ms-sre-hero__inner{padding-top:104px!important}
  body.ms-sre-tool .ms-sre-tool-hero{padding-top:106px!important}
  body.ms-sre-category-page .ms-sre-category-stage{padding-top:104px!important}
  body.ms-sre-game .ms-sre-breadcrumbs--hero{padding-top:92px!important}
}

@media(max-width:430px){
  body.ms-sre-active .ms-sre-site-head__row{width:calc(100% - 22px)!important}
  body.ms-sre-active .ms-sre-brand{max-width:calc(100% - 88px)!important}
  body.ms-sre-active .ms-sre-brand__text strong{font-size:12px!important}
  body.ms-sre-active .ms-sre-brand__text em{font-size:10px!important}
  body.ms-sre-active .ms-sre-menu-btn{padding:8px 10px!important;font-size:14px!important}
}


/* 3.0 – letzter Shell-Guard: kein weißer Streifen oberhalb der Engine, auch ausgeloggt. */
html{background:#7433d1!important}
body.ms-sre-front,body.ms-sre-tool,body.ms-sre-category-page,body.ms-sre-game{
  background:linear-gradient(90deg,#7433d1 0%,#ff8f57 100%) no-repeat top/100% 760px,linear-gradient(180deg,var(--ms-page) 0%,var(--ms-page-warm) 100%)!important;
}
body:not(.admin-bar).ms-sre-active .ms-sre-site-head{top:0!important}
body.ms-sre-active>.top-bar,body.ms-sre-active>#mobile-header,body.ms-sre-active>.mobile-header-navigation{display:none!important;height:0!important;margin:0!important;padding:0!important}
body.ms-sre-active #page,body.ms-sre-active .site{top:0!important}

/* 3.1 – Zeilen immer bis zur real verfügbaren Breite nutzen. Keine Design-Frühumbrüche. */
body.ms-sre-active .ms-sre-tool-hero p,
body.ms-sre-active .ms-sre-section-head p,
body.ms-sre-active .ms-sre-empty p,
body.ms-sre-active .ms-sre-empty h2,
body.ms-sre-active .ms-sre-related-note,
body.ms-sre-active .ms-sre-source p,
body.ms-sre-active .ms-sre-edition p,
body.ms-sre-active .ms-sre-correction p,
body.ms-sre-active .ms-sre-faq summary,
body.ms-sre-active .ms-sre-faq details>div,
body.ms-sre-active .ms-sre-original-content h1,
body.ms-sre-active .ms-sre-original-content h2,
body.ms-sre-active .ms-sre-original-content h3,
body.ms-sre-active .ms-sre-original-content p{
  max-width:none!important;
  width:auto!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:auto;
  text-wrap:wrap!important;
}
body.ms-sre-active .ms-sre-section-head--split>div{min-width:0;flex:1 1 auto}
body.ms-sre-active .ms-sre-section-head--split>p{flex:0 1 46%;min-width:0}
body.ms-sre-active .ms-sre-tool-hero .ms-sre-wrap>p{width:100%!important}

/* Nutzerfragen, Sprungziele und Hilfebereiche bewusst nicht fett. */
body.ms-sre-active .ms-sre-faq summary,
body.ms-sre-active .ms-sre-question-jump a,
body.ms-sre-active .ms-sre-question-jump>span,
body.ms-sre-active .ms-sre-empty h2,
body.ms-sre-active .ms-sre-empty--helpful h2,
body.ms-sre-active .ms-sre-related-note,
body.ms-sre-active .ms-sre-correction h2{
  font-weight:400!important;
}
body.ms-sre-active .ms-sre-faq summary{font-size:18px!important;line-height:1.45!important}
body.ms-sre-active .ms-sre-faq details>div{font-weight:400!important}
body.ms-sre-active .ms-sre-empty h2{font-size:clamp(24px,2.2vw,32px)!important;line-height:1.15!important}

/* Auch Karten-/Hubtitel nicht künstlich durch Balance oder Breitenlimits umbrechen. */
body.ms-sre-active .ms-sre-game-card strong,
body.ms-sre-active .ms-sre-az-card__body strong,
body.ms-sre-active .ms-sre-category-visual__label strong,
body.ms-sre-active .ms-sre-split-band__grid strong{
  max-width:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:wrap!important;
}

@media(max-width:680px){
  body.ms-sre-active .ms-sre-section-head--split>p{width:100%!important;max-width:none!important}
  body.ms-sre-active .ms-sre-faq summary{font-size:17px!important}
}
