/* casinodeguide.com — Redaktionsskin dgu, 28.09.2026. Mass 1288, Full-Bleed-Baender. */
:root{
  --dgu-c-base:#14161A; --dgu-c-soft:#4A5058; --dgu-c-line:#DCD8CE;
  --dgu-c-paper:#FFFFFF; --dgu-c-band:#F3F1EA; --dgu-c-deep:#101318;
  --dgu-c-prim:#123C5A; --dgu-c-acc:#C2453B; --dgu-c-pos:#2E7D5B; --dgu-c-brass:#8A5A12;
  --dgu-w:1288px; --dgu-gut:20px;
  --dgu-fd:Cambria,"Gentium Book Plus","PT Serif","Liberation Serif","Times New Roman",serif;
  --dgu-fb:Inter,"Noto Sans",Roboto,Arial,"Helvetica Neue",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.dgu-body{margin:0;background:var(--dgu-c-paper);color:var(--dgu-c-base);
  font:400 17px/1.62 var(--dgu-fb);overflow-x:hidden}
.dgu-wrap{max-width:var(--dgu-w);margin:0 auto;padding-left:var(--dgu-gut);padding-right:var(--dgu-gut)}
.dgu-band{width:100%}
img{max-width:100%;height:auto}
a{color:var(--dgu-c-prim)}
.dgu-body h1,.dgu-body h2,.dgu-body h3,.dgu-body h4{font-family:var(--dgu-fd);font-weight:700;
  line-height:1.2;letter-spacing:-.01em;color:var(--dgu-c-base);margin:0 0 .5em}
.dgu-skip{position:absolute;left:-9999px}
.dgu-skip:focus{left:8px;top:8px;background:#fff;padding:10px 14px;z-index:99}

/* ---- Kopfleiste: drei Ebenen in EINEM <header>, eine linke Kante ----
   Ebenen liegen im selben Kasten: darüber darf kein Abstand stehen,
   der Abstand zum Inhalt kommt allein von #dgu-main. */
.dgu-hd{display:block}
#dgu-main{display:block;margin-top:26px}
.dgu-top{background:var(--dgu-c-deep);color:#C9CEd6;font-size:13px}
.dgu-top .dgu-wrap{display:flex;align-items:center;gap:16px;min-height:38px;flex-wrap:wrap}
.dgu-top__claim{flex:1 1 auto;min-width:180px}
.dgu-top__age{background:var(--dgu-c-acc);color:#fff;font-weight:700;border-radius:3px;padding:2px 8px;font-size:12px}
.dgu-top a{color:#E3E7EC}
.dgu-head{background:var(--dgu-c-paper);border-bottom:1px solid var(--dgu-c-line)}
.dgu-head .dgu-wrap{display:flex;align-items:center;gap:22px;min-height:72px}
.dgu-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.dgu-logo__mark{width:34px;height:34px;flex:0 0 34px}
.dgu-logo__txt{font-family:var(--dgu-fd);font-weight:700;font-size:25px;letter-spacing:-.02em;color:var(--dgu-c-base)}
.dgu-logo__txt b{color:var(--dgu-c-acc);font-weight:700}
.dgu-nav{margin-left:auto}
.dgu-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.dgu-nav a{display:block;padding:10px 0;font:600 15px/1 var(--dgu-fb);color:var(--dgu-c-base);
  text-decoration:none;border-bottom:2px solid transparent}
.dgu-nav a:hover,.dgu-nav a[aria-current="page"]{border-bottom-color:var(--dgu-c-acc)}
.dgu-burger{display:none;margin-left:auto;background:none;border:1px solid var(--dgu-c-line);
  border-radius:4px;width:44px;height:44px;cursor:pointer;padding:0}
.dgu-burger span{display:block;width:20px;height:2px;background:var(--dgu-c-base);margin:4px auto}

/* ---- Marktlage: Chip-Band ---- */
.dgu-mkt{background:var(--dgu-c-band);border-bottom:1px solid var(--dgu-c-line)}
.dgu-mkt .dgu-wrap{display:flex;gap:10px;overflow-x:auto;padding-top:9px;padding-bottom:9px;
  scrollbar-width:thin}
.dgu-chip{flex:0 0 auto;display:flex;align-items:baseline;gap:7px;background:#fff;
  border:1px solid var(--dgu-c-line);border-radius:999px;padding:5px 14px;font-size:13px;white-space:nowrap}
.dgu-chip b{font-family:var(--dgu-fd);font-size:15px;color:var(--dgu-c-prim)}
.dgu-chip i{font-style:normal;color:var(--dgu-c-soft)}

/* ---- Marktzahlen: Full-Bleed-Datenband ---- */
.dgu-nums{background:var(--dgu-c-deep);color:#fff;padding:26px 0}
.dgu-nums__g{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.dgu-num__v{font-family:var(--dgu-fd);font-size:34px;line-height:1.05;font-weight:700}
.dgu-num__k{font-size:13px;color:#C9CEd6;margin-top:6px}
.dgu-num__s{font-size:12px;color:#9AA3AE;margin-top:3px}

/* ---- Doppelaufmacher: zwei gleichwertige Aufmacher ---- */
.dgu-lead{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:34px 0 8px}
.dgu-lead__i{min-width:0}
.dgu-lead__pic{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;
  border-top:2px solid var(--dgu-c-acc)}
.dgu-lead h2{font-size:31px;margin:14px 0 8px}
.dgu-lead h2 a{color:inherit;text-decoration:none}
.dgu-lead h2 a:hover{color:var(--dgu-c-acc)}
.dgu-lead__st{color:var(--dgu-c-soft);font-size:16px;margin:0}

/* ---- Raster 12 Spalten ---- */
.dgu-g{display:grid;grid-template-columns:repeat(12,1fr);gap:30px}
.dgu-s4{grid-column:span 4}.dgu-s6{grid-column:span 6}.dgu-s8{grid-column:span 8}
.dgu-sec{padding:34px 0}
.dgu-sec--alt{background:var(--dgu-c-band);border-top:1px solid var(--dgu-c-line);
  border-bottom:1px solid var(--dgu-c-line)}
.dgu-sec__h{display:flex;align-items:baseline;gap:14px;border-bottom:2px solid var(--dgu-c-base);
  padding-bottom:8px;margin-bottom:22px;flex-wrap:wrap}
.dgu-sec__h h2{font-size:23px;margin:0}
.dgu-sec__h h1{font-size:31px;margin:0;letter-spacing:-.015em}
.dgu-sec__h p{margin:0;color:var(--dgu-c-soft);font-size:14px;flex:1 1 200px}
.dgu-sec__h a{font:600 14px/1 var(--dgu-fb);text-decoration:none;white-space:nowrap}

/* ---- Karte ---- */
.dgu-card{display:flex;flex-direction:column;min-width:0}
.dgu-card__pic{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px}
.dgu-card h3{font-size:19px;margin:12px 0 6px}
.dgu-card h3 a{color:inherit;text-decoration:none}
.dgu-card h3 a:hover{color:var(--dgu-c-acc)}
.dgu-card p{margin:0;color:var(--dgu-c-soft);font-size:15px}
.dgu-meta{font-size:12.5px;color:var(--dgu-c-soft);margin-top:8px;display:flex;gap:9px;flex-wrap:wrap}
.dgu-meta b{font-weight:600;color:var(--dgu-c-prim)}
.dgu-card--wide{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
.dgu-card--wide .dgu-card__pic{aspect-ratio:4/3}
.dgu-list{list-style:none;margin:0;padding:0}
.dgu-list li{padding:13px 0;border-top:1px solid var(--dgu-c-line)}
.dgu-list li:first-child{border-top:0}
.dgu-list a{font-family:var(--dgu-fd);font-weight:700;font-size:17px;color:var(--dgu-c-base);text-decoration:none}
.dgu-list a:hover{color:var(--dgu-c-acc)}

/* ---- Datenpanel / Widgets: 2px Akzentkante oben ---- */
.dgu-panel{background:#fff;border:1px solid var(--dgu-c-line);border-top:2px solid var(--dgu-c-prim);
  padding:20px}
.dgu-panel--acc{border-top-color:var(--dgu-c-acc)}
.dgu-panel--pos{border-top-color:var(--dgu-c-pos)}
.dgu-panel--brass{border-top-color:var(--dgu-c-brass)}
.dgu-panel__h{font-family:var(--dgu-fd);font-size:18px;font-weight:700;margin:0 0 4px}
.dgu-panel__s{font-size:12.5px;color:var(--dgu-c-soft);margin:0 0 14px}
.dgu-panel + .dgu-panel{margin-top:24px}
.dgu-tab{width:100%;border-collapse:collapse;font-size:14px}
.dgu-tab th,.dgu-tab td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--dgu-c-line);vertical-align:top}
.dgu-tab th{font:700 12px/1.3 var(--dgu-fb);letter-spacing:.06em;text-transform:uppercase;color:var(--dgu-c-soft)}
.dgu-tab td:last-child,.dgu-tab th:last-child{text-align:right}
.dgu-bar{display:block;height:7px;background:var(--dgu-c-band);border-radius:3px;overflow:hidden;margin-top:5px}
.dgu-bar i{display:block;height:100%;background:var(--dgu-c-prim)}
.dgu-tag{display:inline-block;font:700 11px/1.5 var(--dgu-fb);letter-spacing:.05em;text-transform:uppercase;
  padding:2px 8px;border-radius:3px;background:var(--dgu-c-band);color:var(--dgu-c-soft)}
.dgu-tag--ok{background:#E4F1EA;color:#1F5C43}
.dgu-tag--no{background:#F7E6E4;color:#8E2F27}
.dgu-step{list-style:none;margin:0;padding:0;counter-reset:s}
.dgu-step li{counter-increment:s;position:relative;padding:11px 0 11px 38px;border-top:1px solid var(--dgu-c-line);font-size:14.5px}
.dgu-step li:first-child{border-top:0}
.dgu-step li::before{content:counter(s);position:absolute;left:0;top:11px;width:25px;height:25px;
  border-radius:50%;background:var(--dgu-c-prim);color:#fff;font:700 13px/25px var(--dgu-fb);text-align:center}

/* ---- Anbieter-Schiene (Vitrine dguv) ---- */
.dgu-rail{display:flex;flex-direction:column;gap:0}
.dgu-op{display:grid;grid-template-columns:44px 96px 1fr auto;gap:18px;align-items:center;
  padding:16px;border:1px solid var(--dgu-c-line);border-top:2px solid var(--dgu-c-brass);background:#fff}
.dgu-op + .dgu-op{margin-top:14px}
.dgu-op__r{font-family:var(--dgu-fd);font-size:26px;font-weight:700;color:var(--dgu-c-brass);text-align:center}
.dgu-op__logo{width:96px;height:64px;object-fit:contain;display:block}
.dgu-op__b{min-width:0}
.dgu-op__n{font-family:var(--dgu-fd);font-size:19px;font-weight:700;margin:0 0 5px}
.dgu-op__f{display:flex;gap:7px;flex-wrap:wrap;margin:0}
.dgu-op__note{font-size:12.5px;color:var(--dgu-c-soft);margin:7px 0 0}
.dgu-cta{display:inline-block;background:var(--dgu-c-acc);color:#fff;text-decoration:none;
  font:700 14px/1 var(--dgu-fb);padding:14px 22px;border-radius:3px;white-space:nowrap}
.dgu-cta:hover{background:#A63830;color:#fff}
.dgu-op__side{display:flex;flex-direction:column;align-items:flex-end;gap:7px}
.dgu-op__side small{font-size:11.5px;color:var(--dgu-c-soft)}

/* ---- Artikel ---- */
.dgu-bc{font-size:13px;color:var(--dgu-c-soft);padding:16px 0 0}
.dgu-bc a{color:var(--dgu-c-soft)}
.dgu-art{padding:10px 0 40px}
.dgu-art h1{font-size:39px;margin:10px 0 14px}
.dgu-art__st{font-size:19px;color:var(--dgu-c-soft);margin:0 0 18px;font-family:var(--dgu-fd)}
.dgu-art__m{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--dgu-c-soft);
  border-top:1px solid var(--dgu-c-line);border-bottom:1px solid var(--dgu-c-line);padding:11px 0;margin:0 0 24px}
.dgu-art__pic{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin:0 0 26px;border-top:2px solid var(--dgu-c-acc)}
.dgu-body .dgu-txt{font-size:17.5px;line-height:1.72}
.dgu-txt h2{font-size:26px;margin:34px 0 12px}
.dgu-txt h3{font-size:20px;margin:26px 0 10px}
.dgu-txt p{margin:0 0 17px}
.dgu-txt ul,.dgu-txt ol{margin:0 0 17px;padding-left:22px}
.dgu-txt li{margin:0 0 7px}
.dgu-txt img{height:auto;margin:16px 0}
.dgu-txt table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 20px}
.dgu-txt th,.dgu-txt td{border-bottom:1px solid var(--dgu-c-line);padding:10px;text-align:left}
.dgu-txt blockquote{margin:22px 0;padding:4px 0 4px 20px;border-left:3px solid var(--dgu-c-acc);
  font-family:var(--dgu-fd);font-size:20px;color:var(--dgu-c-base)}
.dgu-note{background:var(--dgu-c-band);border-left:3px solid var(--dgu-c-prim);padding:16px 18px;
  font-size:15px;margin:0 0 22px}
.dgu-aside{position:sticky;top:96px}

/* ---- Fussbereich ---- */
.dgu-foot{background:var(--dgu-c-deep);color:#AEB6C0;margin-top:20px;font-size:14.5px}
.dgu-foot__g{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:34px;padding:44px 0 30px}
.dgu-foot h3{color:#fff;font-size:15px;font-family:var(--dgu-fb);letter-spacing:.08em;
  text-transform:uppercase;margin:0 0 14px}
.dgu-foot a{color:#DCE2E9;text-decoration:none}
.dgu-foot a:hover{text-decoration:underline}
.dgu-foot ul{list-style:none;margin:0;padding:0}
.dgu-foot li{margin:0 0 9px}
.dgu-foot__help{border-top:1px solid #262B33;padding:18px 0;font-size:13.5px;color:#8C949F}
.dgu-foot__bot{border-top:1px solid #262B33;padding:16px 0 34px;display:flex;gap:16px;
  flex-wrap:wrap;align-items:center;font-size:13px;color:#79818C}
.dgu-foot__age{background:#fff;color:var(--dgu-c-deep);font-weight:700;border-radius:3px;padding:3px 9px}

/* ---- verkaufte Ressourcen-Galerie (unveraendert uebernommen) ---- */
.dgu-gal{padding:30px 0 34px}
.dgu-gal h2{font-size:19px;margin:0 0 18px}
.dgu-gal__g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.dgu-gal__i{text-decoration:none}
.dgu-gal__f{aspect-ratio:3/2;border:1px solid var(--dgu-c-line);border-radius:6px;background:#fff;
  display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}
.dgu-gal__f img{max-width:80%;max-height:70%;object-fit:contain}
.dgu-gal__txt{margin:16px 0 0;font-size:13.5px;color:var(--dgu-c-soft)}
.dgu-gal__txt a{color:var(--dgu-c-prim)}

/* ---- Paginierung / Feed ---- */
.dgu-feed li{padding:20px 0;border-top:1px solid var(--dgu-c-line)}
.dgu-feed li:first-child{border-top:0}

@media (max-width:1100px){
  .dgu-foot__g{grid-template-columns:1fr 1fr}
  .dgu-gal__g{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .dgu-nav{display:none;order:9;width:100%;border-top:1px solid var(--dgu-c-line);margin-left:0}
  .dgu-nav.is-open{display:block}
  .dgu-nav ul{flex-direction:column;gap:0;padding:6px 0 12px}
  .dgu-nav a{padding:15px 0;min-height:44px;box-sizing:border-box;
    border-bottom:1px solid var(--dgu-c-line)}
  .dgu-burger{display:block}
  .dgu-head .dgu-wrap{flex-wrap:wrap;min-height:64px}
  .dgu-lead{grid-template-columns:1fr;gap:28px}
  .dgu-lead h2{font-size:26px}
  .dgu-nums__g{grid-template-columns:1fr 1fr;gap:20px}
  .dgu-s4,.dgu-s6,.dgu-s8{grid-column:span 12}
  .dgu-g{gap:26px}
  .dgu-aside{position:static}
}
@media (max-width:640px){
  :root{--dgu-gut:14px}
  body.dgu-body{font-size:16.5px}
  .dgu-art h1{font-size:29px}
  .dgu-lead h2{font-size:23px}
  .dgu-num__v{font-size:27px}
  .dgu-card--wide{grid-template-columns:1fr;gap:12px}
  .dgu-card--wide .dgu-card__pic{aspect-ratio:16/9}
  .dgu-op{grid-template-columns:34px 1fr;gap:12px;row-gap:12px}
  .dgu-op__logo{width:78px;height:52px;grid-column:2}
  .dgu-op__b{grid-column:2}
  .dgu-op__side{grid-column:2;align-items:flex-start}
  .dgu-cta{width:100%;text-align:center}
  .dgu-foot__g{grid-template-columns:1fr;gap:26px;padding:32px 0 22px}
  .dgu-gal__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dgu-txt table{display:block;overflow-x:auto}
  #dgu-main{margin-top:18px}
}

/* ---- Fremdmaterial aus dem Bestand: darf das Fenster nicht sprengen ----
   Die Alt-Seiten tragen Figuren mit fester Pixelbreite (wp-caption 1024px).
   Ohne diese Regeln schiebt eine einzige davon das Dokument auf 1042px. */
.dgu-txt img,.dgu-body img{max-width:100%;height:auto}
.dgu-txt figure,.dgu-txt .wp-caption,.dgu-body figure,.dgu-body .wp-caption{
  width:auto!important;max-width:100%!important;margin-left:0;margin-right:0}
.dgu-txt iframe,.dgu-txt embed,.dgu-txt video,.dgu-txt object{max-width:100%}
.dgu-txt pre{overflow-x:auto}
.dgu-body table{max-width:100%}