/* ========================================================================== 
   DIXIELAND GAMING — SOUTHERN STICKER RIOT

   INHALT
   01. Designvariablen und Grundlayout
   02. Navigation und statische Unterseiten
   03. Klassischer Hero- und Inhaltsaufbau
   04. Southern-Sticker-Riot-Erweiterungen
   05. Poster- und Asset-Hero-Varianten
   06. Aktuelle DLX-Homepage
   07. Responsive Anpassungen

   Hinweis: Spätere Blöcke überschreiben bewusst frühere Entwurfsstände.
   Ihre Reihenfolge wurde deshalb beibehalten.
   ========================================================================== */

/* 01. Designvariablen und Grundlayout
   ========================================================================== */

@font-face {
  font-family: "Dixieland Anton";
  src: url("assets/fonts/anton-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* CMS V12 — dynamische News-Einzelseite */
.news-detail-page{min-height:100vh;background:#0b0907;color:#eadfc8}
.news-detail-header{min-height:108px;background:#080705;border-bottom:2px solid #5a321d}
.news-detail{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:0;padding-block:72px 100px}
.news-detail__image{width:100%;height:100%;min-height:560px;object-fit:cover;border:12px solid transparent;border-image:url("assets/home-panel-frame.webp?v=12.4.213") 40 fill/12px/4px stretch;filter:saturate(.78) contrast(1.05)}
.news-detail__paper{position:relative;margin-block:22px;padding:clamp(34px,5vw,70px);background:#dfcfad;color:#17100b;box-shadow:0 22px 50px rgba(0,0,0,.35)}
.news-detail__paper:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(137,72,25,.14),transparent 28%),linear-gradient(105deg,transparent 70%,rgba(233,111,22,.14));pointer-events:none}
.news-detail__paper>*{position:relative}
.news-detail__paper>small{color:#a74714;font:900 12px/1 Arial,sans-serif;letter-spacing:1.3px}
.news-detail__paper h1{margin:12px 0 10px;font:clamp(38px,5vw,72px)/.94 "Dixieland Anton",Impact,sans-serif}
.news-detail__paper time{display:block;padding-bottom:20px;border-bottom:1px solid rgba(55,34,20,.35);font-weight:900;font-size:11px;letter-spacing:1px}
.news-detail__paper .lead{font-weight:900;font-size:18px;line-height:1.45}
.news-detail__content{margin:22px 0 30px;font-size:16px;line-height:1.75}
@media(max-width:850px){.news-detail{grid-template-columns:1fr;padding-block:35px 65px}.news-detail__image{min-height:360px}.news-detail__paper{margin:-14px 10px 0}}

/* ========================================================================== 
   REAL-LIFE-GALERIE / QUAD BUILD
   ========================================================================== */
.gallery-page{background:#0b0a08;color:#f0dfbb}.gallery-page .dlx{overflow:hidden}.gallery-header{min-height:690px;background:radial-gradient(circle at 80% 30%,rgba(239,90,19,.19),transparent 28%),linear-gradient(110deg,rgba(0,0,0,.35),rgba(0,0,0,.88)),url("assets/bg_galle.webp") center/cover;border-bottom:7px solid #ef5a13;position:relative}.gallery-header:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(174deg,transparent 49%,#0b0a08 50%);pointer-events:none}.gallery-page .dlx-nav{position:relative;z-index:4}.gallery-page .dlx-nav nav a.active{color:#ef5a13}.gallery-hero{min-height:540px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;position:relative;z-index:2;padding-bottom:70px}.gallery-kicker{display:inline-block;color:#ef5a13;font:700 18px/1 Arial,sans-serif;letter-spacing:4px;border-left:8px solid #ef5a13;padding-left:15px}.gallery-hero h1{font:900 clamp(70px,8vw,132px)/.78 "Dixieland Anton",Impact,sans-serif;margin:30px 0 26px;letter-spacing:-3px;text-shadow:7px 8px 0 #000;transform:rotate(-1deg)}.gallery-hero h1 em{font-style:normal;color:#ef5a13}.gallery-hero p{max-width:660px;font:700 18px/1.6 Arial,sans-serif;color:#d2c19f}.gallery-cta{display:inline-block;margin-top:18px;background:#ef5a13;color:#090806!important;padding:17px 30px;font:900 26px/1 "Dixieland Anton",Impact,sans-serif;transform:rotate(-1deg);box-shadow:7px 7px 0 #000}.build-card{background:#ead7af;color:#0b0a08;border:4px solid #0b0a08;outline:3px solid #ead7af;padding:28px;transform:rotate(2deg);box-shadow:12px 14px 0 rgba(0,0,0,.7)}.build-card>b{display:block;color:#ef5a13;font:900 20px/1 Arial,sans-serif}.build-card>strong{display:block;font:900 48px/1 "Dixieland Anton",Impact,sans-serif;margin:8px 0 24px}.build-card dl{margin:0;border-top:3px solid #0b0a08}.build-card dl div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px dashed #594936}.build-card dt,.build-card dd{margin:0;font:900 14px/1 Arial,sans-serif}.section-title{display:flex;align-items:center;gap:14px;margin-bottom:30px;border-bottom:3px solid #362619}.section-title b{font:900 48px/1 "Dixieland Anton",Impact,sans-serif;color:#ef5a13}.section-title h2{font:900 39px/1 "Dixieland Anton",Impact,sans-serif;margin:0}.section-title span{margin-left:auto;color:#a68e6c;font:700 13px/1 Arial,sans-serif;letter-spacing:2px}.workshop-story,.quad-gallery,.build-updates{padding-top:75px;padding-bottom:45px}.story-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center}.story-grid h3{font:900 clamp(38px,5vw,67px)/.92 "Dixieland Anton",Impact,sans-serif;margin:0 0 22px;color:#ef5a13}.story-grid p{font:700 17px/1.7 Arial,sans-serif;color:#c9b895}.story-grid blockquote{margin:0;padding:45px 35px;background:#ead7af;color:#0b0a08;border:4px solid #ef5a13;font:900 33px/1.15 "Dixieland Anton",Impact,sans-serif;transform:rotate(2deg);box-shadow:10px 10px 0 #000}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.photo-card{margin:0;background:#ead7af;color:#0b0a08;padding:10px 10px 17px;transform:rotate(-.7deg);box-shadow:6px 7px 0 #000;border:2px solid #51361f}.photo-card:nth-child(even){transform:rotate(.9deg)}.photo-card.photo-wide{grid-column:span 2}.photo-card button{position:relative;width:100%;height:260px;padding:0;border:0;background:#15110e;cursor:pointer;overflow:hidden}.photo-card.photo-wide button{height:340px}.photo-card img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.1)}.photo-card button span{position:absolute;inset:auto 12px 12px auto;background:#ef5a13;color:#080705;padding:8px 13px;font:900 14px/1 Arial,sans-serif;opacity:0;transform:translateY(8px);transition:.2s}.photo-card button:hover span{opacity:1;transform:none}.photo-card button:hover img{filter:saturate(1) contrast(1.08);transform:scale(1.025)}.photo-card figcaption{padding:14px 8px 0}.photo-card figcaption b{display:block;font:900 23px/1 "Dixieland Anton",Impact,sans-serif}.photo-card figcaption small{display:block;margin-top:7px;font:700 13px/1.4 Arial,sans-serif;color:#5d4b36}.build-updates article{display:grid;grid-template-columns:150px 1fr 70px;gap:25px;align-items:center;padding:25px 10px;border-bottom:2px dashed #56331d}.build-updates time{color:#ef5a13;font:900 20px/1 "Dixieland Anton",Impact,sans-serif}.build-updates h3{font:900 31px/1 "Dixieland Anton",Impact,sans-serif;margin:0 0 8px}.build-updates p{margin:0;color:#b9a889;font:700 15px/1.5 Arial,sans-serif}.build-updates article>span{font:900 58px/1 "Dixieland Anton",Impact,sans-serif;color:#322217}.gallery-discord{margin-top:75px;background:#ead7af;color:#0b0a08;border-block:7px solid #ef5a13}.gallery-discord>div{min-height:210px;display:flex;align-items:center;justify-content:space-between;gap:30px}.gallery-discord small{font:900 14px/1 Arial,sans-serif;color:#ef5a13;letter-spacing:3px}.gallery-discord h2{font:900 clamp(48px,6vw,82px)/.9 "Dixieland Anton",Impact,sans-serif;margin:10px 0 0}.gallery-discord a{background:#ef5a13;color:#090806;padding:19px 28px;font:900 25px/1 "Dixieland Anton",Impact,sans-serif;box-shadow:7px 7px 0 #0b0a08}.lightbox{width:min(1180px,92vw);height:min(840px,90vh);padding:50px;background:#080705;border:4px solid #ead7af;color:#ead7af;overflow:hidden}.lightbox::backdrop{background:rgba(0,0,0,.9)}.lightbox img{width:100%;height:calc(100% - 45px);object-fit:contain}.lightbox p{text-align:center;font:900 20px/1 "Dixieland Anton",Impact,sans-serif}.lightbox button{position:absolute;border:0;background:#ef5a13;color:#080705;font:900 38px/1 Arial,sans-serif;cursor:pointer;z-index:2}.lightbox-close{right:10px;top:10px;width:42px;height:42px}.lightbox-prev,.lightbox-next{top:50%;width:48px;height:65px}.lightbox-prev{left:7px}.lightbox-next{right:7px}
@media(max-width:900px){.gallery-hero,.story-grid{grid-template-columns:1fr}.gallery-hero{padding-top:70px}.build-card{max-width:520px}.photo-grid{grid-template-columns:repeat(2,1fr)}.photo-card.photo-wide{grid-column:span 2}.gallery-discord>div{padding-block:45px;align-items:flex-start;flex-direction:column}.build-updates article{grid-template-columns:110px 1fr}.build-updates article>span{display:none}}
@media(max-width:600px){.gallery-header{min-height:780px}.gallery-hero h1{font-size:68px}.gallery-hero{gap:25px}.section-title{align-items:flex-end;flex-wrap:wrap}.section-title span{width:100%;margin:0 0 10px}.photo-grid{grid-template-columns:1fr}.photo-card.photo-wide{grid-column:auto}.photo-card button,.photo-card.photo-wide button{height:250px}.story-grid blockquote{font-size:26px}.build-updates article{grid-template-columns:1fr}.gallery-discord h2{font-size:48px}.lightbox{padding:38px 12px 25px}}

/* GALERIE-PROJEKTE / V12.3 */
.gallery-header--projects{min-height:660px}.project-summary-card>strong{font-size:42px}.project-overview{padding-top:85px;padding-bottom:85px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.project-card{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:390px;background:#ead7af;color:#0b0a08;border:3px solid #51361f;box-shadow:10px 12px 0 #000;transform:rotate(-.35deg);overflow:hidden}.project-card:nth-child(even){transform:rotate(.45deg)}.project-card__media{position:relative;min-height:390px;background:#15110e;overflow:hidden}.project-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(11,10,8,.32));pointer-events:none}.project-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.08);transition:transform .35s ease,filter .35s ease}.project-card:hover .project-card__media img{transform:scale(1.035);filter:saturate(1) contrast(1.08)}.project-card__media>span{position:absolute;z-index:2;left:16px;bottom:16px;background:#ef5a13;color:#090806;padding:9px 13px;font:900 14px/1 Arial,sans-serif;letter-spacing:1px}.project-card__body{padding:34px 30px;display:flex;flex-direction:column}.project-card__body>small{color:#ef5a13;font:900 12px/1 Arial,sans-serif;letter-spacing:2px}.project-card__body h2{font:900 clamp(38px,4vw,60px)/.9 "Dixieland Anton",Impact,sans-serif;margin:16px 0 18px}.project-card__body p{font:700 14px/1.55 Arial,sans-serif;color:#554632;margin:0 0 22px}.project-card__body>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.project-card__body>div span{border:2px solid #0b0a08;padding:7px 9px;font:900 11px/1 Arial,sans-serif}.project-card__body>strong{display:block;margin-top:20px;color:#ef5a13;font:900 20px/1 "Dixieland Anton",Impact,sans-serif}.project-empty{padding:55px 30px;text-align:center;border:2px dashed #56331d;background:#15110e}.project-empty strong{display:block;color:#ef5a13;font:900 34px/1 "Dixieland Anton",Impact,sans-serif}.project-empty p{color:#b9a889;font:700 15px/1.5 Arial,sans-serif}.project-not-found{min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project-not-found>span{color:#ef5a13;font:900 22px/1 Arial,sans-serif;letter-spacing:5px}.project-not-found h1{font:900 clamp(62px,10vw,140px)/.82 "Dixieland Anton",Impact,sans-serif;margin:20px 0;color:#ead7af}.project-not-found p{font:700 18px/1.5 Arial,sans-serif;color:#b9a889}.project-detail-page .story-grid:has(blockquote:empty){grid-template-columns:1fr}
@media(max-width:1100px){.project-grid{grid-template-columns:1fr}.project-card{min-height:350px}}
@media(max-width:720px){.project-card{grid-template-columns:1fr}.project-card__media{min-height:280px}.project-card__body{padding:27px 22px}.project-summary-card>strong{font-size:36px}.projects-index-page .gallery-header{min-height:790px}}

:root {
  --ink: #0c0b09;
  --paper: #f0dfbb;
  --cream: #f7e9c9;
  --orange: #f05a00;
  --orange2: #ff7621;
  --muted: #b9aa8d;
}

/* ========================================================================== 
   V12.4.30 — DOWNLOAD-PERFORMANCE UND SEITENNAVIGATION
   ========================================================================== */

.downloads-page .download-card {
  content-visibility: auto;
  contain-intrinsic-size: auto 430px;
}

.downloads-page .download-card__media > img:first-child,
.downloads-page .download-category-card > img,
.download-detail-page .download-gallery-thumb img,
.download-detail-page .download-related__grid img {
  background: #15110e;
}

.download-pagination {
  display: grid;
  grid-template-columns: minmax(135px, 1fr) auto minmax(135px, 1fr);
  align-items: center;
  gap: 18px;
  margin: 42px 0 4px;
  padding: 20px;
  border: 1px solid #604126;
  background: rgba(12, 9, 7, .94);
  box-shadow: 7px 8px 0 #000;
}

.download-pagination > a,
.download-pagination > span,
.download-pagination > div > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 11px 16px;
  color: #f7e9c9;
  font: 900 17px/1 "Dixieland Anton", Impact, sans-serif;
  text-align: center;
  text-shadow: 2px 2px 0 #000;
}

.download-pagination > a {
  background: transparent url("assets/bg-buttons-dixieland.png?v=12.4.213") center / 100% 100% no-repeat;
}

.download-pagination > a:first-child {
  justify-self: start;
}

.download-pagination > a:last-child,
.download-pagination > span:last-child {
  justify-self: end;
}

.download-pagination > span {
  color: #7e6f59;
  opacity: .72;
}

.download-pagination > div {
  display: flex;
  gap: 8px;
}

.download-pagination > div > a {
  width: 48px;
  padding-inline: 0;
  border: 2px solid #68472d;
  background: #15110e;
}

.download-pagination > div > a:hover,
.download-pagination > div > a:focus-visible,
.download-pagination > div > a.is-active {
  border-color: #ef5a13;
  background: #ef5a13;
  color: #fff4dc;
  outline: 0;
}

@media (max-width: 680px) {
  .download-pagination {
    grid-template-columns: 1fr 1fr;
    gap: 13px;
    padding: 14px;
  }

  .download-pagination > div {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-content: center;
  }

  .download-pagination > a,
  .download-pagination > span {
    width: 100%;
    font-size: 15px;
  }
}
.mobile-menu {
  display: none;
  margin-left: auto;
  background: #ef5a13;
  color: #080806;
  border: 3px solid #f1dfba;
  padding: 7px 12px;
  font-size: 24px;
  font-weight: 900;
}
@media (max-width: 900px) {
  .mobile-menu {
    display: block;
  }
  .dlx-nav nav.open {
    display: flex;
    position: absolute;
    left: 2%;
    right: 2%;
    top: 76px;
    flex-direction: column;
    gap: 0;
    background: #080806;
    border: 3px solid #ef5a13;
    padding: 12px;
    z-index: 50;
  }
  .dlx-nav nav.open a {
    padding: 10px;
  }
}
.static-page {
  min-height: 100vh;
  background: #070706
    radial-gradient(rgba(239, 90, 19, 0.25) 1px, transparent 1px) 0 0/16px 16px;
}
.static-page .dlx-nav {
  border-bottom: 3px solid #ef5a13;
}
.sub-content {
  width: min(1100px, 92%);
  margin: 55px auto;
  padding: 28px;
  border: 3px solid #81310f;
  background: #080806;
}
.sub-content h1 {
  font:
    58px Impact,
    sans-serif;
  color: #ef5a13;
  margin: 0 0 15px;
}
.sub-content p {
  font-size: 18px;
  line-height: 1.7;
}
.sub-content a.back {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 20px;
  background: #ef5a13;
  color: #080806;
  font-weight: 900;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--ink);
  color: var(--cream);
  font-family: Arial, Helvetica, sans-serif;
}
a {
  color: inherit;
  text-decoration: none;
}
.shell {
  width: min(1180px, calc(100% - 48px));
  margin-inline: auto;
}
.hero {
  min-height: 850px;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 76% 36%, #351607 0, transparent 31%),
    linear-gradient(#090908, #100e0a);
}
.hero:before,
.dark-section:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.2;
  pointer-events: none;
  background-image: radial-gradient(#f36a15 1.2px, transparent 1.2px);
  background-size: 13px 13px;
  mask-image: linear-gradient(
    110deg,
    transparent 25%,
    #000 64%,
    transparent 88%
  );
}
.topbar {
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}
.brand {
  display: flex;
  align-items: center;
  gap: 13px;
}
.brand-badge {
  width: 58px;
  height: 58px;
  border: 4px solid var(--cream);
  outline: 2px solid var(--orange);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 1000;
  transform: rotate(-8deg);
  background: var(--orange);
  color: #111;
}
.brand b {
  font-family:
    Impact,
    Arial Black,
    sans-serif;
  font-size: 26px;
  letter-spacing: 1px;
  display: block;
}
.brand small {
  color: var(--orange2);
  font-weight: 900;
  letter-spacing: 3px;
}
.topbar nav {
  display: flex;
  gap: 35px;
  font-family:
    Impact,
    Arial Black,
    sans-serif;
  font-size: 18px;
  letter-spacing: 0.5px;
}
.topbar nav a {
  padding: 12px 2px;
  transition: 0.2s;
}
.topbar nav a:hover,
.topbar nav .active {
  color: var(--orange);
}
.topbar nav .active {
  border-bottom: 4px solid var(--orange);
}
.hero-grid {
  min-height: 585px;
  display: grid;
  grid-template-columns: 52% 48%;
  align-items: center;
  position: relative;
  z-index: 2;
}
.eyebrow {
  color: var(--orange2);
  font-weight: 1000;
  letter-spacing: 3px;
  font-size: 12px;
}
.hero h1,
.section-title h2,
.split-heading h2 {
  font-family:
    Impact,
    Arial Black,
    sans-serif;
  line-height: 0.82;
  letter-spacing: -2px;
  margin: 18px 0;
}
.hero h1 {
  font-size: clamp(74px, 8vw, 124px);
  transform: rotate(-1deg);
  text-shadow: 5px 5px 0 #000;
}
.hero h1 span,
.hero h1 em {
  display: block;
  font-style: normal;
}
.hero h1 em {
  color: var(--orange);
  -webkit-text-stroke: 2px var(--cream);
}
.intro {
  max-width: 600px;
  color: #d7c9aa;
  font-weight: 600;
  line-height: 1.6;
  font-size: 17px;
}
.sticker-button {
  display: inline-flex;
  align-items: center;
  gap: 32px;
  margin-top: 18px;
  padding: 17px 28px;
  background: var(--orange);
  color: #100f0d;
  border: 3px solid #100f0d;
  outline: 3px solid var(--cream);
  box-shadow: 7px 7px 0 #100f0d;
  font-family:
    Impact,
    Arial Black,
    sans-serif;
  font-size: 24px;
  letter-spacing: 1px;
  transform: rotate(-1deg);
  transition: 0.18s;
}
.sticker-button:hover {
  transform: translateY(-4px) rotate(1deg);
  box-shadow: 10px 12px 0 #100f0d;
}
.mascot-wrap {
  height: 590px;
  position: relative;
  align-self: end;
}
.mascot-wrap img {
  width: 118%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(9px 12px 0 #000);
  transform: translateX(-8%);
}
.burst {
  position: absolute;
  right: -10px;
  top: 50px;
  width: 92px;
  height: 92px;
  background: var(--orange);
  color: #111;
  border: 4px solid var(--cream);
  display: grid;
  place-items: center;
  text-align: center;
  font-family: Impact;
  font-size: 24px;
  line-height: 0.85;
  clip-path: polygon(
    50% 0,
    60% 25%,
    82% 9%,
    79% 35%,
    100% 37%,
    81% 53%,
    98% 70%,
    73% 69%,
    70% 100%,
    53% 78%,
    37% 98%,
    34% 72%,
    7% 81%,
    23% 57%,
    0 45%,
    27% 36%,
    15% 12%,
    40% 27%
  );
  z-index: 2;
}
.game-strip {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding-bottom: 35px;
}
.game-strip a {
  display: flex;
  align-items: center;
  gap: 13px;
  background: var(--cream);
  color: #111;
  border: 3px solid #111;
  outline: 3px solid var(--cream);
  padding: 13px 16px;
  font-family: Impact;
  font-size: 20px;
  letter-spacing: 1px;
  transition: 0.2s;
}
.game-strip a:nth-child(even) {
  transform: rotate(1deg);
}
.game-strip a:hover {
  background: var(--orange);
  transform: translateY(-5px) rotate(-1deg);
}
.game-strip span {
  background: #111;
  color: var(--orange);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  font-family: Arial;
  font-size: 13px;
  font-weight: 1000;
}
.game-strip b {
  margin-left: auto;
}
.paper-section {
  position: relative;
  background: var(--paper);
  color: #15120d;
  padding: 105px 0;
  background-image: radial-gradient(#2c2114 0.55px, transparent 0.7px);
  background-size: 7px 7px;
}
.paper-section:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -12px;
  height: 24px;
  background: var(--paper);
  clip-path: polygon(
    0 40%,
    3% 65%,
    7% 35%,
    11% 70%,
    16% 35%,
    22% 60%,
    28% 28%,
    34% 70%,
    42% 40%,
    49% 75%,
    56% 28%,
    64% 66%,
    73% 32%,
    80% 70%,
    88% 38%,
    94% 65%,
    100% 35%,
    100% 100%,
    0 100%
  );
}
.split-heading {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 100px;
  align-items: center;
}
.eyebrow.dark {
  color: #a73d00;
}
.split-heading h2,
.section-title h2 {
  font-size: clamp(58px, 7vw, 96px);
}
.split-heading h2 i,
.section-title h2 i {
  color: var(--orange);
  font-style: normal;
}
.manifesto {
  border-left: 8px solid var(--orange);
  padding-left: 35px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.55;
}
.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 3px solid #18140f;
  border-bottom: 3px solid #18140f;
  margin-top: 70px;
}
.stats div {
  padding: 35px 20px;
  text-align: center;
  border-right: 2px solid #5c4a32;
}
.stats div:last-child {
  border: 0;
}
.stats strong {
  display: block;
  font-family: Impact;
  font-size: 50px;
  color: var(--orange);
}
.stats span {
  font-size: 11px;
  font-weight: 1000;
  letter-spacing: 1.5px;
}
.dark-section {
  position: relative;
  padding: 110px 0 125px;
  overflow: hidden;
}
.section-title {
  position: relative;
  z-index: 1;
}
.section-title > p:last-child {
  color: #c4b99e;
  font-size: 17px;
}
.cards {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 50px;
}
.game-card {
  min-height: 360px;
  background: #211e18;
  border: 4px solid var(--cream);
  padding: 30px 24px;
  position: relative;
  transition: 0.2s;
  box-shadow: 9px 9px 0 var(--orange);
}
.game-card:nth-child(even) {
  transform: translateY(18px) rotate(1deg);
}
.game-card:hover {
  transform: translateY(-8px) rotate(-1deg);
  background: #2d251c;
}
.tape {
  position: absolute;
  left: -8px;
  top: 16px;
  background: var(--orange);
  color: #111;
  padding: 8px 16px;
  font-family: Impact;
  font-size: 16px;
  transform: rotate(-3deg);
}
.card-mark {
  margin: 52px 0 22px;
  width: 74px;
  height: 74px;
  border: 4px solid var(--orange);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-family: Impact;
  font-size: 27px;
}
.game-card h3 {
  font-family: Impact;
  font-size: 34px;
  margin: 0 0 12px;
}
.game-card p {
  color: #c9bea4;
  line-height: 1.5;
}
.game-card > b {
  position: absolute;
  bottom: 24px;
  color: var(--orange);
  font-size: 12px;
  letter-spacing: 1px;
}
.services .section-title {
  text-align: center;
}
.service-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  background: #18140f;
  border: 3px solid #18140f;
  margin-top: 45px;
}
.service-grid article {
  background: var(--paper);
  padding: 38px;
  position: relative;
}
.service-grid article:hover {
  background: #f8e8c6;
}
.service-grid span {
  position: absolute;
  right: 25px;
  top: 17px;
  color: #d9bd8c;
  font-family: Impact;
  font-size: 45px;
}
.service-grid h3 {
  font-family: Impact;
  font-size: 27px;
  margin: 0 0 12px;
}
.service-grid p {
  max-width: 420px;
  line-height: 1.5;
}
.shop-cta {
  margin-top: 70px;
  padding: 38px 50px;
  background: #111;
  color: var(--cream);
  display: flex;
  align-items: center;
  justify-content: space-between;
  transform: rotate(-0.5deg);
  box-shadow: 10px 10px 0 var(--orange);
}
.shop-cta small {
  color: var(--orange);
  font-weight: 900;
  letter-spacing: 3px;
}
.shop-cta h3 {
  font-family: Impact;
  font-size: 38px;
  margin: 10px 0;
}
.shop-cta .sticker-button {
  font-size: 18px;
}
footer {
  padding: 70px 0 25px;
  background: #080807;
}
footer > .shell {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  gap: 50px;
}
footer p {
  color: #9f947d;
  line-height: 1.5;
}
footer a {
  margin-left: 20px;
  font-family: Impact;
}
footer a:hover {
  color: var(--orange);
}
footer > small {
  display: block;
  text-align: center;
  border-top: 1px solid #26221b;
  margin-top: 50px;
  padding-top: 22px;
  color: #6f6758;
  font-size: 10px;
  letter-spacing: 1px;
}
@media (max-width: 900px) {
  .topbar nav {
    display: none;
  }
  .hero {
    min-height: auto;
  }
  .hero-grid {
    grid-template-columns: 1fr;
    padding-top: 35px;
  }
  .mascot-wrap {
    height: 460px;
  }
  .game-strip,
  .cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .split-heading {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
  footer > .shell {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .shell {
    width: min(100% - 28px, 1180px);
  }
  .topbar {
    height: 90px;
  }
  .brand b {
    font-size: 20px;
  }
  .brand small {
    font-size: 8px;
    letter-spacing: 2px;
  }
  .brand-badge {
    width: 46px;
    height: 46px;
  }
  .hero h1 {
    font-size: 63px;
  }
  .intro {
    font-size: 15px;
  }
  .mascot-wrap {
    height: 350px;
  }
  .game-strip,
  .cards,
  .service-grid {
    grid-template-columns: 1fr;
  }
  .game-strip a:nth-child(even),
  .game-card:nth-child(even) {
    transform: none;
  }
  .paper-section,
  .dark-section {
    padding: 75px 0;
  }
  .split-heading h2,
  .section-title h2 {
    font-size: 55px;
  }
  .stats strong {
    font-size: 38px;
  }
  .stats div {
    padding: 25px 8px;
  }
  .shop-cta {
    padding: 30px 22px;
    display: block;
  }
  .shop-cta h3 {
    font-size: 30px;
  }
  footer > .shell {
    gap: 25px;
  }
  footer a {
    margin: 0 18px 0 0;
  }
}

/* Selected Southern Sticker Riot direction */
@media (min-width: 901px) {
  .shell {
    width: min(1450px, calc(100% - 64px));
  }
  .hero {
    min-height: 930px;
    border-top: 18px solid var(--paper);
    border-bottom: 20px solid var(--paper);
    background:
      radial-gradient(circle at 70% 36%, #341506 0, transparent 31%),
      linear-gradient(#070706, #0c0b09);
  }
  .hero:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0.28;
    background:
      linear-gradient(
          18deg,
          transparent 48%,
          #f05a00 49%,
          #f05a00 50%,
          transparent 51%
        )
        0 0/180px 180px,
      radial-gradient(circle, #f05a00 1.5px, transparent 1.8px) 0 0/14px 14px;
    mask-image: linear-gradient(
      100deg,
      #000 0 12%,
      transparent 28% 66%,
      #000 96%
    );
  }
  .topbar {
    height: 130px;
  }
  .brand-badge {
    width: 78px;
    height: 78px;
    border-width: 5px;
    border-radius: 46% 54% 42% 58%;
    overflow: hidden;
  }
  .brand-raccoon img {
    width: 130%;
    height: 155%;
    object-fit: cover;
    object-position: 50% 12%;
    transform: translateY(18%);
  }
  .brand b {
    font-family: "Arial Black", Impact, sans-serif;
    font-size: 34px;
    letter-spacing: -1px;
    transform: scaleY(1.15);
    transform-origin: left;
  }
  .topbar nav {
    gap: 48px;
    font-family: "Arial Black", Impact, sans-serif;
    font-size: 19px;
    letter-spacing: -0.5px;
  }
  .hero-grid {
    min-height: 650px;
  }
  .hero h1 {
    font-family: "Arial Black", Impact, sans-serif;
    font-size: clamp(92px, 8.6vw, 146px);
    line-height: 0.72;
    letter-spacing: -8px;
    transform: rotate(-2deg) skew(-2deg);
    text-transform: uppercase;
    margin: 30px 0;
  }
  .hero h1 .title-line {
    display: block;
    width: max-content;
    max-width: 100%;
    font-style: normal;
    color: var(--cream);
    -webkit-text-stroke: 6px #070706;
    paint-order: stroke fill;
    filter: drop-shadow(-3px -3px 0 var(--cream))
      drop-shadow(3px 3px 0 var(--cream)) drop-shadow(11px 13px 0 #000);
  }
  .hero h1 em.title-line {
    color: var(--orange);
  }
  .hero h1 .title-line:nth-child(2) {
    margin-left: 18px;
  }
  .hero h1 .title-line:nth-child(3) {
    margin-left: -8px;
  }
  .intro {
    max-width: 690px;
  }
  .sticker-button {
    min-width: 410px;
    justify-content: center;
    gap: 55px;
    padding: 18px 34px;
    border: 6px solid #100f0d;
    outline: 5px solid var(--cream);
    box-shadow: 10px 11px 0 #100f0d;
    font-family: "Arial Black", Impact, sans-serif;
    font-size: 28px;
    letter-spacing: -1px;
    transform: rotate(-2deg) skew(-3deg);
    clip-path: polygon(1% 7%, 99% 0, 97% 92%, 2% 100%);
  }
  .mascot-wrap {
    height: 690px;
  }
  .mascot-wrap > img {
    width: 127%;
    height: 108%;
    filter: drop-shadow(-8px -5px 0 var(--cream)) drop-shadow(12px 14px 0 #000);
    transform: translateX(-11%) rotate(1deg);
  }
  .hero-sticker {
    position: absolute;
    z-index: 3;
    width: 96px;
    height: 96px;
    border: 7px solid var(--cream);
    outline: 5px solid #111;
    background: #111;
    color: var(--orange);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Arial Black";
    font-size: 40px;
    line-height: 0.7;
    box-shadow: 7px 7px 0 var(--orange);
  }
  .hero-sticker span {
    font-size: 10px;
    color: var(--cream);
    letter-spacing: 1px;
  }
  .sticker-game {
    right: -5px;
    top: 155px;
    transform: rotate(9deg);
  }
  .sticker-tools {
    right: 45px;
    bottom: 45px;
    transform: rotate(-12deg);
  }
  .game-strip {
    gap: 24px;
  }
  .game-strip a {
    border: 5px solid #111;
    outline: 4px solid var(--cream);
    padding: 15px 18px;
    font-family: "Arial Black", Impact, sans-serif;
    font-size: 22px;
    letter-spacing: -1px;
    clip-path: polygon(1% 4%, 99% 0, 98% 93%, 2% 100%);
  }
  .game-card {
    min-height: 390px;
    background: linear-gradient(#e4c99622, #bc814a22), #211e18;
    border: 7px solid var(--cream);
    outline: 4px solid #111;
    box-shadow: 11px 12px 0 var(--orange);
    clip-path: polygon(1% 2%, 98% 0, 100% 96%, 3% 100%);
  }
}
@media (max-width: 900px) {
  .brand-raccoon img {
    width: 125%;
    height: 150%;
    object-fit: cover;
    object-position: 50% 12%;
    transform: translateY(17%);
  }
  .hero-sticker {
    display: none;
  }
}

/* Graphic rebuild to match the approved poster reference */
.topbar nav a {
  position: relative;
  text-shadow: 2px 2px 0 #000;
}
.topbar nav a:after {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  bottom: 1px;
  height: 6px;
  background: var(--orange);
  clip-path: polygon(
    0 42%,
    14% 28%,
    28% 49%,
    45% 14%,
    62% 52%,
    78% 27%,
    100% 48%,
    96% 76%,
    77% 69%,
    58% 92%,
    39% 66%,
    16% 89%,
    2% 68%
  );
  transform: scaleX(0);
  transition: 0.18s;
}
.topbar nav a:hover:after,
.topbar nav a.active:after {
  transform: scaleX(1);
}
.topbar nav .active {
  border-bottom: 0;
}
.brand:after {
  content: "";
  width: 58px;
  height: 5px;
  background: var(--orange);
  margin-left: 8px;
  clip-path: polygon(0 35%, 100% 0, 92% 80%, 6% 100%);
}
.hero-copy {
  position: relative;
}
.hero-copy:before {
  content: "➤";
  position: absolute;
  left: -45px;
  bottom: 80px;
  color: var(--orange);
  font-size: 58px;
  font-family: Impact;
  transform: rotate(132deg);
  text-shadow: 3px 3px 0 var(--cream);
}
.hero h1 {
  isolation: isolate;
}
.hero h1 .title-line {
  padding: 7px 20px 4px;
  background: #0b0a08;
  clip-path: polygon(1% 7%, 98% 0, 100% 86%, 95% 98%, 3% 95%, 0 81%);
}
.hero h1 .title-line:nth-child(1) {
  transform: rotate(1deg);
}
.hero h1 .title-line:nth-child(2) {
  transform: rotate(-1.5deg);
  z-index: 2;
}
.hero h1 .title-line:nth-child(3) {
  transform: rotate(1.2deg);
}
.sticker-button {
  position: relative;
}
.sticker-button:before,
.sticker-button:after {
  content: "";
  position: absolute;
  height: 5px;
  background: #111;
  left: 5%;
  right: 5%;
  opacity: 0.45;
}
.sticker-button:before {
  top: 8px;
  transform: rotate(-1deg);
}
.sticker-button:after {
  bottom: 8px;
  transform: rotate(1deg);
}
.game-strip a {
  position: relative;
  isolation: isolate;
  box-shadow: 7px 7px 0 #050505;
}
.game-strip a:before {
  content: "";
  position: absolute;
  inset: 3px;
  border: 2px solid #21180e;
  clip-path: polygon(0 7%, 100% 0, 98% 95%, 2% 100%);
  z-index: -1;
}
.game-strip a strong {
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 25px;
  letter-spacing: -1px;
}
.game-strip .game-icon {
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border: 4px solid var(--orange);
  outline: 4px solid #111;
  background: #111;
  color: var(--orange);
  overflow: hidden;
  position: relative;
}
.game-strip .game-icon i {
  font-style: normal;
  position: relative;
  z-index: 1;
}
.game-strip .game-icon:after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/sticker-icons.png");
  background-size: 400% 100%;
  background-position: 0 0;
}
.game-strip .icon-1:after {
  background-position: 33.33% 0;
}
.game-strip .icon-2:after {
  background-position: 66.66% 0;
}
.game-strip .icon-3:after {
  background-position: 100% 0;
}
.game-strip .game-icon i {
  opacity: 0;
}
.dark-section {
  background:
    linear-gradient(#090806e8, #090806f5),
    radial-gradient(#f05a00 1px, transparent 1px);
  background-size:
    auto,
    12px 12px;
}
.cards {
  align-items: start;
}
.game-card {
  padding: 0;
  overflow: visible;
  background: var(--paper) !important;
  color: #111;
  min-height: 430px !important;
}
.game-card:nth-child(even) {
  margin-top: 18px;
}
.card-art {
  height: 220px;
  background-image: url("/project-card-strip.png");
  background-size: 400% 100%;
  background-position: 0 center;
  border-bottom: 6px solid #111;
  filter: saturate(0.85) contrast(1.08);
}
.art-1 {
  background-position: 33.33% center;
}
.art-2 {
  background-position: 66.66% center;
}
.art-3 {
  background-position: 100% center;
}
.card-copy {
  padding: 22px 22px 28px;
}
.card-copy small {
  font-weight: 1000;
  color: #9b3b07;
  letter-spacing: 1px;
}
.game-card h3 {
  font-size: 31px;
  margin: 5px 0 7px;
}
.game-card p {
  color: #3b2e20;
  margin: 0 0 25px;
  font-size: 14px;
}
.game-card > b {
  display: none;
}
.card-copy > b {
  color: #111;
  font-size: 11px;
  letter-spacing: 1px;
}
.card-mark {
  position: absolute !important;
  right: 18px;
  top: 18px;
  margin: 0 !important;
  background: #111;
  color: var(--orange);
  z-index: 3;
  box-shadow:
    0 0 0 5px var(--orange),
    0 0 0 9px #111;
}
.tape {
  z-index: 4;
  top: 14px !important;
  font-size: 20px !important;
  padding: 10px 18px !important;
}
.paper-section {
  background-color: var(--paper);
  background-image:
    radial-gradient(#24170d 1px, transparent 1.5px),
    linear-gradient(90deg, transparent 49%, #d5bb8a33 50%, transparent 51%);
  background-size:
    9px 9px,
    130px 100%;
}
.service-grid article {
  border: 4px solid #111;
  margin: 5px;
  clip-path: polygon(1% 2%, 99% 0, 97% 97%, 2% 100%);
}
@media (max-width: 900px) {
  .brand:after {
    display: none;
  }
  .hero-copy:before {
    display: none;
  }
  .hero h1 .title-line {
    padding: 4px 8px;
  }
  .game-strip .game-icon {
    flex-basis: 46px;
    width: 46px;
    height: 46px;
  }
  .game-strip a strong {
    font-size: 20px;
  }
  .card-art {
    height: 180px;
  }
}

.brand b,
.topbar nav,
.hero h1,
.sticker-button,
.game-strip a strong,
.section-title h2,
.split-heading h2,
.game-card h3,
.tape {
  font-family: var(--font-anton), Impact, sans-serif !important;
}
@media (min-width: 901px) {
  .hero h1 {
    font-size: clamp(104px, 9.4vw, 158px);
    line-height: 0.78;
    letter-spacing: -2px;
  }
  .hero h1 .title-line {
    color: var(--cream);
    -webkit-text-stroke: 4px #090807;
    text-shadow:
      -3px -3px 0 var(--cream),
      3px -3px 0 var(--cream),
      -3px 3px 0 var(--cream),
      3px 3px 0 var(--cream),
      10px 12px 0 #000;
  }
  .hero h1 em.title-line {
    color: var(--orange);
  }
  .mascot-wrap > img {
    width: 139%;
    height: 103%;
    object-position: center bottom;
    transform: translateX(-15%) translateY(3%);
  }
  .intro {
    font-size: 15px;
    max-width: 650px;
  }
  .game-strip {
    margin-top: -14px;
  }
}

.poster-desktop {
  display: none;
}
@media (min-width: 901px) {
  .functional-hero {
    display: none;
  }
  .poster-desktop {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 1586/992;
    overflow: hidden;
    background: #080807;
  }
  .poster-desktop > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: fill;
  }
  .poster-desktop .hot {
    position: absolute;
    z-index: 2;
    display: block;
    border-radius: 8px;
    transition:
      background 0.15s,
      box-shadow 0.15s;
  }
  .poster-desktop .hot:hover,
  .poster-desktop .hot:focus-visible {
    background: #f05a0026;
    box-shadow: inset 0 0 0 4px #f05a00;
    outline: none;
  }
  .nav-start {
    left: 55.5%;
    top: 4.5%;
    width: 7%;
    height: 8%;
  }
  .nav-community {
    left: 63.5%;
    top: 4.5%;
    width: 10.5%;
    height: 8%;
  }
  .nav-projects {
    left: 75%;
    top: 4.5%;
    width: 8.5%;
    height: 8%;
  }
  .nav-server {
    left: 84%;
    top: 4.5%;
    width: 7%;
    height: 8%;
  }
  .nav-shops {
    left: 91%;
    top: 4.5%;
    width: 7%;
    height: 8%;
  }
  .poster-discord {
    left: 4.4%;
    top: 61.2%;
    width: 41%;
    height: 11%;
  }
  .poster-eco {
    left: 6.6%;
    top: 75.3%;
    width: 17.8%;
    height: 8.2%;
  }
  .poster-scum {
    left: 27%;
    top: 75.3%;
    width: 17.2%;
    height: 8.2%;
  }
  .poster-conan {
    left: 46%;
    top: 75.3%;
    width: 21.2%;
    height: 8.2%;
  }
  .poster-gta {
    left: 69.5%;
    top: 75.3%;
    width: 24.8%;
    height: 8.2%;
  }
  .poster-card-1 {
    left: 2.5%;
    top: 86%;
    width: 22.5%;
    height: 14%;
  }
  .poster-card-2 {
    left: 27%;
    top: 86%;
    width: 22.5%;
    height: 14%;
  }
  .poster-card-3 {
    left: 51.5%;
    top: 86%;
    width: 22%;
    height: 14%;
  }
  .poster-card-4 {
    left: 75.5%;
    top: 86%;
    width: 22%;
    height: 14%;
  }
}

.asset-hero {
  display: none;
}
@media (min-width: 901px) {
  .poster-desktop {
    display: none !important;
  }
  .asset-hero {
    display: block;
    position: relative;
    min-height: 835px;
    padding: 22px 3vw 25px;
    overflow: hidden;
    background: #080807 radial-gradient(#ef5a12 1px, transparent 1.5px) 0 0/13px
      13px;
    border-top: 15px solid var(--paper);
    border-bottom: 14px solid var(--paper);
  }
  .asset-hero:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 70% 45%, #35130699, transparent 32%),
      linear-gradient(
        168deg,
        transparent 73%,
        #f1dfba 73.2% 76%,
        transparent 76.2%
      );
    z-index: 0;
  }
  .asset-header,
  .asset-main,
  .asset-games {
    position: relative;
    z-index: 2;
    max-width: 1510px;
    margin: auto;
  }
  .asset-header {
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: clamp(105px, 10vw, 175px);
  }
  .asset-header nav {
    display: flex;
    gap: 42px;
  }
  .asset-header nav a {
    font-family: var(--font-anton), Impact, sans-serif;
    font-size: 24px;
    position: relative;
  }
  .asset-header nav a:hover,
  .asset-header nav a.active {
    color: var(--orange);
  }
  .asset-header nav a:after {
    content: "";
    position: absolute;
    left: -8px;
    right: -8px;
    bottom: -10px;
    height: 7px;
    background: var(--orange);
    clip-path: polygon(
      0 45%,
      20% 15%,
      40% 60%,
      61% 10%,
      80% 55%,
      100% 24%,
      96% 90%,
      70% 65%,
      42% 100%,
      18% 70%
    );
    transform: scaleX(0);
  }
  .asset-header nav a:hover:after,
  .asset-header nav a.active:after {
    transform: scaleX(1);
  }
  .graphic-logo {
    width: 510px;
    height: 102px;
    display: flex;
    align-items: center;
  }
  .graphic-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
  }
  .asset-main {
    height: 555px;
    display: grid;
    grid-template-columns: 45% 55%;
    align-items: end;
  }
  .asset-left {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 3;
  }
  .graphic-title {
    width: 770px;
    height: 455px;
    max-width: 112%;
    object-fit: contain;
    object-position: left center;
  }
  .graphic-discord {
    display: block;
    width: 650px;
    height: 108px;
    max-width: 95%;
    margin-top: -5px;
    transition: 0.18s;
    filter: drop-shadow(7px 8px 0 #000);
  }
  .graphic-discord img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
  }
  .graphic-discord:hover {
    transform: translateY(-5px) rotate(1deg);
    filter: drop-shadow(11px 13px 0 #000);
  }
  .asset-mascot {
    height: 100%;
    position: relative;
  }
  .asset-mascot > img:first-child {
    position: absolute;
    width: 119%;
    height: 114%;
    object-fit: contain;
    object-position: left bottom;
    left: -16%;
    bottom: -8%;
    filter: drop-shadow(8px 9px 0 #000);
  }
  .asset-mascot .controller-sticker,
  .asset-mascot .tools-sticker {
    position: absolute;
    right: 0;
    width: 155px;
    height: 135px;
    object-fit: contain;
    filter: drop-shadow(7px 9px 0 #000);
  }
  .asset-mascot .controller-sticker {
    top: 5%;
  }
  .asset-mascot .tools-sticker {
    bottom: 2%;
    width: 195px;
    height: 160px;
    transform: rotate(-8deg);
  }
  .asset-games {
    display: grid;
    grid-template-columns: 1fr 1fr 1.22fr 1.35fr;
    gap: 16px;
    height: 92px;
    align-items: center;
    margin-top: -13px;
  }
  .graphic-game {
    display: block;
    width: 100%;
    height: 86px;
    transition: 0.16s;
    filter: drop-shadow(5px 6px 0 #000);
  }
  .graphic-game img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .graphic-game:hover {
    transform: translateY(-5px) rotate(-1deg);
    filter: drop-shadow(8px 10px 0 #000);
  }
}
@media (max-width: 1180px) and (min-width: 901px) {
  .asset-header {
    gap: 38px;
  }
  .graphic-logo {
    width: 420px;
  }
  .asset-header nav {
    gap: 25px;
  }
  .asset-header nav a {
    font-size: 20px;
  }
  .asset-main {
    grid-template-columns: 53% 47%;
  }
  .graphic-title {
    height: 420px;
  }
  .asset-mascot > img:first-child {
    width: 125%;
  }
  .asset-games {
    gap: 12px;
  }
}

@media (min-width: 1400px) {
  .asset-header,
  .asset-main,
  .asset-games {
    max-width: none;
    width: 100%;
  }
  .asset-main {
    grid-template-columns: 45% 55%;
  }
  .graphic-logo {
    width: 550px;
  }
  .graphic-title {
    width: 820px;
    height: 465px;
    transform: translateX(-8px);
  }
  .graphic-discord {
    width: 650px;
  }
  .asset-mascot > img:first-child {
    width: 116%;
    left: -13%;
    bottom: -8%;
  }
  .asset-mascot .controller-sticker {
    width: 185px;
    height: 155px;
    right: -1%;
    top: 4%;
    filter: drop-shadow(9px 11px 0 #000);
  }
  .asset-mascot .tools-sticker {
    width: 235px;
    height: 195px;
    right: -1%;
    bottom: 1%;
    filter: drop-shadow(9px 11px 0 #000);
    transform: rotate(-7deg);
  }
}

.exact-poster {
  display: none;
}
@media (min-width: 901px) {
  .asset-hero {
    display: block !important;
  }
  .exact-poster {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 1586/992;
    overflow: hidden;
    background: #080807;
    border-top: 10px solid var(--paper);
  }
  .exact-poster > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: fill;
  }
  .exact-poster .hot {
    position: absolute;
    z-index: 2;
    display: block;
    border-radius: 8px;
    transition:
      background 0.15s,
      box-shadow 0.15s;
  }
  .exact-poster .hot:hover,
  .exact-poster .hot:focus-visible {
    background: #f05a001e;
    box-shadow: inset 0 0 0 4px #f05a00;
    outline: none;
  }
  .exact-poster .nav-start {
    left: 55.5%;
    top: 4.5%;
    width: 7%;
    height: 8%;
  }
  .exact-poster .nav-community {
    left: 63.5%;
    top: 4.5%;
    width: 10.5%;
    height: 8%;
  }
  .exact-poster .nav-projects {
    left: 75%;
    top: 4.5%;
    width: 8.5%;
    height: 8%;
  }
  .exact-poster .nav-server {
    left: 84%;
    top: 4.5%;
    width: 7%;
    height: 8%;
  }
  .exact-poster .nav-shops {
    left: 91%;
    top: 4.5%;
    width: 7%;
    height: 8%;
  }
  .exact-poster .poster-discord {
    left: 4.4%;
    top: 61.2%;
    width: 41%;
    height: 11%;
  }
  .exact-poster .poster-eco {
    left: 6.6%;
    top: 75.3%;
    width: 17.8%;
    height: 8.2%;
  }
  .exact-poster .poster-scum {
    left: 27%;
    top: 75.3%;
    width: 17.2%;
    height: 8.2%;
  }
  .exact-poster .poster-conan {
    left: 46%;
    top: 75.3%;
    width: 21.2%;
    height: 8.2%;
  }
  .exact-poster .poster-gta {
    left: 69.5%;
    top: 75.3%;
    width: 24.8%;
    height: 8.2%;
  }
  .exact-poster .poster-card-1 {
    left: 2.5%;
    top: 86%;
    width: 22.5%;
    height: 14%;
  }
  .exact-poster .poster-card-2 {
    left: 27%;
    top: 86%;
    width: 22.5%;
    height: 14%;
  }
  .exact-poster .poster-card-3 {
    left: 51.5%;
    top: 86%;
    width: 22%;
    height: 14%;
  }
  .exact-poster .poster-card-4 {
    left: 75.5%;
    top: 86%;
    width: 22%;
    height: 14%;
  }
}

/* The reference remains a guide only; the live hero is rebuilt from separate transparent assets. */
.exact-poster {
  display: none !important;
}

@media (min-width: 901px) {
  .asset-header {
    gap: 0 !important;
  }
  .asset-header nav {
    margin-left: auto;
    padding-right: 8px;
  }
  .asset-mascot .skull-sticker {
    position: absolute;
    right: -1%;
    top: 36%;
    width: 155px;
    height: 155px;
    object-fit: contain;
    z-index: 4;
    filter: drop-shadow(7px 8px 0 #000);
    transform: rotate(5deg);
  }
  .asset-games {
    position: relative;
  }
  .asset-games .asset-trees {
    position: absolute;
    right: -1.5%;
    top: -55px;
    width: 190px;
    height: 110px;
    object-fit: contain;
    z-index: 0;
    pointer-events: none;
  }
  .asset-games .graphic-game {
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 1400px) {
  .asset-mascot .skull-sticker {
    width: 185px;
    height: 185px;
    right: -1%;
    top: 34%;
  }
  .asset-games .asset-trees {
    width: 230px;
    height: 125px;
    top: -62px;
  }
}

/* Layered Dixieland homepage rebuild */
.dlx {
  --do: #ef5a13;
  --dp: #f1dfba;
  --dk: #080806;
  --dr: #81310f;
  background: #090806;
  color: var(--dp);
  font-family: Arial, sans-serif;
}
.dlx * {
  box-sizing: border-box;
}
.dlx a {
  text-decoration: none;
  color: inherit;
}
.dlx-wrap {
  width: min(1220px, 94%);
  margin: auto;
}
.dlx-hero {
  min-height: 790px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 67% 38%, #371404, transparent 34%),
    linear-gradient(#070706, #0b0907);
  border-top: 0;
}
.dlx-hero:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-image-source: url("assets/perf/hover-header.webp") !important;

}
.dlx-nav {
  height: 108px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}
.dlx-logo {
  display: flex;
  align-items: center;
}
.dlx-mark {
  width: 92px;
  height: 88px;
  overflow: hidden;
}
.dlx-mark img {
  width: 150%;
  height: 150%;
  object-fit: contain;
  transform: translate(-18%, -11%);
}
.dlx-logo b {
  display: block;
  font:
    42px var(--font-anton),
    Impact;
}
.dlx-logo small {
  display: block;
  color: var(--do);
  font-weight: 900;
  letter-spacing: 3px;
}
.dlx-nav nav {
  display: flex;
  gap: 42px;
  margin-left: auto;
  font:
    24px var(--font-anton),
    Impact;
}
.dlx-nav nav a:first-child,
.dlx-nav nav a:hover {
  color: var(--do);
}
.dlx-stage {
  height: 545px;
  display: grid;
  grid-template-columns: 47% 53%;
  position: relative;
  z-index: 2;
}
.dlx-copy {
  padding-top: 35px;
  position: relative;
  z-index: 4;
}
.dlx h1 {
  font:
    118px/0.72 var(--font-anton),
    Impact;
  margin: 0;
  letter-spacing: -3px;
  transform: rotate(-2deg);
}
.dlx h1 span,
.dlx h1 em {
  display: block;
  width: max-content;
  padding: 6px 18px;
  background: #080806;
  color: var(--dp);
  font-style: normal;
  filter: drop-shadow(-3px -3px var(--dp)) drop-shadow(3px 3px var(--dp))
    drop-shadow(9px 11px #000);
}
.dlx h1 em {
  color: var(--do);
  margin-left: 8px;
}
.dlx h1 span:last-child {
  margin-left: 45px;
}
.dlx-discord {
  display: block;
  width: 500px;
  margin: 35px 0 0 22px;
  padding: 14px 25px;
  text-align: center;
  background: var(--do);
  color: #080806 !important;
  border: 5px solid #080806;
  outline: 5px solid var(--dp);
  box-shadow: 9px 10px #000;
  font:
    40px var(--font-anton),
    Impact;
  transform: rotate(-2deg);
  clip-path: polygon(1% 9%, 98% 0, 100% 87%, 2% 100%);
}
.dlx-mascot {
  position: relative;
}
.dlx-raccoon {
  position: absolute;
  width: 116%;
  height: 116%;
  object-fit: contain;
  left: -18%;
  bottom: -7%;
  filter: drop-shadow(8px 10px #000);
}
.dlx-controller,
.dlx-skull,
.dlx-tools {
  position: absolute;
  object-fit: contain;
  filter: drop-shadow(6px 7px #000);
  z-index: 3;
}
.dlx-controller {
  width: 145px;
  right: -1%;
  top: 1%;
}
.dlx-skull {
  width: 142px;
  right: -12%;
  top: 34%;
}
.dlx-tools {
  width: 215px;
  right: -20%;
  bottom: -1%;
}
.dlx-games {
  height: 95px;
  display: grid;
  grid-template-columns: 1fr 1fr 1.25fr 1.45fr;
  gap: 14px;
  position: relative;
  z-index: 5;
  align-items: center;
}
.dlx-games a {
  height: 68px;
  background: var(--dp);
  color: #090806;
  border: 4px solid #090806;
  outline: 3px solid var(--dp);
  display: flex;
  align-items: center;
  padding: 5px 15px;
  clip-path: polygon(2% 5%, 98% 0, 100% 88%, 96% 100%, 3% 96%, 0 82%);
  box-shadow: 7px 7px #000;
}
.dlx-games a:hover {
  background: var(--do);
  transform: translateY(-5px);
}
.dlx-games i {
  font-style: normal;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #090806;
  color: var(--do);
  border: 3px solid var(--do);
  font:
    22px var(--font-anton),
    Impact;
  margin-right: 13px;
}
.dlx-games strong {
  font:
    25px var(--font-anton),
    Impact;
  white-space: nowrap;
}
.dlx-panel {
  margin-top: 22px;
  border: 2px solid var(--dr);
  padding: 14px;
  background: #080806ed;
  box-shadow: inset 0 0 0 2px #1b1109;
}
.dlx-panel > h2 {
  font:
    30px var(--font-anton),
    Impact;
  margin: 0 0 12px;
  border-bottom: 2px solid var(--dr);
}
.dlx-panel > h2 b {
  color: var(--do);
}
.dlx-projects,
.dlx-services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.dlx-project {
  border: 2px solid var(--dp);
  background: #100d09;
  padding: 6px;
  text-align: center;
  transition: 0.2s;
}
.dlx-project:hover {
  transform: translateY(-6px);
  border-color: var(--do);
}
.dlx-project > div {
  height: 185px;
  position: relative;
  overflow: hidden;
}
.dlx-project img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.dlx-project i {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #090806;
  color: var(--do);
  border: 3px solid var(--do);
  font:
    18px var(--font-anton),
    Impact;
}
.dlx-project h3 {
  font:
    29px var(--font-anton),
    Impact;
  margin: 8px 0 0;
}
.dlx-project > strong {
  display: block;
}
.dlx-project > small {
  display: block;
  color: var(--do);
  font-weight: 900;
  margin: 3px 0 8px;
}
.dlx-project > span,
.dlx-gallery > a {
  display: block;
  height: 24px;
  background-image: url("/assets/bg-buttons.png");
  background-size: 100% 100%;
  background-position: 0 center;
  text-align: center;
  font:
    17px var(--font-anton),
    Impact;
  padding: 5px;
}
.dlx-community {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 18px;
}
.dlx-community > h2 {
  grid-column: 1/-1;
}
.dlx-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
}
.dlx-stats div {
  text-align: center;
}
.dlx-stats strong {
  display: block;
  font:
    45px var(--font-anton),
    Impact;
  color: var(--do);
}
.dlx-stats small {
  font-size: 10px;
}
.dlx-community > img {
  width: 100%;
  height: 165px;
  object-fit: cover;
  border: 2px solid var(--dp);
}
.dlx-services article {
  border: 2px solid var(--do);
  background: #100d09;
  padding: 5px;
  position: relative;
  overflow: hidden;
}
.dlx-services img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}
.dlx-services h3 {
  position: absolute;
  left: 10px;
  top: 5px;
  margin: 0;
  font:
    25px var(--font-anton),
    Impact;
  color: var(--do);
  text-shadow: 2px 2px #000;
}
.dlx-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.dlx-news {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.dlx-news article {
  border: 1px solid var(--do);
  padding: 12px;
  min-height: 170px;
  background: #15100b;
}
.dlx-news h3 {
  font:
    20px var(--font-anton),
    Impact;
}
.dlx-news a {
  color: var(--do);
}
.dlx-gallery img {
  width: 100%;
  height: 185px;
  object-fit: cover;
}
.dlx-gallery > a {
  width: 180px;
  margin: 10px auto;
}
.dlx-team {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.dlx-team article {
  border: 2px solid var(--do);
  padding: 4px;
  text-align: center;
  background: #120e09;
}
.dlx-team img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.dlx-team h3 {
  font:
    18px var(--font-anton),
    Impact;
  margin: 3px;
}
.dlx-team small {
  color: var(--do);
}
.dlx-cta {
  margin-top: 30px;
  background: var(--dp);
  color: #090806;
  overflow: hidden;
  border-block: 8px solid #090806;
}
.dlx-cta > div {
  height: 230px;
  display: grid;
  grid-template-columns: 1.2fr 1fr 0.8fr;
  align-items: center;
}
.dlx-cta h2 {
  font:
    42px/1.05 var(--font-anton),
    Impact;
}
.dlx-cta a {
  background: var(--do);
  padding: 12px;
  text-align: center;
  transform: rotate(-2deg);
  border: 5px solid #090806;
}
.dlx-cta a b,
.dlx-cta a small {
  display: block;
}
.dlx-cta a b {
  font:
    26px var(--font-anton),
    Impact;
}
.dlx-cta img {
  height: 260px;
  width: 100%;
  object-fit: contain;
  align-self: end;
}
.dlx footer {
  background: #070604;
  padding: 35px 0 15px;
}
.dlx footer > div {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
  gap: 35px;
}
.dlx footer b {
  font:
    28px var(--font-anton),
    Impact;
}
.dlx footer h3 {
  color: var(--do);
}
.dlx footer a {
  display: block;
  margin: 4px 0;
}
.dlx footer > small {
  display: block;
  text-align: center;
  margin-top: 30px;
  color: #8d816b;
}
@media (max-width: 900px) {
  .dlx-nav {
    height: 82px;
  }
  .dlx-mark {
    width: 65px;
    height: 62px;
  }
  .dlx-logo b {
    font-size: 27px;
  }
  .dlx-logo small {
    font-size: 8px;
  }
  .dlx-nav nav {
    display: none;
  }
  .dlx-stage {
    height: 680px;
    grid-template-columns: 1fr;
  }
  .dlx h1 {
    font-size: 82px;
  }
  .dlx-discord {
    width: 85%;
    font-size: 30px;
  }
  .dlx-mascot {
    height: 330px;
  }
  .dlx-raccoon {
    left: 0;
    width: 100%;
  }
  .dlx-controller,
  .dlx-skull,
  .dlx-tools {
    display: none;
  }
  .dlx-games,
  .dlx-projects,
  .dlx-services {
    grid-template-columns: repeat(2, 1fr);
  }
  .dlx-games {
    height: auto;
    padding: 20px 0;
  }
  .dlx-community,
  .dlx-two {
    grid-template-columns: 1fr;
  }
  .dlx-community > h2 {
    grid-column: auto;
  }
  .dlx-team {
    grid-template-columns: repeat(3, 1fr);
  }
  .dlx-cta > div {
    height: auto;
    grid-template-columns: 1fr;
    padding: 30px 0;
  }
  .dlx footer > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .dlx-games,
  .dlx-projects,
  .dlx-services,
  .dlx-news,
  .dlx-team,
  .dlx footer > div {
    grid-template-columns: 1fr;
  }
  .dlx-stage {
    height: 600px;
  }
  .dlx h1 {
    font-size: 60px;
  }
  .dlx-project > div {
    height: 230px;
  }
  .dlx-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Poster-faithful density and distressed graphics */
.dlx-wrap {
  width: min(1320px, 96%);
}
.dlx-hero {
  min-height: 760px;
  background: #070706 radial-gradient(#ef5a13 1.1px, transparent 1.5px) 0 0/13px
    13px;
}
.dlx-hero:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.45;
  
  background: radial-gradient(circle at 8% 20%, #ef5a13 0 1px, transparent 2px)
    0 0/8px 8px;
  mask-image: linear-gradient(
    95deg,
    #000,
    transparent 24%,
    transparent 78%,
    #000
  );
}
.dlx-nav {
  height: 92px;
}
.dlx-logo {
  width: 470px;
  height: 90px;
}
.dlx-logo > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}
.dlx-nav nav {
  gap: 38px;
  font-size: 22px;
}
.dlx-stage {
  height: 540px;
  grid-template-columns: 48% 52%;
}
.dlx-copy {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dlx-title-art {
  width: 700px;
  max-width: 112%;
  height: 405px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(7px 9px 0 #000);
}
.dlx-discord-art {
  display: block;
  width: 560px;
  max-width: 92%;
  height: 100px;
  margin: -8px 0 0 28px;
  filter: drop-shadow(7px 8px 0 #000);
  transition: 0.18s;
}
.dlx-discord-art:hover {
  transform: translateY(-5px) rotate(1deg);
}
.dlx-discord-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dlx-raccoon {
  width: 110%;
  height: 110%;
  left: -16%;
  bottom: -8%;
}
.dlx-controller {
  width: 140px;
}
.dlx-skull {
  width: 130px;
}
.dlx-tools {
  width: 190px;
}
.dlx-games {
  height: 80px;
  grid-template-columns: 1fr 1fr 1.22fr 1.42fr;
  gap: 14px;
  margin-top: -8px;
}
.dlx-games a {
  height: 72px;
  background-color: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0;
  clip-path: none;
}
.dlx-games a:hover {
  transform: translateY(-5px);
}
.dlx-games a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(5px 6px 0 #000);
}
.dlx-panel {
  position: relative;
  margin-top: 14px;
  padding: 11px 13px 14px;
  border: 3px solid var(--dr);
  outline: 1px solid #d79b5f;
  background: #070706f4;
  clip-path: polygon(0.4% 1%, 99.6% 0, 100% 98.5%, 0.2% 100%);
}
.dlx-panel:before,
.dlx-panel:after {
  content: "";
  position: absolute;
  background: var(--do);
  pointer-events: none;
}
.dlx-panel:before {
  left: 0;
  right: 0;
  top: 43px;
  height: 2px;
  opacity: 0.45;
}
.dlx-panel:after {
  width: 7px;
  height: 7px;
  right: 7px;
  top: 7px;
  transform: rotate(45deg);
}
.dlx-panel > h2 {
  height: 34px;
  line-height: 30px;
  font-size: 27px;
  margin: -4px 0 10px;
  border: 0;
  text-shadow: 2px 2px #000;
}
.dlx-projects,
.dlx-services {
  gap: 10px;
}
.dlx-project {
  padding: 4px;
  border: 2px solid #d5a266;
  outline: 2px solid #4b210c;
  background: #0b0907;
  clip-path: polygon(1% 1%, 99% 0, 100% 99%, 0 98%);
}
.dlx-project > div {
  height: 305px;
}
.dlx-project h3 {
  font-size: 27px;
  line-height: 1;
  margin: 5px 0 0;
}
.dlx-project > small {
  font-size: 10px;
  margin: 2px 0 5px;
}
.dlx-project > span {
  width: 120px;
  margin: auto;
  font-size: 13px;
  padding: 3px;
}
.dlx-community {
  grid-template-columns: 0.9fr 1.1fr;
  gap: 12px;
}
.dlx-stats strong {
  font-size: 41px;
}
.dlx-community > img {
  height: 150px;
  width: 420px;
  border: 2px solid #bf8150;
  filter: sepia(0.2) contrast(1.1);
}
.dlx-services article {
  height: 155px;
  border: 2px solid #b84b13;
  clip-path: polygon(1% 2%, 99% 0, 100% 97%, 0 100%);
}
.dlx-services img {
  height: 100%;
  filter: saturate(0.75) contrast(1.12);
}
.dlx-two {
  gap: 12px;
}
.dlx-news article {
  min-height: 155px;
  padding: 9px;
  border: 2px solid #7d3612;
}
.dlx-gallery img {
  height: 160px;
}
.dlx-team {
  gap: 8px;
}
.dlx-team article {
  padding: 3px;
  border: 2px solid #c04b13;
  clip-path: polygon(1% 1%, 99% 0, 100% 98%, 0 100%);
}
.dlx-team img {
  height: 150px;
}
.dlx-team h3 {
  font-size: 16px;
}
.dlx-cta {
  margin-top: 18px;
  background: var(--dp) radial-gradient(#7f4b28 1px, transparent 1.5px) 0 0/9px
    9px;
  border-block: 7px solid #080806;
}
.dlx-cta > div {
  height: 215px;
}
.dlx-cta h2 {
  font-size: 39px;
}
.dlx footer {
  padding: 25px 0 10px;
  border-top: 5px solid var(--do);
}
.dlx footer > div {
  gap: 22px;
}
.dlx footer h3 {
  font-size: 15px;
}
.dlx footer p,
.dlx footer a {
  font-size: 12px;
}
@media (max-width: 900px) {
  .dlx-logo {
    width: 310px;
  }
  .dlx-stage {
    height: 650px;
  }
  .dlx-title-art {
    height: 315px;
    max-width: 100%;
  }
  .dlx-discord-art {
    width: 88%;
    height: 85px;
  }
  .dlx-games {
    margin-top: 0;
  }
  .dlx-project > div {
    height: 230px;
  }
}

.dlx-news article {
  padding: 5px 5px 9px;
}
.dlx-news article > img {
  display: block;
  width: 100%;
  height: 92px;
  object-fit: cover;
  margin-bottom: 7px;
  border-bottom: 2px solid var(--do);
  filter: saturate(0.85) contrast(1.12);
}
.dlx-news article > small,
.dlx-news article > h3,
.dlx-news article > p,
.dlx-news article > a {
  margin-left: 5px;
  margin-right: 5px;
}
.dlx-news article > h3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.dlx-news article > p {
  margin-top: 3px;
  margin-bottom: 7px;
}
.dlx-project > div img,
.dlx-services img,
.dlx-team img {
  filter: saturate(0.82) contrast(1.1);
}
.dlx-project > div img {
  object-position: center;
}
.dlx-team img {
  object-position: center top;
}

/* Clean rebuilt hero layers: no baked-in black rectangles or cropped scenery. */
.dlx-safe-title {
  font:
    clamp(82px, 7.1vw, 118px) / 0.72 var(--font-anton),
    Impact,
    sans-serif !important;
  margin: 14px 0 0 !important;
  letter-spacing: -3px !important;
  transform: rotate(-2deg);
  position: relative;
  z-index: 5;
}
.dlx-safe-title span,
.dlx-safe-title em {
  display: block;
  width: max-content;
  max-width: 100%;
  padding: 5px 17px !important;
  background: #080806;
  color: var(--dp);
  font-style: normal;
  white-space: nowrap;
  filter: drop-shadow(-3px -3px 0 var(--dp)) drop-shadow(3px 3px 0 var(--dp))
    drop-shadow(9px 10px 0 #000) !important;
  clip-path: polygon(1% 5%, 98% 0, 100% 90%, 96% 100%, 2% 96%, 0 82%);
}
.dlx-safe-title em {
  color: var(--do) !important;
  margin-left: 8px;
}
.dlx-safe-title span:last-child {
  margin-left: 40px;
}
.dlx-discord-art {
  margin-top: 24px;
}
.dlx-controller {
  width: 165px !important;
  right: -1% !important;
  top: 0 !important;
}
.dlx-skull {
  width: 142px !important;
  right: -1% !important;
  top: 34% !important;
}
.dlx-tools {
  width: 215px !important;
  right: -2% !important;
  bottom: -1% !important;
}
.dlx-games a {
  height: 78px !important;
  min-width: 0;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  color: #090806 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 15px 0 7px !important;
  clip-path: none !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}
.dlx-games a > img {
  display: block !important;
  width: 280px !important;
  height: 78px !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: none !important;
  transition: transform .18s ease, filter .18s ease;
}
.dlx-games a:hover > img {
  transform: translateY(-3px) scale(1.02);
  filter: brightness(1.08) drop-shadow(0 5px 2px rgba(0,0,0,.65)) !important;
}
.dlx-games .game-eco{background-image:url("assets/button-eco-bg.png") !important}
.dlx-games .game-scum{background-image:url("assets/button-scum-bg.png") !important}
.dlx-games .game-conan{background-image:url("assets/button-conan-bg.png") !important}
.dlx-games .game-gta{background-image:url("assets/button-gta-bg.png") !important}
.dlx-games a:hover {
  filter: brightness(1.12);
  transform: translateY(-5px) rotate(-1deg);
}
.dlx-games a img {
  display: none !important;
}
.dlx-games a i {
  display: grid !important;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  place-items: center;
  background: transparent !important;
  color: var(--do);
  border: 0 !important;
  font-family: Impact, "Arial Black", sans-serif !important;
  font-size: 22px !important;
  margin: 0 10px 0 0;
}
.dlx-games a strong {
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Dixieland Anton", Impact, "Arial Black", sans-serif !important;
  font-size: 29px !important;
  font-weight: 400 !important;
  line-height: .9 !important;
  letter-spacing: -.35px !important;
  text-transform: uppercase;
  color: #090806 !important;
  -webkit-text-fill-color: #090806 !important;
  -webkit-text-stroke: .2px #090806;
  text-shadow: none !important;
  transform: scaleY(1.06);
  transform-origin: left center;
  white-space: nowrap;
}
@media (max-width: 900px) {
  .dlx-safe-title {
    font-size: 76px !important;
  }
  .dlx-safe-title span:last-child {
    margin-left: 24px;
  }
  .dlx-discord-art {
    margin-top: 18px;
  }
  .dlx-games a strong {
    font-size: 27px !important;
  }
}
@media (max-width: 560px) {
  .dlx-safe-title {
    font-size: 54px !important;
  }
  .dlx-safe-title span,
  .dlx-safe-title em {
    padding-inline: 10px !important;
  }
  .dlx-games {
    grid-template-columns: 1fr !important;
  }
}

/* Darker header requested: near-black canvas with only restrained orange texture. */
.dlx-hero {
  background-color: #030303 !important;
  background-image:
    radial-gradient(
      circle at 70% 42%,
      rgba(94, 31, 5, 0.34) 0,
      rgba(28, 10, 3, 0.18) 24%,
      transparent 47%
    ),
    radial-gradient(rgba(239, 90, 19, 0.32) 0.8px, transparent 1px) !important;
  background-size:
    auto,
    16px 16px !important;
}
.dlx-hero:before {
  opacity: 0.16 !important;
  mix-blend-mode: screen;
}
.dlx-hero:after {
  opacity: 0.72;
}
.dlx-nav,
.dlx-stage,
.dlx-games {
  isolation: isolate;
}
.dlx-title-clean {
  display: block;
  width: 710px;
  max-width: 112%;
  height: 418px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(8px 10px 0 #000);
  position: relative;
  z-index: 5;
  margin-top: 0;
}
.dlx-title-clean + .dlx-discord-art {
  margin-top: -2px;
}
@media (max-width: 900px) {
  .dlx-title-clean {
    width: 100%;
    height: 330px;
  }
  .dlx-title-clean + .dlx-discord-art {
    margin-top: 6px;
  }
}
@media (max-width: 560px) {
  .dlx-title-clean {
    height: 265px;
  }
}

/* Vier identisch große Serverbuttons, eng nebeneinander */
.dlx-games {
  grid-template-columns: repeat(4, 280px) !important;
  justify-content: center;
  column-gap: 6px !important;
  row-gap: 8px !important;
}
.dlx-games a {
  width: 280px !important;
  height: 78px !important;
  -webkit-user-select: none;
  user-select: none;
}
@media (max-width: 1180px) {
  .dlx-games {
    grid-template-columns: repeat(2, 280px) !important;
    height: auto !important;
    padding-block: 12px;
  }
}
@media (max-width: 610px) {
  .dlx-games {
    grid-template-columns: 280px !important;
  }
}

/* Finale Bildbuttons: Grafik enthält Hintergrund, Icon und Schrift vollständig. */
.dlx-games a.game-button {
  width: 280px !important;
  height: 78px !important;
  padding: 0 !important;
  background: none !important;
  overflow: visible !important;
  display: block !important;
}
.dlx-games a.game-button > img {
  display: block !important;
  width: 280px !important;
  height: 78px !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: none !important;
}
.dlx-games a.game-button:hover {
  transform: none !important;
  filter: none !important;
}
.dlx-games a.game-button:hover > img {
  transform: translateY(-3px) scale(1.02);
  filter: brightness(1.08) drop-shadow(0 5px 2px rgba(0,0,0,.65)) !important;
}

/* ==========================================================================
   FINALE HEADER-KORREKTUR
   Die technisch verkleinerte WebP-Fassung liegt unter assets/perf/.
   Dieser Block muss ganz am Ende der Datei stehen.
   ========================================================================== */

.dlx-hero {
  position: relative !important;
  min-height: 790px !important;
  overflow: hidden !important;
  isolation: isolate !important;

  background-color: #070706 !important;
  background-image: url("assets/perf/hover-header.webp") !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-size: auto 100% !important;
}

/* Alte Verlaufs- und Punkt-Ebenen entfernen, damit das Bild sichtbar bleibt. */
.dlx-hero::before,
.dlx-hero::after {
  content: none !important;
  display: none !important;
}

/* Header-Inhalte oberhalb des Hintergrundbildes halten. */
.dlx-nav,
.dlx-stage,
.dlx-games {
  position: relative !important;
  z-index: 5 !important;
}

/* Desktop: Motiv und Abrisskante stärker nach rechts ausrichten. */
@media (min-width: 1200px) {
  .dlx-hero {
    background-position: right bottom !important;
    background-size: auto 100% !important;
  }
}

/* Tablet und Mobilgeräte */
@media (max-width: 900px) {
  .dlx-hero {
    background-position: right bottom !important;
    background-size: auto 100% !important;
  }
}

@media (max-width: 560px) {
  .dlx-hero {
    background-position: right bottom !important;
    background-size: auto 100% !important;
  }
}

/* ========================================================================== 
   PAGE LOADER — DIXIELAND RACCOON
   ========================================================================== */
html.page-loader-visible,
html.page-loader-visible body {
  overflow: hidden;
}

/* V13.2.66: Inhalt bleibt sichtbar; nur der Smart Loader liegt bei Bedarf darüber. */

.page-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 42%, rgba(240, 90, 0, .18), transparent 28%),
    radial-gradient(rgba(240, 90, 0, .18) 1px, transparent 1px) 0 0 / 14px 14px,
    #080705;
  color: #f0dfbb;
  opacity: 1;
  visibility: visible;
  transition: opacity .55s ease, visibility .55s ease;
}

.page-loader::before,
.page-loader::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 8px;
  background: #ef5a13;
  box-shadow: 0 0 22px rgba(239, 90, 19, .5);
}

.page-loader::before { top: 0; }
.page-loader::after { bottom: 0; }

.page-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.page-loader__inner {
  width: min(430px, 90vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.page-loader__mascot {
  width: clamp(150px, 24vw, 230px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  margin-bottom: 24px;
  animation: dlx-loader-spin 1.65s linear infinite;
  filter: drop-shadow(0 14px 8px rgba(0, 0, 0, .72));
}

.page-loader__mascot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.page-loader strong {
  font-family: "Dixieland Anton", Impact, "Arial Black", sans-serif;
  font-size: clamp(30px, 6vw, 48px);
  line-height: .95;
  letter-spacing: 1px;
  color: #ef5a13;
  text-shadow: 4px 4px 0 #000;
}

.page-loader span {
  margin-top: 12px;
  color: #f0dfbb;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 3px;
}

.page-loader__bar {
  width: min(300px, 76vw);
  height: 10px;
  margin-top: 24px;
  overflow: hidden;
  border: 2px solid #f0dfbb;
  background: #15110e;
  box-shadow: 5px 5px 0 #000;
  transform: skewX(-10deg);
}

.page-loader__bar i {
  display: block;
  width: 42%;
  height: 100%;
  background: #ef5a13;
  animation: dlx-loader-bar 1.15s ease-in-out infinite;
}

@keyframes dlx-loader-spin {
  to { transform: rotate(360deg); }
}

@keyframes dlx-loader-bar {
  0% { transform: translateX(-120%); }
  100% { transform: translateX(340%); }
}

@media (prefers-reduced-motion: reduce) {
  .page-loader__mascot { animation: none; }
  .page-loader__bar i { animation-duration: 2.5s; }
}


/* Page loader: echter Ladefortschritt */
.page-loader__bar i {
  width: 0;
  transform: none !important;
  animation: none !important;
  transition: width .25s ease;
}


/* ========================================================================== 
   SERVERKARTEN — FINALE BEREINIGTE VERSION
   Ein einziger Regelblock ohne ältere Überschreibungen.
   ========================================================================== */

.dlx-server-panel.dlx-panel {
  position: relative;
  z-index: 20;
  margin-top: -45px !important;
  padding: 0 10px 18px !important;
  border: 0 !important;
  outline: 0 !important;
  clip-path: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.dlx-server-panel.dlx-panel::before,
.dlx-server-panel.dlx-panel::after {
  content: none !important;
  display: none !important;
}

.dlx-server-panel .dlx-projects {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  padding: 0 10px 10px;
}

.dlx-server-panel .dlx-project {
  position: relative;
  isolation: isolate;
  display: block;
  min-width: 0;
  height: 440px;
  padding: 0;
  border: 18px solid transparent !important;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
  border-image-slice:53 !important;
  border-image-width: 18px !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  outline: 0 !important;
  overflow: visible;
  background: #0b0907;
  filter: drop-shadow(6px 8px 4px rgba(0,0,0,.82));
  transform: none;
  transition: transform .2s ease, filter .2s ease;
}

/* Die Bildfläche liegt ausschließlich innerhalb der inneren Rahmenkante. */
.dlx-server-panel .dlx-project__media {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: #0b0907;
}

.dlx-server-panel .dlx-project__image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
  transform-origin: center;
  transition: filter .2s ease;
}

.dlx-server-panel .dlx-project__media::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to bottom,
    rgba(0,0,0,0) 48%,
    rgba(0,0,0,.08) 61%,
    rgba(0,0,0,.76) 100%);
}

.dlx-server-panel .dlx-project::before,
.dlx-server-panel .dlx-project::after {
  content: none !important;
  display: none !important;
}

.dlx-server-panel .dlx-project__icon {
  position: absolute;
  z-index: 5;
  top: 8px;
  right: 8px;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin: 0;
  border: 3px solid #ef5a13;
  border-radius: 50%;
  background: #090806;
  color: #ef5a13;
  font: 900 16px/1 Arial, sans-serif;
  font-style: normal;
  box-shadow: 0 0 0 2px #090806;
}

.dlx-server-panel .dlx-project__content {
  position: absolute;
  z-index: 4;
  inset: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  pointer-events: none;
  background: transparent;
  color: #f4e7cb;
  text-align: center;
}

.dlx-server-panel .dlx-project__content h3 {
  position: absolute;
  top: 7px;
  left: 9px;
  right: 56px;
  margin: 0;
  color: #f2e4c4;
  font: 900 28px/.92 "Dixieland Anton", Impact, "Arial Black", sans-serif;
  letter-spacing: -.5px;
  text-align: left;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 #080706, -1px -1px 0 #080706;
}

.dlx-server-panel .dlx-project__content strong {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 94px;
  display: block;
  margin: 0;
  color: #f2e4c4;
  font: 900 19px/1 "Dixieland Anton", Impact, "Arial Black", sans-serif;
  text-transform: uppercase;
  text-shadow: 2px 2px 0 #080706;
}

.dlx-server-panel .dlx-project__status {
  position: absolute;
  top: 47px;
  left: 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 22px;
  margin: 0;
  padding: 4px 9px 3px;
  border: 1px solid rgba(242,228,196,.75);
  background: rgba(8,7,6,.82);
  color: #f2e4c4;
  font: 900 10px/1 Arial, sans-serif;
  letter-spacing: .8px;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #080706;
}

.dlx-server-panel .dlx-project__status::before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #ef5a13;
  box-shadow: 0 0 7px rgba(239,90,19,.9);
}

.dlx-server-panel .dlx-project__server-meta {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 61px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 10px;
  margin: 0;
  padding: 5px 7px 4px;
  border-top: 1px solid rgba(242,228,196,.42);
  border-bottom: 1px solid rgba(242,228,196,.42);
  background: rgba(8,7,6,.76);
  color: #f2e4c4;
  font: 700 10px/1.15 Arial, sans-serif;
  letter-spacing: .15px;
  text-shadow: 1px 1px 0 #080706;
}

.dlx-server-panel .dlx-project__server-meta p {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.dlx-server-panel .dlx-project__server-meta b {
  margin-right: 3px;
  color: #ef5a13;
  font-weight: 900;
}

.dlx-server-panel .dlx-project__content small {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 40px;
  display: block;
  margin: 0;
  color: #ef5a13;
  font: 900 10px/1 Arial, sans-serif;
  letter-spacing: .15px;
  white-space: nowrap;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #080706;
}

.dlx-server-panel .dlx-project__content .dlx-project__button {
  position: absolute;
  left: 50%;
  bottom: 7px;
  display: grid;
  place-items: center;
  width: 118px;
  height: 27px;
  margin: 0;
  padding: 0 8px;
  transform: translateX(-50%);
  background: transparent url("assets/bg-buttons.png") center / 100% 100% no-repeat;
  color: #f4e7cb;
  font: 400 14px/1 "Dixieland Anton", Impact, sans-serif;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0,0,0,.8);
}

.dlx-server-panel .dlx-project:hover,
.dlx-server-panel .dlx-project:nth-child(even):hover {
  transform: translateY(-5px);
  filter: drop-shadow(9px 12px 5px rgba(0,0,0,.9)) brightness(1.035);
}

/* Kein Bild-Zoom beim Hover: Das Motiv kann den Rahmen niemals verlassen. */
.dlx-server-panel .dlx-project:hover .dlx-project__image {
  transform: scale(1.01);
  filter: saturate(1.03) contrast(1.04);
}

@media (max-width: 1180px) {
  .dlx-server-panel.dlx-panel { margin-top: -12px !important; }
  .dlx-server-panel .dlx-projects { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; }
}

@media (max-width: 620px) {
  .dlx-server-panel.dlx-panel { margin-top: 0 !important; }
  .dlx-server-panel .dlx-projects { grid-template-columns: 1fr; padding-inline: 6px; }
  .dlx-server-panel .dlx-project { height: 430px; }
}



/* ========================================================================== 
   STARTSEITE AB 02 — LIVE COMMUNITY
   Die Original-Rahmengrafik liegt um jede Sektion und jede Karte.
   ========================================================================== */
.dx2 {
  --dx2-orange: #ef5a13;
  --dx2-cream: #ead9b8;
  /* Keine beige Fuellflaeche hinter dem zerrissenen News-Rahmen. */
  --dx2-paper: transparent;
  --dx2-ink: #090806;
  position: relative;
  z-index: 5;
  width: min(1320px, 96%);
  margin: 28px auto 54px;
  color: var(--dx2-cream);
}

.dx2 *,
.dx2 *::before,
.dx2 *::after { box-sizing: border-box; }

.dx2 img { display: block; max-width: 100%; }
.dx2 a { text-decoration: none; }

.dx2-frame {
  position: relative;
  border: 12px solid transparent;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213");
  border-image-slice:53;
  border-image-width: 12px;
  border-image-outset: 2px;
  border-image-repeat: stretch;
  outline: 0;
  background: #0b0907;
  filter: drop-shadow(7px 9px 5px rgba(0, 0, 0, .78));
}

.dx2-community,
.dx2-market,
.dx2-news-card,
.dx2-gallery > a,
.dx2-team-card,
.dx2-discord { overflow: hidden; }

.dx2-kicker,
.dx2-heading h2,
.dx2-market h3,
.dx2-community h2,
.dx2-news h3,
.dx2-team h3,
.dx2-discord h2,
.dx2-footer h3 {
  font-family: "Dixieland Anton", Impact, "Arial Black", sans-serif;
  text-transform: uppercase;
}

.dx2-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 46px;
  padding: 11px 18px 9px;
  border: 2px solid var(--dx2-orange);
  background: #0b0907;
  color: #f4e7cb;
  font: 900 15px/1 "Dixieland Anton", Impact, sans-serif;
  letter-spacing: .25px;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 #000;
  transition: transform .18s ease, color .18s ease, background .18s ease;
}

.dx2-button img { width: 15px; height: 15px; }
.dx2-button:hover,
.dx2-button:focus-visible { transform: translateY(-3px); background: var(--dx2-orange); color: #fff; }
.dx2-button:focus-visible { outline: 3px solid #f2dfb9; outline-offset: 4px; }
.dx2-button--solid { background: var(--dx2-orange); color: #fff; border-color: #ff7a32; }
.dx2-button--solid img,
.dx2-button--discord img { filter: brightness(0) invert(1); }

.dx2-community {
  aspect-ratio: 2.55 / 1;
  min-height: 0;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  background: #070604;
}

.dx2-community__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.dx2-community__copy {
  position: relative;
  z-index: 2;
  width: 42%;
  padding: 38px 34px 34px;
}

.dx2-kicker { margin: 0 0 14px; color: var(--dx2-cream); font-size: 38px; line-height: 1; text-shadow: 3px 3px 0 #000; }
.dx2-kicker b { color: var(--dx2-orange); font-size: 1.2em; }
.dx2-kicker span { margin: 0 8px; color: var(--dx2-orange); }
.dx2-community__copy > p:not(.dx2-kicker) { max-width: 480px; margin: 0 0 17px; color: #d2c19f; font: 700 15px/1.48 Arial, sans-serif; }

.dx2-stats { display: flex; gap: 8px; margin: 0 0 16px; }
.dx2-stats > div { display: grid; grid-template-columns: 32px 1fr; min-width: 140px; padding: 9px 11px; border: 1px solid #73553c; background: rgba(6, 5, 3, .82); }
.dx2-stats img { grid-row: 1 / 3; align-self: center; width: 28px; height: 28px; }
.dx2-stats strong { color: #f4e7cb; font: 900 25px/1 "Dixieland Anton", Impact, sans-serif; }
.dx2-stats span { margin-top: 4px; color: #b8a98d; font: 900 9px/1 Arial, sans-serif; letter-spacing: .6px; }

.dx2-section { margin-top: 20px; }
.dx2-markets { scroll-margin-top: 40px; }

.dx2-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 50px;
  margin: 0 0 10px;
}

.dx2-heading__line { flex: 1; height: 2px; border-top: 2px solid #713115; border-bottom: 1px solid #2a170d; }
.dx2-heading > img { width: 15px; height: 15px; }
.dx2-heading > b { color: var(--dx2-orange); font: 900 48px/1 "Dixieland Anton", Impact, sans-serif; }
.dx2-heading h2 { margin: 0; color: var(--dx2-cream); font-size: 44px; line-height: 1; white-space: nowrap; }

.dx2-market {
  display: grid;
  grid-template-columns: 52% 48%;
  aspect-ratio: 4.55 / 1;
  height: auto;
  min-height: 0;
  margin-bottom: 6px;
  background: #0a0806;
}

.dx2-market__media { min-width: 0; height: 100%; min-height: 0; overflow: hidden; }
.dx2-market__media img { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: 50% 48%; transition: transform .35s ease; }
.dx2-market:hover .dx2-market__media img { transform: scale(1.025); }
.dx2-market__copy { display: grid; grid-template-columns: 44px 1fr; align-content: center; padding: 19px 31px; background: #0b0907; }
.dx2-market__icon { grid-row: 1 / 3; width: 31px; height: 31px; margin-top: 1px; }
.dx2-market h3 { margin: 0 0 6px; color: var(--dx2-cream); font-size: 38px; line-height: 1; }
.dx2-market p { grid-column: 2; max-width: 510px; margin: 0 0 13px; color: #c8b99c; font: 700 14px/1.4 Arial, sans-serif; }
.dx2-market .dx2-button { grid-column: 2; justify-self: start; }
.dx2-market--reverse .dx2-market__media { grid-column: 2; }
.dx2-market--reverse .dx2-market__copy { grid-column: 1; grid-row: 1; }
.dx2-market--reverse { grid-template-columns: 48% 52%; }

.dx2-section--news { position: relative; }
.dx2-heading__dash {
  color: var(--dx2-cream);
  font: 900 45px/1 "Dixieland Anton", Impact, sans-serif;
  transform: translateY(-1px);
}
.dx2-news { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.dx2-news-card {
  display: grid;
  grid-template-columns: 57% 43%;
  aspect-ratio: 1.36 / 1;
  min-height: 0;
  background: var(--dx2-paper);
  color: #17120d;
  isolation: isolate;
}
.dx2-news-card__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding: 27px 15px 21px 19px;
  background: #dfcba5 url("assets/dx2/news-paper-texture-v8.webp") center / cover no-repeat;
}
.dx2-news-card__media { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center; }
.dx2-news-card__copy > * { position: relative; z-index: 2; }
.dx2-news small { color: #b54717; font: 900 11px/1 Arial, sans-serif; letter-spacing: .3px; }
.dx2-news h3 { margin: 6px 0 8px; font-size: 29px; line-height: .96; }
.dx2-news p { margin: 0 0 12px; font: 700 11px/1.42 Arial, sans-serif; }
.dx2-news a { display: inline-flex; align-items: center; gap: 8px; width: max-content; min-height: 36px; margin-top: auto; padding: 8px 11px; border: 1px solid #24170e; color: inherit; font: 900 11px/1 "Dixieland Anton", Impact, sans-serif; }
.dx2-news a img { width: 12px; height: 12px; }
.dx2-news-card--dark { background: #0b0907; color: var(--dx2-cream); }
.dx2-news-card--dark .dx2-news-card__copy { background: #0b0907; }
.dx2-news-card--dark p { color: #c1b195; }
.dx2-news-card--dark a { border-color: var(--dx2-orange); }

.dx2-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; }
.dx2-gallery > a { aspect-ratio: 1.05 / 1; height: auto; border-width: 8px; border-image-width: 8px; border-image-outset: 1px; background: #090806; }
.dx2-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease, filter .3s ease; }
.dx2-gallery a:hover img { transform: scale(1.035); filter: brightness(1.08); }
.dx2-button--center { display: flex; width: max-content; margin: 12px auto 0; }

.dx2-team { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.dx2-team-card { display: grid; grid-template-columns: 43% 57%; aspect-ratio: 1.48 / 1; min-height: 0; border-width: 8px; border-image-width: 8px; border-image-outset: 1px; background: #0b0907; }
.dx2-team-card__portrait { width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: center 12%; }
.dx2-team-card__copy { display: flex; flex-direction: column; justify-content: center; padding: 16px 13px; }
.dx2-team h3 { margin: 0 0 4px; color: var(--dx2-cream); font-size: 27px; line-height: 1; }
.dx2-team small { color: var(--dx2-orange); font: 900 10px/1.25 Arial, sans-serif; }
.dx2-team p { margin: 9px 0 12px; color: #b9aa8e; font: 700 11px/1.4 Arial, sans-serif; }
.dx2-social { display: flex; gap: 7px; margin-top: auto; }
.dx2-social a,
.dx2-footer__social a { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #846747; background: #090806; transition: transform .18s ease, border-color .18s ease; }
.dx2-social a:hover,
.dx2-footer__social a:hover { transform: translateY(-2px); border-color: var(--dx2-orange); }
.dx2-social img,
.dx2-footer__social img { width: 14px; height: 14px; }

.dx2-discord { display: flex; align-items: center; justify-content: space-between; gap: 32px; aspect-ratio: 7.7 / 1; min-height: 0; margin-top: 27px; padding: 23px 31px; background: #180d08; }
.dx2-discord h2 { margin: 0 0 5px; color: var(--dx2-cream); font-size: 48px; line-height: .95; }
.dx2-discord p { margin: 0; color: #b8a98e; font: 900 11px/1.35 Arial, sans-serif; letter-spacing: 1px; }
.dx2-button--discord { min-width: 280px; min-height: 72px; background: var(--dx2-orange); border-color: #ff7d36; color: #fff; font-size: 21px; line-height: 1.05; }
.dx2-button--discord img { width: 38px; height: 38px; }

.dlx footer.dx2-footer { padding: 34px 0 15px; border-top: 2px solid #2e190e; background: #060504; }
.dlx footer.dx2-footer > .dx2-footer__grid { display: grid; grid-template-columns: 1.25fr .8fr .8fr 1fr; gap: 45px; }
.dx2-footer__brand img { width: 245px; height: auto; }
.dx2-footer__brand p { max-width: 250px; margin: 9px 0 0; color: #8f8069; font: 700 11px/1.5 Arial, sans-serif; }
.dx2-footer h3 { margin: 4px 0 13px; color: #c8994f; font-size: 17px; }
.dlx footer.dx2-footer a { display: block; margin: 6px 0; color: #9d907b; font: 700 11px/1.2 Arial, sans-serif; }
.dlx footer.dx2-footer a:hover { color: var(--dx2-orange); }
.dx2-footer__social { display: flex; gap: 8px; }
.dx2-footer__social a { margin: 0 !important; }
.dlx footer.dx2-footer > small { display: block; margin-top: 28px; color: #665b4c; font: 700 9px/1.4 Arial, sans-serif; text-align: center; }

@media (max-width: 900px) {
  .dx2-community__copy { width: 56%; }
  .dx2-news { grid-template-columns: 1fr; }
  .dx2-news-card { min-height: 245px; }
  .dx2-team { grid-template-columns: 1fr; }
  .dx2-team-card { grid-template-columns: 250px 1fr; aspect-ratio: auto; min-height: 280px; }
  .dlx footer.dx2-footer > .dx2-footer__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .dx2 { width: calc(100% - 14px); margin-top: 24px; }
  .dx2-frame { border-width: 13px; border-image-width: 13px; border-image-outset: 1px; }
  .dx2-community { aspect-ratio: auto; min-height: 690px; align-items: end; }
  .dx2-community__image { object-position: 68% top; }
  .dx2-community__copy { width: 100%; padding: 255px 20px 24px; background: rgba(5, 4, 3, .86); }
  .dx2-kicker { font-size: 30px; }
  .dx2-heading { gap: 7px; }
  .dx2-heading__line { display: none; }
  .dx2-heading > b { font-size: 33px; }
  .dx2-heading h2 { font-size: 27px; white-space: normal; text-align: center; }
  .dx2-market,
  .dx2-market--reverse { grid-template-columns: 1fr; aspect-ratio: auto; height: auto; }
  .dx2-market__media,
  .dx2-market--reverse .dx2-market__media { grid-column: 1; grid-row: 1; height: 250px; min-height: 0; }
  .dx2-market__media img { min-height: 250px; }
  .dx2-market__copy,
  .dx2-market--reverse .dx2-market__copy { grid-column: 1; grid-row: 2; padding: 27px 21px; }
  .dx2-gallery { grid-template-columns: repeat(2, 1fr); }
  .dx2-gallery > a { height: 245px; }
  .dx2-discord { align-items: flex-start; flex-direction: column; aspect-ratio: auto; padding: 25px 22px; }
  .dx2-discord h2 { font-size: 34px; }
  .dx2-button--discord { width: 100%; min-width: 0; }
}

@media (max-width: 520px) {
  .dx2-stats { flex-wrap: wrap; }
  .dx2-stats > div { flex: 1; min-width: 130px; }
  .dx2-community__copy > p:not(.dx2-kicker) { font-size: 13px; }
  .dx2-news-card { grid-template-columns: 1fr; }
  .dx2-news-card > img { grid-row: 1; min-height: 220px; max-height: 220px; }
  .dx2-news-card__copy { grid-row: 2; }
  .dx2-gallery { grid-template-columns: 1fr; }
  .dx2-gallery > a { height: 280px; }
  .dx2-team-card { grid-template-columns: 42% 58%; }
  .dx2-team-card__portrait { min-height: 300px; }
  .dx2-team h3 { font-size: 22px; }
  .dlx footer.dx2-footer > .dx2-footer__grid { grid-template-columns: 1fr; gap: 24px; }
}


/* ========================================================================== 
   STARTSEITE AB 02 — V4 REFERENZGETREUER RAHMEN- UND BILDSCHNITT
   Vollständig in der originalen style.css integriert.
   ========================================================================== */

.dx2 {
  width: min(1320px, 94.5%);
  margin-top: 22px;
}

.dx2-frame {
  border-width: 10px;
  border-image-width: 10px;
  border-image-outset: 1px;
  filter: drop-shadow(6px 8px 4px rgba(0, 0, 0, .72));
}

/* 02: orangefarbener Grunge-Rahmen wie in der Bildvorlage. */
.dx2-community.dx2-frame {
  aspect-ratio: 2.55 / 1;
  border-width: 10px;
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213");
  border-image-slice:53;
  border-image-width: 10px;
  border-image-outset: 1px;
  border-image-repeat: stretch;
  background: #070604;
}

.dx2-community__image {
  object-position: center center;
}

.dx2-community__copy {
  width: 39%;
  padding: 31px 20px 29px 29px;
}

.dx2-kicker {
  margin-bottom: 12px;
  font-size: 46px;
}

.dx2-community__copy > p:not(.dx2-kicker) {
  max-width: 355px;
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 1.36;
}

.dx2-stats {
  gap: 10px;
  margin-bottom: 15px;
}

.dx2-stats > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 148px;
  min-width: 0;
  height: 146px;
  padding: 10px 8px 8px;
  text-align: center;
}

.dx2-stats img {
  width: 32px;
  height: 32px;
  margin-bottom: 5px;
}

.dx2-stats strong {
  font-size: 30px;
}

.dx2-stats span {
  margin-top: 5px;
  font-size: 10px;
}

.dx2-community .dx2-button--solid {
  width: 346px;
  min-height: 64px;
  padding-inline: 19px;
  font-size: 18px;
}

.dx2-community .dx2-button--solid img {
  width: 22px;
  height: 22px;
}

.dx2-section {
  margin-top: 16px;
}

.dx2-heading {
  min-height: 64px;
  margin-bottom: 7px;
}

.dx2-heading > b {
  font-size: 58px;
}

.dx2-heading h2 {
  font-size: 53px;
}

/* 03: Bild und Text werden durch eine echte schräge Risskante verbunden. */
.dx2-market,
.dx2-market--reverse {
  position: relative;
  isolation: isolate;
  grid-template-columns: 52% 48%;
  aspect-ratio: 4.32 / 1;
  margin-bottom: 4px;
  overflow: hidden;
}

.dx2-market--reverse {
  grid-template-columns: 48% 52%;
}

.dx2-market__media {
  position: relative;
  z-index: 1;
}

.dx2-market__media img {
  object-position: center center;
}

.dx2-market__copy {
  position: relative;
  z-index: 2;
  grid-template-columns: 108px minmax(0, 1fr);
  column-gap: 11px;
  padding: 18px 31px 17px 58px;
  margin-left: -42px;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%);
  background-color: #0b0907;
  background-repeat: no-repeat;
  background-size: cover;
}

.dx2-market--reverse .dx2-market__copy {
  padding: 18px 58px 17px 31px;
  margin-right: -42px;
  margin-left: 0;
  clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
}

/* Die Textseiten folgen den Markt-Ausschnitten: dunkles Papier,
   unregelmaessiger Abrieb und jeweils anders gesetzte orange Spritzer. */
.dx2-market--script .dx2-market__copy {
  background-image: url("assets/dx2/market-panel-script-texture-v7.webp");
  background-position: right center;
}

.dx2-market--clothing .dx2-market__copy {
  background-image: url("assets/dx2/market-panel-clothing-texture-v7.webp");
  background-position: left bottom;
}

.dx2-market--design .dx2-market__copy {
  background-image: url("assets/dx2/market-panel-design-texture-v7.webp");
  background-position: right center;
}

.dx2-market--downloads .dx2-market__copy {
  background-image: url("assets/dx2/market-panel-clothing-texture-v7.webp");
  background-position: left bottom;
}

.dx2-market::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: -8px;
  bottom: -8px;
  left: 51.3%;
  width: 94px;
  pointer-events: none;
  transform: translateX(-50%);
  background: url("assets/dx2/torn-diagonal-divider-v4.png") center / 100% 100% no-repeat;
}

.dx2-market--reverse::after {
  left: 48.7%;
  transform: translateX(-50%) scaleX(-1);
}

.dx2-market__icon {
  grid-row: 1 / 4;
  align-self: center;
  width: 96px;
  height: 96px;
  margin: 0;
  object-fit: contain;
  filter: drop-shadow(4px 6px 2px rgba(0, 0, 0, .72));
}

.dx2-market h3 {
  margin-bottom: 7px;
  font-size: 46px;
}

.dx2-market p {
  max-width: 500px;
  margin-bottom: 12px;
  font-size: 17px;
  line-height: 1.35;
}

.dx2-market .dx2-button {
  min-height: 40px;
  padding: 8px 16px 7px;
  font-size: 17px;
}

/* Die unteren Bereiche übernehmen die kompakteren Proportionen der Vorlage. */
.dx2-section--news {
  width: calc(100% + 36px);
  margin-left: -18px;
}

.dx2-section--news .dx2-heading {
  min-height: 56px;
  margin-bottom: 7px;
}

.dx2-section--news .dx2-heading > b {
  font-size: 50px;
}

.dx2-section--news .dx2-heading__dash {
  font-size: 39px;
}

.dx2-section--news .dx2-heading h2 {
  font-size: 46px;
}

.dx2-news {
  grid-template-columns: 1fr 1.015fr 1.025fr;
  gap: 20px;
}

.dx2-news-card {
  aspect-ratio: auto;
  /* Genug Platz fuer lange News-Titel, Vorschautext und den Weiterlesen-Button.
     Durch height:auto darf die gemeinsame Grid-Zeile bei Bedarf mitwachsen. */
  height: auto;
  min-height: clamp(360px, 27vw, 410px);
  grid-template-columns: 62% 38%;
  border-width: 8px;
  border-image-width: 8px;
  border-image-outset: 1px;
}

.dx2-news-card--dark {
  grid-template-columns: 52% 48%;
}

.dx2-news-card__copy {
  padding: 25px 14px 30px 18px;
}

.dx2-news h3 {
  font-size: 28px;
}

.dx2-news p {
  font-size: 12px;
}

.dx2-news a {
  min-width: 150px;
  min-height: 42px;
  padding: 9px 14px 8px;
  font-size: 13px;
}

.dx2-news a img {
  width: 14px;
  height: 14px;
}

.dx2-news-card:nth-child(1) .dx2-news-card__media { object-position: 50% 50%; }
.dx2-news-card:nth-child(2) .dx2-news-card__media { object-position: 50% 50%; }
.dx2-news-card:nth-child(3) .dx2-news-card__media { object-position: 50% 50%; }

.dx2-gallery > a {
  aspect-ratio: .96 / 1;
}

.dx2-team-card {
  grid-template-columns: 42% 58%;
  aspect-ratio: 1.56 / 1;
}

.dx2-discord {
  aspect-ratio: 6.4 / 1;
  margin-top: 20px;
}

.dx2-button--discord {
  min-width: 350px;
  min-height: 94px;
  font-size: 24px;
}

.dx2-button--discord img {
  width: 52px;
  height: 52px;
}

@media (max-width: 1050px) {
  .dx2-community__copy { width: 45%; }
  .dx2-kicker { font-size: 38px; }
  .dx2-community__copy > p:not(.dx2-kicker) { font-size: 14px; }
  .dx2-stats > div { width: 126px; height: 100px; }
  .dx2-stats strong { font-size: 26px; }
  .dx2-market__copy { grid-template-columns: 86px minmax(0, 1fr); column-gap: 8px; }
  .dx2-market__icon { width: 76px; height: 76px; }
  .dx2-market h3 { font-size: 35px; }
  .dx2-market p { font-size: 13px; }
}

@media (max-width: 900px) {
  .dx2-section--news {
    width: 100%;
    margin-left: 0;
  }
  .dx2-news { grid-template-columns: 1fr; }
  .dx2-news-card { height: auto; aspect-ratio: 1.65 / 1; }
  .dx2-team-card { aspect-ratio: auto; }
}

@media (max-width: 760px) {
  .dx2 { width: calc(100% - 14px); }

  .dx2-heading {
    gap: 6px;
    min-height: 52px;
    flex-wrap: nowrap;
  }

  .dx2-heading > b { font-size: 34px; }
  .dx2-heading__dash { font-size: 25px; }
  .dx2-heading h2 {
    font-size: 28px;
    line-height: 1;
    white-space: nowrap;
  }
  .dx2-heading > img { width: 12px; height: 12px; }

  .dx2-community.dx2-frame {
    aspect-ratio: auto;
    min-height: 670px;
    border-width: 11px;
    border-image-width: 11px;
  }

  .dx2-community__image {
    object-position: 66% top;
  }

  .dx2-community__copy {
    width: 100%;
    padding: 275px 18px 23px;
    background: rgba(5, 4, 3, .88);
  }

  .dx2-kicker { font-size: 31px; }

  .dx2-community__copy > p:not(.dx2-kicker) {
    max-width: 520px;
    font-size: 14px;
  }

  .dx2-stats > div {
    flex: 1;
    width: auto;
    height: 98px;
  }

  .dx2-market,
  .dx2-market--reverse {
    grid-template-columns: 1fr;
    aspect-ratio: auto;
  }

  .dx2-market::after {
    content: none;
  }

  .dx2-market__copy,
  .dx2-market--reverse .dx2-market__copy {
    grid-column: 1;
    grid-row: 2;
    margin: 0;
    padding: 25px 21px;
    clip-path: none;
  }

  .dx2-market__copy,
  .dx2-market--reverse .dx2-market__copy {
    grid-template-columns: 96px minmax(0, 1fr);
    column-gap: 10px;
  }

  .dx2-market__icon {
    width: 84px;
    height: 84px;
  }

  .dx2-market__media,
  .dx2-market--reverse .dx2-market__media {
    grid-column: 1;
    grid-row: 1;
  }

  .dx2-market h3 { font-size: 34px; }
  .dx2-market p { font-size: 14px; }
  .dx2-news-card { aspect-ratio: auto; }
  .dx2-news-card:not(.dx2-news-card--dark) .dx2-news-card__copy::after { display: none; }
  .dx2-gallery > a { aspect-ratio: 1.05 / 1; }

  .dx2-discord {
    max-width: 100%;
    align-items: flex-start;
    flex-direction: column;
    aspect-ratio: auto;
    padding: 25px 22px;
  }

  .dx2-button--discord {
    width: 100%;
    min-width: 0;
    min-height: 78px;
    font-size: 21px;
  }

  .dx2-button--discord img {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 520px) {
  .dx2-community.dx2-frame { min-height: 690px; }
  .dx2-community__copy { padding-top: 295px; }
  .dx2-community .dx2-button--solid { width: 100%; font-size: 16px; }
  .dx2-news-card,
  .dx2-news-card--dark {
    grid-template-columns: 1fr;
    aspect-ratio: auto;
  }
  .dx2-news-card__media { width: 100%; }
  .dx2-news-card:nth-child(1) .dx2-news-card__media { object-position: 50% 26%; }
  .dx2-news-card:nth-child(2) .dx2-news-card__media { object-position: 50% 36%; }
  .dx2-news-card:nth-child(3) .dx2-news-card__media { object-position: 50% 52%; }
  .dx2-team-card { grid-template-columns: 42% 58%; }
  .dx2-market__copy,
  .dx2-market--reverse .dx2-market__copy {
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 8px;
  }
  .dx2-market__icon { width: 68px; height: 68px; }
  .dx2-market h3 { font-size: 32px; }
}

/* ==========================================================================
   V12.3.7 — MITLAUFENDE, KOMPAKTE HAUPTNAVIGATION
   ========================================================================== */

html {
  scroll-padding-top: 82px;
}

.dlx [id] {
  scroll-margin-top: 82px;
}

/* Die feste Navigation wird aus dem normalen Seitenfluss genommen. Diese
   Abstaende halten alle bisherigen Headerpositionen unveraendert. */
.dlx-hero,
.gallery-header,
.shop-hero {
  padding-top: 92px;
}

.news-detail-header {
  min-height: 92px;
}

.static-page {
  padding-top: 92px;
}

.dlx-nav {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 99990 !important;
  width: 100% !important;
  max-width: none !important;
  height: 92px;
  margin: 0 !important;
  padding-inline: max(2%, calc((100vw - 1320px) / 2));
  background: linear-gradient(180deg, rgba(5, 5, 4, .82), rgba(5, 5, 4, .48));
  border-bottom: 1px solid rgba(239, 90, 19, 0);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  isolation: isolate;
  transition:
    height .24s ease,
    background-color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease;
}

.dlx-nav::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  opacity: 0;
  background: linear-gradient(90deg, transparent 0 8%, #ef5a13 28% 72%, transparent 92% 100%);
  transition: opacity .24s ease;
  pointer-events: none;
}

.dlx-nav .dlx-logo,
.dlx-nav .dlx-logo > img,
.dlx-nav nav,
.dlx-nav nav a {
  transition:
    width .24s ease,
    height .24s ease,
    font-size .24s ease,
    gap .24s ease,
    padding .24s ease,
    color .2s ease;
}

.dlx-nav.is-scrolled {
  height: 66px;
  background: rgba(7, 7, 6, .94);
  border-bottom-color: rgba(239, 90, 19, .72);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .72);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.dlx-nav.is-scrolled::after {
  opacity: .92;
}

.dlx-nav.is-scrolled .dlx-logo {
  width: 285px;
  height: 62px;
}

.dlx-nav.is-scrolled nav {
  gap: 28px;
  font-size: 18px;
}

.dlx-nav nav a {
  position: relative;
  padding-block: 11px;
}

.dlx-nav nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 3px;
  height: 3px;
  background: #ef5a13;
  transition: left .18s ease, right .18s ease;
}

.dlx-nav nav a:hover::after,
.dlx-nav nav a:focus-visible::after,
.dlx-nav nav a.active::after {
  left: 0;
  right: 0;
}

@media (min-width: 901px) and (max-width: 1180px) {
  .dlx-nav .dlx-logo {
    width: 360px;
  }

  .dlx-nav nav {
    gap: 20px;
    font-size: 18px;
  }

  .dlx-nav.is-scrolled .dlx-logo {
    width: 260px;
  }

  .dlx-nav.is-scrolled nav {
    gap: 18px;
    font-size: 16px;
  }
}

@media (max-width: 900px) {
  html {
    scroll-padding-top: 76px;
  }

  .dlx [id] {
    scroll-margin-top: 76px;
  }

  .dlx-hero,
  .gallery-header,
  .shop-hero {
    padding-top: 76px;
  }

  .news-detail-header {
    min-height: 76px;
  }

  .static-page {
    padding-top: 76px;
  }

  .dlx-nav,
  .dlx-nav.is-scrolled {
    height: 76px;
    padding-inline: 4%;
    background: rgba(7, 7, 6, .95);
    border-bottom-color: rgba(239, 90, 19, .72);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .72);
  }

  .dlx-nav .dlx-logo,
  .dlx-nav.is-scrolled .dlx-logo {
    width: min(270px, calc(100vw - 108px));
    height: 70px;
  }

  .dlx-nav nav.open {
    position: fixed;
    left: 4%;
    right: 4%;
    top: 76px;
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .8);
  }

  .mobile-menu {
    flex: 0 0 auto;
    cursor: pointer;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dlx-nav,
  .dlx-nav *,
  .dlx-nav::after {
    transition: none !important;
  }
}

/* ==========================================================================
   V12.4.34 — HEADER-ICONS AUF DER STARTSEITE KORRIGIERT

   Richtige Reihenfolge von oben nach unten: Werkzeug, Totenkopf, Controller.
   Die komplette Icon-Gruppe sitzt hoeher und wird durch aeltere Regeln weder
   gespiegelt noch gedreht. Mobil bleiben die Deko-Icons ausgeblendet.
   ========================================================================== */

@media (min-width: 901px) {
  .dlx-hero .dlx-mascot > :is(.dlx-tools, .dlx-skull, .dlx-controller) {
    right: -1% !important;
    bottom: auto !important;
    height: auto !important;
    transform: none !important;
    transform-origin: center !important;
  }

  .dlx-hero .dlx-tools {
    top: -5% !important;
    width: 195px !important;
  }

  .dlx-hero .dlx-skull {
    top: 27% !important;
    width: 142px !important;
  }

  .dlx-hero .dlx-controller {
    top: 55% !important;
    width: 165px !important;
  }
}

/* ==========================================================================
   V12.4.33 — SERVERBILDER WIEDER IM RICHTIGEN HOCHFORMAT

   Die Servermotive sind Hochformatgrafiken. Sie werden nicht mehr vorab in
   ein 980x550-Querformat geschnitten und anschliessend ein zweites Mal in die
   hohe Karte eingepasst. Der Serverbereich wird ausserdem sofort gerendert,
   damit beim Herunterscrollen keine leeren Karten sichtbar werden.
   ========================================================================== */

@supports (content-visibility: auto) {
  .dlx-server-panel {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }
}

.dlx-server-panel .dlx-project__media {
  overflow: hidden;
  background: #0b0907;
}

.dlx-server-panel .dlx-project__image,
.dlx-server-panel .dlx-project:hover .dlx-project__image,
.dlx-server-panel .dlx-project:nth-child(even):hover .dlx-project__image {
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  object-position: center center;
  transform: none;
  filter: none;
}

/* ==========================================================================
   V12.3.8 — NAVIGATION IMMER UEBER ALLEN SEITENBEREICHEN
   ========================================================================== */

/* script.js setzt die Leiste als direktes Kind von main.dlx ein. Dadurch ist
   sie nicht mehr im Stapelkontext des Headers eingeschlossen. */
.dlx > .dlx-nav {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  z-index: 2147483000 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ==========================================================================
   V12.4.2 — FLUESSIGERES SCROLLEN
   Keine vollflaechigen CSS-Filter auf grossen, vorbeiscrollenden Karten.
   Optisch gleichwertige Schatten werden ohne laufende Pixelberechnung erzeugt.
   ========================================================================== */

.dlx-server-panel .dlx-project {
  filter: none;
  box-shadow: 6px 8px 4px rgba(0, 0, 0, .82);
  transition: transform .2s ease, box-shadow .2s ease;
}

.dlx-server-panel .dlx-project:hover,
.dlx-server-panel .dlx-project:nth-child(even):hover {
  filter: none;
  box-shadow: 9px 12px 5px rgba(0, 0, 0, .9);
}

.dlx-server-panel .dlx-project:hover .dlx-project__image {
  filter: none;
}

.dx2-frame {
  filter: none;
  box-shadow: 6px 8px 4px rgba(0, 0, 0, .72);
}

.photo-card img,
.photo-card button:hover img {
  filter: none;
}

@media (max-width: 900px) {
  .dx2-market__media img,
  .dx2-gallery img {
    transition: none;
  }
}

.dlx > .dlx-nav,
.dlx > .dlx-nav *,
.dlx > .dlx-nav *::before,
.dlx > .dlx-nav *::after {
  box-sizing: border-box;
}

/* ==========================================================================
   V12.4 — DOWNLOAD-DATENBANK
   ========================================================================== */

.download-detail-header {
  min-height: 112px;
  padding-top: 92px;
  background: #090806;
  border-bottom: 4px solid #ef5a13;
}

.download-summary-card > strong {
  font-size: 42px;
}

.downloads-catalog {
  padding-top: 82px;
  padding-bottom: 90px;
}

.download-search {
  margin-bottom: 22px;
  padding: 18px;
  background: #15110e;
  border: 1px solid #56331d;
}

.download-search > label {
  display: block;
  margin-bottom: 9px;
  color: #ef5a13;
  font: 900 12px/1 Arial, sans-serif;
  letter-spacing: 2px;
}

.download-search > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}

.download-search input {
  min-width: 0;
  padding: 14px 16px;
  border: 2px solid #ead7af;
  border-right: 0;
  background: #090806;
  color: #f5e5c5;
  font: 700 15px/1 Arial, sans-serif;
  outline: 0;
}

.download-search input:focus {
  border-color: #ef5a13;
}

.download-search button {
  padding: 0 28px;
  border: 2px solid #ef5a13;
  background: #ef5a13;
  color: #090806;
  font: 900 21px/1 "Dixieland Anton", Impact, sans-serif;
  cursor: pointer;
}

.download-categories {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
  margin: 0 0 36px;
}

.download-category-card {
  position: relative;
  min-height: 135px;
  overflow: hidden;
  border: 2px solid #56331d;
  background: #15110e;
  color: #ead7af;
}

.download-category-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 6, 5, .9), rgba(7, 6, 5, .28));
  transition: background .2s ease;
}

.download-category-card > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.download-category-card > span {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 17px;
}

.download-category-card small {
  color: #ef5a13;
  font: 900 9px/1 Arial, sans-serif;
  letter-spacing: 1.6px;
}

.download-category-card strong {
  margin-top: 6px;
  font: 900 25px/.95 "Dixieland Anton", Impact, sans-serif;
}

.download-category-card b {
  margin-top: 7px;
  color: #b5a383;
  font: 900 9px/1 Arial, sans-serif;
}

.download-category-card:hover,
.download-category-card.is-active {
  border-color: #ef5a13;
  box-shadow: inset 0 -5px #ef5a13;
}

.download-category-card:hover::after,
.download-category-card.is-active::after {
  background: linear-gradient(90deg, rgba(7, 6, 5, .88), rgba(239, 90, 19, .18));
}

.download-category-card:hover > img {
  transform: scale(1.04);
}

.download-category-card--all {
  background: radial-gradient(circle at 80% 20%, rgba(239, 90, 19, .4), transparent 38%), repeating-linear-gradient(-45deg, #17120e 0 13px, #100d0a 13px 26px);
}

.download-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.download-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 3px solid #51361f;
  background: #ead7af;
  color: #0b0a08;
  box-shadow: 8px 9px 0 #000;
  transform: rotate(-.25deg);
}

.download-card:nth-child(even) {
  transform: rotate(.25deg);
}

.download-card__media {
  position: relative;
  height: 225px;
  overflow: hidden;
  background: #15110e;
}

.download-card__media::after {
  content: "";
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, .64));
  pointer-events: none;
}

.download-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.82) contrast(1.08);
  transition: transform .3s ease, filter .3s ease;
}

.download-card:hover .download-card__media img {
  transform: scale(1.04);
  filter: saturate(1) contrast(1.08);
}

.download-card__media > span {
  position: absolute;
  z-index: 2;
  right: 13px;
  bottom: 13px;
  padding: 8px 11px;
  background: #ef5a13;
  color: #090806;
  font: 900 11px/1 Arial, sans-serif;
  letter-spacing: 1px;
}

.download-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px 22px;
}

.download-card__body > small,
.download-detail__intro > small {
  color: #ef5a13;
  font: 900 11px/1.2 Arial, sans-serif;
  letter-spacing: 1.8px;
}

.download-card__body h2 {
  margin: 12px 0 13px;
  font: 900 36px/.95 "Dixieland Anton", Impact, sans-serif;
}

.download-card__body > p {
  margin: 0 0 19px;
  color: #594a37;
  font: 700 14px/1.55 Arial, sans-serif;
}

.download-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto;
}

.download-card__meta span {
  padding: 6px 8px;
  border: 1px solid #0b0a08;
  font: 900 9px/1 Arial, sans-serif;
}

.download-card__body > strong {
  margin-top: 18px;
  color: #ef5a13;
  font: 900 19px/1 "Dixieland Anton", Impact, sans-serif;
}

.download-empty > a {
  display: inline-block;
  margin-top: 14px;
  padding: 12px 17px;
  background: #ef5a13;
  color: #090806;
  font: 900 17px/1 "Dixieland Anton", Impact, sans-serif;
}

.download-detail {
  padding-top: 58px;
  padding-bottom: 90px;
}

.download-back {
  display: inline-flex;
  margin-bottom: 24px;
  color: #ef5a13;
  font: 900 13px/1 Arial, sans-serif;
  letter-spacing: 1px;
}

.download-detail__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
  min-height: 520px;
  border: 4px solid #ead7af;
  background: #0f0c0a;
  box-shadow: 12px 14px 0 #000;
}

.download-detail__image {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  background: #15110e;
}

.download-detail__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 65%, rgba(9, 8, 6, .46));
}

.download-detail__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.download-detail__image > span {
  position: absolute;
  z-index: 2;
  left: 18px;
  bottom: 18px;
  padding: 10px 14px;
  background: #ef5a13;
  color: #090806;
  font: 900 12px/1 Arial, sans-serif;
}

.download-detail__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 4vw, 58px);
}

.download-detail__intro h1 {
  margin: 16px 0 20px;
  color: #ead7af;
  font: 900 clamp(52px, 6vw, 86px)/.84 "Dixieland Anton", Impact, sans-serif;
  text-shadow: 5px 6px 0 #000;
}

.download-detail__intro > p {
  margin: 0;
  color: #c6b696;
  font: 700 16px/1.65 Arial, sans-serif;
}

.download-detail__intro dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 25px 0 0;
  border: 1px solid #3e2c1e;
  background: #3e2c1e;
}

.download-detail__intro dl div {
  padding: 13px;
  background: #15110e;
}

.download-detail__intro dt {
  color: #826f55;
  font: 900 9px/1 Arial, sans-serif;
  letter-spacing: 1px;
}

.download-detail__intro dd {
  margin: 6px 0 0;
  color: #ead7af;
  font: 900 14px/1 Arial, sans-serif;
}

.download-detail__actions {
  display: grid;
  gap: 10px;
  margin-top: 26px;
}

.download-primary,
.download-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 13px 18px;
  text-align: center;
  font: 900 22px/1 "Dixieland Anton", Impact, sans-serif;
}

.download-primary {
  background: #ef5a13;
  color: #090806;
  box-shadow: 6px 6px 0 #000;
}

.download-secondary {
  border: 2px solid #ead7af;
  color: #ead7af;
}

.download-detail__content {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
  gap: 50px;
  padding-top: 78px;
}

.download-copy,
.download-changelog > div:last-child {
  color: #c8b797;
  font: 700 16px/1.75 Arial, sans-serif;
  white-space: normal;
}

.download-copy p,
.download-changelog p {
  margin: 0;
}

.download-paper {
  display: grid;
  gap: 8px;
  padding: 28px;
  border: 4px solid #0b0a08;
  outline: 3px solid #ead7af;
  background: #ead7af;
  color: #0b0a08;
  box-shadow: 9px 10px 0 #000;
  transform: rotate(1.5deg);
}

.download-paper small {
  color: #ef5a13;
  font: 900 13px/1 Arial, sans-serif;
  letter-spacing: 2px;
}

.download-paper strong {
  font: 900 48px/.9 "Dixieland Anton", Impact, sans-serif;
}

.download-requirements {
  margin-top: 28px;
  padding: 24px;
  border-left: 6px solid #ef5a13;
  background: #15110e;
}

.download-requirements h2 {
  margin: 0 0 12px;
  color: #ef5a13;
  font: 900 25px/1 "Dixieland Anton", Impact, sans-serif;
}

.download-requirements p {
  margin: 0;
  color: #bbaa8a;
  font: 700 14px/1.6 Arial, sans-serif;
}

.download-changelog,
.download-related {
  padding-top: 75px;
}

.download-changelog > div:last-child {
  padding: 30px;
  border: 2px dashed #56331d;
  background: #15110e;
}

.download-related__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

.download-related__grid a {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  min-height: 105px;
  border: 2px solid #51361f;
  background: #ead7af;
  color: #0b0a08;
}

.download-related__grid img {
  width: 120px;
  height: 100%;
  object-fit: cover;
}

.download-related__grid span {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 13px;
}

.download-related__grid small {
  color: #ef5a13;
  font: 900 9px/1 Arial, sans-serif;
}

.download-related__grid strong {
  margin-top: 7px;
  font: 900 22px/.95 "Dixieland Anton", Impact, sans-serif;
}

@media (max-width: 1100px) {
  .download-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .download-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .download-detail__hero {
    grid-template-columns: 1fr;
  }

  .download-detail__image {
    min-height: 430px;
  }

  .download-detail__content {
    grid-template-columns: 1fr;
  }

  .download-related__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .download-detail-header {
    min-height: 92px;
    padding-top: 76px;
  }
}

@media (max-width: 680px) {
  .download-categories {
    grid-template-columns: 1fr;
  }

  .download-grid {
    grid-template-columns: 1fr;
  }

  .download-search > div {
    grid-template-columns: 1fr;
  }

  .download-search input {
    border-right: 2px solid #ead7af;
  }

  .download-search button {
    min-height: 48px;
  }

  .download-detail {
    padding-top: 35px;
  }

  .download-detail__hero {
    border-width: 2px;
  }

  .download-detail__image {
    min-height: 280px;
  }

  .download-detail__intro {
    padding: 28px 21px;
  }

  .download-detail__intro h1 {
    font-size: 52px;
  }

  .download-detail__intro dl {
    grid-template-columns: 1fr;
  }

  .download-related__grid a {
    grid-template-columns: 92px minmax(0, 1fr);
  }

  .download-related__grid img {
    width: 92px;
  }

  .download-summary-card > strong {
    font-size: 34px;
  }
}

@media (min-width: 901px) {
  .dlx-nav .dlx-logo {
    width: min(330px, 24vw);
  }

  .dlx-nav nav,
  .dlx-nav.is-scrolled nav {
    gap: clamp(12px, 1.65vw, 25px);
    font-size: clamp(15px, 1.25vw, 18px);
  }

  .project-detail-page .dlx-nav nav,
  .project-detail-page .dlx-nav.is-scrolled nav {
    gap: clamp(8px, 1vw, 14px);
    font-size: clamp(13px, 1.05vw, 15px);
  }
}

/* ==========================================================================
   V12.4.4 — DOWNLOAD-HEADER: EIGENES MOTIV UND SAUBERE TYPOGRAFIE
   Alle Regeln sind auf die Downloadseite begrenzt, damit Projektgalerien und
   andere Unterseiten unveraendert bleiben.
   ========================================================================== */

.downloads-page .download-header {
  min-height: 680px;
  overflow: hidden;
  background-color: #050403;
  background-image:
    linear-gradient(90deg, rgba(3, 3, 2, .97) 0%, rgba(3, 3, 2, .78) 32%, rgba(3, 3, 2, .28) 58%, rgba(3, 3, 2, .42) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .32)),
    url("assets/downloads/downloads-header-v2.webp");
  background-position: center;
  background-size: cover;
  border-bottom-width: 5px;
}

.downloads-page .download-header::after {
  height: 92px;
  background: linear-gradient(176deg, transparent 49%, #0b0a08 50%);
}

.downloads-page .download-header .gallery-hero {
  min-height: 568px;
  grid-template-columns: minmax(0, 1.16fr) minmax(350px, .84fr);
  gap: clamp(44px, 5vw, 78px);
  align-items: center;
  padding-top: 16px;
  padding-bottom: 92px;
}

.downloads-page .download-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 680px;
}

.downloads-page .download-header .gallery-kicker {
  padding-left: 13px;
  border-left-width: 6px;
  font: 900 clamp(14px, 1.15vw, 17px)/1 Arial, sans-serif;
  letter-spacing: clamp(2.4px, .3vw, 4px);
}

.downloads-page .download-header .download-title {
  margin: 22px 0 20px;
  color: #f0dfbb;
  font: 400 clamp(74px, 7vw, 112px)/.86 "Dixieland Anton", Impact, "Arial Black", sans-serif;
  letter-spacing: -.035em;
  text-shadow: 7px 8px 0 #000;
  transform: rotate(-.6deg);
}

/* Hebt die globalen Homepage-h1-Stickerregeln fuer diese Unterseite auf. */
.downloads-page .download-header .download-title > span {
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
  color: inherit;
  filter: none;
  text-shadow: inherit;
}

.downloads-page .download-header .download-title::after {
  content: "";
  display: block;
  width: clamp(96px, 11vw, 168px);
  height: 8px;
  margin-top: 16px;
  background: #ef5a13;
  box-shadow: 5px 5px 0 #000;
}

.downloads-page .download-header .download-hero-copy > p {
  max-width: 610px;
  margin: 0;
  color: #ddcbaa;
  font: 700 clamp(16px, 1.15vw, 18px)/1.58 Arial, sans-serif;
  text-shadow: 0 2px 4px #000;
}

.downloads-page .download-header .gallery-cta {
  margin-top: 28px;
  padding: 18px 27px 17px;
  font: 400 clamp(21px, 1.7vw, 27px)/1 "Dixieland Anton", Impact, "Arial Black", sans-serif;
  letter-spacing: .01em;
  box-shadow: 7px 8px 0 #000;
}

.downloads-page .download-summary-card {
  width: min(100%, 440px);
  justify-self: end;
  padding: 27px 30px 25px;
  transform: rotate(1.25deg);
}

.downloads-page .download-summary-card > b {
  font: 900 clamp(16px, 1.3vw, 19px)/1 Arial, sans-serif;
  letter-spacing: .01em;
}

.downloads-page .download-summary-card > strong {
  margin: 7px 0 23px;
  font: 400 clamp(38px, 3.2vw, 48px)/.95 "Dixieland Anton", Impact, "Arial Black", sans-serif;
  letter-spacing: -.02em;
}

.downloads-page .download-summary-card dt,
.downloads-page .download-summary-card dd {
  font: 900 13px/1.1 Arial, sans-serif;
  letter-spacing: .015em;
}

@media (max-width: 1050px) {
  .downloads-page .download-header .gallery-hero {
    grid-template-columns: minmax(0, 1fr) minmax(320px, .78fr);
    gap: 32px;
  }

  .downloads-page .download-header .download-title {
    font-size: clamp(68px, 8vw, 88px);
  }
}

@media (max-width: 900px) {
  .downloads-page .download-header {
    min-height: 950px;
    background-position: 64% center;
    background-image:
      linear-gradient(180deg, rgba(3, 3, 2, .96) 0%, rgba(3, 3, 2, .78) 47%, rgba(3, 3, 2, .64) 100%),
      url("assets/downloads/downloads-header-v2.webp");
  }

  .downloads-page .download-header .gallery-hero {
    min-height: 840px;
    grid-template-columns: 1fr;
    gap: 38px;
    padding-top: 54px;
    padding-bottom: 100px;
  }

  .downloads-page .download-summary-card {
    width: min(100%, 520px);
    justify-self: start;
  }
}

@media (max-width: 600px) {
  .downloads-page .download-header {
    min-height: 910px;
  }

  .downloads-page .download-header .gallery-hero {
    min-height: 804px;
    gap: 30px;
    padding-top: 40px;
  }

  .downloads-page .download-header .download-title {
    margin-block: 18px;
    font-size: clamp(52px, 16vw, 68px);
    letter-spacing: -.025em;
    text-shadow: 5px 6px 0 #000;
  }

  .downloads-page .download-header .download-title::after {
    height: 6px;
    margin-top: 12px;
  }

  .downloads-page .download-header .download-hero-copy > p {
    font-size: 15px;
    line-height: 1.52;
  }

  .downloads-page .download-header .gallery-cta {
    width: 100%;
    padding-inline: 16px;
    text-align: center;
    font-size: 21px;
  }

  .downloads-page .download-summary-card {
    padding: 23px 21px 20px;
    transform: rotate(.5deg);
  }

  .downloads-page .download-summary-card > strong {
    font-size: 36px;
  }

  .downloads-page .download-summary-card dt,
  .downloads-page .download-summary-card dd {
    font-size: 12px;
  }
}

/* ==========================================================================
   V12.4.5 — DOWNLOADS: MEHR KONTRAST UND KOMPAKTERE KARTEN
   ========================================================================== */

/* Der neue Header bleibt warm, wirkt aber nicht mehr fast weiss. */
.downloads-page .download-header .download-title {
  color: #c98b43;
}

.downloads-page .download-header .download-hero-copy > p {
  color: #b9a17a;
}

.downloads-page .dlx-nav nav a:not(.active) {
  color: #c3ad84;
}

.downloads-page .dlx-nav nav a:hover,
.downloads-page .dlx-nav nav a:focus-visible {
  color: #ef5a13;
}

/* Die Kategorien bleiben einzeln sichtbar, ohne dunkle Sammelflaeche. */
.downloads-page .download-categories {
  gap: 12px;
  margin: 0 0 42px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.downloads-page .download-category-card {
  min-height: 122px;
  border: 2px solid #765035;
  background-color: #15110e;
  box-shadow: inset 0 0 0 1px rgba(234, 215, 175, .09);
}

.downloads-page .download-category-card > span {
  padding: 15px;
}

.downloads-page .download-category-card strong {
  color: #f0dcb2;
  font-size: 22px;
  text-shadow: 2px 2px 0 #000;
}

.downloads-page .download-category-card b {
  color: #d0b88d;
}

.downloads-page .download-category-card:hover,
.downloads-page .download-category-card.is-active {
  border-color: #ef5a13;
  box-shadow: inset 0 -6px #ef5a13, 0 0 0 1px #090806;
}

/* Vier kompakte Downloads statt drei uebergrosser Karten. */
.downloads-page .download-grid {
  gap: 18px;
}

.downloads-page .download-card {
  border-width: 2px;
  box-shadow: 5px 6px 0 #000;
}

.downloads-page .download-card__media {
  height: 165px;
}

.downloads-page .download-card__body {
  padding: 18px 17px 17px;
}

.downloads-page .download-card__body > small {
  font-size: 9px;
  line-height: 1.3;
  letter-spacing: 1.25px;
}

.downloads-page .download-card__body h2 {
  margin: 10px 0 11px;
  color: #24180f !important;
  -webkit-text-fill-color: #24180f !important;
  font-size: 27px;
  line-height: .94;
  text-shadow: none !important;
  opacity: 1 !important;
}

.downloads-page .download-card__body > p {
  margin-bottom: 15px;
  color: #443322 !important;
  font-size: 13px;
  line-height: 1.48;
  opacity: 1 !important;
}

.downloads-page .download-card__meta {
  gap: 5px;
}

.downloads-page .download-card__meta span {
  padding: 5px 6px;
  border-color: #4b3927;
  background: rgba(116, 78, 40, .08);
  color: #2c1e14 !important;
  -webkit-text-fill-color: #2c1e14 !important;
  font-size: 9px;
  opacity: 1 !important;
}

.downloads-page .download-card__body > strong {
  margin-top: 15px;
  font-size: 17px;
}

@media (min-width: 1251px) {
  .downloads-page .download-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 901px) and (max-width: 1250px) {
  .downloads-page .download-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 681px) and (max-width: 900px) {
  .downloads-page .download-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .downloads-page .download-categories {
    padding: 0;
  }

  .downloads-page .download-card__media {
    height: 205px;
  }
}

/* ==========================================================================
   V12.4.7 — DOWNLOAD-DETAIL: LESBARE BESCHREIBUNG UND BILDERGALERIE
   ========================================================================== */

.download-description-section {
  min-width: 0;
}

.download-copy-panel {
  position: relative;
  overflow: hidden;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid #604126;
  border-left: 6px solid #ef5a13;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .025), transparent 38%),
    rgba(17, 13, 10, .96);
  box-shadow: 8px 9px 0 rgba(0, 0, 0, .72);
}

.download-copy-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  background: repeating-linear-gradient(-8deg, transparent 0 18px, rgba(239, 90, 19, .08) 19px 20px);
}

.download-copy {
  position: relative;
  z-index: 1;
  color: #ead7af;
  font-size: 16px;
  line-height: 1.78;
  text-shadow: 0 1px 1px #000;
}

.download-copy.is-collapsible {
  overflow: hidden;
  max-height: 22em;
  transition: max-height .46s cubic-bezier(.2, .75, .25, 1);
}

.download-copy.is-expanded {
  max-height: var(--download-copy-height, 1200px);
}

.download-copy.is-collapsed::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  height: 90px;
  pointer-events: none;
  background: linear-gradient(transparent, #110d0a 88%);
}

.download-readmore {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  margin-top: 22px;
  padding: 11px 18px;
  border: 2px solid #ef5a13;
  background: #ef5a13;
  color: #090806;
  font: 900 18px/1 "Dixieland Anton", Impact, sans-serif;
  box-shadow: 5px 5px 0 #000;
  cursor: pointer;
}

.download-readmore:hover,
.download-readmore:focus-visible {
  background: #ff7a2b;
  outline: 2px solid #ead7af;
  outline-offset: 3px;
}

.download-readmore b {
  font: 900 18px/1 Arial, sans-serif;
}

.download-gallery-shell {
  position: relative;
}

.download-detail__image-button {
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #15110e;
  cursor: zoom-in;
}

.download-detail__image::after {
  pointer-events: none;
}

.download-detail__image-button img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease, filter .3s ease;
}

.download-detail__image-button:hover img,
.download-detail__image-button:focus-visible img {
  transform: scale(1.025);
  filter: brightness(1.05);
}

.download-detail__image-button:focus-visible {
  outline: 4px solid #ef5a13;
  outline-offset: -4px;
}

.download-image-zoom {
  position: absolute;
  z-index: 3;
  right: 17px;
  bottom: 17px;
  padding: 8px 10px;
  background: rgba(9, 8, 6, .86);
  color: #ead7af;
  font: 900 9px/1 Arial, sans-serif;
  letter-spacing: 1px;
  pointer-events: none;
}

.download-gallery-thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
  margin: 18px 0 0;
  padding: 14px;
  border: 1px solid #56331d;
  background: rgba(12, 9, 7, .94);
  box-shadow: 7px 8px 0 #000;
}

.download-gallery-thumbs.is-single {
  display: none;
}

.download-gallery-thumb {
  position: relative;
  height: 92px;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 2px solid #5f442f;
  background: #0b0907;
  cursor: zoom-in;
}

.download-gallery-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 0 #ef5a13;
  transition: box-shadow .18s ease;
}

.download-gallery-thumb:hover,
.download-gallery-thumb:focus-visible,
.download-gallery-thumb.is-active {
  border-color: #ef5a13;
  outline: 0;
}

.download-gallery-thumb.is-active::after {
  box-shadow: inset 0 -5px #ef5a13;
}

.download-gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.download-gallery-thumb span {
  position: absolute;
  z-index: 2;
  right: 6px;
  bottom: 6px;
  padding: 4px 6px;
  background: #090806;
  color: #ef5a13;
  font: 900 9px/1 Arial, sans-serif;
}

body.download-gallery-open {
  overflow: hidden;
}

.download-gallery-lightbox {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: clamp(18px, 4vw, 55px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}

.download-gallery-lightbox[hidden] {
  display: none;
}

.download-gallery-lightbox.is-open {
  opacity: 1;
  pointer-events: auto;
}

.download-gallery-lightbox__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(3, 2, 2, .94);
  cursor: zoom-out;
}

.download-gallery-lightbox__window {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr) 62px;
  align-items: center;
  width: min(1380px, 100%);
  max-height: 90vh;
  padding: 18px;
  border: 3px solid #ead7af;
  background: #0c0907;
  box-shadow: 16px 18px 0 rgba(0, 0, 0, .65);
}

.download-gallery-lightbox figure {
  min-width: 0;
  margin: 0;
  text-align: center;
}

.download-gallery-lightbox figure img {
  display: block;
  width: 100%;
  max-height: calc(90vh - 115px);
  object-fit: contain;
  background: #050403;
}

.download-gallery-lightbox figcaption {
  padding: 11px 10px 0;
  color: #c8b797;
  font: 800 11px/1.35 Arial, sans-serif;
  letter-spacing: .5px;
}

.download-gallery-lightbox__close,
.download-gallery-lightbox__nav {
  border: 0;
  background: #ef5a13;
  color: #090806;
  font-family: Arial, sans-serif;
  font-weight: 900;
  cursor: pointer;
}

.download-gallery-lightbox__close {
  position: absolute;
  z-index: 3;
  top: -18px;
  right: -18px;
  width: 48px;
  height: 48px;
  font-size: 31px;
  line-height: 1;
  box-shadow: 5px 5px 0 #000;
}

.download-gallery-lightbox__nav {
  display: grid;
  place-items: center;
  width: 48px;
  height: 66px;
  justify-self: center;
  font-size: 46px;
  line-height: 1;
}

.download-gallery-lightbox.is-single .download-gallery-lightbox__nav {
  visibility: hidden;
}

.download-gallery-lightbox__close:hover,
.download-gallery-lightbox__close:focus-visible,
.download-gallery-lightbox__nav:hover,
.download-gallery-lightbox__nav:focus-visible {
  background: #ff873e;
  outline: 2px solid #ead7af;
  outline-offset: 2px;
}

@media (max-width: 680px) {
  .download-detail__image-button {
    min-height: 280px;
  }

  .download-image-zoom {
    right: 10px;
    bottom: 10px;
  }

  .download-gallery-thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 9px;
  }

  .download-gallery-thumb {
    height: 72px;
  }

  .download-copy-panel {
    padding: 20px 17px;
    border-left-width: 4px;
    box-shadow: 5px 6px 0 rgba(0, 0, 0, .72);
  }

  .download-copy {
    font-size: 15px;
    line-height: 1.7;
  }

  .download-copy.is-collapsible {
    max-height: 19em;
  }

  .download-gallery-lightbox {
    padding: 12px;
  }

  .download-gallery-lightbox__window {
    grid-template-columns: 42px minmax(0, 1fr) 42px;
    padding: 9px;
    border-width: 2px;
  }

  .download-gallery-lightbox__nav {
    width: 34px;
    height: 52px;
    font-size: 35px;
  }

  .download-gallery-lightbox__close {
    top: -8px;
    right: -8px;
    width: 42px;
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .download-copy.is-collapsible,
  .download-gallery-lightbox,
  .download-detail__image-button img {
    transition: none;
  }
}

/* ==========================================================================
   V12.4.9 — DOWNLOADS: ORIGINALRAHMEN DER STARTSEITE
   Script-Markt = heller Abrissrahmen, Live Community = orange Grunge.
   Overflow und background-clip halten Bilder und Flaechen sicher innerhalb.
   ========================================================================== */

.downloads-page .download-summary-card,
.downloads-page .download-search,
.downloads-page .download-category-card,
.downloads-page .download-card,
.downloads-page .download-empty,
.download-detail-page .download-detail__hero,
.download-detail-page .download-gallery-thumbs,
.download-detail-page .download-gallery-thumb,
.download-detail-page .download-copy-panel,
.download-detail-page .download-paper,
.download-detail-page .download-requirements,
.download-detail-page .download-changelog > div:last-child,
.download-detail-page .download-related__grid a {
  --download-frame-width: 10px;
  position: relative;
  box-sizing: border-box;
  isolation: isolate;
  overflow: hidden;
  border: var(--download-frame-width) solid transparent !important;
  border-image-slice:53 !important;
  border-image-width: var(--download-frame-width) !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  background-clip: padding-box !important;
}

/*
 * Heller, abgerissener Rahmen wie beim SCRIPT MARKT.
 * Helle Papierflaechen erhalten immer denselben Abschluss. Bei den
 * Kategorien bleibt nur "Alle Downloads" als dunkle Hauptauswahl orange.
 */
.downloads-page .download-summary-card,
.downloads-page .download-category-card:not(.download-category-card--all),
.downloads-page .download-card,
.download-detail-page .download-paper,
.download-detail-page .download-related__grid a {
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
}

/*
 * Orangefarbener Grunge-Rahmen wie bei 02 — LIVE COMMUNITY.
 * Er sitzt nur noch auf dunklen Werkstattflaechen und der Hauptkategorie.
 */
.downloads-page .download-search,
.downloads-page .download-category-card--all,
.downloads-page .download-empty,
.download-detail-page .download-detail__hero,
.download-detail-page .download-gallery-thumbs,
.download-detail-page .download-gallery-thumb,
.download-detail-page .download-copy-panel,
.download-detail-page .download-requirements,
.download-detail-page .download-changelog > div:last-child {
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213") !important;
}

/* Die kleinen Galerie-Vorschauen bekommen denselben Abschluss, nur schmaler. */
.download-detail-page .download-gallery-thumb {
  --download-frame-width: 6px;
}

/* Alte Zusatzlinien entfernen, damit wirklich nur der Bildrahmen sichtbar ist. */
.download-detail-page .download-paper {
  outline: 0;
}

/* Der aktive Zustand sitzt innen und kann den Rahmen nicht ueberdecken. */
.downloads-page .download-category-card:hover,
.downloads-page .download-category-card.is-active,
.download-detail-page .download-gallery-thumb:hover,
.download-detail-page .download-gallery-thumb:focus-visible,
.download-detail-page .download-gallery-thumb.is-active {
  outline: 0;
}

@media (max-width: 680px) {
  .downloads-page .download-summary-card,
  .downloads-page .download-search,
  .downloads-page .download-category-card,
  .downloads-page .download-card,
  .downloads-page .download-empty,
  .download-detail-page .download-detail__hero,
  .download-detail-page .download-gallery-thumbs,
  .download-detail-page .download-copy-panel,
  .download-detail-page .download-paper,
  .download-detail-page .download-requirements,
  .download-detail-page .download-changelog > div:last-child,
  .download-detail-page .download-related__grid a {
    --download-frame-width: 8px;
  }

  .download-detail-page .download-gallery-thumb {
    --download-frame-width: 5px;
  }
}

/* ==========================================================================
   V12.4.13 — DOWNLOAD-HEADER: DOPPELTEN RAHMEN ENTFERNT
   Die Statistikbox besitzt durch den Grunge-Bildrahmen bereits einen sauberen
   Abschluss. Die alte Galerie-Outline erzeugte dahinter einen zweiten Rahmen.
   ========================================================================== */

.downloads-page .download-summary-card {
  outline: 0;
}

/* ==========================================================================
   V12.4.15 — DOWNLOAD-HEADER: SCHATTENRAHMEN ENTFERNT
   Der alte Schatten der Galerie-Karte lag rechts und unten hinter dem hellen
   Abrissrahmen und wirkte dadurch wie ein zweiter Rahmen.
   ========================================================================== */

.downloads-page .download-summary-card {
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.downloads-page .download-summary-card::before,
.downloads-page .download-summary-card::after {
  box-shadow: none !important;
}

/* ==========================================================================
   V12.4.14 — DOWNLOAD-RAHMEN NACH HINTERGRUNDFARBE
   Helle Karten nutzen den SCRIPT-MARKT-Rahmen, dunkle Flaechen den orange-
   farbenen LIVE-COMMUNITY-Rahmen. Nur "Alle Downloads" bleibt orange.
   ========================================================================== */

/* ==========================================================================
   V12.4.12 — DOWNLOADS: FREE, PAID ODER BEIDE VERSIONEN
   Bei FREE & PAID stehen die optimierten WebP-Siegel platzsparend
   untereinander. Alle Positionen bleiben innerhalb der Karteninnenkante.
   ========================================================================== */

.downloads-page .download-card__media > span.download-access-stack,
.download-detail-page .download-detail__image > span.download-detail__access {
  position: absolute;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
  pointer-events: none;
}

.downloads-page .download-card__media > span.download-access-stack {
  top: 10px;
  right: auto;
  bottom: auto;
  left: 10px;
}

.downloads-page .download-access-stack > img {
  display: block;
  width: auto;
  height: 76px;
  object-fit: contain;
  filter: drop-shadow(2px 3px 0 rgba(0, 0, 0, .65));
  transform: none;
}

.downloads-page .download-access-stack--both > img {
  height: 68px;
}

.downloads-page .download-card:hover .download-access-stack > img {
  filter: drop-shadow(2px 3px 0 rgba(0, 0, 0, .65));
  transform: none;
}

.download-detail-page .download-detail__image > span.download-detail__access {
  top: 18px;
  right: 18px;
  bottom: auto;
  left: auto;
}

.download-detail-page .download-detail__access > img {
  display: block;
  width: auto;
  height: 116px;
  object-fit: contain;
  filter: drop-shadow(3px 4px 0 rgba(0, 0, 0, .7));
}

  .download-detail-page .download-detail__access--both > img {
  height: 96px;
}

.download-detail-page .download-primary--paid {
  background: #e85b15;
  color: #090806;
  box-shadow: 6px 6px 0 #000, inset 0 0 0 2px rgba(255, 219, 150, .38);
}

.download-detail-page .download-detail__actions--both .download-primary--free {
  background: #ead7af;
  color: #090806;
  box-shadow: 6px 6px 0 #000, inset 0 0 0 2px rgba(91, 57, 31, .3);
}

@media (max-width: 680px) {
  .downloads-page .download-access-stack > img {
    height: 68px;
  }

  .downloads-page .download-access-stack--both > img {
    height: 58px;
  }

  .download-detail-page .download-detail__image > span.download-detail__access {
    top: 11px;
    right: 11px;
  }

  .download-detail-page .download-detail__access > img {
    height: 88px;
  }

.download-detail-page .download-detail__access--both > img {
    height: 74px;
  }
}

/* ==========================================================================
   V12.4.25 — EIN GEMEINSAMER HEADER-SCHRIFTSTIL FUER ALLE UNTERSEITEN

   NUR DIESEN BLOCK BEARBEITEN:
   Er steuert Klamottenshop, Downloads, Projektuebersicht und Projektseiten.
   Die Startseite verwendet die Klasse .dlx-header-title nicht und bleibt
   deshalb von allen Aenderungen in diesem Block unberuehrt.
   ========================================================================== */

.dlx .dlx-header-title {
  --dlx-header-cream: #ead9b8;
  --dlx-header-orange: #ef5a13;
  --dlx-header-shadow: #000;

  display: block;
  width: auto;
  max-width: 780px;
  margin: 29px 0 25px;
  padding: 0;
  color: var(--dlx-header-cream);
  background: transparent;
  font: 900 clamp(70px, 8vw, 126px)/.78 "Dixieland Anton", Impact, sans-serif;
  font-style: normal;
  letter-spacing: -3px;
  text-shadow: 8px 9px 0 var(--dlx-header-shadow);
  filter: none;
  transform: rotate(-1deg);
}

.dlx .dlx-header-title > span,
.dlx .dlx-header-title > em {
  position: static;
  display: block;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 6px 18px;
  color: var(--dlx-header-cream);
  background: var(--dlx-header-background);
  font: inherit;
  font-style: normal;
  line-height: inherit;
  letter-spacing: inherit;
  text-shadow: inherit;
  filter: drop-shadow(-3px -3px var(--dlx-header-cream))
    drop-shadow(3px 3px var(--dlx-header-cream))
    drop-shadow(9px 11px var(--dlx-header-shadow));
  transform: none;
  white-space: nowrap;
}

.dlx .dlx-header-title > span {
  color: var(--dlx-header-cream);
  -webkit-text-fill-color: var(--dlx-header-cream);
}

.dlx .dlx-header-title > em {
  margin-left: 8px;
  color: var(--dlx-header-orange);
  -webkit-text-fill-color: var(--dlx-header-orange);
}

.dlx .dlx-header-title::before,
.dlx .dlx-header-title::after,
.dlx .dlx-header-title > span::before,
.dlx .dlx-header-title > span::after,
.dlx .dlx-header-title > em::before,
.dlx .dlx-header-title > em::after {
  content: none;
  display: none;
}

@media (max-width: 680px) {
  .dlx .dlx-header-title {
    font-size: clamp(52px, 18vw, 64px);
    letter-spacing: -1px;
  }

  .dlx .dlx-header-title > span,
  .dlx .dlx-header-title > em {
    padding: 4px 10px;
    filter: drop-shadow(-2px -2px var(--dlx-header-cream))
      drop-shadow(2px 2px var(--dlx-header-cream))
      drop-shadow(5px 6px var(--dlx-header-shadow));
  }
}

@media (max-width: 380px) {
  .dlx .dlx-header-title {
    font-size: 48px;
  }
}

/* ==========================================================================
   V12.4.27 — EIN GEMEINSAMER DIXIELAND-BUTTONSTIL FUER DIE GESAMTE WEBSITE

   NUR DIESEN BLOCK BEARBEITEN:
   Das Bild, die Textfarbe, der Schatten und der Hover-Effekt aller sichtbaren
   Aktionsbuttons werden hier gemeinsam gesteuert. Navigation, Bildkarten,
   Galerie-Vorschaubilder und Lightbox-Bedienelemente bleiben bewusst getrennt.
   ========================================================================== */

:root {
  --dlx-button-image: url("assets/bg-buttons-dixieland.png?v=12.4.213");
  --dlx-button-text: #f7e9c9;
  --dlx-button-text-shadow: 2px 2px 0 #000;
  --dlx-button-focus: #f1dfba;
  --dlx-button-shadow: rgba(0, 0, 0, .82);
}

body .dlx :is(
  .dlx-project__button,
  .dx2-button,
  .sticker-button,
  .gallery-cta,
  .download-primary,
  .download-secondary,
  .download-readmore
),
body .dlx .gallery-discord a,
body .dlx .download-search button,
body .dlx .project-empty a,
body .dlx .sub-content a.back,
body .dlx .dx2-news-card__copy > a,
body.shop-page :is(
  .shop-hero__button,
  .shop-heading > a,
  .shop-notice a,
  .shop-filters button,
  .shop-product__buy,
  .shop-all-products a
) {
  border: 0 !important;
  outline: 0;
  background: transparent var(--dlx-button-image) center / 100% 100% no-repeat !important;
  box-shadow: none !important;
  color: var(--dlx-button-text) !important;
  -webkit-text-fill-color: var(--dlx-button-text) !important;
  text-shadow: var(--dlx-button-text-shadow) !important;
  filter: drop-shadow(4px 5px 1px var(--dlx-button-shadow));
  isolation: isolate;
}

body .dlx :is(
  .dx2-button,
  .gallery-cta,
  .download-primary,
  .download-secondary,
  .download-readmore
) img,
body.shop-page .shop-product__buy img {
  filter: brightness(0) !important;
}

body .dlx :is(
  .dlx-project__button,
  .dx2-button,
  .sticker-button,
  .gallery-cta,
  .download-primary,
  .download-secondary,
  .download-readmore
):hover,
body .dlx .gallery-discord a:hover,
body .dlx .download-search button:hover,
body .dlx .project-empty a:hover,
body .dlx .sub-content a.back:hover,
body .dlx .dx2-news-card__copy > a:hover,
body.shop-page :is(
  .shop-hero__button,
  .shop-heading > a,
  .shop-notice a,
  .shop-filters button,
  .shop-product__buy,
  .shop-all-products a
):hover {
  background: transparent var(--dlx-button-image) center / 100% 100% no-repeat !important;
  color: var(--dlx-button-text) !important;
  -webkit-text-fill-color: var(--dlx-button-text) !important;
  filter: brightness(1.09) drop-shadow(6px 7px 2px var(--dlx-button-shadow));
}

body .dlx :is(
  .dx2-button,
  .sticker-button,
  .gallery-cta,
  .download-primary,
  .download-secondary,
  .download-readmore
):focus-visible,
body .dlx .gallery-discord a:focus-visible,
body .dlx .download-search button:focus-visible,
body .dlx .project-empty a:focus-visible,
body .dlx .sub-content a.back:focus-visible,
body .dlx .dx2-news-card__copy > a:focus-visible,
body.shop-page :is(
  .shop-hero__button,
  .shop-heading > a,
  .shop-notice a,
  .shop-filters button,
  .shop-product__buy,
  .shop-all-products a
):focus-visible {
  outline: 3px solid var(--dlx-button-focus) !important;
  outline-offset: 4px;
}

/* Der sehr kleine Serverkarten-Button benoetigt etwas engere Proportionen. */
body .dlx .dlx-server-panel .dlx-project__button {
  padding-inline: 10px;
  background-image: var(--dlx-button-image) !important;
  color: var(--dlx-button-text) !important;
  -webkit-text-fill-color: var(--dlx-button-text) !important;
  font-weight: 900;
}

@media (max-width: 680px) {
  body .dlx :is(
    .dx2-button,
    .sticker-button,
    .gallery-cta,
    .download-primary,
    .download-secondary,
    .download-readmore
  ),
  body .dlx .gallery-discord a,
  body .dlx .download-search button,
  body .dlx .project-empty a,
  body .dlx .sub-content a.back,
  body .dlx .dx2-news-card__copy > a,
  body.shop-page :is(
    .shop-hero__button,
    .shop-heading > a,
    .shop-notice a,
    .shop-filters button,
    .shop-product__buy,
    .shop-all-products a
  ) {
    background-size: 100% 100% !important;
    filter: drop-shadow(3px 4px 1px var(--dlx-button-shadow));
  }
}

/* ========================================================================== 
   V12.4.32 — BG_H_1 VOLLSTAENDIG ENTFERNT

   assets/bg_h_1.png wird auf keiner Seite mehr als Hintergrund verwendet.
   Der gemeinsame Seitenbereich verwendet ausschliesslich die dunkle
   Grundfarbe. Die Performance-Korrekturen aus V12.4.31 bleiben erhalten.
   ========================================================================== */

.dlx {
  background: #090806 !important;
  background-image: none !important;
}

/* Die Navigation behaelt beim Scrollen ihre Geometrie. Nur Farbe, Rand und
   Schatten wechseln noch; dadurch gibt es keine Layout-Neuberechnung mehr. */
@media (min-width: 901px) {
  .dlx-nav,
  .dlx-nav.is-scrolled {
    height: 92px;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease !important;
  }

  .dlx-nav .dlx-logo,
  .dlx-nav.is-scrolled .dlx-logo {
    width: min(330px, 24vw);
    height: 90px;
  }

  .dlx-nav nav,
  .dlx-nav.is-scrolled nav {
    gap: clamp(12px, 1.65vw, 25px);
    font-size: clamp(15px, 1.25vw, 18px);
  }

  .project-detail-page .dlx-nav nav,
  .project-detail-page .dlx-nav.is-scrolled nav {
    gap: clamp(8px, 1vw, 14px);
    font-size: clamp(13px, 1.05vw, 15px);
  }

  .dlx-nav .dlx-logo,
  .dlx-nav .dlx-logo > img,
  .dlx-nav nav,
  .dlx-nav nav a {
    transition: color .15s ease !important;
  }
}

/* Untere Bereiche werden erst kurz vor dem sichtbaren Bereich gezeichnet. */
@supports (content-visibility: auto) {
  .dx2-community,
  .dx2-section,
  .dx2-discord,
  .project-overview,
  .workshop-story,
  .quad-gallery,
  .build-updates,
  .download-changelog,
  .download-related,
  .shop-designs,
  .shop-products,
  .shop-promise,
  .dlx > footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 760px;
  }

  .dx2-section--news,
  .quad-gallery,
  .shop-products {
    contain-intrinsic-size: auto 1100px;
  }
}

/* Farbfilter auf grossen, vorbeiscrollenden Bildern werden durch die bereits
   vorhandene Bildbearbeitung ersetzt. Hover-Zoom bleibt erhalten. */
.dlx :is(
  .download-card__media img,
  .download-detail__image img,
  .download-related__grid img,
  .project-card__media img,
  .photo-card img,
  .dx2-market__media img,
  .dx2-news-card__media,
  .dx2-gallery img,
  .news-detail__image
),
.shop-page :is(
  .shop-design img,
  .shop-product img
) {
  filter: none !important;
}

.download-card__media img,
.project-card__media img,
.photo-card img,
.dx2-market__media img,
.dx2-gallery img {
  transition-property: transform !important;
  transition-duration: .2s !important;
}

/* Der transparente Grunge-Button bleibt unveraendert, wird aber nicht mehr
   bei jedem Scrollbild durch einen vollflaechigen CSS-Filter geschickt. */
body .dlx :is(
  .dlx-project__button,
  .dx2-button,
  .sticker-button,
  .gallery-cta,
  .download-primary,
  .download-secondary,
  .download-readmore
),
body .dlx .gallery-discord a,
body .dlx .download-search button,
body .dlx .project-empty a,
body .dlx .sub-content a.back,
body .dlx .dx2-news-card__copy > a,
body.shop-page :is(
  .shop-hero__button,
  .shop-heading > a,
  .shop-notice a,
  .shop-filters button,
  .shop-product__buy,
  .shop-all-products a
) {
  filter: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .dlx *,
  .shop-page * {
    scroll-behavior: auto !important;
  }

  .download-card__media img,
  .project-card__media img,
  .photo-card img,
  .dx2-market__media img,
  .dx2-gallery img {
    transition: none !important;
  }
}

/* ==========================================================================
   V12.4.35 — DOWNLOAD-DETAIL: ORANGE/CREME-RAHMEN WIEDERHERGESTELLT

   Nur die einzelne Downloadseite erhaelt wieder die fruehere wechselnde
   Rahmenoptik. Die Downloaduebersicht und alle anderen Seiten bleiben
   unveraendert.
   ========================================================================== */

/* Heller Abrissrahmen: Galerieleiste, Beschreibung und Changelog. */
.download-detail-page .download-gallery-thumbs,
.download-detail-page .download-copy-panel,
.download-detail-page .download-changelog > div:last-child,
.download-detail-page .download-gallery-thumb:nth-child(even),
.download-detail-page .download-related__grid a:nth-child(odd) {
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
}

/* Orange Grunge: Hauptkarte, Versionskarte, Voraussetzungen und Gegenstuecke. */
.download-detail-page .download-detail__hero,
.download-detail-page .download-paper,
.download-detail-page .download-requirements,
.download-detail-page .download-gallery-thumb:nth-child(odd),
.download-detail-page .download-related__grid a:nth-child(even) {
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213") !important;
}

/* ==========================================================================
   V12.4.36 — DOWNLOAD-DETAIL: FESTE RAHMENFARBEN

   Die vier vom Nutzer festgelegten Bereiche erhalten eindeutige Farben.
   Diese Abschlussregeln stehen bewusst hinter V12.4.35, damit keine alte
   Wechselregel die Zuordnung erneut ueberschreibt.
   ========================================================================== */

/* Grosses Bild samt Download-/Info-Links: Creme. */
.download-detail-page .download-detail__hero {
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
}

/* Gesamte Vorschaubildleiste und jedes einzelne Vorschaubild: Orange. */
.download-detail-page .download-gallery-thumbs,
.download-detail-page .download-gallery-thumb,
.download-detail-page .download-gallery-thumb:nth-child(odd),
.download-detail-page .download-gallery-thumb:nth-child(even) {
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213") !important;
}

/* Versionskarte: Creme. */
.download-detail-page .download-paper {
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
}

/* V12.4.61 — Voraussetzungen: orangefarbener Dixieland-Grunge-Rahmen. */
.download-detail-page .download-requirements {
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213") !important;
}

/* ==========================================================================
   V12.4.45 — DIXIELAND-SEITENHINTERGRUND IN EXAKTER PANEL-FARBWELT

   Der Hintergrund uebernimmt warmes Schwarz, Rostorange und schmutziges
   Pergament-Creme aus der Kleidungspanel-Textur. Die Mitte bleibt ruhig;
   kleine Druck-/Matschspritzer sitzen hauptsaechlich aussen. Er scrollt normal
   mit der Seite und besitzt dunkle Sicherheitskanten gegen helle Randstreifen.
   ========================================================================== */

.dlx {
  min-height: 100vh;
  background-color: #0e0e0d !important;
  background-image: url("assets/dixieland-homepage-background-v12.webp") !important;
  background-position: center top !important;
  background-repeat: repeat-y !important;
  /* Leichter Ueberstand verhindert sichtbare Bildkanten beim Browser-Skalieren. */
  background-size: calc(100% + 8px) auto !important;
  background-attachment: scroll !important;
}

html,
body {
  background-color: #0e0e0d !important;
}

/* Auf schmalen Displays bleibt das Seitenverhaeltnis erhalten. Die leicht
   nach links versetzte Position zeigt nur einen kleinen Teil der feinen
   Randspuren, waehrend die Inhaltsmitte ruhig und dunkel bleibt. */
@media (max-width: 700px) {
  .dlx {
    background-position: 18% top !important;
    background-size: auto 760px !important;
  }
}

/* ==========================================================================
   V12.4.51 — DISCORD-COMMUNITY-SHOWCASE
   Der Hintergrund liegt direkt auf der Sektion. Dadurch kann ein fehlendes
   Bild keinen grauen Browser-Rahmen eines defekten <img>-Elements erzeugen.
   ========================================================================== */

.dx2-discord.dx2-discord-showcase {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 40%) minmax(310px, 25%) minmax(0, 35%);
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 100%;
  aspect-ratio: 3.96 / 1;
  min-height: 310px;
  margin-top: 20px;
  padding: 54px 4.2% 34px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: #090806;
  background-image: url("assets/dx2/discord-community-background-v5.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #090806;
  filter: drop-shadow(7px 9px 5px rgba(0, 0, 0, .78));
  isolation: isolate;
}

.dx2-discord-showcase__character {
  position: absolute;
  z-index: 2;
  right: 3.2%;
  bottom: -4%;
  display: block;
  width: auto;
  height: 108%;
  max-width: 34%;
  object-fit: contain;
  object-position: right bottom;
  filter: drop-shadow(7px 8px 2px rgba(0, 0, 0, .72));
  pointer-events: none;
  user-select: none;
}

.dx2-discord-showcase__kicker {
  position: absolute;
  z-index: 3;
  top: 19px;
  left: 50%;
  width: max-content;
  max-width: 60%;
  margin: 0;
  transform: translateX(-50%) rotate(-.35deg);
  color: #090806;
  font: 400 clamp(20px, 2vw, 29px)/1 "Dixieland Anton", Impact, sans-serif;
  letter-spacing: -.25px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(238, 211, 169, .35);
  white-space: nowrap;
}

.dx2-discord-showcase__kicker b,
.dx2-discord-showcase__kicker span {
  color: #d44d10;
}

.dx2-discord-showcase__copy {
  position: relative;
  z-index: 2;
  grid-column: 1;
  align-self: center;
  padding-right: 22px;
}

.dx2-discord.dx2-discord-showcase h2 {
  margin: 0;
  color: #090806;
  font-size: clamp(34px, 3.15vw, 50px);
  font-weight: 400;
  line-height: .94;
  letter-spacing: -1px;
  text-shadow: 1px 1px 0 rgba(239, 216, 177, .5);
}

.dx2-discord-showcase__action {
  position: relative;
  z-index: 4;
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-self: center;
  width: 100%;
  padding-top: 16px;
}

.dx2-discord-showcase__badge {
  display: grid;
  place-items: center;
  width: 78px;
  height: 78px;
  margin: 0 0 -7px;
  border: 8px solid #090806;
  border-radius: 50%;
  background: #3b332a;
  box-shadow: 4px 5px 0 rgba(0, 0, 0, .42);
  transform: rotate(-2deg);
}

.dx2-discord-showcase__badge img {
  width: 42px;
  height: 42px;
}

body .dlx .dx2-discord-showcase .dx2-button--discord {
  width: min(100%, 360px);
  min-width: 0;
  min-height: 62px;
  padding: 12px 24px 10px;
  color: #090806 !important;
  -webkit-text-fill-color: #090806 !important;
  font-size: clamp(19px, 1.9vw, 27px);
  line-height: 1;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(244, 199, 147, .5) !important;
  filter: drop-shadow(5px 6px 1px rgba(0, 0, 0, .72));
  transform: rotate(-1deg);
}

body .dlx .dx2-discord-showcase .dx2-button--discord:hover,
body .dlx .dx2-discord-showcase .dx2-button--discord:focus-visible {
  color: #090806 !important;
  -webkit-text-fill-color: #090806 !important;
  filter: brightness(1.08) drop-shadow(7px 8px 1px rgba(0, 0, 0, .72));
  transform: translateY(-3px) rotate(-1deg);
}

.dx2-discord-showcase__members {
  display: grid;
  place-items: center;
  width: min(84%, 300px);
  min-height: 35px;
  margin-top: -3px;
  border: 2px solid #d75719;
  background: #090806;
  color: #dfb579;
  font: 400 clamp(13px, 1.4vw, 19px)/1 "Dixieland Anton", Impact, sans-serif;
  letter-spacing: 1.2px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 4px 5px 0 rgba(0, 0, 0, .38);
  transform: rotate(.5deg);
}

@media (max-width: 1050px) {
  .dx2-discord.dx2-discord-showcase {
    display: flex;
    align-items: center;
    flex-direction: column;
    aspect-ratio: auto;
    min-height: 650px;
    padding: 278px 24px 34px;
    background-color: #d9bd91;
    background-position: 58% top;
    background-size: auto 258px;
  }

  .dx2-discord-showcase__character {
    top: 14px;
    right: 2%;
    bottom: auto;
    width: auto;
    height: 250px;
    max-width: 54%;
    object-position: right bottom;
  }

  .dx2-discord.dx2-discord-showcase::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 248px 0 0;
    background:
      radial-gradient(circle at 15% 18%, rgba(166, 83, 31, .12), transparent 32%),
      linear-gradient(#d9bd91, #caa879);
    pointer-events: none;
  }

  .dx2-discord-showcase__kicker {
    top: 18px;
    left: 22px;
    z-index: 3;
    width: 46%;
    max-width: 360px;
    transform: rotate(-.35deg);
    color: #ead9b8;
    font-size: clamp(18px, 4.4vw, 25px);
    line-height: 1.05;
    text-align: left;
    text-shadow: 2px 2px 0 #090806;
    white-space: normal;
  }

  .dx2-discord-showcase__copy,
  .dx2-discord-showcase__action {
    z-index: 2;
    width: min(100%, 560px);
    padding: 0;
    text-align: center;
  }

  .dx2-discord.dx2-discord-showcase h2 {
    font-size: clamp(35px, 8.6vw, 49px);
  }

  .dx2-discord-showcase__action {
    margin-top: 18px;
  }

  .dx2-discord-showcase__badge {
    width: 68px;
    height: 68px;
    border-width: 7px;
  }

  .dx2-discord-showcase__badge img {
    width: 36px;
    height: 36px;
  }

  body .dlx .dx2-discord-showcase .dx2-button--discord {
    width: min(100%, 390px);
    min-height: 60px;
    font-size: clamp(20px, 5.6vw, 27px);
  }
}

@media (max-width: 520px) {
  .dx2-discord.dx2-discord-showcase {
    min-height: 610px;
    padding: 256px 16px 28px;
  }

  .dx2-discord-showcase__character {
    top: 17px;
    right: -8px;
    height: 220px;
    max-width: 56%;
  }

  .dx2-discord-showcase__kicker {
    left: 16px;
    width: 45%;
    font-size: clamp(17px, 4.6vw, 21px);
  }

  .dx2-discord.dx2-discord-showcase::after {
    inset: 228px 0 0;
  }

  .dx2-discord.dx2-discord-showcase {
    background-size: auto 238px;
  }

  .dx2-discord.dx2-discord-showcase h2 {
    font-size: clamp(32px, 9vw, 42px);
  }

  .dx2-discord-showcase__members {
    width: min(90%, 300px);
  }
}

/* V12.4.52 — geschützter Discord-Support */
.support-page{min-height:100vh;background:#0e0e0d url("assets/dixieland-homepage-background-v12.webp") top center/cover fixed;color:#eadfc8}
.support-page .dlx{min-height:100vh;overflow:visible}
.support-header{position:relative;min-height:430px;background:radial-gradient(circle at 75% 35%,rgba(199,96,37,.2),transparent 30%),linear-gradient(180deg,rgba(5,5,4,.25),rgba(8,7,6,.96));border-bottom:2px solid #6d391f;overflow:hidden}
.support-header:after{content:"";position:absolute;inset:auto 0 0;height:74px;background:linear-gradient(176deg,transparent 48%,#0e0e0d 50%);pointer-events:none}
.support-header .dlx-nav{position:relative;z-index:3}
.support-header .dlx-nav nav a.active{color:#ef5a13}
.support-hero{position:relative;z-index:2;padding-top:84px;padding-bottom:92px}
.support-hero>span,.support-card>span,.support-lock>span{display:block;color:#c76025;font:900 12px/1 Arial,sans-serif;letter-spacing:3px}
.support-hero h1{max-width:940px;margin:18px 0 20px;color:#d5af86;font:clamp(58px,8vw,118px)/.86 "Dixieland Anton",Impact,sans-serif;letter-spacing:-2px;text-shadow:6px 7px 0 #000}
.support-hero p{max-width:760px;margin:0;color:#c6b292;font:700 17px/1.65 Arial,sans-serif}
.support-shell{position:relative;z-index:2;padding-block:35px 95px}
.support-flash{margin:0 0 22px;padding:15px 18px;border:1px solid;font:800 14px/1.45 Arial,sans-serif}
.support-flash--success{border-color:#4e8d54;background:rgba(65,116,70,.17);color:#b9efbd}
.support-flash--error{border-color:#a74b3e;background:rgba(167,75,62,.16);color:#ffc2ba}
.support-flash--info{border-color:#9e4d22;background:rgba(158,77,34,.14);color:#f0c49c}
.support-lock{width:min(860px,100%);margin:34px auto;padding:clamp(35px,6vw,76px);background:linear-gradient(145deg,rgba(27,20,15,.98),rgba(10,9,7,.98));border:2px solid #644126;box-shadow:12px 14px 0 #050403;text-align:center}
.support-lock>img{display:block;width:86px;height:66px;margin:0 auto 20px;filter:sepia(1) saturate(2.2) hue-rotate(340deg)}
.support-lock h2{margin:16px 0;color:#d5af86;font:clamp(42px,6vw,72px)/.92 "Dixieland Anton",Impact,sans-serif}
.support-lock p{max-width:670px;margin:0 auto 28px;color:#b8a687;font:700 15px/1.65 Arial,sans-serif}
.support-lock>small{display:block;margin-top:22px;color:#9f9076}
.support-lock>small a{color:#d8783b;text-decoration:underline}
.support-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:14px 27px;border:2px solid #d67b40;background:#c76025;color:#100a06!important;font:900 24px/1 "Dixieland Anton",Impact,sans-serif;letter-spacing:.4px;box-shadow:7px 7px 0 #000;cursor:pointer;transition:.16s ease}
.support-button:hover,.support-button:focus-visible{transform:translate(-2px,-2px);background:#dc7434;box-shadow:9px 9px 0 #000;outline:0}
.support-button img{width:30px;height:25px;filter:brightness(.12)}
.support-memberbar{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:15px 18px;border:1px solid #5a3a25;background:rgba(17,13,10,.96);box-shadow:7px 8px 0 #050403}
.support-memberbar>img,.support-avatar-placeholder{width:54px;height:54px;border:2px solid #c76025;object-fit:cover;background:#21150f}
.support-avatar-placeholder{display:grid;place-items:center;font:30px/1 "Dixieland Anton",Impact,sans-serif}
.support-memberbar div{min-width:0}
.support-memberbar small{display:block;color:#a77c5d;font:900 10px/1 Arial,sans-serif;letter-spacing:1.7px}
.support-memberbar strong{display:block;margin-top:6px;color:#ead9b8;font:25px/1 "Dixieland Anton",Impact,sans-serif}
.support-memberbar form{margin-left:auto}
.support-memberbar button{border:1px solid #65432d;background:#17110d;color:#c9b99d;padding:10px 14px;font:900 11px Arial,sans-serif;cursor:pointer}
.support-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px;align-items:start}
.support-card,.support-conversation{background:linear-gradient(145deg,rgba(30,22,17,.98),rgba(12,10,8,.98));border:1px solid #5d3d28;box-shadow:10px 12px 0 #050403}
.support-card{padding:clamp(24px,4vw,42px)}
.support-card h2{margin:10px 0 25px;color:#d5af86;font:clamp(38px,5vw,60px)/.94 "Dixieland Anton",Impact,sans-serif}
.support-card form,.support-reply{display:grid;gap:10px}
.support-card label,.support-reply label{margin-top:9px;color:#c8b492;font:900 11px/1 Arial,sans-serif;letter-spacing:1.2px}
.support-card input,.support-card textarea,.support-card select,.support-reply textarea{width:100%;border:1px solid #5a3c29;background:#0d0b09;color:#f5ead5;padding:13px 14px;font:700 15px/1.5 Arial,sans-serif;outline:0}
.support-card textarea,.support-reply textarea{min-height:170px;resize:vertical}
.support-card input:focus,.support-card textarea:focus,.support-card select:focus,.support-reply textarea:focus{border-color:#c76025;box-shadow:0 0 0 3px rgba(199,96,37,.13)}
.support-card form .support-button,.support-reply .support-button{margin-top:16px;border:0}
.support-empty{padding:60px 20px;border:1px dashed #513822;background:#0e0c0a;text-align:center}
.support-empty strong{display:block;color:#d5af86;font:31px/1 "Dixieland Anton",Impact,sans-serif}
.support-empty p{color:#9f9076}
.support-ticket-list{display:grid;gap:10px}
.support-ticket-list>a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px;border:1px solid #473322;background:#100d0a;transition:.15s ease}
.support-ticket-list>a:hover{border-color:#c76025;transform:translateX(3px)}
.support-ticket-list small,.support-ticket-list time{display:block;color:#9c8067;font:900 10px/1.3 Arial,sans-serif;letter-spacing:.6px}
.support-ticket-list strong{display:block;margin:7px 0;color:#ead9b8;font:22px/1.05 "Dixieland Anton",Impact,sans-serif}
.support-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:7px 10px;border:1px solid;font:900 10px/1 Arial,sans-serif;letter-spacing:.6px}
.support-status--open{border-color:#d16c2d;background:rgba(209,108,45,.14);color:#ffad70}
.support-status--in_progress{border-color:#8a8053;background:rgba(138,128,83,.14);color:#ded39b}
.support-status--resolved{border-color:#4f8a58;background:rgba(79,138,88,.14);color:#abe2b2}
.support-status--closed{border-color:#625950;background:rgba(98,89,80,.14);color:#b7aca1}
.support-ticket-head{display:grid;grid-template-columns:150px 1fr auto;gap:25px;align-items:center;padding:25px 28px;border-bottom:1px solid #4f3725}
.support-ticket-head>a{color:#d17740;font:900 12px Arial,sans-serif}
.support-ticket-head span,.support-ticket-head small{display:block;color:#a27f62;font:900 10px/1.3 Arial,sans-serif;letter-spacing:1px}
.support-ticket-head h2{margin:7px 0;color:#d5af86;font:clamp(31px,4vw,48px)/.95 "Dixieland Anton",Impact,sans-serif}
.support-messages{display:grid;gap:16px;padding:28px;background:rgba(5,4,3,.34)}
.support-message{width:100%;max-width:82%;border:1px solid #503723;background:#17110d}
.support-message--member{justify-self:end;border-color:#754227;background:#21150f}
.support-message header{display:flex;align-items:center;gap:10px;padding:10px 13px;border-bottom:1px solid rgba(213,175,134,.13)}
.support-message header strong{color:#ead9b8}
.support-message header span{color:#c76025;font:900 9px Arial,sans-serif;letter-spacing:1px}
.support-message header time{margin-left:auto;color:#8e806d;font:700 10px Arial,sans-serif}
.support-message p{margin:0;padding:15px 16px;color:#d4c5aa;font:700 14px/1.65 Arial,sans-serif}
.support-reply{padding:26px 28px;border-top:1px solid #4f3725}
.support-closed{margin:25px 28px;padding:18px;border-left:4px solid #6f6257;background:#15110e;color:#ada18f;font-weight:800}
.support-footer{background:#080705;border-top:1px solid #4b3020;color:#aa9b84}
.support-footer>div{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:120px}
.support-footer strong{color:#d5af86;font:25px/1 "Dixieland Anton",Impact,sans-serif}
.support-footer nav{display:flex;flex-wrap:wrap;gap:18px}.support-footer a{color:#c5b79f;font-weight:800}.support-footer>small{display:block;padding:14px;border-top:1px solid #2c2119;text-align:center}
@media(max-width:900px){.support-grid{grid-template-columns:1fr}.support-ticket-head{grid-template-columns:1fr}.support-ticket-head>a{order:3}.support-ticket-head .support-status{justify-self:start}.support-message{max-width:94%}}
@media(max-width:680px){.support-header{min-height:410px}.support-hero{padding-top:58px}.support-hero h1{font-size:54px}.support-shell{padding-inline:12px}.support-memberbar{align-items:flex-start;flex-wrap:wrap}.support-memberbar form{width:100%;margin-left:70px}.support-grid{gap:18px}.support-card{padding:23px 17px}.support-ticket-list>a{align-items:flex-start;flex-direction:column}.support-ticket-head,.support-messages,.support-reply{padding:20px 16px}.support-message{max-width:100%}.support-message header{align-items:flex-start;flex-wrap:wrap}.support-message header time{width:100%;margin:0}.support-footer>div{align-items:flex-start;flex-direction:column;padding-block:35px}.support-footer nav{flex-direction:column}}

/* ==========================================================================
   V12.4.59 — DOWNLOAD-DETAIL OHNE SCROLLBAREN INFOBEREICH

   Grossbild links, genau eine senkrechte und eigenstaendig scrollbarere
   Vorschaubildspalte in der Mitte sowie die Downloaddaten rechts. Ein Klick
   tauscht das Grossbild direkt aus; die Lightbox wird nicht mehr verwendet.
   ========================================================================== */

.download-detail-page .download-gallery-shell {
  --download-showcase-height: clamp(540px, 43vw, 640px);
  position: relative;
  display: block;
}

.download-detail-page .download-detail__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.17fr) 126px minmax(380px, .94fr);
  width: 100%;
  height: var(--download-showcase-height);
  min-height: 0;
  overflow: visible;
  background: #0f0c0a;
}

.download-detail-page .download-detail__image {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: visible;
  background: #080705;
}

.download-detail-page .download-detail__image::after {
  display: none;
}

.download-detail-page .download-detail__stage {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #080705;
}

.download-detail-page .download-detail__stage > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center;
  opacity: 1;
  transform: scale(1);
  transition: opacity .18s ease, transform .22s ease;
}

.download-detail-page .download-detail__stage.is-changing > img {
  opacity: .35;
  transform: scale(.992);
}

.download-detail-page .download-detail__image > span.download-detail__access {
  top: 18px !important;
  right: auto !important;
  bottom: auto !important;
  left: -58px !important;
  z-index: 7;
  gap: 4px;
}

.download-detail-page .download-detail__access > img {
  width: auto;
  height: 92px;
}

.download-detail-page .download-detail__access--both > img {
  height: 78px;
}

.download-detail-page .download-gallery-thumbs,
.download-detail-page .download-gallery-thumbs.is-single {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 9px 8px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: #ef5a13 #17110d;
  scrollbar-width: thin;
  border: 0 !important;
  border-image: none !important;
  background: #0b0907;
  box-shadow: inset 1px 0 #3d2a1e, inset -1px 0 #3d2a1e;
  scroll-snap-type: y proximity;
}

.download-detail-page .download-gallery-thumbs::-webkit-scrollbar {
  width: 8px;
}

.download-detail-page .download-gallery-thumbs::-webkit-scrollbar-track {
  background: #17110d;
}

.download-detail-page .download-gallery-thumbs::-webkit-scrollbar-thumb {
  border: 2px solid #17110d;
  background: #ef5a13;
}

.download-detail-page .download-gallery-thumb,
.download-detail-page .download-gallery-thumb:nth-child(odd),
.download-detail-page .download-gallery-thumb:nth-child(even) {
  position: relative;
  flex: 0 0 84px;
  width: 100%;
  height: 84px;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  scroll-snap-align: start;
  border: 3px solid #713719 !important;
  border-image: none !important;
  background: #080705;
  box-shadow: none;
  cursor: pointer;
}

.download-detail-page .download-gallery-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 0 #ef5a13;
  transition: box-shadow .16s ease;
}

.download-detail-page .download-gallery-thumb:hover,
.download-detail-page .download-gallery-thumb:focus-visible,
.download-detail-page .download-gallery-thumb.is-active,
.download-detail-page .download-gallery-thumb[aria-current="true"] {
  border-color: #ef5a13 !important;
  outline: 0;
}

.download-detail-page .download-gallery-thumb:focus-visible {
  box-shadow: 0 0 0 2px #ead7af;
}

.download-detail-page .download-gallery-thumb.is-active::after,
.download-detail-page .download-gallery-thumb[aria-current="true"]::after {
  box-shadow: inset 0 -5px #ef5a13, inset 0 0 0 2px rgba(239, 90, 19, .45);
}

.download-detail-page .download-gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.download-detail-page .download-gallery-thumb span {
  right: 4px;
  bottom: 4px;
  padding: 4px 5px;
  color: #ff6a1d;
  font-size: 9px;
}

.download-detail-page .download-detail__intro {
  position: relative;
  min-width: 0;
  height: 100%;
  padding: clamp(22px, 2.4vw, 36px);
  justify-content: flex-start;
  overflow: hidden;
  background: #0f0c0a;
}

.download-detail-page .download-detail__intro > small {
  padding-right: 108px;
}

.download-detail-page .download-detail__featured {
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 13px;
  background: #ef5a13;
  color: #090806;
  font: 900 11px/1 Arial, sans-serif;
  letter-spacing: .3px;
}

.download-detail-page .download-detail__intro h1 {
  margin: 10px 0 14px;
  font-size: clamp(44px, 4.25vw, 68px);
  line-height: .84;
}

.download-detail-page .download-detail__intro > p {
  font-size: 15px;
  line-height: 1.5;
}

.download-detail-page .download-detail__intro dl {
  flex-shrink: 0;
  margin-top: 16px;
}

.download-detail-page .download-detail__intro dl div {
  padding: 10px 12px;
}

.download-detail-page .download-detail__actions {
  flex-shrink: 0;
  gap: 8px;
  margin-top: 15px;
}

.download-detail-page .download-primary,
.download-detail-page .download-secondary {
  min-height: 48px;
  padding-block: 10px;
  font-size: 20px;
}

@media (min-width: 1181px) {
  .download-detail-page .download-detail__intro > p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .download-detail-page .download-detail__intro.is-compact {
    padding: 20px 24px;
  }

  .download-detail-page .download-detail__intro.is-compact h1 {
    margin: 8px 0 11px;
    font-size: clamp(42px, 3.6vw, 54px);
  }

  .download-detail-page .download-detail__intro.is-compact > p {
    font-size: 14px;
    line-height: 1.42;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }

  .download-detail-page .download-detail__intro.is-compact dl {
    margin-top: 12px;
  }

  .download-detail-page .download-detail__intro.is-compact dl div {
    padding-block: 9px;
  }

  .download-detail-page .download-detail__intro.is-compact .download-detail__actions {
    margin-top: 12px;
  }

  .download-detail-page .download-detail__intro.is-tight {
    padding: 17px 22px;
  }

  .download-detail-page .download-detail__intro.is-tight h1 {
    margin: 7px 0 9px;
    font-size: 42px;
    line-height: .82;
  }

  .download-detail-page .download-detail__intro.is-tight > p {
    font-size: 13px;
    line-height: 1.35;
  }

  .download-detail-page .download-detail__intro.is-tight dl {
    margin-top: 10px;
  }

  .download-detail-page .download-detail__intro.is-tight dl div {
    padding-block: 7px;
  }

  .download-detail-page .download-detail__intro.is-tight .download-detail__actions {
    gap: 6px;
    margin-top: 10px;
  }

  .download-detail-page .download-detail__intro.is-tight .download-primary,
  .download-detail-page .download-detail__intro.is-tight .download-secondary {
    min-height: 44px;
    padding-block: 8px;
    font-size: 18px;
  }
}

.download-gallery-status {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 1180px) {
  .download-detail-page .download-gallery-shell {
    --download-showcase-height: clamp(430px, 58vw, 560px);
  }

  .download-detail-page .download-detail__hero {
    grid-template-columns: minmax(0, 1fr) 116px;
    grid-template-rows: var(--download-showcase-height) auto;
    height: auto;
  }

  .download-detail-page .download-detail__intro {
    grid-column: 1 / -1;
    height: auto;
    overflow: visible;
  }

  .download-detail-page .download-detail__image > span.download-detail__access {
    left: 12px !important;
  }
}

@media (max-width: 760px) {
  .download-detail-page .download-gallery-shell {
    --download-showcase-height: clamp(300px, 76vw, 470px);
  }

  .download-detail-page .download-detail__hero {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--download-showcase-height) 104px auto;
    overflow: hidden;
  }

  .download-detail-page .download-gallery-thumbs,
  .download-detail-page .download-gallery-thumbs.is-single {
    flex-direction: row;
    gap: 8px;
    height: 104px;
    padding: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: inset 0 1px #3d2a1e, inset 0 -1px #3d2a1e;
    scroll-snap-type: x proximity;
  }

  .download-detail-page .download-gallery-thumbs::-webkit-scrollbar {
    width: auto;
    height: 7px;
  }

  .download-detail-page .download-gallery-thumb,
  .download-detail-page .download-gallery-thumb:nth-child(odd),
  .download-detail-page .download-gallery-thumb:nth-child(even) {
    flex: 0 0 126px;
    width: 126px;
    height: 84px;
  }

  .download-detail-page .download-detail__intro {
    grid-column: 1;
    padding: 29px 21px;
  }

  .download-detail-page .download-detail__intro > small {
    display: block;
    padding: 42px 0 0;
  }

  .download-detail-page .download-detail__featured {
    top: 22px;
    right: auto;
    left: 21px;
  }

  .download-detail-page .download-detail__intro h1 {
    font-size: clamp(46px, 15vw, 64px);
  }

  .download-detail-page .download-detail__image > span.download-detail__access {
    top: 10px !important;
    left: 9px !important;
  }

  .download-detail-page .download-detail__access > img {
    height: 72px;
  }

  .download-detail-page .download-detail__access--both > img {
    height: 61px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .download-detail-page .download-detail__stage > img {
    transition: none;
  }
}

/* ==========================================================================
   V12.4.60 — LIGHTBOX NUR UEBER DAS AKTUELLE GROSSBILD

   Vorschaubilder wechseln weiterhin ausschliesslich das Bild in der grossen
   Box. Erst ein Klick auf diese grosse Box oeffnet das aktuell aktive Bild.
   ========================================================================== */

.download-detail-page button.download-detail__stage {
  display: block;
  appearance: none;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: inherit;
  cursor: zoom-in;
}

.download-detail-page button.download-detail__stage:focus-visible {
  outline: 4px solid #ef5a13;
  outline-offset: -4px;
}

.download-detail-page button.download-detail__stage:hover > img,
.download-detail-page button.download-detail__stage:focus-visible > img {
  filter: brightness(1.045);
  transform: scale(1.012);
}

.download-detail-page button.download-detail__stage.is-changing > img {
  opacity: .35;
  transform: scale(.992);
}

@media (prefers-reduced-motion: reduce) {
  .download-detail-page button.download-detail__stage > img {
    transition: none;
  }
}

/* ==========================================================================
   V12.4.62 — DOWNLOAD-GUARD / ANTI-BOT-SPAM-SCHUTZ
   ========================================================================== */
html.download-guard-open,
html.download-guard-open body {
  overflow: hidden;
}

.download-guard-modal {
  position: fixed;
  inset: 0;
  z-index: 16000;
  display: grid;
  place-items: center;
  padding: 22px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .18s ease, visibility .18s ease;
}

.download-guard-modal[hidden] {
  display: none !important;
}

.download-guard-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.download-guard-modal__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: rgba(0, 0, 0, .86);
  backdrop-filter: blur(7px);
  cursor: default;
}

.download-guard-modal__dialog {
  position: relative;
  z-index: 2;
  width: min(590px, 100%);
  box-sizing: border-box;
  padding: 34px 34px 30px;
  color: #f0e6d3;
  background:
    linear-gradient(145deg, rgba(239, 90, 19, .08), transparent 38%),
    #0b0a08;
  border: 10px solid transparent;
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213");
  border-image-slice: 34 fill;
  border-image-width: 10px;
  border-image-repeat: stretch;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .72), inset 0 0 50px rgba(0, 0, 0, .4);
  transform: translateY(12px) scale(.985);
  transition: transform .18s ease;
}

.download-guard-modal.is-open .download-guard-modal__dialog {
  transform: translateY(0) scale(1);
}

.download-guard-modal__dialog > small {
  display: inline-block;
  margin-bottom: 8px;
  color: #ef5a13;
  font: 900 12px/1.2 Arial, sans-serif;
  letter-spacing: .16em;
}

.download-guard-modal__dialog h2 {
  margin: 0;
  color: #f3e7ce;
  font: 1000 clamp(30px, 6vw, 48px)/.92 Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: .025em;
  text-transform: uppercase;
  text-shadow: 2px 3px 0 #351608, 0 0 20px rgba(239, 90, 19, .16);
}

.download-guard-modal__dialog > p {
  margin: 16px 0 24px;
  color: #bfae91;
  font: 700 14px/1.65 Arial, sans-serif;
}

.download-guard-modal__close {
  position: absolute;
  top: 13px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 1px solid rgba(239, 90, 19, .62);
  background: #130d09;
  color: #ef5a13;
  font: 900 27px/1 Arial, sans-serif;
  cursor: pointer;
}

.download-guard-form {
  display: grid;
  gap: 15px;
}

.download-guard-challenge {
  display: grid;
  grid-template-columns: 1fr 180px;
  gap: 7px 16px;
  align-items: end;
  padding: 18px;
  border: 1px solid rgba(239, 90, 19, .36);
  background: rgba(255, 255, 255, .025);
}

.download-guard-challenge > span,
.download-guard-challenge > label {
  color: #8d7c63;
  font: 900 10px/1.2 Arial, sans-serif;
  letter-spacing: .13em;
}

.download-guard-challenge > strong {
  grid-row: 2 / 4;
  align-self: center;
  color: #ef5a13;
  font: 1000 34px/1 Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  letter-spacing: .04em;
}

.download-guard-challenge > label {
  grid-column: 2;
}

.download-guard-challenge input[type="number"] {
  grid-column: 2;
  width: 100%;
  box-sizing: border-box;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid #5a341f;
  outline: 0;
  background: #080705;
  color: #f5ead7;
  font: 900 18px/1 Arial, sans-serif;
}

.download-guard-challenge input[type="number"]:focus {
  border-color: #ef5a13;
  box-shadow: 0 0 0 2px rgba(239, 90, 19, .13);
}

.download-guard-turnstile {
  display: flex;
  justify-content: center;
  min-height: 70px;
  padding: 13px;
  border: 1px solid rgba(239, 90, 19, .3);
  background: rgba(255, 255, 255, .02);
}

.download-guard-submit {
  min-height: 54px;
  padding: 13px 22px;
  border: 1px solid #ff7535;
  background: linear-gradient(180deg, #ef651f, #c6430b);
  color: #100b07;
  font: 1000 14px/1 Arial, sans-serif;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .22);
}

.download-guard-submit:hover,
.download-guard-submit:focus-visible {
  filter: brightness(1.08);
}

.download-guard-submit:disabled {
  cursor: wait;
  opacity: .58;
}

.download-guard-status {
  margin: 0 !important;
  padding: 11px 13px;
  border-left: 3px solid #8d7c63;
  background: rgba(255, 255, 255, .035);
  color: #d7c9b0 !important;
  font: 800 12px/1.5 Arial, sans-serif !important;
}

.download-guard-status[data-type="error"] {
  border-left-color: #d74430;
  color: #ffb0a4 !important;
}

.download-guard-status[data-type="success"] {
  border-left-color: #ef5a13;
  color: #f5d3bc !important;
}

.download-guard-note {
  display: flex;
  gap: 10px;
  align-items: baseline;
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px solid rgba(239, 90, 19, .2);
}

.download-guard-note b {
  flex: 0 0 auto;
  color: #ef5a13;
  font: 900 10px/1.2 Arial, sans-serif;
  letter-spacing: .1em;
}

.download-guard-note span {
  color: #776c5b;
  font: 700 11px/1.45 Arial, sans-serif;
}

.download-guard-honeypot {
  position: fixed !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 640px) {
  .download-guard-modal {
    padding: 12px;
  }

  .download-guard-modal__dialog {
    padding: 29px 20px 23px;
    border-width: 8px;
    border-image-width: 8px;
  }

  .download-guard-challenge {
    grid-template-columns: 1fr;
  }

  .download-guard-challenge > strong,
  .download-guard-challenge > label,
  .download-guard-challenge input[type="number"] {
    grid-column: 1;
    grid-row: auto;
  }

  .download-guard-note {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}

/* ========================================================================== 
   V12.4.70 — DIXIELAND STREAMING HUB
   TWITCH · YOUTUBE · KICK
   ========================================================================== */

/* Acht Navigationseinträge sauber im vorhandenen Desktop-Header halten. */
@media (min-width:1181px){
  .dlx-nav nav,.dlx-nav.is-scrolled nav{gap:clamp(12px,1.2vw,20px);font-size:clamp(14px,1vw,17px)}
  .project-detail-page .dlx-nav nav,.project-detail-page .dlx-nav.is-scrolled nav{gap:10px;font-size:14px}
}

.streaming-page{background:#0b0907;color:#eadfc8}
.streaming-header{
  min-height:720px;
  background:
    linear-gradient(180deg,rgba(5,4,3,.70) 0%,rgba(5,4,3,.18) 22%,rgba(5,4,3,.10) 54%,rgba(5,4,3,.66) 100%),
    linear-gradient(90deg,rgba(5,4,3,.80) 0%,rgba(5,4,3,.50) 28%,rgba(5,4,3,.14) 56%,rgba(5,4,3,.24) 78%,rgba(5,4,3,.52) 100%),
    url("assets/streaming-header-bg.webp") center 52%/cover no-repeat;
  background-color:#090705;
}
.streaming-hero{grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);gap:70px;min-height:570px;padding-bottom:90px}
.streaming-hero__copy{min-width:0}
.streaming-hero__copy p{max-width:720px}
.streaming-hero__actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.streaming-ghost-link{display:inline-flex;align-items:center;justify-content:center;margin-top:18px;min-height:58px;padding:15px 23px;border:2px solid #6a4328;color:#ead7af!important;font:900 21px/1 "Dixieland Anton",Impact,sans-serif;letter-spacing:.4px;background:rgba(12,9,7,.68);box-shadow:5px 5px 0 #000}
.streaming-ghost-link:hover{border-color:#ef5a13;color:#fff!important}

.streaming-signal-card{position:relative;padding:16px;background:rgba(19,16,13,.90);border:2px solid #634027;box-shadow:13px 15px 0 #000;transform:rotate(1deg);backdrop-filter:none;-webkit-backdrop-filter:none}
.streaming-signal-card:before{content:"";position:absolute;inset:-9px;border:2px solid rgba(234,215,175,.6);pointer-events:none;transform:rotate(-.6deg)}
.streaming-signal-card__screen{position:relative;display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:4px solid #080705;background:radial-gradient(circle at 50% 45%,rgba(239,90,19,.24),transparent 36%),linear-gradient(155deg,#17110d,#070605 70%);text-align:center}
.streaming-signal-card__screen:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.58));pointer-events:none}
.streaming-signal-card__scan{position:absolute;z-index:1;left:0;right:0;top:-20%;height:18%;background:linear-gradient(180deg,transparent,rgba(239,90,19,.12),transparent);animation:streamingScan 5s linear infinite;pointer-events:none}
@keyframes streamingScan{to{transform:translateY(720%)}}
.streaming-signal-card__screen small,.streaming-signal-card__screen strong,.streaming-signal-card__screen p{position:relative;z-index:2}
.streaming-signal-card__screen small{color:#b39d7f;font:900 11px/1 Arial,sans-serif;letter-spacing:3px}
.streaming-signal-card__screen strong{display:flex;align-items:center;gap:11px;margin:16px 0 5px;color:#ef5a13;font:900 clamp(54px,5vw,78px)/.85 "Dixieland Anton",Impact,sans-serif;text-shadow:5px 5px 0 #000}
.streaming-signal-card__screen strong i,.streaming-live-count i,.stream-card__live i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#ff4b28;box-shadow:0 0 0 5px rgba(255,75,40,.14),0 0 18px rgba(255,75,40,.75);animation:streamingPulse 1.3s ease-in-out infinite}
.streaming-signal-card__screen strong.is-offline{color:#776b5c}
.streaming-signal-card__screen p{margin:6px 0 0;color:#e6d8c0;font:900 12px/1 Arial,sans-serif;letter-spacing:1.7px}
@keyframes streamingPulse{50%{opacity:.42;transform:scale(.82)}}
.streaming-signal-card dl{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0 0;border-top:1px solid #45301f}
.streaming-signal-card dl div{padding:14px 10px 4px;text-align:center;border-right:1px solid #38271c}
.streaming-signal-card dl div:last-child{border-right:0}
.streaming-signal-card dt,.streaming-signal-card dd{margin:0}
.streaming-signal-card dt{color:#887a67;font:900 9px/1 Arial,sans-serif;letter-spacing:1.1px}
.streaming-signal-card dd{margin-top:5px;color:#f2dfbb;font:900 20px/1 "Dixieland Anton",Impact,sans-serif}

.streaming-platform-strip{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-35px;background:#15110e;border:2px solid #5b3a24;box-shadow:9px 10px 0 #000}
.streaming-platform-strip>div{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px;border-right:1px solid #49301f}
.streaming-platform-strip>div:last-child{border-right:0}
.streaming-platform-strip b{color:#f0dfbb;font:900 23px/1 "Dixieland Anton",Impact,sans-serif}
.streaming-platform-strip span{color:#8f7c65;font:900 9px/1.25 Arial,sans-serif;letter-spacing:1.3px;text-align:right}
.streaming-platform-strip__live{background:linear-gradient(120deg,rgba(239,90,19,.13),rgba(239,90,19,.03))}
.streaming-platform-strip__live b{color:#ef5a13;font-size:36px}
.streaming-status-note{margin-top:35px;padding:13px 16px;border-left:3px solid #b78d42;background:#18120d;color:#bfae93;font:700 12px/1.5 Arial,sans-serif}
.streaming-status-note b{color:#e1c47a}

.streaming-live-section{padding-top:95px;padding-bottom:80px}
.streaming-roster-section{padding:75px 0 90px;border-top:1px solid #322218;background:linear-gradient(180deg,rgba(22,16,12,.75),rgba(10,8,7,.25))}
.streaming-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px;padding-bottom:17px;border-bottom:2px solid #3c291d}
.streaming-section-head small{display:block;margin-bottom:10px;color:#ef5a13;font:900 11px/1 Arial,sans-serif;letter-spacing:3px}
.streaming-section-head h2{margin:0;color:#ead7af;font:900 clamp(38px,5vw,66px)/.9 "Dixieland Anton",Impact,sans-serif;letter-spacing:-.5px}
.streaming-section-head>span{color:#8e7a61;font:900 11px/1 Arial,sans-serif;letter-spacing:1.5px;white-space:nowrap}
.streaming-live-count{display:flex!important;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(239,90,19,.42);background:rgba(239,90,19,.08);color:#ffb37d!important}
.streaming-live-count i{width:8px;height:8px}

.streaming-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.stream-card{position:relative;background:#15110e;border:2px solid #583821;box-shadow:9px 10px 0 #000;overflow:hidden}
.stream-card--live{border-color:#ef5a13}
.stream-card--live:before{content:"";position:absolute;z-index:5;inset:7px;pointer-events:none;border:1px solid rgba(239,90,19,.34)}
.stream-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#090705}
.stream-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.78));pointer-events:none}
.stream-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.stream-card:hover .stream-card__media img{transform:scale(1.018)}
.stream-card__live{position:absolute;z-index:3;left:17px;top:17px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:#ef5a13;color:#090806;font:900 12px/1 Arial,sans-serif;letter-spacing:1px;box-shadow:4px 4px 0 #000}
.stream-card__live i{width:7px;height:7px;background:#090806;box-shadow:none}
.stream-card__viewers{position:absolute;z-index:3;right:17px;top:17px;padding:9px 11px;background:rgba(7,6,5,.88);border:1px solid rgba(234,215,175,.28);color:#ead7af;font:900 10px/1 Arial,sans-serif;letter-spacing:.7px}
.stream-card__play{position:absolute;z-index:3;left:50%;top:50%;display:grid;width:72px;height:72px;place-items:center;border:2px solid #ef5a13;border-radius:50%;background:rgba(5,4,3,.78);color:#ef5a13;font-size:24px;transform:translate(-50%,-50%);transition:.22s}
.stream-card:hover .stream-card__play{background:#ef5a13;color:#080705;transform:translate(-50%,-50%) scale(1.07)}
.stream-card__body{position:relative;padding:25px 27px 28px}
.stream-card__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8b7964;font:900 9px/1 Arial,sans-serif;letter-spacing:1px}
.stream-platform-badge{display:inline-flex;width:max-content;align-items:center;justify-content:center;padding:7px 9px;border:1px solid currentColor;font:900 9px/1 Arial,sans-serif;letter-spacing:1.2px;background:#0b0907;color:#d8cbb5}
.stream-platform-badge--twitch{color:#b99cff}
.stream-platform-badge--youtube{color:#ff7b68}
.stream-platform-badge--kick{color:#a9ff5d}
.stream-card__body h3{margin:18px 0 5px;color:#f3e4c7;font:900 clamp(31px,3vw,43px)/.9 "Dixieland Anton",Impact,sans-serif}
.stream-card__body h4{margin:10px 0 0;color:#d8c8ad;font:900 16px/1.35 Arial,sans-serif}
.stream-card__category{margin:10px 0 0;color:#9d896d;font:800 11px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px}
.stream-card__button{display:inline-block;margin-top:22px;padding:13px 17px;background:#ef5a13;color:#080705!important;font:900 18px/1 "Dixieland Anton",Impact,sans-serif;box-shadow:5px 5px 0 #000}

.streaming-roster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.streamer-tile{display:flex;min-width:0;flex-direction:column;background:#15110e;border:1px solid #49301f;box-shadow:6px 7px 0 #000;transition:transform .2s,border-color .2s}
.streamer-tile:hover{transform:translateY(-3px);border-color:#7a4d2d}
.streamer-tile__media{position:relative;display:block;aspect-ratio:16/9;background:#090705;overflow:hidden}
.streamer-tile__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78));pointer-events:none}
.streamer-tile__media img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .2s ease,opacity .2s ease}
.streamer-tile:hover .streamer-tile__media img{opacity:1;transform:scale(1.015)}
.streamer-tile__media .stream-platform-badge{position:absolute;z-index:2;left:13px;bottom:13px}
.streamer-tile__body{display:flex;min-height:190px;flex:1;flex-direction:column;padding:20px}
.streamer-tile__body>div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.streamer-tile__body h3{margin:0;color:#ead7af;font:900 29px/1 "Dixieland Anton",Impact,sans-serif}
.streamer-status{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 7px;border:1px solid #493c31;color:#8d8173;font:900 8px/1 Arial,sans-serif;letter-spacing:.7px}
.streamer-status i{width:6px;height:6px;border-radius:50%;background:#6e655b}
.streamer-status.is-unknown{color:#b89b65;border-color:#5d4d32}.streamer-status.is-unknown i{background:#b99554}
.streamer-tile__body p{margin:16px 0 0;color:#a9977d;font:700 12px/1.55 Arial,sans-serif}
.streamer-tile__body>a{display:inline-block;width:max-content;margin-top:auto;padding-top:18px;color:#ef5a13!important;font:900 16px/1 "Dixieland Anton",Impact,sans-serif}

.streaming-empty{padding:45px 34px;border:2px dashed #59381f;background:#12100d;text-align:center;box-shadow:7px 8px 0 #000}
.streaming-empty>span{color:#ef5a13;font:900 10px/1 Arial,sans-serif;letter-spacing:3px}
.streaming-empty h2,.streaming-empty h3{margin:12px 0 8px;color:#ead7af;font:900 clamp(35px,4vw,56px)/.9 "Dixieland Anton",Impact,sans-serif}
.streaming-empty p{max-width:700px;margin:0 auto;color:#9f8d73;font:700 14px/1.6 Arial,sans-serif}
.streaming-empty--live{background:radial-gradient(circle at 50% 45%,rgba(239,90,19,.05),transparent 40%),#100d0b}
.streaming-discord{margin-top:0}

@media(max-width:1050px){
  .streaming-hero{grid-template-columns:1fr;gap:35px;padding-top:70px}
  .streaming-signal-card{max-width:640px}
  .streaming-platform-strip{grid-template-columns:repeat(2,1fr);margin-top:15px}
  .streaming-platform-strip>div:nth-child(2){border-right:0}.streaming-platform-strip>div:nth-child(-n+2){border-bottom:1px solid #49301f}
  .streaming-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .streaming-live-grid,.streaming-roster-grid{grid-template-columns:1fr}
  .streaming-section-head{align-items:flex-start;flex-direction:column}
  .streaming-section-head>span{white-space:normal}
  .stream-card__body{padding:22px}
}
@media(max-width:540px){
  .streaming-header{min-height:850px}
  .streaming-hero{padding-top:55px;padding-bottom:80px}
  .streaming-hero__actions{align-items:stretch;flex-direction:column;gap:4px}
  .streaming-hero__actions a{width:100%;text-align:center}
  .streaming-signal-card{padding:10px;transform:none}
  .streaming-signal-card:before{display:none}
  .streaming-signal-card__screen{min-height:235px}
  .streaming-platform-strip{grid-template-columns:1fr}
  .streaming-platform-strip>div{border-right:0!important;border-bottom:1px solid #49301f!important}.streaming-platform-strip>div:last-child{border-bottom:0!important}
  .streaming-live-section,.streaming-roster-section{padding-top:58px;padding-bottom:58px}
  .streaming-section-head h2{font-size:43px}
  .stream-card__play{width:58px;height:58px}
  .stream-card__viewers{top:auto;right:12px;bottom:12px}
  .streamer-tile__body>div{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){.streaming-signal-card__scan,.streaming-signal-card__screen strong i,.streaming-live-count i,.stream-card__live i{animation:none}}


/* ==========================================================
   V12.4.71 — STREAMING: TEAM / FRIENDZ + MULTI-PLATTFORM
   ========================================================== */
.streaming-roster-section--team{background:transparent}
.streaming-roster-section--friendz{border-top:0;background:transparent}
.streaming-roster-section--friendz .streaming-section-head small{color:#dca06f}
.stream-group-badge{display:inline-flex;width:max-content;align-items:center;justify-content:center;padding:7px 9px;border:1px solid #795033;background:#0b0907;color:#f1d8ac;font:900 9px/1 Arial,sans-serif;letter-spacing:1.2px}
.stream-group-badge--team{border-color:#ef5a13;color:#ffb179;background:rgba(239,90,19,.08)}
.stream-group-badge--friendz{border-color:#967551;color:#e6c59f;background:rgba(150,117,81,.10)}
.stream-card__eyebrow-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.stream-channel-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.stream-channel-link{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:7px 10px;border:1px solid #4c392b;background:#0d0a08;color:#aa9a84!important;font:900 9px/1 Arial,sans-serif;letter-spacing:.85px;transition:border-color .18s,color .18s,transform .18s}
.stream-channel-link:hover{transform:translateY(-1px);color:#fff!important}
.stream-channel-link--twitch{border-color:rgba(185,156,255,.38);color:#b99cff!important}
.stream-channel-link--youtube{border-color:rgba(255,123,104,.38);color:#ff8877!important}
.stream-channel-link--kick{border-color:rgba(169,255,93,.34);color:#b9ff7d!important}
.stream-channel-link.is-live{box-shadow:inset 0 0 0 1px currentColor,3px 3px 0 #000;background:#15100c}
.stream-channel-link b{display:inline-flex;align-items:center;gap:5px;color:#ff754e;font-size:8px;letter-spacing:.7px}
.stream-channel-link b i{width:6px;height:6px;border-radius:50%;background:#ff4b28;box-shadow:0 0 10px rgba(255,75,40,.7)}
.streamer-tile__media>.stream-group-badge{position:absolute;z-index:2;left:13px;bottom:13px}
.streamer-tile__body .stream-channel-links{margin-top:auto;padding-top:18px}
.stream-card__body .stream-channel-links+.stream-card__button{margin-top:16px}
.stream-card__live{max-width:calc(100% - 34px);white-space:nowrap}
@media(max-width:680px){.stream-channel-links{gap:6px}.stream-channel-link{flex:1 1 auto;justify-content:center}.stream-card__eyebrow{align-items:flex-start;flex-direction:column}.stream-card__live{font-size:10px}}


/* ==========================================================
   V12.4.73 — STREAMING HEADERBILD
   ========================================================== */
@media(max-width:1050px){
  .streaming-header{background-position:56% 50%}
}
@media(max-width:540px){
  .streaming-header{background-position:51% 50%}
}


/* ==========================================================
   V12.4.74 — STREAMING PERFORMANCE
   Öffentliche Seite rendert sofort; API-Checks laufen asynchron.
   ========================================================== */
.streaming-page .streaming-roster-section,
.streaming-page .streaming-discord{
  content-visibility:auto;
  contain-intrinsic-size:auto 820px;
}
.streaming-page .streaming-signal-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media(max-width:760px){
  .streaming-page .streaming-roster-section,
  .streaming-page .streaming-discord{contain-intrinsic-size:auto 1180px}
}


/* ==========================================================
   V12.4.76 — STREAMING REDESIGN / CREATIVE CLEANUP
   ========================================================== */
.streaming-page{
  background:
    radial-gradient(circle at 82% 6%, rgba(239,90,19,.10), transparent 18%),
    radial-gradient(circle at 8% 22%, rgba(239,90,19,.06), transparent 16%),
    #090705;
}

.streaming-page .streaming-header{
  min-height: 760px;
  background:
    linear-gradient(180deg, rgba(5,4,3,.82) 0%, rgba(5,4,3,.38) 26%, rgba(5,4,3,.28) 54%, rgba(5,4,3,.84) 100%),
    linear-gradient(90deg, rgba(5,4,3,.92) 0%, rgba(5,4,3,.72) 22%, rgba(5,4,3,.12) 52%, rgba(5,4,3,.42) 76%, rgba(5,4,3,.76) 100%),
    url("assets/streaming-header-bg.webp") center 46%/cover no-repeat;
}

.streaming-page .streaming-header::after{
  height: 110px;
  background: linear-gradient(176deg, transparent 48%, #090705 49%);
}

.streaming-page .streaming-hero{
  align-items: end;
  gap: 54px;
  min-height: 590px;
  padding-top: 36px;
  padding-bottom: 72px;
}

.streaming-page .streaming-hero__copy{
  position: relative;
  max-width: 620px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.streaming-page .streaming-hero__copy::before{
  display: none;
}

.streaming-page .streaming-hero__copy .gallery-kicker{
  font-size: 16px;
  letter-spacing: 3px;
  border-left-width: 6px;
  padding-left: 12px;
}

.streaming-page .dlx-header-title{
  max-width: 100%;
  margin: 16px 0 14px;
  font-size: clamp(64px, 7.4vw, 118px);
  line-height: .82;
  letter-spacing: -2px;
  text-shadow: 6px 7px 0 #000;
  transform: none;
}

.streaming-page .dlx-header-title > span,
.streaming-page .dlx-header-title > em{
  width: auto;
  padding: 0;
  background: transparent;
  filter: none;
  white-space: normal;
}

.streaming-page .streaming-hero__copy p{
  max-width: 560px;
  margin: 0;
  color: #ddd0b7;
  font: 700 16px/1.68 Arial, sans-serif;
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
}

.streaming-page .streaming-hero__actions{
  gap: 14px;
}

.streaming-page .gallery-cta,
.streaming-page .streaming-ghost-link{
  min-height: 54px;
  margin-top: 18px;
  padding: 15px 22px;
  transform: none;
  box-shadow: 0 10px 24px rgba(0,0,0,.34);
}

.streaming-page .gallery-cta{
  font-size: 22px;
}

.streaming-page .streaming-ghost-link{
  border-color: #7a5638;
  background: rgba(16,12,10,.84);
  font-size: 19px;
}

.streaming-page .streaming-signal-card{
  position: relative;
  padding: 14px;
  background: linear-gradient(180deg, rgba(17,13,10,.96), rgba(10,8,7,.98));
  border: 1px solid #69442c;
  box-shadow: 0 18px 44px rgba(0,0,0,.42);
  transform: none;
}

.streaming-page .streaming-signal-card::before{
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(239,90,19,.22);
  pointer-events: none;
  transform: none;
}

.streaming-page .streaming-signal-card__screen{
  min-height: 278px;
  border: 1px solid #3e281a;
  background:
    radial-gradient(circle at 50% 34%, rgba(239,90,19,.13), transparent 34%),
    linear-gradient(155deg, #15100d, #090705 72%);
}

.streaming-page .streaming-signal-card__screen::before{
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 4px),
    radial-gradient(circle at 50% 50%, transparent 45%, rgba(0,0,0,.42));
}

.streaming-page .streaming-signal-card__screen strong{
  font-size: clamp(48px, 4.2vw, 72px);
}

.streaming-page .streaming-signal-card dl{
  margin-top: 10px;
}

.streaming-page .streaming-platform-strip{
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: -20px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.streaming-page .streaming-platform-strip > div{
  position: relative;
  min-height: 84px;
  padding: 18px 20px;
  border: 1px solid #483021;
  background: linear-gradient(180deg, rgba(18,14,11,.96), rgba(12,9,7,.98));
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
  border-right: 0;
}

.streaming-page .streaming-platform-strip > div::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, #ef5a13, rgba(239,90,19,.12));
}

.streaming-page .streaming-platform-strip > div:last-child{
  border-right: 0;
}

.streaming-page .streaming-platform-strip__live{
  border-color: #7a4c2d;
  background: linear-gradient(180deg, rgba(34,18,9,.98), rgba(18,11,8,.98));
}

.streaming-page .streaming-platform-strip__live b{
  font-size: 32px;
}

.streaming-page .streaming-live-section,
.streaming-page .streaming-roster-section{
  padding-top: 74px;
  padding-bottom: 74px;
}

.streaming-page .streaming-live-section{
  background: radial-gradient(circle at 50% 0, rgba(239,90,19,.06), transparent 36%);
}

.streaming-page .streaming-roster-section{
  background: transparent;
  border-top: 0;
}

.streaming-page .streaming-section-head{
  align-items: center;
  margin-bottom: 28px;
  padding-bottom: 14px;
  border-bottom: 1px solid #38271c;
}

.streaming-page .streaming-section-head h2{
  font-size: clamp(34px, 4.2vw, 58px);
  letter-spacing: 0;
}

.streaming-page .streaming-live-count{
  border-color: rgba(239,90,19,.26);
  background: rgba(239,90,19,.05);
}

.streaming-page .streaming-live-grid,
.streaming-page .streaming-roster-grid{
  gap: 26px;
}

.streaming-page .stream-card,
.streaming-page .streamer-tile{
  background: linear-gradient(180deg, #15110e, #0e0b09);
  border: 1px solid #4b3120;
  box-shadow: 0 16px 36px rgba(0,0,0,.30);
}

.streaming-page .stream-card--live::before{
  inset: 10px;
  border-color: rgba(239,90,19,.18);
}

.streaming-page .stream-card__body,
.streaming-page .streamer-tile__body{
  position: relative;
}

.streaming-page .stream-card__body::before,
.streaming-page .streamer-tile__body::before{
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(239,90,19,.14), rgba(239,90,19,0));
}

.streaming-page .stream-card__body,
.streaming-page .streamer-tile__body{
  padding-top: 24px;
}

.streaming-page .stream-card__button{
  box-shadow: 0 10px 22px rgba(0,0,0,.30);
}

.streaming-page .streamer-tile:hover{
  transform: translateY(-4px);
  border-color: #6d472d;
}

.streaming-page .streamer-tile__media img{
  opacity: .94;
}

.streaming-page .streamer-status{
  border-color: #584539;
  background: rgba(10,8,7,.75);
}

.streaming-page .streaming-empty{
  max-width: 940px;
  margin: 0 auto;
  padding: 38px 32px;
  border: 1px solid #4b3120;
  background: linear-gradient(180deg, rgba(18,14,11,.98), rgba(12,9,7,.96));
  box-shadow: 0 16px 40px rgba(0,0,0,.30);
}

.streaming-page .streaming-empty--live{
  background:
    radial-gradient(circle at 50% 24%, rgba(239,90,19,.06), transparent 36%),
    linear-gradient(180deg, rgba(18,14,11,.98), rgba(12,9,7,.96));
}

.streaming-page .streaming-discord{
  margin-top: 18px;
}

.streaming-page .streaming-discord > .dlx-wrap{
  min-height: 170px;
}

/* Performance block from V12.4.74 should not hide big sections visually */
.streaming-page .streaming-roster-section,
.streaming-page .streaming-discord{
  content-visibility: visible;
  contain-intrinsic-size: auto none;
}

@media (max-width: 1050px){
  .streaming-page .streaming-hero{
    gap: 32px;
  }

  .streaming-page .streaming-platform-strip{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
  }

  .streaming-page .streaming-platform-strip > div{
    border-right: 0;
  }
}

@media (max-width: 760px){
  .streaming-page .streaming-hero__copy{
    padding: 0;
  }

  .streaming-page .streaming-signal-card{
    padding: 12px;
  }

  .streaming-page .streaming-section-head{
    align-items: flex-start;
  }
}

@media (max-width: 540px){
  .streaming-page .streaming-header{
    min-height: 920px;
    background-position: center 42%;
  }

  .streaming-page .streaming-hero{
    padding-top: 42px;
    padding-bottom: 62px;
  }

  .streaming-page .dlx-header-title{
    font-size: clamp(52px, 17vw, 74px);
    line-height: .86;
  }

  .streaming-page .streaming-platform-strip{
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .streaming-page .streaming-platform-strip > div{
    min-height: 74px;
    padding: 16px 18px;
    border-bottom: 0 !important;
  }

  .streaming-page .streaming-empty{
    padding: 30px 20px;
  }
}


/* ==========================================================
   V12.4.77 — STREAMING FRAMES LIKE DOWNLOADS
   ========================================================== */
.streaming-page .streaming-signal-card,
.streaming-page .streaming-platform-strip,
.streaming-page .streaming-empty,
.streaming-page .streaming-live-grid,
.streaming-page .streaming-roster-grid {
  --streaming-frame-width: 10px;
  position: relative;
  box-sizing: border-box;
  border: var(--streaming-frame-width) solid transparent;
  border-image-slice:53;
  border-image-width: var(--streaming-frame-width);
  border-image-outset: 0;
  border-image-repeat: stretch;
  background-clip: padding-box;
}

.streaming-page .streaming-signal-card,
.streaming-page .streaming-platform-strip,
.streaming-page .streaming-empty,
.streaming-page .streaming-live-grid,
.streaming-page .streaming-roster-grid {
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213");
}

.streaming-page .streaming-signal-card,
.streaming-page .streaming-empty,
.streaming-page .streaming-live-grid,
.streaming-page .streaming-roster-grid {
  background:
    linear-gradient(180deg, rgba(16,12,9,.96), rgba(10,8,7,.98));
}

.streaming-page .streaming-live-grid,
.streaming-page .streaming-roster-grid {
  padding: 18px;
  box-shadow: 0 18px 42px rgba(0,0,0,.26);
}

.streaming-page .streaming-live-grid {
  grid-template-columns: repeat(2, minmax(0,1fr));
}

.streaming-page .streaming-roster-grid {
  grid-template-columns: repeat(3, minmax(0,1fr));
}

.streaming-page .stream-card,
.streaming-page .streamer-tile {
  --streaming-paper-frame-width: 10px;
  box-sizing: border-box;
  overflow: hidden;
  border: var(--streaming-paper-frame-width) solid transparent;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213");
  border-image-slice:53;
  border-image-width: var(--streaming-paper-frame-width);
  border-image-repeat: stretch;
  background: #ead7af;
  color: #0b0a08;
  box-shadow: 7px 8px 0 rgba(0,0,0,.45);
}

.streaming-page .stream-card--live::before,
.streaming-page .streaming-page .stream-card__body::before,
.streaming-page .streaming-page .streamer-tile__body::before {
  content: none;
}

.streaming-page .stream-card__body,
.streaming-page .streamer-tile__body {
  background: #ead7af;
  color: #0b0a08;
}

.streaming-page .stream-card__eyebrow,
.streaming-page .streaming-section-head > span {
  color: #6d5843;
}

.streaming-page .stream-card__body h3,
.streaming-page .stream-card__body h4,
.streaming-page .streamer-tile__body h3,
.streaming-page .streaming-empty h2,
.streaming-page .streaming-empty h3 {
  color: #0b0a08;
}

.streaming-page .stream-card__category,
.streaming-page .streamer-tile__body p,
.streaming-page .streaming-empty p {
  color: #4e4031;
}

.streaming-page .stream-card__button {
  box-shadow: 5px 5px 0 #000;
}

.streaming-page .streamer-status {
  border-color: #8d755e;
  background: rgba(255,255,255,.35);
  color: #4d4339;
}

.streaming-page .streamer-status.is-offline i { background: #7e766d; }
.streaming-page .streamer-status.is-unknown i { background: #b99554; }

.streaming-page .stream-platform-badge,
.streaming-page .stream-group-badge {
  background: #0b0907;
}

.streaming-page .streaming-platform-strip {
  gap: 0;
  background: #15110e;
  box-shadow: 9px 10px 0 #000;
}

.streaming-page .streaming-platform-strip > div {
  box-shadow: none;
  border: 0;
  border-right: 1px solid #49301f;
  background: transparent;
}

.streaming-page .streaming-platform-strip > div::before {
  display: none;
}

.streaming-page .streaming-platform-strip > div:last-child {
  border-right: 0;
}

.streaming-page .streaming-empty {
  max-width: none;
  box-shadow: 9px 10px 0 #000;
}

@media (max-width: 1050px) {
  .streaming-page .streaming-live-grid { grid-template-columns: 1fr; }
  .streaming-page .streaming-roster-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .streaming-page .streaming-roster-grid { grid-template-columns: 1fr; }
}


/* ==========================================================
   V12.4.78 — STREAMING HEADER + RAHMEN KORREKTUR
   ========================================================== */

/* Header-Schrift wieder exakt in der gemeinsamen Seitentitel-Optik. */
.streaming-page .dlx-header-title {
  display: block;
  width: auto;
  max-width: 780px;
  margin: 29px 0 25px;
  padding: 0;
  color: var(--dlx-header-cream);
  background: transparent;
  font: 900 clamp(70px, 8vw, 126px)/.78 "Dixieland Anton", Impact, sans-serif;
  font-style: normal;
  letter-spacing: -3px;
  text-shadow: 8px 9px 0 var(--dlx-header-shadow);
  filter: none;
  transform: rotate(-1deg);
}

.streaming-page .dlx-header-title > span,
.streaming-page .dlx-header-title > em {
  position: static;
  display: block;
  box-sizing: border-box;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 6px 18px;
  color: var(--dlx-header-cream);
  background: transparent;
  font: inherit;
  font-style: normal;
  line-height: inherit;
  letter-spacing: inherit;
  text-shadow: inherit;
  filter: drop-shadow(-3px -3px var(--dlx-header-cream))
    drop-shadow(3px 3px var(--dlx-header-cream))
    drop-shadow(9px 11px var(--dlx-header-shadow));
  transform: none;
  white-space: nowrap;
}

.streaming-page .dlx-header-title > span {
  color: var(--dlx-header-cream);
  -webkit-text-fill-color: var(--dlx-header-cream);
}

.streaming-page .dlx-header-title > em {
  margin-left: 8px;
  color: var(--dlx-header-orange);
  -webkit-text-fill-color: var(--dlx-header-orange);
}

/* Kategorien / Gruppen bekommen KEIN Rahmenbild. */
.streaming-page .streaming-platform-strip,
.streaming-page .streaming-live-grid,
.streaming-page .streaming-roster-grid,
.streaming-page .streaming-empty {
  border: 0 !important;
  border-image: none !important;
  background-clip: border-box;
}

.streaming-page .streaming-live-grid,
.streaming-page .streaming-roster-grid {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.streaming-page .streaming-platform-strip {
  background: transparent;
  box-shadow: none;
  gap: 14px;
}

.streaming-page .streaming-platform-strip > div {
  border: 1px solid #49301f;
  background: linear-gradient(180deg, rgba(18,14,11,.96), rgba(12,9,7,.98));
  box-shadow: 0 9px 20px rgba(0,0,0,.22);
}

.streaming-page .streaming-empty {
  background: linear-gradient(180deg, rgba(18,14,11,.96), rgba(12,9,7,.96));
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

.streaming-page .streaming-empty h2,
.streaming-page .streaming-empty h3 {
  color: #ead7af;
}

.streaming-page .streaming-empty p {
  color: #9f8d73;
}

/* Nur die einzelnen Streamer / Live-Karten tragen den torn-paper Rahmen. */
.streaming-page .stream-card,
.streaming-page .streamer-tile {
  --streaming-paper-frame-width: 10px;
  position: relative;
  box-sizing: border-box;
  isolation: isolate;
  overflow: hidden;
  border: var(--streaming-paper-frame-width) solid transparent !important;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
  border-image-slice:53 !important;
  border-image-width: var(--streaming-paper-frame-width) !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  background-clip: padding-box !important;
  background: #ead7af;
  color: #0b0a08;
  box-shadow: 7px 8px 0 rgba(0,0,0,.52);
}

.streaming-page .stream-card__body,
.streaming-page .streamer-tile__body {
  background: #ead7af;
}

.streaming-page .stream-card:hover,
.streaming-page .streamer-tile:hover {
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
}

@media (max-width: 680px) {
  .streaming-page .dlx-header-title {
    font-size: clamp(52px, 18vw, 64px);
    letter-spacing: -1px;
  }

  .streaming-page .dlx-header-title > span,
  .streaming-page .dlx-header-title > em {
    padding: 4px 10px;
    filter: drop-shadow(-2px -2px var(--dlx-header-cream))
      drop-shadow(2px 2px var(--dlx-header-cream))
      drop-shadow(5px 6px var(--dlx-header-shadow));
  }
}

@media (max-width: 380px) {
  .streaming-page .dlx-header-title {
    font-size: 48px;
  }
}


/* ==========================================================
   V12.4.81 — STREAMING EMPTY STATE BACKGROUND REMOVED
   ========================================================== */
.streaming-page .streaming-empty,
.streaming-page .streaming-empty--live{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ==========================================================
   V12.4.82 — STREAMING PLATFORM BOX FRAMES
   ========================================================== */
.streaming-page .streaming-platform-strip {
  gap: 16px;
}

.streaming-page .streaming-platform-strip > div {
  --stream-platform-frame-width: 10px;
  box-sizing: border-box;
  border: var(--stream-platform-frame-width) solid transparent !important;
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213") !important;
  border-image-slice:53 !important;
  border-image-width: var(--stream-platform-frame-width) !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  background: linear-gradient(180deg, rgba(18,14,11,.98), rgba(12,9,7,.98));
  box-shadow: 0 9px 20px rgba(0,0,0,.22);
}

.streaming-page .streaming-platform-strip > div:last-child {
  border-right: var(--stream-platform-frame-width) solid transparent !important;
}


/* ==========================================================
   V12.4.83 — STREAMING BUTTONS EINHEITLICH
   Alle Streaming-Aktionsbuttons nutzen das globale Dixieland
   Buttonbild wie auf den restlichen Seiten.
   ========================================================== */
.streaming-page :is(
  .streaming-ghost-link,
  .stream-card__button,
  .stream-channel-link
) {
  border: 0 !important;
  outline: 0;
  background: transparent var(--dlx-button-image) center / 100% 100% no-repeat !important;
  box-shadow: none !important;
  color: var(--dlx-button-text) !important;
  -webkit-text-fill-color: var(--dlx-button-text) !important;
  text-shadow: var(--dlx-button-text-shadow) !important;
  filter: drop-shadow(4px 5px 1px var(--dlx-button-shadow));
  isolation: isolate;
}

.streaming-page .streaming-ghost-link {
  min-height: 54px;
  padding: 15px 24px;
  font: 900 21px/1 "Dixieland Anton", Impact, sans-serif;
  letter-spacing: .25px;
}

.streaming-page .stream-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 13px 20px;
  font: 900 18px/1 "Dixieland Anton", Impact, sans-serif;
}

.streaming-page .stream-channel-link {
  min-height: 38px;
  padding: 9px 14px;
  font: 900 12px/1 "Dixieland Anton", Impact, sans-serif;
  letter-spacing: .35px;
}

.streaming-page :is(
  .streaming-ghost-link,
  .stream-card__button,
  .stream-channel-link
):hover {
  background: transparent var(--dlx-button-image) center / 100% 100% no-repeat !important;
  color: var(--dlx-button-text) !important;
  -webkit-text-fill-color: var(--dlx-button-text) !important;
  filter: brightness(1.09) drop-shadow(6px 7px 2px var(--dlx-button-shadow));
  transform: translateY(-1px);
}

.streaming-page :is(
  .streaming-ghost-link,
  .stream-card__button,
  .stream-channel-link
):focus-visible {
  outline: 3px solid var(--dlx-button-focus) !important;
  outline-offset: 4px;
}

/* Plattform-Farben bleiben nur noch als kleine Live-Markierung erhalten. */
.streaming-page .stream-channel-link.is-live b {
  color: #ff754e !important;
  -webkit-text-fill-color: #ff754e !important;
  text-shadow: 1px 1px 0 #000 !important;
}

@media (max-width: 680px) {
  .streaming-page .stream-channel-link {
    flex: 1 1 auto;
    justify-content: center;
    min-height: 42px;
  }
}

/* ==========================================================
   V12.4.84 — PROJEKT-KATEGORIEN
   ========================================================== */
.projects-index-page .project-category-section {
  padding-top: 82px;
  padding-bottom: 18px;
}

.projects-index-page .project-category-filter {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}

.projects-index-page .project-category-filter__item {
  --project-category-frame-width: 10px;
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 112px;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 18px 18px 15px;
  overflow: hidden;
  border: var(--project-category-frame-width) solid transparent;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213");
  border-image-slice:53;
  border-image-width: var(--project-category-frame-width);
  border-image-repeat: stretch;
  background:
    linear-gradient(90deg, rgba(8,7,6,.92) 0%, rgba(10,8,7,.60) 56%, rgba(10,8,7,.30) 100%),
    radial-gradient(circle at 88% 50%, rgba(239,90,19,.15), transparent 28%),
    linear-gradient(180deg, rgba(23,17,14,.98), rgba(12,9,7,.98));
  box-shadow: 7px 8px 0 rgba(0,0,0,.72);
  color: #ead7af;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.projects-index-page .project-category-filter__item::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, transparent 0%, transparent 58%, rgba(0,0,0,.18) 100%),
    radial-gradient(circle at 104% 50%, rgba(239,90,19,.12), transparent 32%);
  pointer-events: none;
}

.projects-index-page .project-category-filter__item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 36%;
  background:
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.12) 36%, rgba(0,0,0,.32) 100%),
    radial-gradient(circle at 86% 50%, rgba(239,90,19,.16), transparent 46%);
  opacity: .9;
  pointer-events: none;
}

.projects-index-page .project-category-filter__item small {
  position: relative;
  z-index: 1;
  margin-bottom: 8px;
  color: #ef5a13;
  font: 900 10px/1 Arial, sans-serif;
  letter-spacing: 2.5px;
  text-transform: uppercase;
}

.projects-index-page .project-category-filter__item strong {
  position: relative;
  z-index: 1;
  overflow-wrap: anywhere;
  color: #f0dfbb;
  font: 900 clamp(22px, 2vw, 30px)/.92 "Dixieland Anton", Impact, sans-serif;
  text-shadow: 2px 2px 0 rgba(0,0,0,.55);
}

.projects-index-page .project-category-filter__item span {
  position: relative;
  z-index: 1;
  margin-top: 10px;
  color: #f2e6cf;
  font: 900 10px/1 Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.projects-index-page .project-category-filter__item:hover,
.projects-index-page .project-category-filter__item:focus-visible {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow: 9px 10px 0 rgba(0,0,0,.78);
  outline: 0;
}

.projects-index-page .project-category-filter__item.is-active {
  border: var(--project-category-frame-width) solid transparent;
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213");
  border-image-slice:53;
  border-image-width: var(--project-category-frame-width);
  border-image-repeat: stretch;
  background:
    linear-gradient(135deg, rgba(239,90,19,.18), rgba(239,90,19,.05) 42%, rgba(20,14,10,.96) 100%),
    linear-gradient(180deg, rgba(33,18,10,.98), rgba(14,10,8,.98));
  filter: none;
  box-shadow: 8px 9px 0 rgba(0,0,0,.82);
}

.projects-index-page .project-category-filter__item.is-active::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), transparent 28%),
    radial-gradient(circle at 80% 40%, rgba(239,90,19,.18), transparent 34%);
}

.projects-index-page .project-category-filter__item.is-active::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.08) 38%, rgba(0,0,0,.26) 100%),
    radial-gradient(circle at 86% 50%, rgba(239,90,19,.28), transparent 46%);
}

.projects-index-page .project-category-filter__item.is-active small,
.projects-index-page .project-category-filter__item.is-active strong,
.projects-index-page .project-category-filter__item.is-active span {
  color: #f7e9c9;
  text-shadow: 2px 2px 0 #000;
}

.projects-index-page .project-overview {
  padding-top: 64px;
}

.projects-index-page .project-empty .gallery-cta {
  margin-top: 22px;
}

@media (max-width: 1100px) {
  .projects-index-page .project-category-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .projects-index-page .project-category-section {
    padding-top: 58px;
  }

  .projects-index-page .project-category-filter {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .projects-index-page .project-category-filter__item {
    min-height: 102px;
    padding: 16px 16px 14px;
  }
}

/* ==========================================================
   V12.4.88 — DOWNLOAD-CHANGELOG KOMPAKTER
   ========================================================== */
.download-detail-page .download-changelog {
  padding-top: 48px;
}

.download-detail-page .download-changelog .section-title {
  margin-bottom: 18px;
}

.download-detail-page .download-changelog > div:last-child {
  padding: 19px 23px;
  font-size: 14px;
  line-height: 1.55;
}

@media (max-width: 680px) {
  .download-detail-page .download-changelog {
    padding-top: 38px;
  }

  .download-detail-page .download-changelog > div:last-child {
    padding: 16px 18px;
    font-size: 13px;
    line-height: 1.5;
  }
}


/* ==========================================================
   V12.4.89 — DOWNLOAD-CHANGELOG WIE BESCHREIBUNG EINKLAPPEN
   ========================================================== */
.download-detail-page .download-changelog-panel {
  position: relative;
  overflow: hidden;
}

.download-detail-page .download-changelog-copy {
  position: relative;
  z-index: 1;
  color: #c8b797;
  font: 700 14px/1.55 Arial, sans-serif;
  white-space: normal;
}

.download-detail-page .download-changelog-copy.is-collapsible {
  overflow: hidden;
  max-height: 15.5em;
  transition: max-height .46s cubic-bezier(.2, .75, .25, 1);
}

.download-detail-page .download-changelog-copy.is-expanded {
  max-height: var(--download-changelog-height, 3000px);
}

.download-detail-page .download-changelog-copy.is-collapsed::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  height: 86px;
  pointer-events: none;
  background: linear-gradient(transparent, #15110e 88%);
}

.download-detail-page .download-changelog-readmore {
  margin-top: 18px;
}

@media (max-width: 680px) {
  .download-detail-page .download-changelog-copy {
    font-size: 13px;
    line-height: 1.5;
  }

  .download-detail-page .download-changelog-copy.is-collapsible {
    max-height: 14em;
  }
}


/* ==========================================================
   V12.4.96 — PROJEKT BLOG / CHANGELOG PANEL WIE DOWNLOADS
   ========================================================== */
.project-detail-page .project-log-panel {
  --project-log-frame-width: 10px;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 6px;
  padding: 10px 24px;
  border: var(--project-log-frame-width) solid transparent;
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213");
  border-image-slice:53;
  border-image-width: var(--project-log-frame-width);
  border-image-outset: 0;
  border-image-repeat: stretch;
  background:
    linear-gradient(145deg, rgba(239,90,19,.035), transparent 34%),
    #15110e;
  background-clip: padding-box;
  box-shadow: 9px 10px 0 #000;
}

.project-detail-page .project-log-panel article {
  position: relative;
  margin: 0;
  padding: 24px 8px;
  border: 0;
  border-bottom: 1px dashed #56331d;
  background: transparent;
}

.project-detail-page .project-log-panel article:last-child {
  border-bottom: 0;
}

.project-detail-page .project-log-panel article time {
  color: #ef5a13;
}

.project-detail-page .project-log-panel article h3 {
  color: #ead7af;
}

.project-detail-page .project-log-panel article p {
  color: #c8b797;
  font-size: 14px;
  line-height: 1.55;
}

.project-detail-page .project-log-panel article > span {
  color: #3b291d;
}

.project-detail-page .project-log-panel--empty {
  padding: 0;
}

.project-detail-page .project-log-panel--empty .project-empty {
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

@media (max-width: 900px) {
  .project-detail-page .project-log-panel {
    padding: 8px 18px;
  }

  .project-detail-page .project-log-panel article {
    padding: 22px 6px;
  }
}

@media (max-width: 600px) {
  .project-detail-page .project-log-panel {
    --project-log-frame-width: 8px;
    padding: 6px 14px;
  }

  .project-detail-page .project-log-panel article {
    padding: 19px 4px;
  }

  .project-detail-page .project-log-panel article p {
    font-size: 13px;
    line-height: 1.5;
  }
}


/* ==========================================================
   V12.4.99 — PROJEKTKARTEN: TITEL LESBARER / KOMPAKTER
   ========================================================== */
.projects-index-page .project-card__body h2 {
  margin: 14px 0 16px;
  color: #17100b !important;
  -webkit-text-fill-color: #17100b !important;
  font: 900 clamp(30px, 2.25vw, 44px)/.96 "Dixieland Anton", Impact, sans-serif !important;
  letter-spacing: -.35px;
  text-shadow: none !important;
  text-transform: none;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  text-wrap: balance;
}

.projects-index-page .project-card__body > small {
  margin-bottom: 2px;
}

@media (max-width: 1100px) {
  .projects-index-page .project-card__body h2 {
    font-size: clamp(32px, 5vw, 46px) !important;
  }
}

@media (max-width: 720px) {
  .projects-index-page .project-card__body h2 {
    font-size: clamp(31px, 10vw, 42px) !important;
    line-height: .98 !important;
  }
}


/* ==========================================================================
   V12.4.104 — DOWNLOAD ACCESS-ICONS WIE REFERENZ BILD 2
   FREE / PAID sitzen links oben leicht ausserhalb der Kartenkante.
   Bei FREE & PAID werden beide Siegel kompakt untereinander gestapelt.
   ========================================================================== */
.downloads-page .download-card {
  overflow: visible !important;
}

.downloads-page .download-card__media {
  overflow: visible !important;
}

.downloads-page .download-card__media > span.download-access-stack {
  top: -17px !important;
  left: -25px !important;
  right: auto !important;
  bottom: auto !important;
  gap: 0 !important;
  align-items: flex-start !important;
  z-index: 8 !important;
}

.downloads-page .download-access-stack > img,
.downloads-page .download-access-stack--both > img {
  width: auto !important;
  height: 64px !important;
  max-width: none !important;
  object-fit: contain !important;
  transform: none !important;
  filter: drop-shadow(3px 4px 0 rgba(0,0,0,.72)) !important;
}

.downloads-page .download-access-stack--both > img + img {
  margin-top: -14px !important;
  margin-left: 4px !important;
}

.downloads-page .download-card:hover .download-access-stack > img {
  transform: none !important;
  filter: drop-shadow(3px 4px 0 rgba(0,0,0,.72)) !important;
}

/* Das EMPFOHLEN-Band bleibt wie bisher rechts oben innerhalb des Bildes. */
.downloads-page .download-card__media > span:not(.download-access-stack) {
  z-index: 7;
}

@media (max-width: 680px) {
  .downloads-page .download-card__media > span.download-access-stack {
    top: -12px !important;
    left: -17px !important;
  }

  .downloads-page .download-access-stack > img,
  .downloads-page .download-access-stack--both > img {
    height: 54px !important;
  }

  .downloads-page .download-access-stack--both > img + img {
    margin-top: -12px !important;
    margin-left: 3px !important;
  }
}


/* ==========================================================================
   V12.4.105 — DOWNLOAD ACCESS-ICONS WIRKLICH UEBER DEM KARTENRAHMEN
   Die FREE/PAID-Siegel schweben ueber der linken oberen Kartenkante und
   werden nicht mehr vom Karten-/Media-Rahmen optisch eingefangen.
   ========================================================================== */
.downloads-page .download-grid {
  overflow: visible !important;
}

.downloads-page .download-card {
  position: relative !important;
  overflow: visible !important;
  z-index: 2;
}

.downloads-page .download-card:hover {
  z-index: 20;
}

.downloads-page .download-card__media {
  position: relative !important;
  overflow: visible !important;
}

.downloads-page .download-card__media > span.download-access-stack {
  top: -31px !important;
  left: -34px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 50 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.downloads-page .download-access-stack > img,
.downloads-page .download-access-stack--both > img {
  display: block !important;
  width: auto !important;
  height: 78px !important;
  max-width: none !important;
  overflow: visible !important;
  object-fit: contain !important;
  filter: drop-shadow(4px 5px 0 rgba(0,0,0,.78)) !important;
}

.downloads-page .download-access-stack--both > img + img {
  margin-top: -24px !important;
  margin-left: 8px !important;
}

@media (max-width: 680px) {
  .downloads-page .download-card__media > span.download-access-stack {
    top: -23px !important;
    left: -25px !important;
  }

  .downloads-page .download-access-stack > img,
  .downloads-page .download-access-stack--both > img {
    height: 64px !important;
  }

  .downloads-page .download-access-stack--both > img + img {
    margin-top: -19px !important;
    margin-left: 6px !important;
  }
}


/* ==========================================================================
   V12.4.107 — DOWNLOAD-ICONS UEBER DEM GRAFIKRAHMEN WIE REFERENZBILD
   Die FREE/PAID-Siegel liegen sichtbar ueber dem oberen linken Bildrahmen,
   ohne die originalen Grafikrahmen der Karten zu ersetzen.
   ========================================================================== */
.downloads-page .download-grid,
.downloads-page .download-card,
.downloads-page .download-card__media {
  overflow: visible !important;
}

.downloads-page .download-card {
  position: relative !important;
}

.downloads-page .download-card__media {
  position: relative !important;
}

.downloads-page .download-card__media > span.download-access-stack {
  top: -20px !important;
  left: -17px !important;
  right: auto !important;
  bottom: auto !important;
  align-items: flex-start !important;
  gap: 0 !important;
  z-index: 35 !important;
  pointer-events: none !important;
}

.downloads-page .download-access-stack > img,
.downloads-page .download-access-stack--both > img {
  display: block !important;
  width: auto !important;
  height: 74px !important;
  max-width: none !important;
  object-fit: contain !important;
  filter: drop-shadow(4px 5px 0 rgba(0,0,0,.72)) !important;
}

.downloads-page .download-access-stack--both > img + img {
  margin-top: -18px !important;
  margin-left: 2px !important;
}

.downloads-page .download-card:hover .download-access-stack > img {
  transform: none !important;
  filter: drop-shadow(4px 5px 0 rgba(0,0,0,.72)) !important;
}

.downloads-page .download-card__media > span:not(.download-access-stack) {
  z-index: 8 !important;
}

@media (max-width: 680px) {
  .downloads-page .download-card__media > span.download-access-stack {
    top: -16px !important;
    left: -12px !important;
  }

  .downloads-page .download-access-stack > img,
  .downloads-page .download-access-stack--both > img {
    height: 62px !important;
  }

  .downloads-page .download-access-stack--both > img + img {
    margin-top: -15px !important;
    margin-left: 1px !important;
  }
}


/* ==========================================================================
   V12.4.108 — FREE/PAID-SIEGEL ALS ECHTES OVERLAY UEBER DEM GRAFIKRAHMEN
   Die Siegel sind jetzt direkte Kinder der Karte und koennen deshalb nicht
   mehr vom Vorschaubild / Media-Container abgeschnitten oder verdeckt werden.
   ========================================================================== */
.downloads-page .download-card {
  position: relative !important;
  overflow: visible !important;
  content-visibility: visible !important;
  contain: none !important;
  isolation: isolate;
}

.downloads-page .download-grid,
.downloads-page .downloads-catalog {
  overflow: visible !important;
}

.downloads-page .download-card > .download-access-stack {
  position: absolute !important;
  top: -18px !important;
  left: -20px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 100 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  width: max-content !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 0 !important;
  pointer-events: none !important;
  overflow: visible !important;
}

.downloads-page .download-card > .download-access-stack > img {
  position: relative !important;
  display: block !important;
  width: auto !important;
  height: 78px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: drop-shadow(4px 5px 0 rgba(0,0,0,.72)) !important;
}

.downloads-page .download-card > .download-access-stack--both > img + img {
  margin-top: -21px !important;
  margin-left: 5px !important;
}

/* EMPFOHLEN bleibt im Vorschaubild und liegt unter den FREE/PAID-Siegeln. */
.downloads-page .download-card__media > span {
  z-index: 10 !important;
}

@media (max-width: 680px) {
  .downloads-page .download-card > .download-access-stack {
    top: -14px !important;
    left: -14px !important;
  }
  .downloads-page .download-card > .download-access-stack > img {
    height: 64px !important;
  }
  .downloads-page .download-card > .download-access-stack--both > img + img {
    margin-top: -17px !important;
    margin-left: 4px !important;
  }
}


/* ==========================================================================
   V12.4.109 — FEINKORREKTUR FUER FREE+PAID DOPPELICON
   Das zweite Icon sitzt weiter oben und etwas weiter links,
   damit beide Siegel wie im Referenzbild sauber uebereinander stehen.
   ========================================================================== */
.downloads-page .download-card > .download-access-stack--both > img + img {
  margin-top: -31px !important;
  margin-left: -1px !important;
}

@media (max-width: 680px) {
  .downloads-page .download-card > .download-access-stack--both > img + img {
    margin-top: -23px !important;
    margin-left: -1px !important;
  }
}


/* ==========================================================================
   V12.4.110 — FREE/PAID DOPPELICON SAUBER UNTEREINANDER
   Beide Icons stehen links buendig in einer Linie.
   Das zweite Icon sitzt deutlich weiter unten mit mehr Abstand.
   ========================================================================== */
.downloads-page .download-card > .download-access-stack--both > img + img {
  margin-top: -8px !important;
  margin-left: 0 !important;
}

@media (max-width: 680px) {
  .downloads-page .download-card > .download-access-stack--both > img + img {
    margin-top: -6px !important;
    margin-left: 0 !important;
  }
}

/* ==========================================================================
   V12.4.111 — RECHTLICHES: IMPRESSUM / DATENSCHUTZ / COOKIE-EINSTELLUNGEN
   ========================================================================== */
.legal-page{background:#0b0907;color:#eadfc8}
.legal-page .legal-header{
  min-height:470px;
  background:
    linear-gradient(180deg,rgba(5,4,3,.82),rgba(5,4,3,.92)),
    linear-gradient(90deg,rgba(239,90,19,.08),transparent 55%),
    url("assets/dixieland-homepage-background-v12.webp") center/cover no-repeat;
  border-bottom:5px solid #ef5a13;
}
.legal-page .legal-hero{min-height:330px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;padding:55px 0 70px}
.legal-page .legal-kicker{display:block;color:#ef5a13;font:900 12px/1 Arial,sans-serif;letter-spacing:3.5px;text-transform:uppercase}
.legal-page .legal-hero h1{margin:16px 0 12px;color:#ead7af;font:900 clamp(62px,8vw,112px)/.82 "Dixieland Anton",Impact,sans-serif;letter-spacing:-2px;text-shadow:6px 7px 0 #000}
.legal-page .legal-hero p{max-width:790px;margin:0;color:#baa98d;font:700 16px/1.65 Arial,sans-serif}
.legal-shell{padding-top:70px;padding-bottom:90px}
.legal-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}
.legal-main{display:grid;gap:22px}
.legal-panel{
  --legal-frame-width:10px;
  position:relative;box-sizing:border-box;padding:30px 32px 32px;
  border:var(--legal-frame-width) solid transparent;
  border-image-source:url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213");
  border-image-slice:53;border-image-width:var(--legal-frame-width);border-image-repeat:stretch;
  background:linear-gradient(180deg,rgba(21,16,13,.98),rgba(12,9,7,.98));
  box-shadow:8px 9px 0 rgba(0,0,0,.72)
}
.legal-panel h2{margin:0 0 18px;color:#f0dfbb;font:900 clamp(29px,3vw,40px)/.95 "Dixieland Anton",Impact,sans-serif}
.legal-panel h3{margin:26px 0 9px;color:#ef5a13;font:900 20px/1 "Dixieland Anton",Impact,sans-serif}
.legal-panel p,.legal-panel li,.legal-panel address{color:#c4b498;font:700 14px/1.72 Arial,sans-serif;font-style:normal}
.legal-panel p{margin:10px 0}.legal-panel ul{margin:10px 0 0;padding-left:21px}.legal-panel li+li{margin-top:6px}
.legal-panel a{color:#ef7a39;text-decoration:underline;text-underline-offset:3px}
.legal-panel strong{color:#f0dfbb}.legal-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.legal-meta span{padding:7px 9px;border:1px solid #6b492e;color:#cdbb9c;font:900 9px/1 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.legal-config-warning{margin-bottom:25px;padding:18px 20px;border-left:4px solid #ef5a13;background:#25150d;color:#f2d8bd;font:800 13px/1.6 Arial,sans-serif}
.legal-config-warning strong{color:#ff7b32}.legal-config-warning code{color:#f7e8ca}
.legal-side{position:sticky;top:105px;display:grid;gap:14px}
.legal-side a{display:block;padding:17px 18px;border:1px solid #594027;background:#15110e;color:#e7d6b8;font:900 18px/1 "Dixieland Anton",Impact,sans-serif;box-shadow:4px 5px 0 #000}
.legal-side a:hover,.legal-side a.is-active{border-color:#ef5a13;color:#ef5a13}
.legal-status-card{padding:20px;border:1px solid #483323;background:#120f0c}.legal-status-card small{display:block;color:#8c7b65;font:900 9px/1 Arial,sans-serif;letter-spacing:1.5px}.legal-status-card strong{display:block;margin-top:8px;color:#e8d8bb;font:900 23px/1 "Dixieland Anton",Impact,sans-serif}
.cookie-table{display:grid;gap:12px;margin-top:16px}.cookie-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.8fr) auto;gap:18px;align-items:center;padding:17px 18px;border:1px solid #493421;background:#100d0a}.cookie-row b{color:#ead7af}.cookie-row p{margin:0;color:#a9977d}.cookie-badge{padding:7px 9px;border:1px solid #4e7b3a;background:#152112;color:#9fd384;font:900 9px/1 Arial,sans-serif;letter-spacing:1px;white-space:nowrap}.cookie-badge--off{border-color:#655442;background:#17130f;color:#a89883}
.legal-footer{margin-top:0}
@media(max-width:900px){.legal-grid{grid-template-columns:1fr}.legal-side{position:static;grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.legal-page .legal-header{min-height:410px}.legal-page .legal-hero{padding:45px 0 55px}.legal-page .legal-hero h1{font-size:58px}.legal-shell{padding-top:45px}.legal-panel{padding:25px 20px}.legal-side{grid-template-columns:1fr}.cookie-row{grid-template-columns:1fr;gap:8px}}


/* ==========================================================================
   V12.4.116 — DOWNLOAD-BEWERTUNG / IP-GESICHERTES RANKING
   ========================================================================== */
.download-detail-page .download-rating {
  --download-frame-width: 10px;
  position: relative;
  box-sizing: border-box;
  isolation: isolate;
  overflow: hidden;
  margin-top: 28px;
  padding: 25px 24px 23px;
  border: var(--download-frame-width) solid transparent !important;
  border-image-source: url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213") !important;
  border-image-slice:53 !important;
  border-image-width: var(--download-frame-width) !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(239,90,19,.08), transparent 34%),
    #15110e;
  background-clip: padding-box !important;
  box-shadow: 8px 9px 0 rgba(0,0,0,.58);
}
.download-rating__head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:13px}
.download-rating__head small{display:block;margin-bottom:7px;color:#9f8d73;font:900 9px/1 Arial,sans-serif;letter-spacing:1.7px}
.download-rating__head h2{margin:0;color:#ef5a13;font:900 26px/1 "Dixieland Anton",Impact,sans-serif}
.download-rating__head>span{color:#8f7c65;font:900 8px/1 Arial,sans-serif;letter-spacing:1px;white-space:nowrap}
.download-rating>p{margin:0 0 17px;color:#bbaa8a;font:700 12px/1.55 Arial,sans-serif}
.download-rating__form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.download-rating__vote{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:96px;padding:12px 14px;border:1px solid #513722;background:#0d0a08;color:#ead7af;cursor:pointer;text-align:left;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}
.download-rating__vote:hover:not(:disabled),.download-rating__vote:focus-visible:not(:disabled){border-color:#ef5a13;background:#18100b;transform:translateY(-2px);outline:0;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.download-rating__vote:disabled{cursor:default;opacity:.66}
.download-rating__vote.is-selected{border-color:#ef5a13;background:linear-gradient(135deg,rgba(239,90,19,.17),rgba(13,10,8,.98));opacity:1;box-shadow:inset 0 0 0 1px rgba(239,90,19,.20)}
.download-rating__thumb{display:flex;align-items:center;justify-content:center;width:72px;height:72px;line-height:1;flex:0 0 72px}
.download-rating__thumb img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.32))}
.download-rating__vote>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:6px}
.download-rating__vote b{color:#ead7af;font:900 18px/1 "Dixieland Anton",Impact,sans-serif;white-space:nowrap}
.download-rating__vote small{color:#796c5a;font:900 9px/1 Arial,sans-serif;letter-spacing:.9px;white-space:nowrap}
.download-rating__vote>strong{min-width:34px;color:#ef5a13;font:900 28px/1 "Dixieland Anton",Impact,sans-serif;text-align:right}
.download-rating__vote--down>strong{color:#c7b69a}
.download-rating__bar{position:relative;height:5px;margin-top:15px;overflow:hidden;background:#34271d}
.download-rating__bar::after{content:"";position:absolute;inset:0 0 0 50%;background:rgba(196,177,148,.16)}
.download-rating__bar i{position:relative;z-index:1;display:block;height:100%;min-width:0;background:#ef5a13;transition:width .25s ease}
.download-rating__status{display:block;margin-top:12px;color:#857663;font:900 8px/1.35 Arial,sans-serif;letter-spacing:.65px;text-transform:uppercase}
.download-rating__status.is-success{color:#d7a16c}.download-rating__status.is-error{color:#d37e69}
@media(max-width:680px){.download-detail-page .download-rating{--download-frame-width:8px;padding:22px 18px}.download-rating__form{grid-template-columns:1fr}.download-rating__head{align-items:flex-start;flex-direction:column}.download-rating__head>span{white-space:normal}.download-rating__vote{grid-template-columns:60px minmax(0,1fr) auto;min-height:86px;padding:11px 12px}.download-rating__thumb{width:60px;height:60px;flex-basis:60px}.download-rating__vote b{font-size:16px}.download-rating__vote small{font-size:8px}.download-rating__vote>strong{font-size:24px}}

/* ==========================================================================
   V12.4.118 — DOWNLOAD-BEWERTUNG: DIXIELAND-BUTTONSTYLE
   Die Vote-Buttons verwenden jetzt denselben Button-Hintergrund wie der Rest
   der Homepage. Die neuen Daumen-Icons bleiben erhalten.
   ========================================================================== */
.download-detail-page .download-rating__form {
  gap: 12px;
}

.download-detail-page .download-rating__vote {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) 26px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 84px;
  padding: 12px 14px 12px 11px;
  border: 0 !important;
  outline: 0;
  background: transparent var(--dlx-button-image) center / 100% 100% no-repeat !important;
  color: var(--dlx-button-text) !important;
  -webkit-text-fill-color: var(--dlx-button-text) !important;
  text-shadow: var(--dlx-button-text-shadow) !important;
  filter: drop-shadow(4px 5px 1px var(--dlx-button-shadow));
  box-shadow: none !important;
  cursor: pointer;
  transition: transform .16s ease, filter .16s ease, opacity .16s ease;
}

.download-detail-page .download-rating__vote:hover:not(:disabled),
.download-detail-page .download-rating__vote:focus-visible:not(:disabled) {
  border: 0 !important;
  background: transparent var(--dlx-button-image) center / 100% 100% no-repeat !important;
  color: var(--dlx-button-text) !important;
  transform: translateY(-2px);
  filter: brightness(1.08) drop-shadow(6px 7px 2px var(--dlx-button-shadow));
  outline: 0;
}

.download-detail-page .download-rating__vote:focus-visible {
  outline: 3px solid var(--dlx-button-focus) !important;
  outline-offset: 3px;
}

.download-detail-page .download-rating__vote:disabled {
  cursor: default;
  opacity: .72;
}

.download-detail-page .download-rating__vote.is-selected {
  border: 0 !important;
  background: transparent var(--dlx-button-image) center / 100% 100% no-repeat !important;
  opacity: 1;
  filter: brightness(1.12) drop-shadow(6px 7px 2px rgba(0,0,0,.88));
  box-shadow: none !important;
}

.download-detail-page .download-rating__thumb {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
}

.download-detail-page .download-rating__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(2px 3px 0 rgba(0,0,0,.42));
}

.download-detail-page .download-rating__vote > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
}

.download-detail-page .download-rating__vote b {
  color: var(--dlx-button-text) !important;
  -webkit-text-fill-color: var(--dlx-button-text) !important;
  font: 900 14px/1.02 "Dixieland Anton", Impact, sans-serif;
  white-space: normal;
}

.download-detail-page .download-rating__vote small {
  color: #f3dfb8 !important;
  -webkit-text-fill-color: #f3dfb8 !important;
  font: 900 7px/1.15 Arial, sans-serif;
  letter-spacing: .55px;
  white-space: normal;
}

.download-detail-page .download-rating__vote > strong,
.download-detail-page .download-rating__vote--down > strong {
  min-width: 26px;
  color: #fff1d1 !important;
  -webkit-text-fill-color: #fff1d1 !important;
  font: 900 22px/1 "Dixieland Anton", Impact, sans-serif;
  text-align: center;
  text-shadow: 2px 2px 0 #000;
}

@media (max-width: 680px) {
  .download-detail-page .download-rating__vote {
    grid-template-columns: 56px minmax(0, 1fr) 28px;
    min-height: 88px;
    padding: 12px 14px;
  }
  .download-detail-page .download-rating__thumb {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }
  .download-detail-page .download-rating__vote b { font-size: 15px; }
  .download-detail-page .download-rating__vote small { font-size: 8px; }
  .download-detail-page .download-rating__vote > strong,
  .download-detail-page .download-rating__vote--down > strong { font-size: 23px; }
}

/* ======================================================================
   V12.4.119 — DOWNLOAD-BEWERTUNG WIE VERSION-KÄSTCHEN
   Die komplette Bewertungsbox wurde optisch an das VERSION-Kästchen
   angeglichen. Auch die beiden Vote-Felder wurden auf einen klaren,
   hellen Paper-Look umgestellt.
   ====================================================================== */
.download-detail-page .download-rating {
  display: grid;
  gap: 14px;
  padding: 24px 22px;
  border: 4px solid #0b0a08;
  outline: 3px solid #ead7af;
  background: #ead7af;
  color: #0b0a08;
  box-shadow: 9px 10px 0 #000;
  transform: rotate(1.1deg);
}

.download-detail-page .download-rating__head {
  margin-bottom: 0;
  align-items: flex-start;
}

.download-detail-page .download-rating__head small {
  color: #ef5a13;
  font: 900 11px/1 Arial, sans-serif;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.download-detail-page .download-rating__head h2 {
  color: #0b0a08;
  font: 900 36px/.92 "Dixieland Anton", Impact, sans-serif;
  margin: 0;
}

.download-detail-page .download-rating__head > span {
  color: #5d4b36;
  font: 900 9px/1 Arial, sans-serif;
  letter-spacing: 1.2px;
  padding-top: 4px;
}

.download-detail-page .download-rating > p {
  margin: 0;
  color: #4b3d2e;
  font: 700 14px/1.55 Arial, sans-serif;
}

.download-detail-page .download-rating__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.download-detail-page .download-rating__vote {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 90px;
  padding: 14px 14px 14px 12px;
  border: 2px solid #4f3a28 !important;
  outline: 0;
  background: #f3e5bf !important;
  color: #0b0a08 !important;
  -webkit-text-fill-color: #0b0a08 !important;
  text-shadow: none !important;
  filter: none !important;
  box-shadow: 4px 4px 0 rgba(0,0,0,.85) !important;
  cursor: pointer;
  text-align: left;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease;
}

.download-detail-page .download-rating__vote:hover:not(:disabled),
.download-detail-page .download-rating__vote:focus-visible:not(:disabled) {
  transform: translateY(-2px);
  background: #f7ebcb !important;
  border-color: #ef5a13 !important;
  box-shadow: 6px 6px 0 rgba(0,0,0,.88) !important;
  outline: 0;
}

.download-detail-page .download-rating__vote:focus-visible {
  outline: 3px solid rgba(239,90,19,.4) !important;
  outline-offset: 2px;
}

.download-detail-page .download-rating__vote:disabled {
  cursor: default;
  opacity: .82;
}

.download-detail-page .download-rating__vote.is-selected {
  background: linear-gradient(135deg, rgba(239,90,19,.16), #f3e5bf 55%) !important;
  border-color: #ef5a13 !important;
  box-shadow: 6px 6px 0 rgba(0,0,0,.88) !important;
}

.download-detail-page .download-rating__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  flex-basis: 58px;
}

.download-detail-page .download-rating__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(2px 2px 0 rgba(0,0,0,.20));
}

.download-detail-page .download-rating__vote > span:nth-child(2) {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

.download-detail-page .download-rating__vote b {
  color: #1a1410 !important;
  -webkit-text-fill-color: #1a1410 !important;
  font: 900 16px/1.02 "Dixieland Anton", Impact, sans-serif;
  white-space: normal;
}

.download-detail-page .download-rating__vote small {
  color: #5f4e3d !important;
  -webkit-text-fill-color: #5f4e3d !important;
  font: 900 10px/1.15 Arial, sans-serif;
  letter-spacing: .7px;
  white-space: normal;
}

.download-detail-page .download-rating__vote > strong,
.download-detail-page .download-rating__vote--down > strong {
  min-width: 36px;
  color: #ef5a13 !important;
  -webkit-text-fill-color: #ef5a13 !important;
  font: 900 30px/1 "Dixieland Anton", Impact, sans-serif;
  text-align: center;
  text-shadow: none !important;
}

.download-detail-page .download-rating__vote--down > strong {
  color: #6c5a49 !important;
  -webkit-text-fill-color: #6c5a49 !important;
}

.download-detail-page .download-rating__bar {
  position: relative;
  height: 6px;
  margin-top: 2px;
  overflow: hidden;
  background: #b6a080;
}

.download-detail-page .download-rating__bar::after {
  content: "";
  position: absolute;
  inset: 0 0 0 50%;
  background: rgba(11,10,8,.12);
}

.download-detail-page .download-rating__bar i {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  min-width: 0;
  background: #ef5a13;
  transition: width .25s ease;
}

.download-detail-page .download-rating__status {
  display: block;
  margin-top: 0;
  color: #5a4937;
  font: 900 9px/1.35 Arial, sans-serif;
  letter-spacing: .7px;
  text-transform: uppercase;
}

.download-detail-page .download-rating__status.is-success { color: #8f4f17; }
.download-detail-page .download-rating__status.is-error { color: #9b3d2c; }

@media (max-width: 680px) {
  .download-detail-page .download-rating {
    transform: none;
    padding: 20px 18px;
  }

  .download-detail-page .download-rating__head {
    flex-direction: column;
    gap: 8px;
  }

  .download-detail-page .download-rating__head h2 {
    font-size: 30px;
  }

  .download-detail-page .download-rating__form {
    grid-template-columns: 1fr;
  }

  .download-detail-page .download-rating__vote {
    grid-template-columns: 54px minmax(0, 1fr) 34px;
    min-height: 86px;
    padding: 12px;
  }

  .download-detail-page .download-rating__thumb {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
  }

  .download-detail-page .download-rating__vote b { font-size: 15px; }
  .download-detail-page .download-rating__vote small { font-size: 9px; }
  .download-detail-page .download-rating__vote > strong,
  .download-detail-page .download-rating__vote--down > strong { font-size: 27px; }
}

/* ======================================================================
   V12.4.120 — DOWNLOAD-BEWERTUNG OHNE TEXTLABELS
   Daumen-Buttons ohne Text, größere Icons, Zahl bleibt daneben stehen.
   ====================================================================== */
.download-detail-page .download-rating__vote {
  grid-template-columns: 76px 36px;
  justify-content: space-between;
  align-items: center;
  min-height: 96px;
  padding: 14px 16px;
}

.download-detail-page .download-rating__vote > span:nth-child(2) {
  display: none !important;
}

.download-detail-page .download-rating__thumb {
  width: 76px;
  height: 76px;
  flex-basis: 76px;
}

.download-detail-page .download-rating__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(2px 2px 0 rgba(0,0,0,.20));
}

.download-detail-page .download-rating__vote > strong,
.download-detail-page .download-rating__vote--down > strong {
  min-width: 36px;
  justify-self: end;
  align-self: center;
  font-size: 32px;
}

@media (max-width: 680px) {
  .download-detail-page .download-rating__vote {
    grid-template-columns: 70px 34px;
    min-height: 88px;
    padding: 12px 14px;
  }

  .download-detail-page .download-rating__thumb {
    width: 70px;
    height: 70px;
    flex-basis: 70px;
  }

  .download-detail-page .download-rating__vote > strong,
  .download-detail-page .download-rating__vote--down > strong {
    font-size: 29px;
  }
}

/* ======================================================================
   V12.4.121 — DOWNLOAD-BEWERTUNG WIE MOCKUP
   Großer heller Bewertungskasten, nur Icons + Zahlen, Down-Count vor Icon.
   ====================================================================== */
.download-detail-page .download-rating {
  gap: 16px;
  padding: 24px 22px 20px;
  border: 3px solid #0c0b09;
  outline: 3px solid #ef5a13;
  background: #ead7af;
  color: #0b0a08;
  box-shadow: 8px 8px 0 #000;
  transform: none;
}

.download-detail-page .download-rating__head small {
  color: #ef5a13;
  font: 900 11px/1 Arial, sans-serif;
  letter-spacing: 2px;
}

.download-detail-page .download-rating__head h2 {
  color: #0b0a08;
  font: 900 37px/.95 "Dixieland Anton", Impact, sans-serif;
}

.download-detail-page .download-rating__head > span {
  color: #5f4d3a;
  font: 900 10px/1 Arial, sans-serif;
  letter-spacing: 1.3px;
}

.download-detail-page .download-rating > p {
  color: #4f4032;
  font: 700 14px/1.5 Arial, sans-serif;
  max-width: 520px;
}

.download-detail-page .download-rating__form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 42px;
  padding: 4px 0 2px;
}

.download-detail-page .download-rating__vote,
.download-detail-page .download-rating__vote:hover,
.download-detail-page .download-rating__vote:focus-visible,
.download-detail-page .download-rating__vote.is-selected {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 0;
  padding: 0;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left;
  transform: none;
}

.download-detail-page .download-rating__vote:disabled {
  opacity: 1;
}

.download-detail-page .download-rating__thumb {
  width: 92px;
  height: 92px;
  flex-basis: 92px;
  filter: drop-shadow(2px 3px 0 rgba(0,0,0,.18));
}

.download-detail-page .download-rating__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.download-detail-page .download-rating__vote > strong,
.download-detail-page .download-rating__vote--down > strong {
  min-width: 34px;
  color: #0b0a08 !important;
  -webkit-text-fill-color: #0b0a08 !important;
  font: 900 72px/.9 "Dixieland Anton", Impact, sans-serif;
  letter-spacing: 0;
  text-align: center;
}

.download-detail-page .download-rating__vote--down {
  gap: 14px;
}

.download-detail-page .download-rating__vote--down > strong {
  order: 1;
}

.download-detail-page .download-rating__vote--down .download-rating__thumb {
  order: 2;
}

.download-detail-page .download-rating__vote.is-selected .download-rating__thumb {
  transform: scale(1.04);
}

.download-detail-page .download-rating__bar {
  height: 6px;
  margin-top: 2px;
  background: #b3a084;
}

.download-detail-page .download-rating__bar::after {
  inset: 0 0 0 50%;
  background: rgba(11,10,8,.10);
}

.download-detail-page .download-rating__bar i {
  background: #ef5a13;
}

.download-detail-page .download-rating__status {
  color: #594936;
  font: 900 9px/1.35 Arial, sans-serif;
  letter-spacing: .9px;
}

@media (max-width: 680px) {
  .download-detail-page .download-rating {
    padding: 20px 16px 18px;
  }

  .download-detail-page .download-rating__form {
    gap: 18px;
    justify-content: space-between;
  }

  .download-detail-page .download-rating__thumb {
    width: 68px;
    height: 68px;
    flex-basis: 68px;
  }

  .download-detail-page .download-rating__vote,
  .download-detail-page .download-rating__vote--down {
    gap: 8px;
  }

  .download-detail-page .download-rating__vote > strong,
  .download-detail-page .download-rating__vote--down > strong {
    font-size: 48px;
    min-width: 26px;
  }
}

/* ======================================================================
   V12.4.122 — DOWNLOAD-BEWERTUNG FEINTUNING
   Icon etwas größer, Zahl etwas kleiner, Up/Down farblich unterschieden.
   ====================================================================== */
.download-detail-page .download-rating__thumb {
  width: 108px;
  height: 108px;
  flex-basis: 108px;
}

.download-detail-page .download-rating__vote > strong,
.download-detail-page .download-rating__vote--down > strong {
  font-size: 58px;
  min-width: 34px;
}

.download-detail-page .download-rating__vote--up > strong {
  color: #ef5a13 !important;
  -webkit-text-fill-color: #ef5a13 !important;
}

.download-detail-page .download-rating__vote--down > strong {
  color: #7a6550 !important;
  -webkit-text-fill-color: #7a6550 !important;
}

.download-detail-page .download-rating__vote--up .download-rating__thumb {
  filter: drop-shadow(2px 3px 0 rgba(239,90,19,.18));
}

.download-detail-page .download-rating__vote--down .download-rating__thumb {
  filter: drop-shadow(2px 3px 0 rgba(80,60,40,.16));
}

@media (max-width: 680px) {
  .download-detail-page .download-rating__thumb {
    width: 80px;
    height: 80px;
    flex-basis: 80px;
  }

  .download-detail-page .download-rating__vote > strong,
  .download-detail-page .download-rating__vote--down > strong {
    font-size: 42px;
    min-width: 24px;
  }
}

/* ======================================================================
   V12.4.123 — DOWNLOAD-BEWERTUNG HOVER CLEANUP
   Kein hässlicher Schatten / kein Vergrößern des Kästchens.
   Nur das Icon darf bei Hover wachsen – und nur solange nicht abgestimmt wurde.
   ====================================================================== */

.download-detail-page .download-rating__vote,
.download-detail-page .download-rating__vote:hover,
.download-detail-page .download-rating__vote:focus-visible,
.download-detail-page .download-rating__vote.is-selected {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.download-detail-page .download-rating__vote {
  padding: 0 !important;
}

.download-detail-page .download-rating__thumb,
.download-detail-page .download-rating__thumb img {
  transition: transform .16s ease !important;
}

.download-detail-page .download-rating__vote:not(:disabled):not(.is-selected):hover .download-rating__thumb,
.download-detail-page .download-rating__vote:not(:disabled):not(.is-selected):focus-visible .download-rating__thumb,
.download-detail-page .download-rating__vote:not(:disabled):not(.is-selected):hover .download-rating__thumb img,
.download-detail-page .download-rating__vote:not(:disabled):not(.is-selected):focus-visible .download-rating__thumb img {
  transform: scale(1.12);
}

.download-detail-page .download-rating__vote:disabled .download-rating__thumb,
.download-detail-page .download-rating__vote:disabled .download-rating__thumb img,
.download-detail-page .download-rating__vote.is-selected .download-rating__thumb,
.download-detail-page .download-rating__vote.is-selected .download-rating__thumb img {
  transform: none !important;
}

/* ======================================================================
   V12.4.124 — DOWNLOAD-BEWERTUNG: NUR CREME-BILDRAHMEN / KEINE SCHATTEN
   - CSS-Doppelrahmen entfernt
   - nur der originale cremefarbene Bildrahmen bleibt
   - sämtliche Schatten am Kasten und an den Vote-Flächen entfernt
   - nur das Icon selbst wächst bei Hover, solange noch nicht abgestimmt wurde
   ====================================================================== */

/* Gesamter Bewertungskasten: NUR der cremefarbene Grafikrahmen. */
.download-detail-page .download-rating {
  --download-frame-width: 10px;
  box-sizing: border-box;
  border: var(--download-frame-width) solid transparent !important;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
  border-image-slice:53 !important;
  border-image-width: var(--download-frame-width) !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  outline: 0 !important;
  background: #ead7af !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Vote-Flächen vollständig neutral halten: kein Schatten, kein Rahmen,
   kein Vergrößern/Verschieben des Kästchens. */
.download-detail-page .download-rating__vote,
.download-detail-page .download-rating__vote:hover,
.download-detail-page .download-rating__vote:focus,
.download-detail-page .download-rating__vote:focus-visible,
.download-detail-page .download-rating__vote:active,
.download-detail-page .download-rating__vote.is-selected,
.download-detail-page .download-rating__vote:disabled {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Auch vom Icon selbst keine zusätzlichen CSS-Schatten. */
.download-detail-page .download-rating__thumb {
  filter: none !important;
  transform: none !important;
}

.download-detail-page .download-rating__thumb img {
  filter: none !important;
  transform: none;
  transition: transform .16s ease !important;
  transform-origin: center center;
}

/* Einziger Hover-Effekt: nur das eigentliche Icon wird größer.
   Sobald abgestimmt wurde, sind die Buttons disabled und dieser Selektor
   greift nicht mehr. */
.download-detail-page .download-rating__vote:not(:disabled):not(.is-selected):hover .download-rating__thumb img,
.download-detail-page .download-rating__vote:not(:disabled):not(.is-selected):focus-visible .download-rating__thumb img {
  transform: scale(1.12);
}

.download-detail-page .download-rating__vote:disabled .download-rating__thumb img,
.download-detail-page .download-rating__vote.is-selected .download-rating__thumb img {
  transform: none !important;
}

@media (max-width: 680px) {
  .download-detail-page .download-rating {
    --download-frame-width: 8px;
    outline: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

/* ======================================================================
   V12.4.125 — DOWNLOAD-BEWERTUNG SCHATTEN-HARDFIX
   - Cache-Buster wird in download.php aktualisiert
   - kein Button-Kästchen, kein Schatten, kein Rahmen um einzelne Votes
   - nur cremefarbener Grafikrahmen um die GESAMTE Bewertungsbox
   - beim Hover wächst ausschließlich das Icon, nur vor der Abstimmung
   ====================================================================== */

/* Nur der cremefarbene Bildrahmen um die komplette Bewertungsbox. */
.download-detail-page .download-rating {
  --download-frame-width: 10px !important;
  border: var(--download-frame-width) solid transparent !important;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
  border-image-slice:53 !important;
  border-image-width: var(--download-frame-width) !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  outline: 0 !important;
  background: #ead7af !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* WIRKLICH sämtliche Button-Flächen und Schatten entfernen. */
.download-detail-page .download-rating__form button.download-rating__vote,
.download-detail-page .download-rating__form button.download-rating__vote:hover,
.download-detail-page .download-rating__form button.download-rating__vote:focus,
.download-detail-page .download-rating__form button.download-rating__vote:focus-visible,
.download-detail-page .download-rating__form button.download-rating__vote:active,
.download-detail-page .download-rating__form button.download-rating__vote:disabled,
.download-detail-page .download-rating__form button.download-rating__vote.is-selected {
  -webkit-appearance: none !important;
  appearance: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  transform: none !important;
  clip-path: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.download-detail-page .download-rating__form button.download-rating__vote::before,
.download-detail-page .download-rating__form button.download-rating__vote::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  background: none !important;
  filter: none !important;
}

/* Keine Schatten auf Icon, Icon-Wrapper oder Zahl. */
.download-detail-page .download-rating__thumb,
.download-detail-page .download-rating__thumb img,
.download-detail-page .download-rating__vote > strong,
.download-detail-page .download-rating__vote--down > strong {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

.download-detail-page .download-rating__thumb {
  transform: none !important;
}

.download-detail-page .download-rating__thumb img {
  transform: none !important;
  transition: transform .16s ease !important;
  transform-origin: center center !important;
}

/* Einziger Hover-Effekt: nur das Bild selbst wächst, solange noch nicht gewählt. */
.download-detail-page .download-rating__form button.download-rating__vote:not(:disabled):not(.is-selected):hover .download-rating__thumb img,
.download-detail-page .download-rating__form button.download-rating__vote:not(:disabled):not(.is-selected):focus-visible .download-rating__thumb img {
  transform: scale(1.12) !important;
}

.download-detail-page .download-rating__form button.download-rating__vote:disabled .download-rating__thumb img,
.download-detail-page .download-rating__form button.download-rating__vote.is-selected .download-rating__thumb img {
  transform: none !important;
}

@media (max-width: 680px) {
  .download-detail-page .download-rating {
    --download-frame-width: 8px !important;
  }
}

/* ======================================================================
   V12.4.126 — DOWNLOAD-BEWERTUNG: RAHMEN EXAKT WIE VERSION
   - kein zusätzlicher Außenrand / kein CSS-Outline
   - nur der cremefarbene Bildrahmen wie beim VERSION-Kästchen
   - keine Schatten am Kasten oder an den Vote-Elementen
   ====================================================================== */
.download-detail-page .download-rating {
  --download-frame-width: 10px !important;
  position: relative !important;
  box-sizing: border-box !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border: var(--download-frame-width) solid transparent !important;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
  border-image-slice:53 !important;
  border-image-width: var(--download-frame-width) !important;
  border-image-outset: 0 !important;
  border-image-repeat: stretch !important;
  outline: none !important;
  outline-offset: 0 !important;
  background: #ead7af !important;
  background-clip: padding-box !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.download-detail-page .download-rating::before,
.download-detail-page .download-rating::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

/* Vote-Bereiche komplett ohne eigenen Rand/Schatten. */
.download-detail-page .download-rating__form button.download-rating__vote,
.download-detail-page .download-rating__form button.download-rating__vote:hover,
.download-detail-page .download-rating__form button.download-rating__vote:focus,
.download-detail-page .download-rating__form button.download-rating__vote:focus-visible,
.download-detail-page .download-rating__form button.download-rating__vote:active,
.download-detail-page .download-rating__form button.download-rating__vote:disabled,
.download-detail-page .download-rating__form button.download-rating__vote.is-selected {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  filter: none !important;
  transform: none !important;
}

/* Nur das Icon darf bei Hover wachsen – ausschließlich vor der Abstimmung. */
.download-detail-page .download-rating__thumb,
.download-detail-page .download-rating__thumb img {
  box-shadow: none !important;
  filter: none !important;
}

.download-detail-page .download-rating__thumb img {
  transform: none !important;
  transition: transform .16s ease !important;
  transform-origin: center center !important;
}

.download-detail-page .download-rating__form button.download-rating__vote:not(:disabled):not(.is-selected):hover .download-rating__thumb img,
.download-detail-page .download-rating__form button.download-rating__vote:not(:disabled):not(.is-selected):focus-visible .download-rating__thumb img {
  transform: scale(1.12) !important;
}

.download-detail-page .download-rating__form button.download-rating__vote:disabled .download-rating__thumb img,
.download-detail-page .download-rating__form button.download-rating__vote.is-selected .download-rating__thumb img {
  transform: none !important;
}

@media (max-width: 680px) {
  .download-detail-page .download-rating {
    --download-frame-width: 8px !important;
  }
}

/* ======================================================================
   V12.4.128 — NACH ABSTIMMUNG GEGENSTIMME VERBLASST
   Der gewählte Daumen bleibt normal sichtbar. Der jeweils andere Daumen
   und seine Zahl werden deaktiviert und deutlich ausgeblendet.
   ====================================================================== */
.download-detail-page [data-download-rating] .download-rating__vote,
.download-detail-page [data-download-rating] .download-rating__thumb img,
.download-detail-page [data-download-rating] .download-rating__vote > strong {
  transition: opacity .20s ease, transform .16s ease, filter .20s ease !important;
}

/* Gewählte Seite bleibt voll sichtbar. */
.download-detail-page [data-download-rating][data-user-vote="up"] .download-rating__vote--up,
.download-detail-page [data-download-rating][data-user-vote="down"] .download-rating__vote--down {
  opacity: 1 !important;
}

.download-detail-page [data-download-rating][data-user-vote="up"] .download-rating__vote--up .download-rating__thumb img,
.download-detail-page [data-download-rating][data-user-vote="down"] .download-rating__vote--down .download-rating__thumb img,
.download-detail-page [data-download-rating][data-user-vote="up"] .download-rating__vote--up > strong,
.download-detail-page [data-download-rating][data-user-vote="down"] .download-rating__vote--down > strong {
  opacity: 1 !important;
  filter: none !important;
}

/* Die nicht gewählte Seite wird klar deaktiviert/verblasst. */
.download-detail-page [data-download-rating][data-user-vote="up"] .download-rating__vote--down,
.download-detail-page [data-download-rating][data-user-vote="down"] .download-rating__vote--up {
  opacity: .34 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.download-detail-page [data-download-rating][data-user-vote="up"] .download-rating__vote--down .download-rating__thumb img,
.download-detail-page [data-download-rating][data-user-vote="down"] .download-rating__vote--up .download-rating__thumb img {
  opacity: .38 !important;
  filter: grayscale(.75) saturate(.25) !important;
  transform: none !important;
}

.download-detail-page [data-download-rating][data-user-vote="up"] .download-rating__vote--down > strong,
.download-detail-page [data-download-rating][data-user-vote="down"] .download-rating__vote--up > strong {
  opacity: .42 !important;
}

/* Nach einer Abstimmung gibt es auf beiden Daumen keinerlei Hover-Zoom mehr. */
.download-detail-page [data-download-rating][data-user-vote="up"] .download-rating__thumb img,
.download-detail-page [data-download-rating][data-user-vote="down"] .download-rating__thumb img {
  transform: none !important;
}

/* ========================================================================
   V12.4.130 — SPENDENSEITE
   ======================================================================== */
.donation-page{background:#090705;color:#eadfc8}
.donation-header{position:relative;overflow:hidden;min-height:760px;border-bottom:5px solid #ef5a13;background:radial-gradient(circle at 78% 24%,rgba(239,90,19,.12),transparent 32%),linear-gradient(180deg,#080705,#0b0907 88%)}
.donation-header:after{content:"";position:absolute;inset:auto 0 0;height:84px;background:linear-gradient(176deg,transparent 49%,#090705 50%);pointer-events:none}
.donation-page .dlx-nav{position:relative;z-index:6}
.donation-page .dlx-nav nav a.active{color:#ef5a13}
.donation-hero{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);align-items:center;gap:48px;min-height:650px;padding-top:38px;padding-bottom:100px}
.donation-hero__copy{max-width:760px}
.donation-kicker{display:inline-block;padding-left:13px;border-left:6px solid #ef5a13;color:#ef5a13;font:900 14px/1 Arial,sans-serif;letter-spacing:3.2px}
.donation-page .donation-hero .dlx-header-title{margin:22px 0 24px;max-width:760px;font-size:clamp(64px,7.2vw,112px);line-height:.81;transform:none}
.donation-page .donation-hero .dlx-header-title>span,.donation-page .donation-hero .dlx-header-title>em{width:auto;padding:0;background:transparent;filter:none;white-space:normal}
.donation-hero__copy>p{max-width:670px;margin:0;color:#d5c4a7;font:700 17px/1.7 Arial,sans-serif}
.donation-hero__copy>strong{display:block;max-width:650px;margin-top:20px;color:#efb27b;font:900 13px/1.45 Arial,sans-serif;letter-spacing:1px}
.donation-hero__actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:28px}
.donation-hero__actions .dx2-button{margin:0}
.donation-secondary{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:12px 18px;border:1px solid #6b452b;color:#e8d8ba!important;background:#100c09;font:900 16px/1 "Dixieland Anton",Impact,sans-serif;box-shadow:5px 5px 0 #000}
.donation-secondary:hover{border-color:#ef5a13;color:#fff!important}
.donation-hero__art{position:relative;align-self:end;margin:0;min-height:520px;overflow:hidden}
.donation-hero__art:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,#090705 0%,rgba(9,7,5,.22) 28%,transparent 55%),linear-gradient(180deg,transparent 70%,#090705 100%);pointer-events:none}
.donation-hero__art img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:62% 48%;filter:saturate(.94) contrast(1.05)}
.donation-uses{padding:80px 0 72px;background:radial-gradient(circle at 50% 0,rgba(239,90,19,.06),transparent 38%)}
.donation-section-head{max-width:880px;margin-bottom:34px}
.donation-section-head small{display:block;margin-bottom:10px;color:#ef5a13;font:900 11px/1 Arial,sans-serif;letter-spacing:3px}
.donation-section-head h2{margin:0;color:#ead7af;font:900 clamp(42px,5.2vw,70px)/.9 "Dixieland Anton",Impact,sans-serif}
.donation-section-head p{max-width:760px;margin:16px 0 0;color:#a99578;font:700 15px/1.65 Arial,sans-serif}
.donation-section-head--center{max-width:860px;margin-inline:auto;text-align:center}
.donation-section-head--center p{margin-inline:auto}
.donation-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.donation-use-grid article{position:relative;min-height:190px;padding:24px 22px;border-top:3px solid #ef5a13;background:linear-gradient(180deg,#17120e,#0f0c09);box-shadow:6px 7px 0 #000}
.donation-use-grid article>b{color:#ef5a13;font:900 11px/1 Arial,sans-serif;letter-spacing:2px}
.donation-use-grid h3{margin:14px 0 9px;color:#ead7af;font:900 27px/1 "Dixieland Anton",Impact,sans-serif}
.donation-use-grid p{margin:0;color:#9f8d73;font:700 13px/1.55 Arial,sans-serif}
.donation-support{padding-top:84px;padding-bottom:90px}
.donation-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.donation-method{position:relative;display:flex;min-height:420px;flex-direction:column;padding:36px 34px 32px;background:#12100d;border:10px solid transparent;border-image-source:url("assets/dx2/frame-orange-grunge-v4.png?v=12.4.213");border-image-slice:53;border-image-width:10px;border-image-repeat:stretch;box-shadow:9px 10px 0 #000}
.donation-method__brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.donation-method__brand span{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:#f2e1bb;color:#ef5a13;font:900 29px/1 Arial,sans-serif}
.donation-method__brand strong{color:#f0dfbb;font:900 44px/1 Arial,sans-serif;letter-spacing:-2px}
.donation-method--paypal .donation-method__brand span{background:#102f5f;color:#2b86d9}
.donation-method--paypal .donation-method__brand strong{color:#59a8ea}
.donation-method h3{margin:0;color:#ef5a13;font:900 31px/.95 "Dixieland Anton",Impact,sans-serif}
.donation-method>p{margin:17px 0 18px;color:#b7a589;font:700 14px/1.6 Arial,sans-serif}
.donation-method ul{display:grid;gap:9px;margin:0 0 26px;padding:0;list-style:none;color:#d4c4a8;font:700 12px/1.4 Arial,sans-serif}
.donation-method li:before{content:"✓";margin-right:8px;color:#ef5a13;font-weight:900}
.donation-method__button{margin-top:auto!important;align-self:flex-start}
.donation-method__button.is-disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
.donation-config-note{margin-top:20px;padding:15px 18px;border-left:4px solid #ef5a13;background:#17110d;color:#bca98b;font:700 12px/1.55 Arial,sans-serif}
.donation-config-note b{color:#ef5a13}
.donation-config-note code{color:#f1dfbb}
.donation-thanks{padding:54px 0;background:radial-gradient(circle at 82% 50%,rgba(239,90,19,.11),transparent 28%),linear-gradient(180deg,#100c09,#0b0907);border-block:1px solid #3d2a1d}
.donation-thanks__inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.donation-thanks small{color:#ef5a13;font:900 10px/1 Arial,sans-serif;letter-spacing:2.5px}
.donation-thanks h2{margin:10px 0;color:#ead7af;font:900 clamp(42px,5vw,68px)/.9 "Dixieland Anton",Impact,sans-serif}
.donation-thanks p{max-width:680px;margin:0;color:#a99578;font:700 15px/1.65 Arial,sans-serif}
.donation-thanks strong{display:block;margin-top:15px;color:#ef5a13;font:900 15px/1.2 Arial,sans-serif;letter-spacing:.7px}
.donation-thanks__stamp{display:grid;width:170px;height:170px;place-items:center;flex:none;border:4px solid #ef5a13;border-radius:50%;color:#ead7af;text-align:center;font:900 27px/.95 "Dixieland Anton",Impact,sans-serif;transform:rotate(-6deg);box-shadow:inset 0 0 0 6px #090705,0 0 0 2px #ead7af}
.donation-legal-note{padding-top:28px;padding-bottom:55px}
.donation-legal-note p{margin:0;padding:15px 18px;border-left:3px solid #7d5638;background:#100c09;color:#8f7f69;font:700 11px/1.55 Arial,sans-serif}
.donation-legal-note b{color:#dca06f}
@media(max-width:1050px){.donation-hero{grid-template-columns:1fr;gap:10px}.donation-hero__copy{max-width:820px}.donation-hero__art{max-width:760px;min-height:400px}.donation-hero__art img{min-height:400px}.donation-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.donation-header{min-height:930px}.donation-hero{padding-top:60px}.donation-page .donation-hero .dlx-header-title{font-size:clamp(54px,15vw,78px)}.donation-hero__actions{align-items:stretch;flex-direction:column}.donation-hero__actions a{width:100%;text-align:center}.donation-methods{grid-template-columns:1fr}.donation-thanks__inner{align-items:flex-start;flex-direction:column}.donation-thanks__stamp{width:130px;height:130px;font-size:22px}}
@media(max-width:560px){.donation-use-grid{grid-template-columns:1fr}.donation-method{padding:28px 23px 25px}.donation-method__brand strong{font-size:36px}.donation-hero__art{min-height:330px}.donation-hero__art img{min-height:330px}.donation-section-head h2{font-size:46px}}

/* ======================================================================
   V12.4.161 — STARTSEITE: STREAMING PANEL-HINTERGRUND
   Streaming bekommt rechts dieselbe dunkle Grunge-Papiertextur wie die
   übrigen Markt-Kacheln. Nur die Textfläche wird angepasst.
   ====================================================================== */
.dx2-market--streaming .dx2-market__copy {
  background-image: url("assets/dx2/market-panel-clothing-texture-v7.webp");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* ========================================================================== 
   V12.4.177 — PROJEKTE STARTSEITE / DIXIELAND PINBOARD
   Inspiriert vom angepinnten Blog-Look: Werkstattbrett, Papier, Pins, Tape.
   ========================================================================== */
.projects-pinboard-page {
  background:
    radial-gradient(circle at 10% 16%, rgba(239,90,19,.08), transparent 24%),
    radial-gradient(circle at 88% 52%, rgba(239,90,19,.06), transparent 22%),
    #090806;
  color:#f0dfbb;
}
.projects-pinboard-page .sr-only {
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.projects-pinboard-page .dlx { overflow:hidden; }
.projects-pinboard-page .dlx-nav { position:relative; z-index:20; }
.projects-pinboard-page .dlx-nav nav a.active { color:#ef5a13; }

.projects-pin-hero {
  position:relative;
  min-height:650px;
  border-bottom:3px solid #ef5a13;
  background:
    linear-gradient(90deg, rgba(7,6,5,.96) 0%, rgba(7,6,5,.68) 45%, rgba(7,6,5,.28) 73%, rgba(7,6,5,.58) 100%),
    radial-gradient(circle at 74% 28%, rgba(239,90,19,.20), transparent 28%),
    url("assets/dx2/gallery-workshop.webp") center 48%/cover no-repeat;
  isolation:isolate;
}
.projects-pin-hero::before {
  content:"";
  position:absolute;
  inset:68px 0 0;
  background:
    radial-gradient(circle at 6% 30%, rgba(239,90,19,.34) 0 2px, transparent 3px),
    radial-gradient(circle at 4% 42%, rgba(239,90,19,.22) 0 1.5px, transparent 2.5px),
    linear-gradient(180deg, transparent 82%, rgba(0,0,0,.72));
  background-size:55px 55px, 83px 83px, auto;
  opacity:.55;
  pointer-events:none;
  z-index:-1;
}
.projects-pin-hero::after {
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:48px;
  background:linear-gradient(178deg, transparent 49%, #090806 51%);
  pointer-events:none;
}
.projects-pin-hero__board {
  min-height:555px;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(190px,.42fr) minmax(360px,.82fr);
  gap:34px;
  align-items:center;
  padding-top:50px;
  padding-bottom:70px;
  position:relative;
  z-index:3;
}
.projects-pin-title {
  position:relative;
  padding:30px 34px 34px;
  border:3px solid #34251a;
  background:
    linear-gradient(180deg, rgba(14,12,10,.83), rgba(8,7,6,.94)),
    radial-gradient(circle at 30% 10%, rgba(239,90,19,.10), transparent 38%);
  box-shadow:10px 11px 0 rgba(0,0,0,.72), inset 0 0 0 1px rgba(234,215,175,.07);
  transform:rotate(-.65deg);
}
.projects-pin-title::before,
.projects-pin-title::after {
  content:"";
  position:absolute;
  top:10px;
  width:17px;height:17px;border-radius:50%;
  background:radial-gradient(circle at 37% 30%, #dfdfd9 0 11%, #77746b 31%, #2d2a25 62%, #0d0c0a 72%);
  box-shadow:0 3px 4px #000;
}
.projects-pin-title::before { left:16px; }
.projects-pin-title::after { right:16px; }
.projects-pin-title > span {
  display:block;
  margin-bottom:20px;
  padding-left:10px;
  color:#ef5a13;
  font:900 13px/1 Arial,sans-serif;
  letter-spacing:3.4px;
}
.projects-pin-title h1 {
  margin:0;
  font:900 clamp(65px,7.25vw,114px)/.79 "Dixieland Anton",Impact,sans-serif;
  letter-spacing:-2px;
  text-transform:uppercase;
  text-shadow:6px 7px 0 #000;
}
.projects-pin-title h1 b,
.projects-pin-title h1 em { display:block; font-style:normal; }
.projects-pin-title h1 b { color:#ead7af; }
.projects-pin-title h1 em { color:#ef5a13; }
.projects-pin-title p {
  max-width:650px;
  margin:25px 0 0;
  color:#d1bd99;
  font:700 15px/1.58 Arial,sans-serif;
}

.projects-pin-note {
  position:relative;
  background:
    linear-gradient(rgba(234,215,175,.92),rgba(234,215,175,.92)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  color:#17100b;
  border:1px solid #725842;
  box-shadow:8px 10px 0 rgba(0,0,0,.64);
}
.projects-pin-note__pin,
.projects-pin-stats__pin {
  position:absolute;
  z-index:5;
  top:-10px;
  left:50%;
  width:22px;height:22px;
  border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle at 37% 30%, #e7e4d9 0 8%, #77746b 28%, #37322c 62%, #0d0c0a 74%);
  box-shadow:0 4px 4px rgba(0,0,0,.75);
}
.projects-pin-note--hero {
  min-height:270px;
  padding:42px 27px 24px;
  transform:rotate(1.8deg);
  clip-path:polygon(2% 0,98% 1%,100% 96%,91% 98%,83% 96%,72% 99%,61% 97%,51% 100%,38% 97%,26% 99%,14% 96%,0 98%);
}
.projects-pin-note--hero p {
  margin:0;
  font:700 20px/1.4 Georgia,serif;
  font-style:italic;
}
.projects-pin-note--hero strong {
  display:block;
  position:absolute;
  right:20px;
  bottom:18px;
  color:rgba(79,58,41,.28);
  font:900 29px/.85 "Dixieland Anton",Impact,sans-serif;
  transform:rotate(-9deg);
  text-align:center;
}

.projects-pin-stats {
  position:relative;
  padding:27px 24px 24px;
  color:#17100b;
  border:3px solid #17100b;
  outline:3px solid #e9d9b9;
  background:
    linear-gradient(rgba(235,218,183,.96),rgba(235,218,183,.96)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  box-shadow:11px 13px 0 rgba(0,0,0,.68);
  transform:rotate(.8deg);
}
.projects-pin-stats > b {
  display:block;
  margin:0 0 23px;
  color:#ef5a13;
  font:900 13px/1 Arial,sans-serif;
  letter-spacing:2px;
}
.projects-pin-stats__grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:2px solid #221a14;
  border-bottom:2px solid #221a14;
}
.projects-pin-stats__grid > div {
  min-width:0;
  padding:17px 8px 15px;
  text-align:center;
  border-right:1px dashed rgba(23,16,11,.42);
}
.projects-pin-stats__grid > div:last-child { border-right:0; }
.projects-pin-stats__grid span {
  display:block;
  min-height:27px;
  font:900 25px/1 Arial,sans-serif;
}
.projects-pin-stats__grid small {
  display:block;
  margin-top:8px;
  font:900 8px/1 Arial,sans-serif;
  letter-spacing:.6px;
}
.projects-pin-stats__grid strong {
  display:block;
  margin-top:8px;
  font:900 clamp(24px,2.3vw,38px)/.9 "Dixieland Anton",Impact,sans-serif;
}
.projects-pin-stats__grid em {
  display:block;
  margin-top:5px;
  color:#5d4b36;
  font:700 10px/1 Georgia,serif;
}

.projects-pin-categories {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:12px;
  margin-top:18px;
  margin-bottom:16px;
  position:relative;
  z-index:6;
}
.projects-pin-category {
  position:relative;
  min-height:110px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:7px;
  padding:15px 12px 13px;
  color:#ead7af!important;
  text-align:center;
  border:2px solid #6a4c34;
  background:
    linear-gradient(180deg,rgba(31,24,18,.94),rgba(10,9,7,.98)),
    radial-gradient(circle at 50% 0,rgba(239,90,19,.16),transparent 40%);
  box-shadow:5px 6px 0 #000, inset 0 0 0 1px rgba(234,215,175,.08);
  transform:rotate(var(--pin-rot,-.45deg));
  transition:transform .18s ease,filter .18s ease,border-color .18s ease;
}
.projects-pin-category:nth-child(even){ --pin-rot:.35deg; }
.projects-pin-category:nth-child(3n){ --pin-rot:-.75deg; }
.projects-pin-category::before {
  content:"";
  position:absolute;
  top:-7px;left:50%;
  width:14px;height:14px;border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle at 35% 30%,#f0d9bc 0 10%,#b85c2c 35%,#5a2c19 69%,#160d09 76%);
  box-shadow:0 3px 3px #000;
}
.projects-pin-category i {
  display:block;
  color:#f4e4c2;
  font:900 28px/1 Arial,sans-serif;
  font-style:normal;
}
.projects-pin-category strong {
  color:#f0dfbb;
  font:900 20px/.95 "Dixieland Anton",Impact,sans-serif;
  letter-spacing:.2px;
}
.projects-pin-category span {
  color:#ef5a13;
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:.8px;
}
.projects-pin-category:hover,
.projects-pin-category:focus-visible {
  transform:translateY(-3px) rotate(0deg);
  filter:brightness(1.08);
  outline:0;
}
.projects-pin-category.is-active {
  border-color:#ef5a13;
  box-shadow:0 0 0 2px rgba(239,90,19,.28),6px 7px 0 #000;
  background:
    linear-gradient(180deg,rgba(62,31,16,.95),rgba(16,10,7,.98)),
    radial-gradient(circle at 50% 5%,rgba(239,90,19,.34),transparent 42%);
}

.projects-pin-filter {
  margin-top:18px;
  margin-bottom:22px;
}
.projects-pin-filter form {
  display:grid;
  grid-template-columns:auto minmax(150px,.62fr) minmax(150px,.62fr) minmax(150px,.62fr) minmax(280px,1.35fr) auto;
  gap:10px;
  align-items:center;
  padding:10px 11px;
  border:1px solid #3d2b1e;
  background:rgba(8,7,6,.86);
  box-shadow:0 3px 0 #000;
}
.projects-pin-filter__label {
  padding:0 7px;
  color:#a98d6e;
  font:900 10px/1 Arial,sans-serif;
  letter-spacing:1.5px;
}
.projects-pin-filter select,
.projects-pin-filter input {
  width:100%;height:42px;
  border:1px solid #513820;
  border-radius:0;
  outline:0;
  background:#0d0b09;
  color:#d7c5a6;
  padding:0 12px;
  font:800 11px/1 Arial,sans-serif;
}
.projects-pin-filter select:focus,
.projects-pin-filter input:focus { border-color:#ef5a13; }
.projects-pin-filter__search { display:grid;grid-template-columns:1fr auto; }
.projects-pin-filter button,
.projects-pin-filter__reset {
  min-height:42px;
  border:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  background:#ef5a13;
  color:#090806!important;
  font:900 18px/1 "Dixieland Anton",Impact,sans-serif;
  cursor:pointer;
  box-shadow:3px 3px 0 #000;
}
.projects-pin-filter__reset { padding-inline:13px;background:#d8c29c;font-size:14px; }

.projects-pin-content { padding-top:15px; padding-bottom:78px; }
.projects-pin-content__head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin:24px 0 28px;
  padding-bottom:11px;
  border-bottom:1px solid #39271c;
}
.projects-pin-content__head small {
  display:block;
  color:#ef5a13;
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:2.2px;
}
.projects-pin-content__head h2 {
  margin:6px 0 2px;
  color:#ead7af;
  font:900 clamp(36px,4.2vw,62px)/.9 "Dixieland Anton",Impact,sans-serif;
}
.projects-pin-content__head p {
  margin:0;
  color:#9d896d;
  font:700 11px/1.45 Arial,sans-serif;
}
.projects-pin-content__head > span {
  flex:0 0 auto;
  color:#c9b28e;
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:1px;
}

.projects-pin-feature-row {
  display:grid;
  grid-template-columns:minmax(0,1.85fr) minmax(280px,.95fr);
  gap:25px;
  align-items:start;
  margin-bottom:28px;
}
.project-pin-card {
  position:relative;
  display:block;
  break-inside:avoid;
  margin:0 0 24px;
  padding:9px;
  background:
    linear-gradient(rgba(234,215,175,.98),rgba(234,215,175,.98)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  color:#17100b;
  border:2px solid #503a29;
  box-shadow:7px 9px 0 rgba(0,0,0,.76);
  transform:rotate(var(--card-rot,-.35deg));
  transition:transform .18s ease,filter .18s ease;
  overflow:visible;
}
.project-pin-card:nth-child(even){ --card-rot:.45deg; }
.project-pin-card:nth-child(3n){ --card-rot:-.7deg; }
.project-pin-card::before {
  content:"";
  position:absolute;
  z-index:8;
  top:-10px;left:50%;
  width:20px;height:20px;
  border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle at 36% 28%,#ead9c0 0 9%,#d0642d 33%,#71351d 66%,#1b0e09 75%);
  box-shadow:0 4px 4px rgba(0,0,0,.78);
}
.project-pin-card:nth-child(2n)::before {
  background:radial-gradient(circle at 36% 28%,#efeee7 0 9%,#7a7770 34%,#34322e 66%,#0c0b0a 76%);
}
.project-pin-card::after {
  content:"";
  position:absolute;
  z-index:7;
  width:86px;height:25px;
  top:-9px;left:18px;
  background:rgba(211,185,134,.58);
  box-shadow:inset 0 0 9px rgba(87,55,28,.22);
  transform:rotate(-5deg);
  opacity:.72;
  pointer-events:none;
}
.project-pin-card:nth-child(2n)::after { left:auto;right:18px;transform:rotate(5deg); }
.project-pin-card:hover {
  transform:translateY(-3px) rotate(0deg);
  filter:brightness(1.02);
}
.project-pin-card__link { display:block;color:inherit!important; }
.project-pin-card__media {
  position:relative;
  height:215px;
  overflow:hidden;
  background:#120f0c;
  border:1px solid rgba(26,18,12,.75);
}
.project-pin-card__media img {
  display:block;
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.82) contrast(1.06);
  transition:transform .3s ease,filter .3s ease;
}
.project-pin-card:hover .project-pin-card__media img { transform:scale(1.025);filter:saturate(.98) contrast(1.06); }
.project-pin-card__status {
  position:absolute;
  left:10px;top:10px;
  padding:7px 9px;
  background:#ef5a13;
  color:#100b07;
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:1px;
  box-shadow:2px 2px 0 rgba(0,0,0,.6);
}
.project-pin-card__body { padding:15px 10px 8px; }
.project-pin-card__meta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#4d3928;
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:.45px;
  text-transform:uppercase;
}
.project-pin-card__meta > span { color:#ef5a13; }
.project-pin-card h2 {
  margin:11px 0 8px!important;
  color:#17100b!important;
  -webkit-text-fill-color:#17100b!important;
  font:900 clamp(27px,2.1vw,37px)/.93 "Dixieland Anton",Impact,sans-serif!important;
  letter-spacing:-.15px!important;
  text-shadow:none!important;
  text-transform:uppercase!important;
}
.project-pin-card p {
  margin:0 0 13px;
  color:#4f3f31;
  font:700 12px/1.42 Arial,sans-serif;
}
.project-pin-card__facts {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:5px;
}
.project-pin-card__facts span {
  padding:5px 7px;
  border:1px solid rgba(23,16,11,.7);
  color:#33261c;
  font:900 8px/1 Arial,sans-serif;
}
.project-pin-card__body > strong {
  display:block;
  margin-top:13px;
  color:#ef5a13;
  text-align:right;
  font:900 14px/1 "Dixieland Anton",Impact,sans-serif;
}

.project-pin-card--feature { padding:10px; }
.project-pin-card--feature .project-pin-card__link {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  min-height:330px;
}
.project-pin-card--feature .project-pin-card__media { height:100%;min-height:330px; }
.project-pin-card--feature .project-pin-card__body { display:flex;flex-direction:column;padding:27px 24px 18px; }
.project-pin-card--feature h2 { font-size:clamp(36px,3.25vw,56px)!important; }
.project-pin-card--feature p { font-size:13px;line-height:1.5; }
.project-pin-card--feature .project-pin-card__facts { margin-top:auto; }
.project-pin-card--side .project-pin-card__media { height:285px; }

.projects-pin-masonry {
  column-count:3;
  column-gap:24px;
  margin-top:0;
}
.projects-pin-masonry > * { width:100%;display:inline-block;vertical-align:top; }
.projects-pin-masonry .project-pin-card:nth-of-type(4n+1) .project-pin-card__media { height:250px; }
.projects-pin-masonry .project-pin-card:nth-of-type(4n+2) .project-pin-card__media { height:195px; }
.projects-pin-masonry .project-pin-card:nth-of-type(4n+3) .project-pin-card__media { height:230px; }
.projects-pin-masonry .project-pin-card--wide-feel .project-pin-card__media { height:280px; }

.projects-pin-note--quote {
  break-inside:avoid;
  display:inline-block;
  width:calc(100% - 6px);
  margin:4px 3px 27px;
  padding:35px 27px 30px;
  text-align:center;
  transform:rotate(1.3deg);
  clip-path:polygon(1% 2%,99% 0,98% 95%,89% 98%,77% 96%,68% 100%,57% 97%,45% 99%,32% 96%,20% 99%,7% 96%,0 98%);
}
.projects-pin-note--quote-alt { transform:rotate(-1.2deg); }
.projects-pin-note--quote > b {
  display:block;
  height:38px;
  color:#ef5a13;
  font:900 58px/.65 Georgia,serif;
}
.projects-pin-note--quote p {
  margin:8px 0 18px;
  color:#2a1f17;
  font:700 18px/1.45 Georgia,serif;
  font-style:italic;
}
.projects-pin-note--quote > strong {
  color:#5e4736;
  font:700 11px/1 Arial,sans-serif;
}

.projects-pin-empty { margin-top:20px; }
.projects-pin-empty .gallery-cta { margin-top:22px; }

.projects-pin-cta {
  position:relative;
  border-top:3px solid #ef5a13;
  border-bottom:3px solid #ef5a13;
  background:
    linear-gradient(rgba(233,215,179,.97),rgba(233,215,179,.97)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  color:#17100b;
}
.projects-pin-cta > div {
  min-height:188px;
  position:relative;
  display:grid;
  grid-template-columns:1fr auto 150px;
  align-items:center;
  gap:35px;
  padding-top:28px;
  padding-bottom:28px;
}
.projects-pin-cta small {
  display:block;
  color:#ef5a13;
  font:900 10px/1 Arial,sans-serif;
  letter-spacing:2px;
}
.projects-pin-cta h2 {
  margin:8px 0 7px;
  color:#17100b;
  font:900 clamp(38px,4vw,61px)/.9 "Dixieland Anton",Impact,sans-serif;
}
.projects-pin-cta p {
  max-width:700px;
  margin:0;
  color:#4f3d2d;
  font:700 13px/1.45 Arial,sans-serif;
}
.projects-pin-cta a {
  display:inline-flex;
  min-height:55px;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  background:#ef5a13;
  color:#0b0806!important;
  border:2px solid #23170f;
  box-shadow:5px 5px 0 rgba(0,0,0,.62);
  font:900 19px/1 "Dixieland Anton",Impact,sans-serif;
}
.projects-pin-cta__stamp {
  color:rgba(104,70,45,.28);
  text-align:center;
  font:900 32px/.85 "Dixieland Anton",Impact,sans-serif;
  transform:rotate(7deg);
}

@media (max-width:1180px) {
  .projects-pin-hero__board { grid-template-columns:1.1fr .5fr; }
  .projects-pin-stats { grid-column:1 / -1; max-width:760px; justify-self:center; width:100%; }
  .projects-pin-hero { min-height:850px; }
  .projects-pin-feature-row { grid-template-columns:1.5fr .9fr; }
  .projects-pin-masonry { column-count:2; }
  .projects-pin-filter form { grid-template-columns:auto 1fr 1fr 1fr; }
  .projects-pin-filter__search { grid-column:2 / -1; }
  .projects-pin-filter__reset { grid-column:1 / 2; grid-row:2; }
}

@media (max-width:860px) {
  .projects-pin-hero { min-height:990px; }
  .projects-pin-hero__board { grid-template-columns:1fr; gap:24px; padding-top:45px; }
  .projects-pin-note--hero { max-width:430px; min-height:220px; }
  .projects-pin-stats { grid-column:auto; max-width:none; }
  .projects-pin-title h1 { font-size:clamp(62px,14vw,96px); }
  .projects-pin-feature-row { grid-template-columns:1fr; }
  .project-pin-card--feature .project-pin-card__link { grid-template-columns:1fr; }
  .project-pin-card--feature .project-pin-card__media { min-height:300px; height:300px; }
  .project-pin-card--side .project-pin-card__media { height:260px; }
  .projects-pin-masonry { column-count:2; }
  .projects-pin-cta > div { grid-template-columns:1fr auto; }
  .projects-pin-cta__stamp { display:none; }
}

@media (max-width:660px) {
  .projects-pin-hero { min-height:1040px; }
  .projects-pin-hero__board { padding-bottom:60px; }
  .projects-pin-title { padding:27px 20px 25px; }
  .projects-pin-title > span { font-size:10px;letter-spacing:2px; }
  .projects-pin-title h1 { font-size:clamp(56px,19vw,82px); }
  .projects-pin-title p { font-size:13px; }
  .projects-pin-note--hero { min-height:190px;padding:35px 22px 24px; }
  .projects-pin-note--hero p { font-size:17px; }
  .projects-pin-stats { padding:23px 14px 18px; }
  .projects-pin-stats__grid { grid-template-columns:repeat(2,1fr); }
  .projects-pin-stats__grid > div:nth-child(2) { border-right:0; }
  .projects-pin-stats__grid > div:nth-child(-n+2) { border-bottom:1px dashed rgba(23,16,11,.42); }
  .projects-pin-categories { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .projects-pin-category { min-height:100px; }
  .projects-pin-filter form { grid-template-columns:1fr; }
  .projects-pin-filter__label { padding:4px 3px; }
  .projects-pin-filter__search { grid-column:auto; }
  .projects-pin-filter__reset { grid-column:auto;grid-row:auto; }
  .projects-pin-content__head { align-items:flex-start;flex-direction:column;gap:8px; }
  .projects-pin-masonry { column-count:1; }
  .project-pin-card--feature .project-pin-card__media { min-height:240px;height:240px; }
  .project-pin-card--feature .project-pin-card__body { padding:22px 16px 15px; }
  .project-pin-card--feature h2 { font-size:clamp(32px,11vw,46px)!important; }
  .projects-pin-cta > div { grid-template-columns:1fr; gap:22px; }
  .projects-pin-cta a { justify-self:start; }
}

@media (max-width:420px) {
  .projects-pin-categories { grid-template-columns:1fr; }
  .projects-pin-filter__search { grid-template-columns:1fr;gap:7px; }
  .project-pin-card__meta { align-items:flex-start;flex-direction:column;gap:5px; }
}

/* ========================================================================== 
   V12.4.178 — PROJEKTE.PHP / PINNWAND 1:1 NACH DER FREIGEGEBENEN VORLAGE
   ========================================================================== */
.projects-pinboard-v178 {
  background:#080806;
  color:#ead9b8;
}
.projects-pinboard-v178 .project-board-page {
  position:relative;
  overflow:hidden;
  background:
    url("assets/projects/pinboard-splatter-left.webp") left 80px/82px 1250px repeat-y,
    radial-gradient(circle at 8% 18%,rgba(239,90,19,.17) 0 1px,transparent 1.8px) 0 0/25px 27px,
    radial-gradient(circle at 94% 47%,rgba(239,90,19,.13) 0 1px,transparent 2px) 0 0/31px 34px,
    linear-gradient(180deg,#080806 0%,#0a0907 72%,#070706 100%);
}
.projects-pinboard-v178 .project-board-page::after{
  content:"";
  position:absolute;
  z-index:0;
  top:92px;
  right:0;
  width:127px;
  height:450px;
  background:url("assets/projects/pinboard-tools-right.webp") center top/127px 450px no-repeat;
  pointer-events:none;
  opacity:.94;
  filter:contrast(1.03) saturate(.92);
}
.projects-pinboard-v178 .dlx-wrap{width:min(1120px,91.5%)}
.projects-pinboard-v178 .dlx-nav{height:72px;z-index:20;border-bottom:1px solid rgba(239,90,19,.78)}
.projects-pinboard-v178 .dlx-logo{width:230px;height:66px}
.projects-pinboard-v178 .dlx-nav nav{gap:32px;font-size:15px}
.projects-pinboard-v178 .dlx-nav nav a{position:relative;padding:28px 0 24px}
.projects-pinboard-v178 .dlx-nav nav a.active{color:#ef5a13}
.projects-pinboard-v178 .dlx-nav nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:#ef5a13}

.project-board-header{
  position:relative;
  z-index:2;
  background:
    linear-gradient(180deg,rgba(8,8,6,.15),rgba(8,8,6,.45)),
    radial-gradient(circle at 17% 21%,rgba(239,90,19,.08),transparent 24%),
    #0a0907;
}
.project-board-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-24px;height:48px;
  background:linear-gradient(178.8deg,transparent 0 48%,#080806 49% 100%);
  pointer-events:none;
}
.project-board-hero{
  position:relative;
  z-index:3;
  min-height:270px;
  display:grid;
  grid-template-columns:1.08fr .47fr 1.03fr;
  gap:28px;
  align-items:center;
  padding:22px 0 26px;
}
.project-board-title{
  position:relative;
  min-height:226px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:23px 23px 20px 30px;
  transform:rotate(-.55deg);
  background:
    linear-gradient(180deg,rgba(14,13,11,.96),rgba(8,8,6,.98)),
    radial-gradient(circle at 25% 15%,rgba(239,90,19,.12),transparent 43%);
  border:1px solid #4b3526;
  box-shadow:8px 9px 0 rgba(0,0,0,.72),inset 0 0 0 1px rgba(234,217,184,.055);
  clip-path:polygon(1% 3%,7% 1%,19% 3%,31% 1%,43% 2%,55% 0,69% 2%,84% 1%,98% 3%,99% 20%,98% 38%,100% 56%,98% 74%,99% 96%,84% 98%,68% 97%,55% 100%,39% 98%,22% 99%,3% 97%,1% 76%,2% 56%,0 38%);
}
.project-board-title::before,
.project-board-title::after{
  content:"";
  position:absolute;
  z-index:4;
  top:9px;
  width:13px;height:13px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 28%,#f0ede4 0 9%,#8e8a80 31%,#3a3731 62%,#100f0d 74%);
  box-shadow:0 3px 4px #000;
}
.project-board-title::before{left:12px}.project-board-title::after{right:12px}
.project-board-title>span{
  color:#ef5a13;
  font:900 10px/1 Arial,sans-serif;
  letter-spacing:2.6px;
  margin:0 0 15px 4px;
}
.project-board-title h1{margin:0;text-transform:uppercase;font:900 clamp(60px,6.25vw,91px)/.76 "Dixieland Anton",Impact,sans-serif;letter-spacing:-1.6px;text-shadow:5px 5px 0 #000}
.project-board-title h1 b,.project-board-title h1 em{display:block;font-style:normal}
.project-board-title h1 b{color:#ead7af}.project-board-title h1 em{color:#ef5a13}

.project-board-hero-note{
  position:relative;
  min-height:205px;
  padding:44px 23px 24px;
  color:#21170f;
  transform:rotate(1.5deg);
  background:
    linear-gradient(rgba(232,214,176,.965),rgba(232,214,176,.965)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  box-shadow:7px 8px 0 rgba(0,0,0,.58);
  clip-path:polygon(2% 0,97% 1%,99% 12%,98% 27%,100% 42%,98% 58%,99% 74%,97% 96%,85% 97%,74% 100%,62% 97%,49% 99%,36% 97%,23% 100%,10% 97%,1% 99%,2% 76%,0 59%,2% 43%,0 25%);
}
.project-board-hero-note__pin,.project-board-stats__pin,.project-board-note__pin,.project-board-card__pin{
  position:absolute;z-index:10;top:-8px;left:50%;width:18px;height:18px;border-radius:50%;transform:translateX(-50%);
  background:radial-gradient(circle at 35% 28%,#f1eee5 0 8%,#858077 29%,#37332d 63%,#0d0c0a 75%);
  box-shadow:0 3px 4px rgba(0,0,0,.78);
}
.project-board-hero-note p{margin:0;color:#24180f;font:700 18px/1.48 Georgia,serif;font-style:italic;transform:rotate(-2deg)}
.project-board-hero-note strong{position:absolute;right:19px;bottom:20px;color:rgba(81,60,42,.30);font:900 26px/.82 "Dixieland Anton",Impact,sans-serif;text-align:center;transform:rotate(-8deg)}

.project-board-stats{
  position:relative;
  min-height:190px;
  padding:20px 23px 17px;
  color:#17100b;
  transform:rotate(.45deg);
  background:
    linear-gradient(rgba(235,218,183,.975),rgba(235,218,183,.975)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  border:2px solid #17100b;
  outline:2px solid #ead8b4;
  box-shadow:8px 9px 0 rgba(0,0,0,.62);
}
.project-board-stats>b{display:block;color:#ef5a13;font:900 10px/1 Arial,sans-serif;letter-spacing:1.8px}
.project-board-stats__big{padding:7px 0 11px;border-bottom:2px solid #21180f}
.project-board-stats__big strong{display:block;font:900 50px/.82 "Dixieland Anton",Impact,sans-serif}
.project-board-stats__big span{display:block;margin-top:5px;font:900 8px/1 Arial,sans-serif;letter-spacing:1.2px}
.project-board-stats__row{display:grid;grid-template-columns:repeat(3,1fr);padding-top:9px}
.project-board-stats__row>div{text-align:center;border-right:1px dashed rgba(31,22,15,.45)}
.project-board-stats__row>div:last-child{border-right:0}
.project-board-stats__row small{display:block;font:900 7px/1 Arial,sans-serif;letter-spacing:.5px}
.project-board-stats__row strong{display:block;margin-top:7px;font:900 24px/.85 "Dixieland Anton",Impact,sans-serif}

.project-board-categories{
  position:relative;z-index:5;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(135px,1fr));
  gap:11px;
  margin-top:42px;
  margin-bottom:13px;
}
.project-board-category{
  position:relative;
  min-height:77px;
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:8px;
  padding:10px 13px;
  color:#ead7af!important;
  background:
    linear-gradient(180deg,rgba(27,23,18,.94),rgba(10,9,7,.98)),
    radial-gradient(circle at 48% 0,rgba(239,90,19,.10),transparent 50%);
  border:2px solid #5f4734;
  box-shadow:4px 5px 0 #000,inset 0 0 0 1px rgba(235,218,183,.08);
  transform:rotate(var(--cat-rot,-.25deg));
}
.project-board-category:nth-child(even){--cat-rot:.3deg}.project-board-category:nth-child(3n){--cat-rot:-.4deg}
.project-board-category::before{content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle at 35% 30%,#f3d4ae 0 9%,#b65d31 35%,#5d2e1c 68%,#150c08 78%);box-shadow:0 2px 3px #000}
.project-board-category i{grid-row:1/3;align-self:center;color:#eee0c3;font:900 28px/1 Arial,sans-serif;font-style:normal;text-align:center}
.project-board-category strong{align-self:end;color:#ead7af;font:900 17px/.95 "Dixieland Anton",Impact,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-board-category span{align-self:start;margin-top:4px;color:#d4c29f;font:900 7px/1 Arial,sans-serif;letter-spacing:.6px}
.project-board-category.is-active{border-color:#ef5a13;box-shadow:0 0 0 1px rgba(239,90,19,.25),5px 6px 0 #000}
.project-board-category.is-active span{color:#ef5a13}
.project-board-category:hover{transform:translateY(-2px) rotate(0deg);filter:brightness(1.08)}

.project-board-filter{
  position:relative;z-index:5;
  display:grid;
  grid-template-columns:1fr minmax(330px,.72fr);
  gap:18px;
  align-items:center;
  padding:8px 0 11px;
  border-top:1px solid #2f2218;
  border-bottom:1px solid #2f2218;
}
.project-board-tags{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}
.project-board-tags>span{flex:none;color:#8f785c;font:900 8px/1 Arial,sans-serif;letter-spacing:1px}
.project-board-tags>a{flex:none;padding:7px 9px;border:1px solid #3d2b1e;background:#0b0a08;color:#9f896c!important;font:800 8px/1 Arial,sans-serif;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-board-tags>a.is-active{border-color:#ef5a13;color:#ef5a13!important}
.project-board-filter form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.project-board-search{display:grid;grid-template-columns:1fr auto}
.project-board-search input{height:34px;border:1px solid #4a3525;background:#0c0b09;color:#d8c6a7;padding:0 12px;outline:0;font:700 9px/1 Arial,sans-serif}
.project-board-search input:focus{border-color:#ef5a13}
.project-board-search button{height:34px;border:0;background:#ef5a13;color:#090806;padding:0 15px;cursor:pointer;font:900 16px/1 "Dixieland Anton",Impact,sans-serif;box-shadow:2px 2px 0 #000}
.project-board-sort select{height:32px;border:0;background:transparent;color:#d9c6a4;outline:0;font:700 8px/1 Arial,sans-serif;cursor:pointer}
.project-board-sort select option{background:#0b0a08;color:#ead7af}

.project-board-content{position:relative;z-index:4;padding-top:24px;padding-bottom:52px}
.project-board-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:row dense;
  gap:20px;
  align-items:start;
}
.project-board-card{
  position:relative;
  grid-column:span 4;
  min-width:0;
  color:#17100b;
  background:
    linear-gradient(rgba(236,219,183,.975),rgba(236,219,183,.975)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  border:1px solid #4c392a;
  box-shadow:6px 7px 0 rgba(0,0,0,.68);
  transform:rotate(var(--card-rot,-.28deg));
  overflow:visible;
  transition:transform .16s ease,filter .16s ease;
}
.project-board-card:nth-of-type(even){--card-rot:.34deg}.project-board-card:nth-of-type(3n){--card-rot:-.48deg}
.project-board-card:hover{transform:translateY(-2px) rotate(0deg);filter:brightness(1.015)}
.project-board-card__pin{top:-7px;width:16px;height:16px}
.project-board-card:nth-of-type(2n) .project-board-card__pin{background:radial-gradient(circle at 35% 28%,#ffe8cb 0 8%,#cf652f 32%,#70361e 65%,#150c08 76%)}
.project-board-card__tape{position:absolute;z-index:9;top:-9px;left:13px;width:62px;height:18px;background:rgba(216,188,135,.68);box-shadow:inset 0 0 6px rgba(83,52,28,.2);transform:rotate(-6deg)}
.project-board-card--slot-5 .project-board-card__tape,.project-board-card--slot-8 .project-board-card__tape{left:auto;right:14px;transform:rotate(5deg)}
.project-board-card__link{display:block;color:inherit!important}
.project-board-card__media{height:150px;overflow:hidden;background:#12100d;border-bottom:1px solid rgba(65,46,31,.68)}
.project-board-card__media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.84) contrast(1.05);transition:transform .24s ease,filter .24s ease}
.project-board-card:hover img{transform:scale(1.022);filter:saturate(.98) contrast(1.05)}
.project-board-card__copy{padding:12px 13px 11px}
.project-board-card__category{color:#ef5a13;font:900 8px/1 Arial,sans-serif;letter-spacing:.65px}
.project-board-card h2{margin:8px 0 7px!important;color:#17100b!important;-webkit-text-fill-color:#17100b!important;text-shadow:none!important;text-transform:uppercase!important;font:900 clamp(21px,1.65vw,29px)/.91 "Dixieland Anton",Impact,sans-serif!important;letter-spacing:-.15px!important}
.project-board-card p{margin:0;color:#4b3a2d;font:700 10px/1.38 Arial,sans-serif}
.project-board-card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:9px;margin-top:12px}
.project-board-card__foot small{color:#5d4a39;font:800 6.5px/1.1 Arial,sans-serif;text-transform:uppercase}
.project-board-card__foot strong{flex:none;color:#ef5a13;font:900 10px/1 "Dixieland Anton",Impact,sans-serif;white-space:nowrap}

/* exakte Pinnwand-Verteilung der freigegebenen Vorlage */
.project-board-card--slot-0{grid-column:1/8;grid-row:1}
.project-board-card--slot-1{grid-column:8/11;grid-row:1}
.project-board-card--slot-2{grid-column:1/4;grid-row:2}
.project-board-card--slot-3{grid-column:6/10;grid-row:2}
.project-board-card--slot-4{grid-column:10/13;grid-row:2}
.project-board-card--slot-5{grid-column:1/6;grid-row:3}
.project-board-card--slot-6{grid-column:6/10;grid-row:3}
.project-board-card--slot-7{grid-column:10/13;grid-row:3}
.project-board-card--slot-8{grid-column:1/5}.project-board-card--slot-9{grid-column:5/9}.project-board-card--slot-10{grid-column:9/13}
.project-board-card--slot-11{grid-column:1/5}.project-board-card--slot-12{grid-column:5/9}.project-board-card--slot-13{grid-column:9/13}
.project-board-card--feature .project-board-card__link{display:grid;grid-template-columns:1.08fr .92fr;min-height:230px}
.project-board-card--feature .project-board-card__media{height:100%;min-height:230px;border-right:1px solid rgba(65,46,31,.68);border-bottom:0}
.project-board-card--feature .project-board-card__copy{display:flex;flex-direction:column;justify-content:center;padding:22px 19px 14px}
.project-board-card--feature h2{font-size:clamp(31px,2.7vw,46px)!important}
.project-board-card--feature p{font-size:10.5px;line-height:1.45}
.project-board-card--feature .project-board-card__foot{margin-top:auto;padding-top:14px}
.project-board-card--slot-1 .project-board-card__media{height:129px}
.project-board-card--slot-2 .project-board-card__media{height:135px}
.project-board-card--slot-3 .project-board-card__media{height:144px}
.project-board-card--slot-4 .project-board-card__media{height:137px}
.project-board-card--slot-5 .project-board-card__link{display:grid;grid-template-columns:.94fr 1.06fr;min-height:205px}
.project-board-card--slot-5 .project-board-card__media{height:100%;min-height:205px;border-right:1px solid rgba(65,46,31,.68);border-bottom:0}
.project-board-card--slot-5 .project-board-card__copy{display:flex;flex-direction:column;justify-content:center}
.project-board-card--slot-6 .project-board-card__media,.project-board-card--slot-7 .project-board-card__media{height:142px}
.project-board-grid>article:only-child{grid-column:1/13!important}

.project-board-note{
  position:relative;
  min-height:208px;
  padding:31px 22px 24px;
  color:#24180f;
  text-align:center;
  background:
    linear-gradient(rgba(234,216,178,.975),rgba(234,216,178,.975)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  box-shadow:6px 7px 0 rgba(0,0,0,.62);
  transform:rotate(var(--note-rot,.65deg));
  clip-path:polygon(2% 1%,98% 2%,100% 18%,98% 34%,100% 51%,98% 69%,99% 97%,87% 96%,75% 100%,62% 97%,48% 99%,35% 97%,23% 100%,10% 97%,1% 99%,2% 78%,0 61%,2% 43%,0 23%);
}
.project-board-note--slot-2{grid-column:11/13;grid-row:1;--note-rot:1.1deg}
.project-board-note--slot-4{grid-column:4/6;grid-row:2;--note-rot:-1deg}
.project-board-note__pin{top:-7px;width:16px;height:16px}
.project-board-note--slot-2 .project-board-note__pin{background:radial-gradient(circle at 35% 28%,#ffe1c4 0 9%,#d3642d 34%,#70351e 66%,#130b08 76%)}
.project-board-note__tape{position:absolute;z-index:8;top:-7px;left:17px;width:66px;height:18px;background:rgba(216,188,135,.68);transform:rotate(-7deg)}
.project-board-note>b{display:block;height:34px;color:#ef5a13;font:900 52px/.65 Georgia,serif}
.project-board-note p{margin:8px 0 15px;color:#291c13;font:700 15px/1.52 Georgia,serif;font-style:italic}
.project-board-note>strong{display:block;color:#5c4636;font:700 8px/1 Arial,sans-serif}
.project-board-note>em{position:absolute;right:14px;bottom:13px;color:rgba(92,67,46,.24);font:900 18px/.82 "Dixieland Anton",Impact,sans-serif;font-style:normal;transform:rotate(-9deg)}

.project-board-empty{padding:42px 25px;text-align:center;border:1px solid #4b3727;background:rgba(18,14,10,.8)}

.project-board-cta{
  position:relative;z-index:3;
  width:min(1040px,88%);
  margin:0 auto 45px;
  color:#17100b;
  background:
    linear-gradient(rgba(235,218,183,.98),rgba(235,218,183,.98)),
    url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  box-shadow:7px 8px 0 rgba(0,0,0,.58);
  clip-path:polygon(1% 2%,12% 1%,25% 2%,39% 1%,54% 2%,68% 0,82% 2%,99% 1%,98% 21%,100% 42%,98% 62%,99% 98%,84% 97%,69% 100%,55% 98%,40% 100%,26% 97%,12% 99%,1% 97%,2% 76%,0 58%,2% 39%);
}
.project-board-cta>.dlx-wrap{width:100%;min-height:136px;display:grid;grid-template-columns:1fr auto 120px;align-items:center;gap:28px;padding:22px 44px}
.project-board-cta small{display:block;color:#ef5a13;font:900 8px/1 Arial,sans-serif;letter-spacing:1.8px}
.project-board-cta h2{margin:7px 0 5px;color:#17100b;font:900 clamp(34px,3.4vw,50px)/.87 "Dixieland Anton",Impact,sans-serif}
.project-board-cta p{max-width:570px;margin:0;color:#49382b;font:700 10px/1.4 Arial,sans-serif}
.project-board-cta a{display:flex;min-height:45px;align-items:center;justify-content:center;padding:0 20px;background:#ef5a13;color:#080806!important;border:1px solid #21160e;box-shadow:4px 4px 0 rgba(0,0,0,.6);font:900 16px/1 "Dixieland Anton",Impact,sans-serif}
.project-board-cta__stamp{color:rgba(117,78,51,.25);text-align:center;font:900 25px/.82 "Dixieland Anton",Impact,sans-serif;transform:rotate(6deg)}
.projects-pinboard-v178 footer{position:relative;z-index:2}

@media(max-width:1100px){
  .projects-pinboard-v178 .project-board-page::after{opacity:.45}
  .project-board-hero{grid-template-columns:1fr .45fr}.project-board-stats{grid-column:1/3;width:min(650px,100%);justify-self:center}.project-board-header{padding-bottom:14px}
  .project-board-grid{grid-template-columns:repeat(6,1fr)}
  .project-board-card--slot-0{grid-column:1/5;grid-row:auto}.project-board-card--slot-1{grid-column:5/7;grid-row:auto}.project-board-note--slot-2{grid-column:1/3;grid-row:auto}.project-board-card--slot-2{grid-column:3/7;grid-row:auto}.project-board-note--slot-4{grid-column:1/3;grid-row:auto}.project-board-card--slot-3{grid-column:3/7;grid-row:auto}.project-board-card--slot-4,.project-board-card--slot-5,.project-board-card--slot-6,.project-board-card--slot-7,.project-board-card--slot-8,.project-board-card--slot-9,.project-board-card--slot-10,.project-board-card--slot-11,.project-board-card--slot-12,.project-board-card--slot-13{grid-column:span 3;grid-row:auto}
  .project-board-filter{grid-template-columns:1fr}.project-board-filter form{grid-template-columns:1fr auto}
}
@media(max-width:760px){
  .projects-pinboard-v178 .dlx-wrap{width:min(94%,680px)}
  .projects-pinboard-v178 .dlx-nav{height:76px}.projects-pinboard-v178 .dlx-logo{width:215px}.projects-pinboard-v178 .dlx-nav nav{font-size:18px}
  .project-board-hero{grid-template-columns:1fr;gap:18px;padding-top:25px}.project-board-stats{grid-column:auto;width:100%}.project-board-hero-note{min-height:165px}.project-board-title{min-height:200px}.project-board-title h1{font-size:clamp(55px,17vw,85px)}
  .project-board-categories{grid-template-columns:repeat(2,1fr);margin-top:34px}.project-board-category{min-height:72px}
  .project-board-tags{overflow-x:auto;padding-bottom:3px}.project-board-filter form{grid-template-columns:1fr}.project-board-search{grid-template-columns:1fr auto}.project-board-sort{justify-self:end}
  .project-board-grid{display:block}.project-board-card,.project-board-note{margin-bottom:20px;transform:rotate(0deg)}
  .project-board-card--feature .project-board-card__link,.project-board-card--slot-5 .project-board-card__link{display:block;min-height:0}.project-board-card--feature .project-board-card__media,.project-board-card--slot-5 .project-board-card__media{height:220px;min-height:0;border-right:0;border-bottom:1px solid rgba(65,46,31,.68)}
  .project-board-card__media,.project-board-card--slot-1 .project-board-card__media,.project-board-card--slot-2 .project-board-card__media,.project-board-card--slot-3 .project-board-card__media,.project-board-card--slot-4 .project-board-card__media,.project-board-card--slot-6 .project-board-card__media,.project-board-card--slot-7 .project-board-card__media{height:205px}
  .project-board-note{min-height:170px}
  .project-board-cta{width:92%}.project-board-cta>.dlx-wrap{grid-template-columns:1fr;padding:26px 26px;gap:17px}.project-board-cta a{justify-self:start}.project-board-cta__stamp{display:none}
}
@media(max-width:460px){.project-board-categories{grid-template-columns:1fr}.project-board-search{grid-template-columns:1fr}.project-board-search button{margin-top:6px}.project-board-stats__big strong{font-size:44px}.project-board-stats__row strong{font-size:21px}}

/* ========================================================================== 
   V12.4.184 — PROJEKTE: FESTE PINNWAND-KOMPOSITION WIE REFERENZBILD
   Nur der Beitrags-/Projektkartenbereich. Header, Hero und Kategorien bleiben.
   ========================================================================== */
.projects-index-page .project-overview{
  position:relative;
  padding-top:85px;
  padding-bottom:96px;
}
.projects-index-page #projekt-kategorien,
.projects-index-page #projekte{scroll-margin-top:88px}

/* Sechs feste Pinnwand-Spalten + sehr kleine Zeilen erzeugen echtes Masonry:
   die linke zweite Reihe beginnt bereits, während die hohe Karte rechts noch
   weiterläuft. Genau dadurch entsteht die Anordnung aus dem Referenzbild. */
.projects-index-page .project-grid--pinboard{
  display:grid !important;
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  grid-auto-rows:8px !important;
  grid-auto-flow:row dense;
  column-gap:18px !important;
  row-gap:0 !important;
  align-items:stretch;
  margin-top:18px !important;
  padding:4px 8px 18px !important;
}

.projects-index-page .project-grid--pinboard .project-card,
.projects-index-page .project-pin-note{
  position:relative;
  min-width:0;
  height:100%;
  overflow:visible;
  color:#17100b !important;
  text-decoration:none !important;
  background:#ead8b2 url("assets/dx2/news-paper-texture-v8.webp") center/cover;
  border:9px solid transparent !important;
  border-image:url("assets/home-panel-frame.webp?v=12.4.213") 39 / 9px / 2px stretch !important;
  box-shadow:0 11px 18px rgba(0,0,0,.56),4px 6px 0 rgba(0,0,0,.18) !important;
  transform-origin:50% 4%;
  isolation:isolate;
}
.projects-index-page .project-grid--pinboard .project-card{
  display:flex;
  flex-direction:column;
  transform:rotate(var(--project-pin-rot,0deg));
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.projects-index-page .project-grid--pinboard .project-card:hover{
  z-index:20;
  transform:rotate(0deg) translateY(-3px);
  filter:brightness(1.015);
  box-shadow:0 14px 22px rgba(0,0,0,.62),5px 8px 0 rgba(0,0,0,.17) !important;
}

/* Reißzwecken */
.projects-index-page .project-grid--pinboard .project-card::before,
.projects-index-page .project-pin-note__pin{
  content:"";
  position:absolute;
  z-index:30;
  top:-14px;
  width:17px;
  height:17px;
  border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(circle at 31% 24%,#f5efe5 0 8%,#aaa49b 18%,#6d6962 39%,#302d29 68%,#0e0c0a 80%);
  box-shadow:0 3px 1px rgba(0,0,0,.48),0 7px 8px rgba(0,0,0,.62);
  pointer-events:none;
}
.projects-index-page .project-card--pin-0::before{left:65%}
.projects-index-page .project-card--pin-1::before{left:50%;background:radial-gradient(circle at 31% 24%,#ffd7b7 0 8%,#f06b28 22%,#a5421c 49%,#52200f 70%,#160a05 82%)}
.projects-index-page .project-card--pin-2::before{display:none}
.projects-index-page .project-card--pin-3::before{left:52%}
.projects-index-page .project-card--pin-4::before{left:84%}
.projects-index-page .project-card--pin-5::before{left:50%}
.projects-index-page .project-card--pin-6::before{left:54%}
.projects-index-page .project-card--pin-7::before{left:77%}
.projects-index-page .project-card--pin-8::before{left:36%}
.projects-index-page .project-card--pin-9::before{left:68%}
.projects-index-page .project-card__pin{display:none !important}

/* Klebeband nur auf einzelnen Zetteln */
.projects-index-page .project-card__tape,
.projects-index-page .project-pin-note__tape{
  position:absolute;
  z-index:31;
  top:-13px;
  left:13px;
  width:78px;
  height:22px;
  opacity:.82;
  background:linear-gradient(90deg,rgba(190,157,100,.70),rgba(232,208,158,.88),rgba(191,157,101,.72));
  box-shadow:inset 0 0 0 1px rgba(91,67,42,.12);
  transform:rotate(-8deg);
  pointer-events:none;
}
.projects-index-page .project-card--pin-1 .project-card__tape{left:17px;width:68px;transform:rotate(5deg)}
.projects-index-page .project-card--pin-2 .project-card__tape{left:-4px;top:-15px;width:92px;height:25px;transform:rotate(-8deg)}
.projects-index-page .project-card--pin-4 .project-card__tape{left:auto;right:20px;transform:rotate(6deg)}
.projects-index-page .project-card--pin-7 .project-card__tape{left:38%;transform:rotate(-3deg)}

.projects-index-page .project-grid--pinboard .project-card__media{
  position:relative;
  min-width:0;
  overflow:hidden;
  margin:2px 2px 0;
  background:#17120e;
  border:1px solid rgba(73,53,37,.58);
  box-shadow:0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(28,20,14,.12);
}
.projects-index-page .project-grid--pinboard .project-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02) 52%,rgba(20,12,7,.13));
  pointer-events:none;
}
.projects-index-page .project-grid--pinboard .project-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.92) contrast(1.04);
  transition:transform .2s ease,filter .2s ease;
}
.projects-index-page .project-grid--pinboard .project-card:hover .project-card__media img{
  transform:scale(1.018);
  filter:saturate(1) contrast(1.05);
}
.projects-index-page .project-grid--pinboard .project-card__media>span{
  position:absolute;
  z-index:4;
  left:8px;
  bottom:7px;
  padding:5px 8px 4px;
  background:#ef5a13;
  color:#140b06;
  border:0;
  box-shadow:2px 2px 0 rgba(0,0,0,.28);
  font:900 8px/1 Arial,sans-serif;
  letter-spacing:.75px;
  text-transform:uppercase;
}

.projects-index-page .project-grid--pinboard .project-card__body{
  min-width:0;
  min-height:0;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  padding:13px 13px 11px;
  background:transparent !important;
  overflow:hidden;
}
.projects-index-page .project-grid--pinboard .project-card__body>small{
  display:block;
  margin:0;
  color:#ef5a13;
  font:900 8px/1 Arial,sans-serif;
  letter-spacing:1.05px;
  text-transform:uppercase;
}
.projects-index-page .project-grid--pinboard .project-card__body h2{
  margin:7px 0 7px;
  color:#17100b;
  font:900 clamp(22px,1.7vw,31px)/.91 "Dixieland Anton",Impact,sans-serif;
  letter-spacing:-.15px;
  text-transform:uppercase;
}
.projects-index-page .project-grid--pinboard .project-card__body p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  margin:0;
  color:#49372a;
  font:700 10px/1.42 Arial,sans-serif;
}
.projects-index-page .project-grid--pinboard .project-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:10px;
}
.projects-index-page .project-grid--pinboard .project-card__meta span{
  color:#715943;
  font:800 7px/1 Arial,sans-serif;
  letter-spacing:.25px;
}
.projects-index-page .project-grid--pinboard .project-card__meta span+span::before{
  content:"|";
  padding-right:5px;
  color:#a18262;
}
.projects-index-page .project-grid--pinboard .project-card__body>strong{
  display:block;
  margin-top:auto;
  padding-top:9px;
  color:#ef5a13;
  text-align:right;
  font:900 11px/1 "Dixieland Anton",Impact,sans-serif;
}

/* ----------------------- Exakte Desktop-Komposition ---------------------- */
/* Breite Hauptkarte oben links */
.projects-index-page .project-card--pin-0{
  grid-column:1 / span 4 !important;
  grid-row:1 / span 46 !important;
  --project-pin-rot:-.28deg;
  display:grid !important;
  grid-template-columns:45% 55%;
}
.projects-index-page .project-card--pin-0 .project-card__media{
  height:auto;
  min-height:0;
  margin-right:0;
}
.projects-index-page .project-card--pin-0 .project-card__body{
  padding:22px 18px 14px;
}
.projects-index-page .project-card--pin-0 .project-card__body h2{
  margin:9px 0 10px;
  font-size:clamp(31px,2.5vw,44px);
  line-height:.89;
}
.projects-index-page .project-card--pin-0 .project-card__body p{
  -webkit-line-clamp:4;
  font-size:10.5px;
  line-height:1.46;
}

/* Hohe Karte oben rechts */
.projects-index-page .project-card--pin-1{
  grid-column:5 / span 2 !important;
  grid-row:1 / span 56 !important;
  --project-pin-rot:.52deg;
}
.projects-index-page .project-card--pin-1 .project-card__media{height:48%;flex:0 0 48%}
.projects-index-page .project-card--pin-1 .project-card__body{padding:15px 14px 12px}
.projects-index-page .project-card--pin-1 .project-card__body h2{
  font-size:clamp(28px,2.1vw,39px);
  line-height:.88;
}
.projects-index-page .project-card--pin-1 .project-card__body p{-webkit-line-clamp:3}

/* Zweite Reihe links */
.projects-index-page .project-card--pin-2{
  grid-column:1 / span 2 !important;
  grid-row:49 / span 44 !important;
  --project-pin-rot:-.72deg;
}
.projects-index-page .project-card--pin-2 .project-card__media{height:37%;flex:0 0 37%}
.projects-index-page .project-card--pin-2 .project-card__body{padding:14px 13px 11px}
.projects-index-page .project-card--pin-2 .project-card__body h2{font-size:clamp(25px,1.9vw,34px)}
.projects-index-page .project-card--pin-2 .project-card__body p{-webkit-line-clamp:3}

/* Zweite Reihe Mitte */
.projects-index-page .project-card--pin-3{
  grid-column:3 / span 2 !important;
  grid-row:49 / span 44 !important;
  --project-pin-rot:.34deg;
}
.projects-index-page .project-card--pin-3 .project-card__media{height:50%;flex:0 0 50%}
.projects-index-page .project-card--pin-3 .project-card__body{padding:14px 13px 11px}
.projects-index-page .project-card--pin-3 .project-card__body h2{font-size:clamp(25px,1.9vw,34px)}
.projects-index-page .project-card--pin-3 .project-card__body p{-webkit-line-clamp:3}

/* Dritte Referenzreihe, sobald weitere Projekte vorhanden sind */
.projects-index-page .project-card--pin-4{
  grid-column:1 / span 3 !important;
  grid-row:96 / span 40 !important;
  --project-pin-rot:-.38deg;
  display:grid !important;
  grid-template-columns:47% 53%;
}
.projects-index-page .project-card--pin-4 .project-card__media{margin-right:0}
.projects-index-page .project-card--pin-4 .project-card__body{padding:17px 15px 12px}
.projects-index-page .project-card--pin-4 .project-card__body h2{font-size:clamp(27px,2vw,37px)}

.projects-index-page .project-card--pin-5{
  grid-column:4 / span 1 !important;
  grid-row:96 / span 40 !important;
  --project-pin-rot:.26deg;
}
.projects-index-page .project-card--pin-5 .project-card__media{height:49%;flex:0 0 49%}
.projects-index-page .project-card--pin-5 .project-card__body{padding:11px 10px 9px}
.projects-index-page .project-card--pin-5 .project-card__body h2{font-size:clamp(20px,1.45vw,27px)}
.projects-index-page .project-card--pin-5 .project-card__body p{-webkit-line-clamp:2;font-size:9px}

.projects-index-page .project-card--pin-6{
  grid-column:5 / span 2 !important;
  grid-row:96 / span 40 !important;
  --project-pin-rot:-.24deg;
}
.projects-index-page .project-card--pin-6 .project-card__media{height:48%;flex:0 0 48%}
.projects-index-page .project-card--pin-6 .project-card__body h2{font-size:clamp(24px,1.8vw,33px)}

/* Weitere Projekte laufen in einer weiteren unregelmäßigen Reihe weiter. */
.projects-index-page .project-card--pin-7{grid-column:1 / span 2 !important;grid-row:139 / span 42 !important;--project-pin-rot:.42deg}
.projects-index-page .project-card--pin-8{grid-column:3 / span 3 !important;grid-row:139 / span 42 !important;--project-pin-rot:-.32deg;display:grid !important;grid-template-columns:45% 55%}
.projects-index-page .project-card--pin-8 .project-card__media{margin-right:0}
.projects-index-page .project-card--pin-9{grid-column:6 / span 1 !important;grid-row:139 / span 42 !important;--project-pin-rot:.5deg}
.projects-index-page .project-card--pin-7 .project-card__media,
.projects-index-page .project-card--pin-9 .project-card__media{height:46%;flex:0 0 46%}

/* Notizzettel rechts unter der hohen Karte */
.projects-index-page .project-pin-note{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#2b1d13;
  transform-origin:50% 4%;
}
.projects-index-page .project-pin-note--one{
  grid-column:5 / span 2 !important;
  grid-row:59 / span 34 !important;
  padding:29px 20px 22px;
  transform:rotate(.82deg);
}
.projects-index-page .project-pin-note--two{
  grid-column:4 / span 2 !important;
  grid-row:184 / span 31 !important;
  padding:27px 20px 21px;
  transform:rotate(-.72deg);
}
.projects-index-page .project-pin-note__pin{left:50%}
.projects-index-page .project-pin-note>b{
  display:block;
  height:35px;
  margin-bottom:2px;
  color:#ef5a13;
  font:900 56px/.62 Georgia,serif;
}
.projects-index-page .project-pin-note p{
  margin:8px 0 14px;
  color:#2d2017;
  font:700 16px/1.48 Georgia,serif;
  font-style:italic;
}
.projects-index-page .project-pin-note>strong{
  color:#68513e;
  font:700 8px/1 Arial,sans-serif;
}
.projects-index-page .project-pin-note>em{
  position:absolute;
  right:11px;
  bottom:10px;
  color:rgba(108,79,55,.20);
  font:900 18px/.82 "Dixieland Anton",Impact,sans-serif;
  font-style:normal;
  transform:rotate(-8deg);
}

@media(max-width:1050px){
  .projects-index-page .project-grid--pinboard{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-rows:auto !important;
    gap:20px 17px !important;
  }
  .projects-index-page .project-grid--pinboard .project-card,
  .projects-index-page .project-pin-note{
    grid-column:auto !important;
    grid-row:auto !important;
    height:auto !important;
    min-height:310px;
  }
  .projects-index-page .project-card--pin-0,
  .projects-index-page .project-card--pin-4,
  .projects-index-page .project-card--pin-8{grid-column:1 / -1 !important;min-height:360px}
  .projects-index-page .project-card--pin-1 .project-card__media,
  .projects-index-page .project-card--pin-2 .project-card__media,
  .projects-index-page .project-card--pin-3 .project-card__media,
  .projects-index-page .project-card--pin-5 .project-card__media,
  .projects-index-page .project-card--pin-6 .project-card__media,
  .projects-index-page .project-card--pin-7 .project-card__media,
  .projects-index-page .project-card--pin-9 .project-card__media{height:170px;flex:0 0 170px}
}

@media(max-width:720px){
  .projects-index-page .project-overview{padding-top:62px;padding-bottom:70px}
  .projects-index-page .project-grid--pinboard{display:block !important;padding-inline:4px !important}
  .projects-index-page .project-grid--pinboard .project-card,
  .projects-index-page .project-pin-note{
    display:block !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 0 22px !important;
    transform:none !important;
  }
  .projects-index-page .project-grid--pinboard .project-card__media{
    height:215px !important;
    min-height:0 !important;
    margin:2px !important;
  }
  .projects-index-page .project-grid--pinboard .project-card__body{
    min-height:0 !important;
    padding:17px 15px 13px !important;
  }
  .projects-index-page .project-grid--pinboard .project-card__body h2{
    font-size:clamp(28px,9vw,40px) !important;
  }
  .projects-index-page .project-pin-note{padding:27px 21px 23px !important}
}

/* V12.4.184 Hotfix: ältere Projektkarten-Regeln dürfen die feste
   Pinnwandhöhe und Bildaufteilung nicht mehr auf mindestens 390px ziehen. */
.projects-index-page .project-grid--pinboard .project-card{
  min-height:0 !important;
}
.projects-index-page .project-grid--pinboard .project-card__media{
  min-height:0 !important;
}

/* ========================================================================== 
   V12.4.185 — PROJEKTE: ZERRISSENE PAPIERRAHMEN WIE REFERENZBILD
   Nur die Rahmen/Innenkanten der Projektkarten und Pinnwand-Notizen.
   ========================================================================== */
.projects-index-page .project-grid--pinboard .project-card,
.projects-index-page .project-pin-note {
  /* Wichtig: Der Papiergrund darf NICHT unter den transparenten Bereichen
     des PNG-Rahmens liegen. Erst dadurch werden die ausgefransten Außenkanten
     des vorhandenen home-panel-frame.webp wirklich sichtbar. */
  background-clip: padding-box !important;
  background-origin: padding-box !important;
  border: 11px solid transparent !important;
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
  border-image-slice:39 !important;
  border-image-width: 11px !important;
  border-image-outset: 2px !important;
  border-image-repeat: stretch !important;
  border-radius: 0 !important;

  /* Schatten folgt nun der zerrissenen Kontur statt einem geraden Rechteck. */
  box-shadow: none !important;
  filter:
    drop-shadow(0 8px 6px rgba(0,0,0,.58))
    drop-shadow(3px 4px 0 rgba(0,0,0,.20));
}

.projects-index-page .project-grid--pinboard .project-card:hover {
  box-shadow: none !important;
  filter:
    drop-shadow(0 11px 8px rgba(0,0,0,.64))
    drop-shadow(4px 5px 0 rgba(0,0,0,.18))
    brightness(1.015) !important;
}

/* Bilder sitzen wie auf der Vorlage direkt im Papierbogen – ohne den
   bisherigen sauberen, geraden Extra-Rahmen. */
.projects-index-page .project-grid--pinboard .project-card__media {
  margin: 3px 3px 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.projects-index-page .project-card--pin-0 .project-card__media,
.projects-index-page .project-card--pin-4 .project-card__media,
.projects-index-page .project-card--pin-8 .project-card__media {
  margin-right: 0 !important;
}

/* Notizzettel benutzen exakt denselben groben Papierabschluss. */
.projects-index-page .project-pin-note {
  border-image-source: url("assets/home-panel-frame.webp?v=12.4.213") !important;
  border-image-slice:39 !important;
  border-image-width: 11px !important;
  border-image-outset: 2px !important;
}

@media (max-width: 720px) {
  .projects-index-page .project-grid--pinboard .project-card,
  .projects-index-page .project-pin-note {
    border-width: 9px !important;
    border-image-width: 9px !important;
    border-image-outset: 1px !important;
  }
  .projects-index-page .project-grid--pinboard .project-card__media {
    margin: 2px 2px 0 !important;
  }
}

/* ========================================================================== 
   V12.4.186 — PROJEKTE: PINNWAND ETWAS SCHIEFER UND WENIGER STERIL
   Nur dezentes Chaos: individuelle Drehung, kleine Versätze, unterschiedliche
   Pin-/Tape-Positionen und minimale Abweichungen in den Bildausschnitten.
   ========================================================================== */
.projects-index-page .project-grid--pinboard .project-card{
  --project-pin-x:0px;
  --project-pin-y:0px;
  --project-pin-scale:1;
  --project-pin-origin-x:50%;
  transform-origin:var(--project-pin-origin-x) 4% !important;
  transform:
    translate3d(var(--project-pin-x),var(--project-pin-y),0)
    rotate(var(--project-pin-rot,0deg))
    scale(var(--project-pin-scale)) !important;
}
.projects-index-page .project-grid--pinboard .project-card:hover{
  transform:
    translate3d(var(--project-pin-x),calc(var(--project-pin-y) - 4px),0)
    rotate(0deg)
    scale(1.006) !important;
}

/* Jede Karte hängt ein wenig anders – bewusst nur leicht, nicht chaotisch. */
.projects-index-page .project-card--pin-0{
  --project-pin-rot:-.72deg;
  --project-pin-x:-3px;
  --project-pin-y:2px;
  --project-pin-origin-x:66%;
  z-index:3;
  background-position:28% 18% !important;
}
.projects-index-page .project-card--pin-1{
  --project-pin-rot:1.08deg;
  --project-pin-x:5px;
  --project-pin-y:-2px;
  --project-pin-origin-x:51%;
  z-index:4;
  background-position:72% 30% !important;
}
.projects-index-page .project-card--pin-2{
  --project-pin-rot:-1.12deg;
  --project-pin-x:-5px;
  --project-pin-y:5px;
  --project-pin-origin-x:14%;
  z-index:2;
  background-position:22% 66% !important;
}
.projects-index-page .project-card--pin-3{
  --project-pin-rot:.78deg;
  --project-pin-x:3px;
  --project-pin-y:1px;
  --project-pin-origin-x:53%;
  z-index:3;
  background-position:61% 44% !important;
}
.projects-index-page .project-card--pin-4{
  --project-pin-rot:-.92deg;
  --project-pin-x:-4px;
  --project-pin-y:4px;
  --project-pin-origin-x:82%;
  z-index:2;
  background-position:35% 72% !important;
}
.projects-index-page .project-card--pin-5{
  --project-pin-rot:1.14deg;
  --project-pin-x:3px;
  --project-pin-y:-1px;
  --project-pin-origin-x:49%;
  z-index:4;
  background-position:78% 21% !important;
}
.projects-index-page .project-card--pin-6{
  --project-pin-rot:-.68deg;
  --project-pin-x:5px;
  --project-pin-y:5px;
  --project-pin-origin-x:55%;
  z-index:2;
  background-position:47% 58% !important;
}
.projects-index-page .project-card--pin-7{
  --project-pin-rot:.96deg;
  --project-pin-x:-2px;
  --project-pin-y:1px;
  --project-pin-origin-x:76%;
  z-index:3;
  background-position:68% 25% !important;
}
.projects-index-page .project-card--pin-8{
  --project-pin-rot:-.82deg;
  --project-pin-x:2px;
  --project-pin-y:4px;
  --project-pin-origin-x:36%;
  z-index:2;
  background-position:39% 63% !important;
}
.projects-index-page .project-card--pin-9{
  --project-pin-rot:1.05deg;
  --project-pin-x:4px;
  --project-pin-y:-2px;
  --project-pin-origin-x:68%;
  z-index:4;
  background-position:74% 41% !important;
}

/* Nicht jeder Bildausschnitt sitzt millimetergenau gleich im Papier. */
.projects-index-page .project-card--pin-0 .project-card__media{margin:4px 1px 1px 3px !important}
.projects-index-page .project-card--pin-1 .project-card__media{margin:2px 4px 0 1px !important}
.projects-index-page .project-card--pin-2 .project-card__media{margin:4px 1px 0 3px !important}
.projects-index-page .project-card--pin-3 .project-card__media{margin:1px 3px 0 2px !important}
.projects-index-page .project-card--pin-4 .project-card__media{margin:3px 0 1px 4px !important}
.projects-index-page .project-card--pin-5 .project-card__media{margin:2px 4px 0 2px !important}
.projects-index-page .project-card--pin-6 .project-card__media{margin:4px 2px 0 1px !important}
.projects-index-page .project-card--pin-7 .project-card__media{margin:1px 2px 0 4px !important}
.projects-index-page .project-card--pin-8 .project-card__media{margin:3px 0 0 2px !important}
.projects-index-page .project-card--pin-9 .project-card__media{margin:2px 3px 0 1px !important}

/* Tape erhält unregelmäßige Kanten statt eines sterilen Rechtecks. */
.projects-index-page .project-card__tape,
.projects-index-page .project-pin-note__tape{
  clip-path:polygon(2% 8%,98% 0,100% 88%,4% 100%);
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.22));
}
.projects-index-page .project-card--pin-1 .project-card__tape{
  top:-15px !important;
  left:21px !important;
  transform:rotate(7deg) !important;
}
.projects-index-page .project-card--pin-2 .project-card__tape{
  left:-7px !important;
  top:-16px !important;
  transform:rotate(-10deg) !important;
}
.projects-index-page .project-card--pin-4 .project-card__tape{
  right:15px !important;
  transform:rotate(8deg) !important;
}
.projects-index-page .project-card--pin-7 .project-card__tape{
  left:34% !important;
  transform:rotate(-5deg) !important;
}

/* Mehr Mischung aus Metall- und orangefarbenen Reißzwecken. */
.projects-index-page .project-card--pin-4::before,
.projects-index-page .project-card--pin-7::before{
  background:radial-gradient(circle at 31% 24%,#ffd7b7 0 8%,#f06b28 22%,#a5421c 49%,#52200f 70%,#160a05 82%) !important;
}

/* Notizzettel ebenfalls etwas individueller aufgehängt. */
.projects-index-page .project-pin-note--one{
  transform:translate3d(6px,3px,0) rotate(1.32deg) !important;
  transform-origin:53% 3% !important;
  z-index:5;
}
.projects-index-page .project-pin-note--two{
  transform:translate3d(-4px,4px,0) rotate(-1.08deg) !important;
  transform-origin:31% 3% !important;
  z-index:3;
}
.projects-index-page .project-pin-note--one .project-pin-note__pin{left:54% !important}
.projects-index-page .project-pin-note--two .project-pin-note__tape{
  left:9px !important;
  top:-14px !important;
  transform:rotate(-9deg) !important;
}

/* Kleine Papier-Falten/Abnutzungen auf einzelnen Zetteln. */
.projects-index-page .project-card--pin-0::after,
.projects-index-page .project-card--pin-3::after,
.projects-index-page .project-card--pin-6::after{
  content:"";
  position:absolute;
  z-index:2;
  right:13px;
  top:9px;
  width:38px;
  height:1px;
  opacity:.22;
  background:linear-gradient(90deg,transparent,#76583f 45%,transparent);
  transform:rotate(-23deg);
  pointer-events:none;
}
.projects-index-page .project-card--pin-2::after,
.projects-index-page .project-card--pin-5::after{
  content:"";
  position:absolute;
  z-index:2;
  left:10px;
  bottom:15px;
  width:30px;
  height:1px;
  opacity:.17;
  background:linear-gradient(90deg,transparent,#76583f 50%,transparent);
  transform:rotate(16deg);
  pointer-events:none;
}

@media(max-width:1050px){
  .projects-index-page .project-grid--pinboard .project-card{
    --project-pin-x:0px;
    --project-pin-y:0px;
  }
  .projects-index-page .project-pin-note--one{transform:rotate(.8deg) !important}
  .projects-index-page .project-pin-note--two{transform:rotate(-.7deg) !important}
}

@media(max-width:720px){
  .projects-index-page .project-grid--pinboard .project-card,
  .projects-index-page .project-pin-note{
    transform:none !important;
  }
}

/* ========================================================================== 
   V12.4.186 — PROJEKTE: WENIGER STERIL / LOCKERER ANGEHEFTET
   Nur der Projektkartenbereich: etwas mehr Schräglage, Versatz, Papierflecken,
   unregelmäßige Breiten, Pins und Klebeband. Header/Hero/Kategorien bleiben.
   ========================================================================== */
.projects-index-page .project-grid--pinboard{
  perspective:1400px;
}

.projects-index-page .project-grid--pinboard .project-card{
  --project-pin-x:0px;
  --project-pin-y:0px;
  --project-hover-rot:0deg;
  width:100%;
  justify-self:stretch;
  transform:
    translate(var(--project-pin-x),var(--project-pin-y))
    rotate(var(--project-pin-rot,0deg)) !important;
  background-color:#ead8b2 !important;
  background-image:
    radial-gradient(ellipse at 12% 10%,rgba(105,66,36,.085) 0,rgba(105,66,36,.025) 18%,transparent 37%),
    radial-gradient(ellipse at 91% 86%,rgba(92,55,30,.065) 0,transparent 28%),
    linear-gradient(103deg,transparent 0 47%,rgba(80,52,30,.030) 48%,transparent 50%),
    url("assets/dx2/news-paper-texture-v8.webp") !important;
  background-size:auto,auto,auto,cover !important;
  background-position:center !important;
}
.projects-index-page .project-grid--pinboard .project-card:hover{
  transform:
    translate(var(--project-pin-x),calc(var(--project-pin-y) - 3px))
    rotate(var(--project-hover-rot)) !important;
}

/* Leichte Knick-/Eselsohr-Andeutung an einzelnen Papierbögen. */
.projects-index-page .project-grid--pinboard .project-card::after{
  content:"";
  position:absolute;
  z-index:8;
  right:7px;
  bottom:6px;
  width:24px;
  height:18px;
  opacity:.20;
  pointer-events:none;
  clip-path:polygon(100% 0,100% 100%,0 100%);
  background:linear-gradient(135deg,rgba(103,73,47,0) 0 47%,rgba(103,73,47,.46) 49%,rgba(246,229,191,.72) 100%);
  transform:rotate(-2deg);
}
.projects-index-page .project-card--pin-1::after,
.projects-index-page .project-card--pin-5::after{
  right:auto;
  left:7px;
  transform:scaleX(-1) rotate(2deg);
}
.projects-index-page .project-card--pin-3::after,
.projects-index-page .project-card--pin-8::after{opacity:.11}

/* Papierflächen nicht überall identisch sauber. */
.projects-index-page .project-grid--pinboard .project-card__body{
  background:
    linear-gradient(178deg,rgba(255,255,255,.025),transparent 32%),
    radial-gradient(circle at 8% 88%,rgba(82,49,26,.045),transparent 24%) !important;
}

/* Unterschiedliche Lage, Breite und Abstand — bewusst nur leicht chaotisch. */
.projects-index-page .project-card--pin-0{
  --project-pin-rot:-.82deg !important;
  --project-pin-x:-4px;
  --project-pin-y:2px;
  --project-hover-rot:-.12deg;
  width:calc(100% - 5px);
  justify-self:start;
}
.projects-index-page .project-card--pin-1{
  --project-pin-rot:1.08deg !important;
  --project-pin-x:3px;
  --project-pin-y:-3px;
  --project-hover-rot:.12deg;
  width:calc(100% - 7px);
  justify-self:end;
}
.projects-index-page .project-card--pin-2{
  --project-pin-rot:-1.28deg !important;
  --project-pin-x:-5px;
  --project-pin-y:5px;
  --project-hover-rot:-.15deg;
  width:calc(100% - 6px);
  justify-self:start;
}
.projects-index-page .project-card--pin-3{
  --project-pin-rot:.83deg !important;
  --project-pin-x:4px;
  --project-pin-y:1px;
  --project-hover-rot:.10deg;
  width:calc(100% - 5px);
  justify-self:end;
}
.projects-index-page .project-card--pin-4{
  --project-pin-rot:-.96deg !important;
  --project-pin-x:-3px;
  --project-pin-y:5px;
  --project-hover-rot:-.10deg;
  width:calc(100% - 4px);
  justify-self:start;
}
.projects-index-page .project-card--pin-5{
  --project-pin-rot:.72deg !important;
  --project-pin-x:2px;
  --project-pin-y:-1px;
  --project-hover-rot:.10deg;
  width:calc(100% - 8px);
  justify-self:center;
}
.projects-index-page .project-card--pin-6{
  --project-pin-rot:-.66deg !important;
  --project-pin-x:4px;
  --project-pin-y:4px;
  --project-hover-rot:-.08deg;
  width:calc(100% - 5px);
  justify-self:end;
}
.projects-index-page .project-card--pin-7{
  --project-pin-rot:1.02deg !important;
  --project-pin-x:-2px;
  --project-pin-y:2px;
  --project-hover-rot:.12deg;
  width:calc(100% - 6px);
  justify-self:start;
}
.projects-index-page .project-card--pin-8{
  --project-pin-rot:-.78deg !important;
  --project-pin-x:3px;
  --project-pin-y:6px;
  --project-hover-rot:-.10deg;
  width:calc(100% - 4px);
  justify-self:end;
}
.projects-index-page .project-card--pin-9{
  --project-pin-rot:.92deg !important;
  --project-pin-x:-2px;
  --project-pin-y:0px;
  --project-hover-rot:.10deg;
  width:calc(100% - 8px);
  justify-self:center;
}

/* Pins nicht alle gleich: Metall, Orange und etwas rostiger. */
.projects-index-page .project-card--pin-3::before,
.projects-index-page .project-card--pin-7::before{
  background:radial-gradient(circle at 31% 24%,#ffe0c2 0 8%,#ef6b28 22%,#ad451b 48%,#5a210e 70%,#170904 82%) !important;
}
.projects-index-page .project-card--pin-5::before,
.projects-index-page .project-card--pin-9::before{
  background:radial-gradient(circle at 31% 24%,#eadbc4 0 7%,#9b7650 22%,#684328 48%,#332015 72%,#0f0906 84%) !important;
}

/* Klebeband mit bewusst ausgefransten Enden und unterschiedlicher Lage. */
.projects-index-page .project-card__tape,
.projects-index-page .project-pin-note__tape{
  clip-path:polygon(2% 13%,98% 0,96% 88%,1% 100%);
  filter:drop-shadow(0 2px 1px rgba(0,0,0,.22));
}
.projects-index-page .project-card--pin-1 .project-card__tape{
  top:-12px;
  left:14px;
  width:72px;
  transform:rotate(7deg);
}
.projects-index-page .project-card--pin-2 .project-card__tape{
  top:-15px;
  left:-7px;
  width:96px;
  transform:rotate(-10deg);
}
.projects-index-page .project-card--pin-4 .project-card__tape{
  top:-12px;
  right:14px;
  width:73px;
  transform:rotate(8deg);
}
.projects-index-page .project-card--pin-7 .project-card__tape{
  top:-12px;
  left:42%;
  width:67px;
  transform:rotate(-5deg);
}

/* Bilder minimal unterschiedlich beschnitten — weniger Katalogoptik. */
.projects-index-page .project-card--pin-0 .project-card__media img{object-position:50% 47%}
.projects-index-page .project-card--pin-1 .project-card__media img{object-position:53% 43%}
.projects-index-page .project-card--pin-2 .project-card__media img{object-position:46% 50%}
.projects-index-page .project-card--pin-3 .project-card__media img{object-position:55% 49%}
.projects-index-page .project-card--pin-4 .project-card__media img{object-position:48% 46%}
.projects-index-page .project-card--pin-6 .project-card__media img{object-position:54% 52%}

/* Notizzettel hängen ebenfalls nicht exakt im Raster. */
.projects-index-page .project-pin-note--one{
  width:calc(100% - 10px);
  justify-self:center;
  transform:translate(5px,6px) rotate(1.34deg) !important;
  background-image:
    radial-gradient(ellipse at 16% 18%,rgba(105,66,36,.08),transparent 34%),
    radial-gradient(ellipse at 86% 82%,rgba(92,55,30,.06),transparent 28%),
    url("assets/dx2/news-paper-texture-v8.webp") !important;
}
.projects-index-page .project-pin-note--two{
  width:calc(100% - 8px);
  justify-self:end;
  transform:translate(-3px,5px) rotate(-1.16deg) !important;
  background-image:
    radial-gradient(ellipse at 78% 14%,rgba(105,66,36,.08),transparent 33%),
    url("assets/dx2/news-paper-texture-v8.webp") !important;
}

@media(max-width:1050px){
  .projects-index-page .project-grid--pinboard .project-card,
  .projects-index-page .project-pin-note{
    width:calc(100% - 4px);
  }
}

@media(max-width:720px){
  .projects-index-page .project-grid--pinboard .project-card,
  .projects-index-page .project-pin-note{
    width:100% !important;
    transform:none !important;
  }
  .projects-index-page .project-grid--pinboard .project-card:hover{
    transform:translateY(-2px) !important;
  }
}

/* ========================================================================== 
   V12.4.195 — SCROLL-PERFORMANCE
   Große CSS-Drop-Shadows und spät aktivierte Sektionen vermeiden.
   ========================================================================== */

/* Der große Discord-Bereich der Startseite braucht keinen Filter über die
   komplette 1320px-Fläche. Ein normaler Box-Shadow sieht gleichwertig aus,
   wird beim Scrollen aber deutlich günstiger zusammengesetzt. */
.dx2-discord-showcase{
  filter:none !important;
  box-shadow:7px 9px 12px rgba(0,0,0,.48) !important;
}

/* Die feste Navigation bleibt als eigene Compositor-Ebene stabil. */
.dlx-nav,
.dlx > .dlx-nav{
  transform:translateZ(0) !important;
  backface-visibility:hidden;
}

/* Diese Bereiche hatten content-visibility:auto. Beim Eintreten in den
   Viewport musste dadurch eine komplette, bildreiche Sektion in einem Frame
   neu layoutet und gerastert werden. Das verursachte sichtbare Hänger. */
@supports (content-visibility:auto){
  .project-overview,
  .shop-promise,
  .dlx > footer,
  footer.dx2-footer{
    content-visibility:visible !important;
    contain-intrinsic-size:none !important;
  }
}

/* Auf Touchgeräten keine unnötigen Filter-Übergänge vorbereiten. */
@media (hover:none), (pointer:coarse){
  .dlx :is(a,button,article,figure,img){
    transition-property:transform,opacity,color,background-color,border-color !important;
  }
}

/* ========================================================================== 
   V12.4.212 — SEITENWEITER PERFORMANCE-MODUS
   Keine Vollbild-Loader, keine teuren Glasfilter und keine großen
   Drop-Shadow-Filter auf sämtlichen Rahmen gleichzeitig.
   ========================================================================== */
html.page-loading,
html.page-loading body{
  overflow:auto !important;
}

.page-loader,
[data-page-loader]{
  display:none !important;
}

.dlx *,
.gallery-page *{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

.dx2-frame{
  filter:none !important;
  box-shadow:0 9px 15px rgba(0,0,0,.48) !important;
}

.dlx-server-panel .dlx-project,
.dlx-server-panel .dlx-project:hover,
.dlx-server-panel .dlx-project:nth-child(even):hover,
.dx2-discord-showcase__character{
  filter:none !important;
}

.gallery-page :is(
  .photo-card img,
  .project-card__media img,
  .project-board-card__media img,
  .download-card__media > img,
  .stream-card__media img,
  .streamer-tile__media img
){
  filter:none !important;
}

.streaming-signal-card__scan{
  display:none !important;
  animation:none !important;
}

.streaming-signal-card__screen strong i,
.streaming-live-count i,
.stream-card__live i{
  animation:none !important;
}

/* ========================================================================== 
   V12.4.213 — ECHTER GRAFIK-PAGELOADER
   Bleibt sichtbar, bis alle IMG-, Poster-, Hintergrund-, Masken- und
   Rahmenbilder geladen und decodiert oder eindeutig fehlgeschlagen sind.
   ========================================================================== */
/* V13.2.66 — SMART LOADER: standardmäßig komplett unsichtbar. */
html.page-loader-visible,
html.page-loader-visible body{
  overflow:hidden !important;
}

html.page-loader-visible .page-loader,
html.page-loader-visible [data-page-loader]{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483647 !important;
  display:grid !important;
}

html.page-loader-visible .page-loader.is-hidden,
html.page-loader-visible [data-page-loader].is-hidden{
  display:grid !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

.page-loader__progress{
  display:flex;
  justify-content:space-between;
  gap:20px;
  width:min(300px,76vw);
  margin-top:13px;
  color:#f0dfbb;
  font:900 11px/1.25 Arial,sans-serif;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.page-loader__progress span{
  margin:0;
  letter-spacing:.8px;
  text-align:left;
}

.page-loader__progress b{
  color:#ef5a13;
  font-size:13px;
}