@import url("https://db.onlinewebfonts.com/c/7794d0677e4adcb1a70cdc6c4e039d7a?family=Neuropol+X");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#eee;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}.top-banner{background:#000;border-bottom:1px solid #222}.banner-inner{position:relative}.top-banner img{width:100%;height:auto;max-height:235px;object-fit:cover}.language-switcher{position:absolute;right:18px;top:18px;display:flex;gap:6px;z-index:10}.lang{padding:7px 10px;background:rgba(0,0,0,.82);border:1px solid #777;border-radius:4px;color:#fff;font-size:12px;font-weight:800}.lang:hover,.active-lang{background:#b20b0b;border-color:#e00000}.nav-wrap{background:linear-gradient(#191919,#0b0b0b);border-bottom:1px solid #333;position:sticky;top:0;z-index:20}.nav{min-height:58px;display:flex;align-items:center;justify-content:center}.nav ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center}.nav a{display:block;padding:15px 20px;font-size:14px;font-weight:700}.nav a:hover,.nav a.active{background:linear-gradient(#d51b1b,#970909);color:#fff}.hero{background:radial-gradient(circle at 70% 45%,rgba(150,0,0,.42),transparent 35%),linear-gradient(120deg,#080808,#161616 55%,#070707);padding:75px 0 65px;border-bottom:1px solid #292929}.hero-grid{display:grid;grid-template-columns:1fr;gap:0;align-items:center}.kicker{font-size:16px;font-weight:700;color:#ddd;text-transform:uppercase;letter-spacing:2px}h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:10px 0 18px;text-transform:uppercase}h1 .red,h2 .red,h3 .red{color:#e40000}.hero p{font-size:19px;color:#c7c7c7;max-width:650px}.buttons{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:12px 20px;border:1px solid #aaa;border-radius:4px;font-weight:800;text-transform:uppercase;font-size:14px}.btn.red{background:linear-gradient(#df2222,#a50707);border-color:#df2222}.btn:hover{filter:brightness(1.15)}.hero-console{min-height:310px;border-radius:12px;background:radial-gradient(circle at 70% 60%,rgba(210,0,0,.65),transparent 34%),linear-gradient(145deg,#161616,#080808);border:1px solid #4b4b4b;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 70px #000}.console{width:250px;height:145px;background:linear-gradient(145deg,#444,#111);border-radius:12px;box-shadow:0 18px 25px #000;position:relative}.console:before{content:"";position:absolute;left:20px;right:20px;top:28px;height:8px;background:#777;border-radius:5px}.console:after{content:"";position:absolute;left:25px;right:25px;bottom:25px;height:5px;background:#333;border-radius:5px}section{padding:68px 0}.section-head{text-align:center;margin-bottom:38px}.section-head h2{font-size:34px;line-height:1.1;margin:0 0 10px;text-transform:uppercase}.section-head p{margin:0;color:#aaa}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(145deg,#191919,#0f0f0f);border:1px solid #4b1717;border-radius:8px;padding:25px;box-shadow:0 12px 30px #0005}.card .icon{font-size:34px;color:#f00000}.card h3{font-size:20px;margin:8px 0}.card p{color:#aaa;margin:0 0 15px}.more{color:#f00;text-transform:uppercase;font-weight:800;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.panel{background:#141414;border:1px solid #333;border-radius:9px;padding:30px}.check{margin:12px 0;color:#ddd}.check:before{content:"✓";color:#f00000;font-weight:900;margin-right:11px}.video-box{aspect-ratio:16/9;background:linear-gradient(135deg,#292929,#090909);border:1px solid #444;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:58px;color:#e00000}.notice{padding:18px 22px;border-left:4px solid #e00000;background:#151515;color:#bbb;margin:25px 0}.price-table{width:100%;border-collapse:collapse;background:#111;border:1px solid #333}.price-table th,.price-table td{padding:14px;border-bottom:1px solid #2e2e2e;text-align:left}.price-table th{background:#1c1c1c}.price-table tr:hover td{background:#171717}.form{display:grid;gap:15px}.form label{font-weight:700}.form input,.form textarea,.form select{width:100%;padding:13px;background:#0c0c0c;border:1px solid #555;color:#fff;border-radius:4px;font:inherit}.form textarea{min-height:150px;resize:vertical}.footer-benefits{background:#121212;border-top:1px solid #292929;border-bottom:1px solid #292929}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 0}.benefit{display:flex;gap:12px;align-items:center}.benefit strong{display:block;text-transform:uppercase;font-size:13px}.benefit span{display:block;color:#999;font-size:12px}.benefit .bicon{font-size:28px;color:#e00000}footer{padding:32px 0;background:#050505;color:#888}.footer-grid{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-links{display:flex;gap:18px;flex-wrap:wrap}footer a:hover{color:#fff}.page-hero{padding:55px 0;background:linear-gradient(110deg,#111,#1b0707,#0a0a0a);border-bottom:1px solid #333}.page-hero h1{font-size:46px;margin:0 0 8px}.breadcrumb{color:#999;font-size:13px}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:35px}.sidebar{background:#141414;border:1px solid #333;padding:25px;border-radius:8px;height:max-content}.sidebar a{display:block;padding:10px 0;border-bottom:1px solid #292929;color:#ccc}.sidebar a:hover{color:#f00}.team-section{background:#090909}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px;max-width:900px;margin:0 auto}.team-member{text-align:center;background:linear-gradient(145deg,#191919,#0f0f0f);border:1px solid #4b1717;border-radius:9px;padding:22px;box-shadow:0 12px 30px #0005}.team-member img{width:100%;max-width:360px;aspect-ratio:3/4;object-fit:cover;object-position:center top;margin:0 auto 18px;border-radius:7px;border:1px solid #444}.team-member h3{font-size:26px;margin:5px 0 12px;color:#fff}.team-member ul{list-style:none;padding:0;margin:0;text-align:left;max-width:300px;margin-inline:auto}.team-member li{padding:7px 0;color:#ccc;border-bottom:1px solid #292929}.team-member li:before{content:"✓";color:#f00000;font-weight:900;margin-right:11px}.team-member li:last-child{border-bottom:0}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.hero-grid,.split,.two-col,.team-grid{grid-template-columns:1fr}.hero-console{display:none}.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top-banner img{min-height:115px;object-fit:cover}.nav{min-height:auto}.nav ul{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.nav a{text-align:center;padding:11px 7px;font-size:12px}.language-switcher{right:8px;top:8px}.lang{padding:6px 8px;font-size:11px}.cards,.benefits{grid-template-columns:1fr}h1{font-size:43px}section{padding:50px 0}}
/* Einheitliches KonsolenFuzzi-Logo: silberne Original-Schrift mit rotem Punkt auf dem i */
.kf-wordmark{
  display:inline-block;
  width:7.05em;
  height:.68em;
  background:url('konsolenfuzzi-wordmark.png') center center / 100% 100% no-repeat;
  vertical-align:-0.02em;
  flex:0 0 auto;
}
.kf-wordmark[role="img"]{font-size:inherit}

/* KonsolenFuzzi-Wortmarke in Überschriften: exakt die silberne Originalschrift mit rotem Punkt aus dem Logo */
.kf-heading-logo{
  display:inline-block;
  width:7.05em;
  height:auto;
  max-width:none;
  vertical-align:-0.08em;
  object-fit:contain;
}
.kf-heading-logo-small{width:8em;vertical-align:-0.12em}
@media(max-width:650px){.kf-heading-logo{max-width:90vw;height:auto}}

/* Logo-Wortmarke innerhalb von Überschriften: gleiche Originalgrafik wie im Banner */
.kf-heading-logo-inline{
  width:auto;
  height:1em;
  max-width:none;
  vertical-align:-0.12em;
  display:inline-block;
}
@media(max-width:650px){.kf-heading-logo-inline{height:1em;}}

/* Logo-style hero greeting: same silver/red visual language and matching size to the KonsolenFuzzi wordmark */
.welcome-wordmark{display:inline-block;width:508px;max-width:90vw;height:auto;vertical-align:middle;object-fit:contain}
@media(max-width:650px){.welcome-wordmark{width:90vw;max-width:90vw}}

/* Prefix wordmarks for headings: same silver futuristic lettering as the welcome wordmark */
.prefix-wordmark{display:inline-block;width:auto;height:0.9em;max-width:none;vertical-align:-0.12em;object-fit:contain}
@media(max-width:650px){.prefix-wordmark{height:0.82em;max-width:42vw}}


/* FINAL KONSOLENFUZZI HEADING TYPOGRAPHY
   Neuropol X matches the futuristic geometry used by the original wordmark.
   The red i-dots are separate elements so they sit exactly on the i stems. */
.kf-prefix,
.kf-prefix *{
  font-family:"Neuropol X",Arial,sans-serif !important;
  font-weight:400 !important;
  font-style:normal !important;
  letter-spacing:.01em;
}
.kf-prefix{
  display:inline-block;
  color:#d8d8d8;
  background:linear-gradient(180deg,#ffffff 0%,#d7d7d7 28%,#9d9d9d 52%,#e9e9e9 76%,#b9b9b9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-transform:uppercase;
  line-height:.95;
  vertical-align:middle;
  white-space:nowrap;
}
.kf-prefix .kf-i-dot{
  position:relative;
  display:inline-block;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
.kf-prefix .kf-i-dot::after{
  content:"";
  position:absolute;
  width:.13em;
  height:.13em;
  min-width:5px;
  min-height:5px;
  border-radius:50%;
  background:#e00000;
  left:50%;
  top:-.16em;
  transform:translateX(-50%);
}
.kf-prefix.kf-welcome{font-size:inherit}
.kf-prefix.kf-section{font-size:inherit}
.kf-heading-wordmark{
  display:inline-block;
  width:auto;
  height:.9em;
  vertical-align:-.1em;
  margin-left:.12em;
}
.kf-heading-combo{
  display:inline-flex;
  align-items:baseline;
  flex-wrap:wrap;
  justify-content:center;
  gap:.12em;
}
.kf-question{
  font-size:1.28em;
  font-family:"Neuropol X",Arial,sans-serif !important;
  font-weight:400 !important;
  color:#d8d8d8 !important;
  background:linear-gradient(180deg,#ffffff 0%,#d7d7d7 28%,#9d9d9d 52%,#e9e9e9 76%,#b9b9b9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
@media(max-width:650px){
 .kf-prefix.kf-welcome{font-size:inherit}
}

/* 2026-08-30: optical size match to the actual visible KonsolenFuzzi artwork.
   The PNG contains transparent padding, so matching CSS em values does NOT match visible letter height. */
h1 .kf-prefix.kf-welcome{font-size:.50em !important;}
.section-head h2 .kf-prefix.kf-section,
section h2 .kf-prefix.kf-section{font-size:.70em !important;}
.section-head h2 .kf-question,
section h2 .kf-question{font-size:.90em !important;}
@media(max-width:650px){
  h1 .kf-prefix.kf-welcome{font-size:.50em !important;}
  .section-head h2 .kf-prefix.kf-section,
  section h2 .kf-prefix.kf-section{font-size:.70em !important;}
}

/* Fine alignment: OVER / WHY sit on the same optical baseline as the inline KonsolenFuzzi wordmark. */
.kf-inline-align{transform:translateY(-0.11em);}
@media(max-width:650px){.kf-inline-align{transform:translateY(-0.10em);}}

/* Hero content centered after removal of the media placeholder */
.hero .hero-grid > div{
  width:100%;
  text-align:center;
}
.hero .kicker{
  text-align:center;
}
.hero h1{
  text-align:center;
}
.hero h1 .kf-heading-logo{
  margin-left:auto;
  margin-right:auto;
}
.hero p{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.hero .buttons{
  justify-content:center;
}


/* Startseite: ÜBER nutzt exakt dieselbe .kf-section-Schriftgröße wie WAS WIR MACHEN.
   Das U wird separat geschrieben, damit Neuropol X verwendet wird; die Umlautpunkte
   sind exakt so groß/rot wie der rote i-Punkt in WAS WIR MACHEN. */
.kf-u-umlaut{
  position:relative;
  display:inline-block;
}
.kf-u-umlaut::before,
.kf-u-umlaut::after{
  content:"";
  position:absolute;
  width:.13em;
  height:.13em;
  border-radius:50%;
  background:#e00000;
  top:-.16em;
}
.kf-u-umlaut::before{ left:28%; }
.kf-u-umlaut::after{ right:28%; }

/* Rote Umlautpunkte für Ö im KonsolenFuzzi-Überschriftenstil */
.kf-o-umlaut{
  position:relative;
  display:inline-block;
}
.kf-o-umlaut::before,
.kf-o-umlaut::after{
  content:"";
  position:absolute;
  width:.13em;
  height:.13em;
  border-radius:50%;
  background:#e00000;
  top:-.16em;
}
.kf-o-umlaut::before{ left:28%; }
.kf-o-umlaut::after{ right:28%; }

/* Feinkorrektur nur für "DU MÖCHTEST EINE KONSOLE VERKAUFEN?".
   Das Ö erhält bewusst weiter auseinanderliegende rote Umlautpunkte.
   Das I in EINE nutzt wieder exakt die globale, bereits bewährte I-Punkt-Position. */
.kf-o-sale::before,
.kf-o-sale::after{
  width:.17em;
  height:.17em;
  min-width:5px;
  min-height:5px;
  top:-.18em;
}
.kf-o-sale::before{ left:10%; }
.kf-o-sale::after{ right:10%; }


/* Zentrierung ausschließlich der drei Angebots-Kästchen auf der An-&-Verkauf-Seite */
.offer-center-card{
  text-align:center;
}
.offer-center-card .icon,
.offer-center-card .emoji{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.offer-center-card a{
  display:inline-block;
}

/* An- & Verkauf: die drei Angebotskästchen als gesamte Gruppe mittig auf der Seite.
   Wichtig: Die globale .cards-Regel hat vier Spalten; bei nur drei Karten blieb rechts
   eine leere vierte Spalte und die Gruppe wirkte dadurch nach links verschoben. */
.sale-offers-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.sale-offer-card{
  text-align:center;
}
.sale-offer-card .icon{
  text-align:center;
}
.sale-offer-card .more{
  display:inline-block;
}

@media(max-width:900px){
  .sale-offers-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(max-width:760px){
  .sale-offers-grid{
    grid-template-columns:1fr !important;
    max-width:620px;
  }
}

/* Über uns: Diagnose / Reparaturen / Test – komplette Dreiergruppe und Inhalte zentrieren */
.about-workshop-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.about-workshop-card{
  text-align:center;
}
.about-workshop-card .icon,
.about-workshop-card .emoji{
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.about-workshop-card a{
  display:inline-block;
}
@media(max-width:760px){
  .about-workshop-grid{
    grid-template-columns:1fr !important;
    max-width:620px;
  }
}

/* FIX: Über-uns-Werkstattkarten – exakt 3 Spalten, komplette Gruppe mittig */
.cards.about-workshop-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  justify-content:center !important;
}
.cards.about-workshop-grid .about-workshop-card{
  text-align:center !important;
}
.cards.about-workshop-grid .about-workshop-card h3,
.cards.about-workshop-grid .about-workshop-card p{
  text-align:center !important;
}
@media(max-width:900px){
  .cards.about-workshop-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}
@media(max-width:650px){
  .cards.about-workshop-grid{
    grid-template-columns:1fr !important;
    max-width:620px !important;
  }
}


/* =========================================================
   RESPONSIVE HARDENING – TV / Desktop / Tablet / Smartphone
   Keeps the approved KonsolenFuzzi design, only improves layout.
   ========================================================= */

/* Prevent accidental horizontal overflow anywhere */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.container{width:min(1180px,calc(100% - 40px))}
img,video,iframe,svg{max-width:100%;height:auto}
.card,.panel,.sidebar,.team-member,.form,.split>*,.two-col>*{min-width:0}
p,li,label,.sidebar,.card{overflow-wrap:break-word}
input,textarea,select,button{max-width:100%}

/* Headings may wrap at word boundaries instead of leaving the viewport */
.kf-prefix{white-space:normal;max-width:100%}
h1,h2,h3{overflow-wrap:normal;word-break:normal}
.section-head h2,section h2{max-width:100%}

/* Consistent 3-card groups */
.cards.three-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  width:100%;
  margin-inline:auto;
}

/* Tables remain usable on narrow screens */
.table-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius:4px;
}
.table-scroll .price-table{
  min-width:620px;
}

/* Better touch targets */
.nav a,.btn,.lang{min-height:44px}
.form input,.form textarea,.form select{font-size:16px}

/* Large desktop / TV */
@media (min-width:1600px){
  .container{width:min(1440px,88%)}
  .top-banner img{max-height:310px}
  .nav a{font-size:16px;padding:17px 24px}
  .hero{padding:92px 0 82px}
  section{padding:82px 0}
  .section-head h2{font-size:40px}
  .hero p{font-size:21px}
  .card{padding:30px}
}

/* Small desktop / landscape tablet */
@media (max-width:1024px){
  .container{width:min(94%,920px)}
  .nav a{padding:14px 13px;font-size:13px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sale-offers-grid,
  .cards.about-workshop-grid,
  .cards.three-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .hero{padding:60px 0 55px}
  section{padding:58px 0}
  .split,.two-col{gap:28px}
}

/* Tablet portrait */
@media (max-width:820px){
  .nav ul{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;
  }
  .nav a{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:10px 6px;
    font-size:12px;
    line-height:1.2;
  }
  .hero-grid,.split,.two-col,.team-grid{grid-template-columns:1fr}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-hero h1{font-size:clamp(34px,7vw,46px)}
  .sidebar{margin-top:4px}
  .team-member img{max-width:320px}
}

/* Smartphone */
@media (max-width:650px){
  .container{width:calc(100% - 28px)}
  .top-banner img{
    width:100%;
    height:auto;
    min-height:0;
    max-height:none;
    object-fit:contain;
  }
  .language-switcher{right:6px;top:6px;gap:4px}
  .lang{padding:6px 8px;font-size:11px}
  .nav-wrap{position:relative}
  .nav ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav a{min-height:46px;padding:9px 5px;font-size:11.5px}
  .hero{padding:44px 0 42px}
  h1{font-size:clamp(34px,11vw,43px)}
  .page-hero{padding:38px 0}
  .page-hero h1{font-size:clamp(31px,10vw,40px)}
  section{padding:44px 0}
  .section-head{margin-bottom:28px}
  .section-head h2,section h2{font-size:clamp(25px,8vw,32px)}
  .hero p{font-size:17px}
  .cards,
  .sale-offers-grid,
  .cards.about-workshop-grid,
  .cards.three-card-grid,
  .benefits{
    grid-template-columns:1fr !important;
  }
  .card,.panel,.sidebar,.team-member{padding:20px}
  .buttons{flex-direction:column;align-items:stretch}
  .btn{text-align:center;width:100%}
  .footer-grid{flex-direction:column;text-align:center;align-items:center}
  .footer-links{justify-content:center}
  .kf-heading-logo{max-width:88vw}
  .kf-heading-logo-inline{
    max-width:min(70vw,360px);
    height:auto;
    width:auto;
    max-height:1em;
  }
  .kf-heading-combo{gap:.08em}
  .kf-prefix .kf-i-dot::after,
  .kf-o-umlaut::before,.kf-o-umlaut::after,
  .kf-u-umlaut::before,.kf-u-umlaut::after{
    min-width:4px;
    min-height:4px;
  }
}

/* Very narrow phones */
@media (max-width:390px){
  .container{width:calc(100% - 20px)}
  .nav a{font-size:10.5px;padding-inline:3px}
  .card,.panel,.sidebar,.team-member{padding:17px}
  .section-head h2,section h2{font-size:24px}
  .page-hero h1{font-size:30px}
  .kf-prefix.kf-section{font-size:.64em !important}
  h1 .kf-prefix.kf-welcome{font-size:.46em !important}
  .breadcrumb{font-size:12px}
  .team-member h3{font-size:23px}
}




/* HALLOWEEN BANNER – gleiche Headerhoehe und Darstellung wie Original */

/* Halloween-Sonderoptik – nur Startseiten-Schriftzug */
.hero .kf-halloween-title{
  font-family:"Neuropol X", Impact, sans-serif !important;
  font-weight:700 !important;
  color:#ff6a00 !important;
  background:linear-gradient(180deg,#ffd36a 0%,#ff8a00 28%,#ff3b00 62%,#b30000 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  letter-spacing:.035em !important;
  text-shadow:
    0 2px 0 rgba(125,0,0,.9),
    0 5px 5px rgba(130,0,0,.65),
    0 0 10px rgba(255,70,0,.65),
    0 0 22px rgba(255,35,0,.38) !important;
  filter:drop-shadow(0 3px 1px rgba(70,0,0,.85));
}


/* =========================================================
   PS3 EDITIONEN – An- & Verkauf
   ========================================================= */
.editions-section{background:linear-gradient(180deg,#0b0b0b,#111 55%,#090909);border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a}
.edition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.edition-card{position:relative;text-align:center;padding:34px 25px 28px;background:linear-gradient(145deg,#191919,#0b0b0b);border:1px solid #5a2323;border-radius:10px;box-shadow:0 18px 40px #0008;overflow:hidden}
.edition-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#555,#d0d0d0,#555)}
.edition-custom{border-color:#7c1b1b}.edition-custom:before{background:linear-gradient(90deg,#5b0707,#e00000,#5b0707)}
.edition-premium{border-color:#b99235;transform:none;box-shadow:0 22px 55px #000b,0 0 28px rgba(212,170,55,.14)}
.edition-premium:before{height:5px;background:linear-gradient(90deg,#765315,#e5bd58,#765315)}
.edition-label{font-family:"Neuropol X",Arial,sans-serif;font-size:22px;letter-spacing:.04em;color:#eee;margin-bottom:10px}
.edition-price{font-size:40px;line-height:1.15;font-weight:900;color:#fff;margin:10px 0 14px;text-shadow:0 2px 10px #000}
.edition-price span{font-size:15px;font-weight:700;color:#aaa;text-transform:uppercase;vertical-align:middle;margin-right:3px}
.edition-card p{color:#bbb;min-height:54px;margin:0 auto 12px;max-width:300px}
.edition-models{color:#ddd;font-size:14px;font-weight:700;margin:15px 0 22px}
.edition-btn{min-width:170px}
.edition-badge{display:inline-block;margin:-8px 0 12px;padding:5px 10px;border-radius:999px;background:#a90808;border:1px solid #ed2424;color:#fff;font-size:10px;line-height:1;font-weight:900;letter-spacing:.12em}
.edition-note{max-width:920px;margin:28px auto 0;padding:15px 18px;text-align:center;color:#aaa;background:#121212;border:1px solid #343434;border-left:4px solid #d00000;border-radius:5px;font-size:14px}
.edition-details-section{background:#0b0b0b}
.edition-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.edition-detail{scroll-margin-top:85px;background:linear-gradient(145deg,#181818,#101010);border:1px solid #3b3b3b;border-radius:9px;padding:24px;box-shadow:0 12px 30px #0005}
.edition-detail h3{font-family:"Neuropol X",Arial,sans-serif;font-size:19px;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid #333;color:#eee}
.edition-detail h3 span{display:block;font-family:Arial,Helvetica,sans-serif;color:#f22;font-size:14px;margin-top:5px}
.edition-detail ul{list-style:none;margin:0;padding:0}
.edition-detail li{position:relative;padding:9px 0 9px 23px;color:#c5c5c5;border-bottom:1px solid #242424;font-size:14px}
.edition-detail li:last-child{border-bottom:0}.edition-detail li:before{content:"✓";position:absolute;left:0;color:#e00000;font-weight:900}
.premium-detail{border-color:#661414}
@media(max-width:900px){.edition-grid,.edition-details-grid{grid-template-columns:1fr}.edition-grid{max-width:650px;margin:auto}.edition-details-grid{max-width:760px;margin:auto}.edition-premium{transform:none}.edition-card p{min-height:0}}

/* Keep complete prices such as "ab + 39 €" on one line */
.price-table td.price-nowrap{white-space:nowrap;min-width:105px;}



/* Back-to-top button on every page */
.back-to-top-wrap{padding:28px 20px;text-align:center;background:#0b0b0b}
.back-to-top{display:inline-block;min-width:170px;border-color:#555;background:linear-gradient(180deg,#242424,#111);color:#fff}
.back-to-top:hover{border-color:#d00000;background:linear-gradient(180deg,#8f0808,#4b0000)}
html{scroll-behavior:smooth}

/* Reparatur-Konfigurator */
.repair-config{margin-top:18px;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.035)}
.repair-config h3{margin:0 0 8px}.repair-config p{margin:0 0 14px}
.price-table .select-col{width:74px;text-align:center}.repair-check{width:22px;height:22px;accent-color:#d51f2b;cursor:pointer}.repair-check:disabled{cursor:not-allowed;opacity:.75}
.config-summary{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.config-total{font-size:1.15rem}.config-total strong{font-size:1.35rem}.config-actions{display:flex;gap:10px;flex-wrap:wrap}.config-note{font-size:.92rem;opacity:.82;margin-top:10px!important}.config-empty{opacity:.75}
.prefill-box{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:12px;margin-bottom:12px}.prefill-box textarea{min-height:120px}
@media(max-width:700px){.price-table .select-col{width:58px}.repair-config{padding:14px}.config-summary{align-items:flex-start}}


/* PS3-Modellauswahl im Reparatur-Konfigurator */
.model-selector{margin:18px 0;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.035)}
.model-selector h3{margin:0 0 8px}.model-selector p{margin:0 0 14px;color:#bbb}
.model-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.model-option{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 13px;border:1px solid #444;border-radius:8px;background:#111;cursor:pointer;font-weight:700}
.model-option:hover{border-color:#888}.model-option:has(input:checked){border-color:#d51f2b;background:rgba(213,31,43,.12)}
.model-option input{width:20px;height:20px;accent-color:#d51f2b;flex:0 0 auto}
.model-status{margin-top:12px!important;font-size:.92rem;color:#aaa!important}
.service-row[hidden]{display:none}
@media(max-width:650px){.model-options{grid-template-columns:1fr}.model-selector{padding:14px}}


/* --- KonsolenFuzzi Service-Konfigurator / Auftragsannahme --- */
.config-group{margin-top:24px;padding-top:8px}.config-group h3{margin:0 0 6px}.config-group>p{margin-top:0;color:#bbb}.service-row[hidden]{display:none!important}.service-row input[type="checkbox"]{width:20px;height:20px;accent-color:#e53935;cursor:pointer}.service-row input[type="checkbox"]:disabled{cursor:not-allowed}.config-summary{margin-top:22px;padding:18px;border:1px solid #333;border-radius:12px;background:#0d0d0d;display:flex;gap:18px;justify-content:space-between;align-items:center;flex-wrap:wrap}.config-summary strong{font-size:1.25rem}.config-summary .config-actions{display:flex;gap:10px;flex-wrap:wrap}.config-summary button:disabled{opacity:.45;cursor:not-allowed}.config-note{margin-top:12px;color:#bbb;font-size:.95rem}.service-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.service-contact-fields .full{grid-column:1/-1}.form-hint{font-size:.9rem;color:#aaa;margin:-5px 0 12px}.case-number-preview{padding:14px 16px;margin:14px 0;border-left:4px solid #e53935;background:#111}.pdf-note{margin-top:12px;font-size:.95rem;color:#bbb}@media(max-width:700px){.service-contact-fields{grid-template-columns:1fr}.service-contact-fields .full{grid-column:auto}.price-table th:first-child,.price-table td:first-child{min-width:72px}.config-summary{align-items:flex-start;flex-direction:column}}

.confirmation-title{font-family:"Neuropol X",Arial,sans-serif!important;letter-spacing:.03em;font-size:clamp(30px,4vw,44px)!important;line-height:1.1;margin:0 0 24px;text-transform:none!important}.confirmation-title .confirmation-word{font-size:1em!important}.confirmation-title .kf-i-dot::after{top:-.10em}.confirmation-title .kf-exclaim{position:relative;display:inline-block;width:.34em;height:.82em;margin-left:.04em;vertical-align:-.06em;background:none!important;-webkit-text-fill-color:initial!important}.confirmation-title .kf-exclaim::before{content:""!important;display:block!important;position:absolute;left:50%;top:0;transform:translateX(-50%);width:.12em;height:.56em;border-radius:.035em;background:linear-gradient(180deg,#fff 0%,#d7d7d7 28%,#9d9d9d 52%,#e9e9e9 76%,#b9b9b9 100%)}.confirmation-title .kf-exclaim::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:.13em;height:.13em;min-width:5px;min-height:5px;border-radius:50%;background:#e00000}

/* Confirmation exclamation mark v0005: inline SVG avoids pseudo-element alignment issues */
.confirmation-title .kf-exclaim{display:none!important}
.confirmation-title .kf-exclaim-svg{display:inline-block!important;width:.34em!important;height:.82em!important;margin-left:.04em!important;vertical-align:-.08em!important;background:none!important;-webkit-text-fill-color:initial!important;line-height:1!important}
.confirmation-title .kf-exclaim-svg svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important}

/* Inventory / Galerie */
.available-sales-section{background:#0d0d0d;border-top:1px solid #242424}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.inventory-card{position:relative;background:linear-gradient(145deg,#191919,#0c0c0c);border:1px solid #3a3a3a;border-radius:10px;overflow:hidden;box-shadow:0 16px 38px #0007}.inventory-media{background:#080808}.inventory-main-img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.inventory-placeholder{display:grid;place-items:center;aspect-ratio:4/3;font-size:70px}.inventory-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px}.inventory-thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover}.inventory-body{padding:20px}.inventory-id{font-size:12px;font-weight:900;color:#e11;letter-spacing:.08em}.inventory-body h3{margin:7px 0 8px;color:#eee}.inventory-specs{font-weight:700;color:#bbb;font-size:13px}.inventory-body p{color:#aaa}.inventory-price{font-size:30px;font-weight:900;color:#fff;margin:15px 0}.inventory-video{font-size:12px}.inventory-sold{position:absolute;z-index:2;right:10px;top:10px;background:#b00000;color:#fff;font-weight:900;padding:6px 10px;border-radius:4px}.inventory-empty{grid-column:1/-1;text-align:center;padding:35px;border:1px dashed #444;border-radius:8px;color:#999}.sales-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sales-admin-grid label{display:grid;gap:6px}.sales-admin-grid input,.sales-admin-grid select,.sales-admin-grid textarea{width:100%;box-sizing:border-box;padding:10px;background:#111;color:#eee;border:1px solid #555;border-radius:4px}.sales-wide{grid-column:1/-1}.admin-sales-list{display:grid;gap:12px}.success-box{padding:12px;border-left:4px solid #d00;background:#151515}@media(max-width:850px){.inventory-grid{grid-template-columns:1fr}.sales-admin-grid{grid-template-columns:1fr}.sales-wide{grid-column:auto}}

/* Verkaufsbilder: Hauptbild + Zusatzbilder / Lightbox */
.sales-images-block{border-top:1px solid #333;padding-top:8px}.sales-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.inventory-main-img,.inventory-thumbs img{cursor:zoom-in}.inventory-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px}.inventory-thumbs img{border:1px solid #333;border-radius:3px;transition:transform .15s,border-color .15s}.inventory-thumbs img:hover{transform:scale(1.03);border-color:#d11}.kf-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:9999;display:none;align-items:center;justify-content:center;padding:28px}.kf-lightbox.open{display:flex}.kf-lightbox img{max-width:min(1200px,94vw);max-height:90vh;object-fit:contain;border:1px solid #555;box-shadow:0 20px 70px #000}.kf-lightbox-close{position:absolute;right:22px;top:16px;border:1px solid #777;background:#111;color:#fff;font-size:30px;line-height:1;width:48px;height:48px;border-radius:50%;cursor:pointer}.kf-lightbox-close:hover{background:#b10d0d}.kf-lightbox-hint{position:absolute;bottom:10px;color:#aaa;font-size:12px}@media(max-width:850px){.sales-image-grid{grid-template-columns:1fr}.inventory-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* KF console identification in contact form */
.console-id-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.console-id-grid label{display:grid;gap:6px}.console-id-hint{margin:10px 0 14px}@media(max-width:800px){.console-id-grid{grid-template-columns:1fr}}


/* =========================================================
   0110 MOBILE / TABLET SAFETY PASS
   Extra protection for 320px phones through large displays.
   No visual redesign; prevents clipping and cramped controls.
   ========================================================= */
.table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.table-wrap table{max-width:none}
.form,.repair-config,.model-selector,.config-group,.config-summary,
.service-contact-fields,.console-id-grid,.sales-admin-grid{min-width:0;max-width:100%}
.form input,.form textarea,.form select,
.service-contact-fields input,.service-contact-fields textarea,.service-contact-fields select,
.console-id-grid input,.console-id-grid select{min-width:0}
.nav a,.btn,.lang,.footer-links a,.sidebar a{overflow-wrap:anywhere}

@media(max-width:650px){
  .config-actions{width:100%}
  .config-actions .btn,.config-actions button{flex:1 1 100%;width:100%;white-space:normal}
  .edition-btn{min-width:0;width:100%;white-space:normal}
  .footer-links{width:100%;justify-content:center}
  .footer-links a{padding:8px 5px}
  .notice{padding:15px 16px}
  .table-wrap{margin-inline:0}
}

@media(max-width:390px){
  .language-switcher{right:4px;top:4px}
  .lang{padding:5px 7px;font-size:10.5px}
  .repair-config,.model-selector{padding:12px}
  .config-summary{padding:14px}
  .edition-card{padding:27px 17px 22px}
  .edition-detail{padding:19px 16px}
  .inventory-body{padding:17px}
}

/* Fuzzi-Office Direktnavigation */
.kf-office-nav{margin:0 0 24px;padding:14px;border:1px solid #343434;border-radius:12px;background:#0d0d0d;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.kf-office-nav-title{display:flex;align-items:baseline;gap:10px;padding:0 3px 10px;color:#fff}.kf-office-nav-title>span{font-weight:900;letter-spacing:.04em}.kf-office-nav-title b{color:#e11919}.kf-office-nav-title small{color:#888;font-size:.78rem}
.kf-office-nav-links{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin;scrollbar-color:#555 #151515}.kf-office-nav-links::-webkit-scrollbar{height:7px}.kf-office-nav-links::-webkit-scrollbar-track{background:#151515;border-radius:9px}.kf-office-nav-links::-webkit-scrollbar-thumb{background:#555;border-radius:9px}
.kf-office-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:38px;padding:8px 11px;border:1px solid #353535;border-radius:8px;background:#171717;color:#ddd;text-decoration:none;font-size:.88rem;font-weight:700;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s}
.kf-office-nav-link:hover{background:#222;border-color:#666;color:#fff;transform:translateY(-1px)}.kf-office-nav-link.active{background:#e11919;border-color:#ff3b3b;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.05) inset}.kf-office-nav-icon{font-size:1rem;line-height:1}
@media(max-width:700px){.kf-office-nav{padding:11px;margin-bottom:18px}.kf-office-nav-title{padding-bottom:8px}.kf-office-nav-title small{display:none}.kf-office-nav-link{padding:8px 10px;font-size:.82rem}}



/* Rote Umlautpunkte für Ä im KonsolenFuzzi-Überschriftenstil */
.kf-a-umlaut{position:relative;display:inline-block;}
.kf-a-umlaut::before,.kf-a-umlaut::after{content:"";position:absolute;width:.13em;height:.13em;min-width:5px;min-height:5px;border-radius:50%;background:#e00000;top:-.16em;}
.kf-a-umlaut::before{left:28%;}
.kf-a-umlaut::after{right:28%;}

/* Gallery title: robust KonsolenFuzzi red I dot */
.kf-prefix .kf-gallery-i::after{top:-.08em!important;width:.14em!important;height:.14em!important;min-width:6px!important;min-height:6px!important;z-index:3!important;}

/* KonsolenFuzzi accent dot for headings without I/umlaut (e.g. English GALLERY) */
.kf-prefix .kf-brand-dot{position:relative;display:inline-block;color:transparent;-webkit-text-fill-color:transparent;}
.kf-prefix .kf-brand-dot::after{content:"";position:absolute;width:.13em;height:.13em;min-width:5px;min-height:5px;border-radius:50%;background:#e00000;left:50%;top:-.16em;transform:translateX(-50%);z-index:3;}

/* Bundeslade 0294 – gezielte Smartphone-Verbesserungen (ohne Funktionsänderungen) */
@media (max-width:650px){
  /* Keine iOS-Zoomsprünge beim Ausfüllen von Kontakt- und Eingabefeldern */
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px}
  /* Lange Inhalte dürfen die Bildschirmbreite nicht aufsprengen */
  .container,.card,.panel,.inventory-card,.inventory-body,.edition-card,
  .edition-detail,.form,.footer-grid{min-width:0}
  .card p,.panel p,.inventory-body p,.edition-card p,.notice,
  .form label,.footer-links a{overflow-wrap:break-word}
  /* Größere Berührungsflächen und klare Fokusmarkierung */
  .nav a,.lang,.btn,button{touch-action:manipulation}
  .form input,.form select,.form textarea{max-width:100%;box-sizing:border-box}
  /* Lange Tabellen bleiben horizontal scrollbar, statt den Rest zu verkleinern */
  .table-wrap{overflow-x:auto;overscroll-behavior-x:contain}
}
@media(max-width:390px){
  .nav a{min-height:48px;line-height:1.35}
  .lang{min-height:34px;display:inline-flex;align-items:center}
}
:where(a,button,input,select,textarea):focus-visible{
  outline:3px solid #f04a4a;outline-offset:3px;
}

/* 0303: Gemeinsamer Hinweis zu Custom- und Premium-Farbserien */
.edition-series-note{margin-top:22px;padding:22px 26px;border:1px solid #555;border-left:4px solid #c69b3c;border-radius:9px;background:linear-gradient(145deg,#181818,#101010);color:#c5c5c5;line-height:1.7;box-shadow:0 12px 30px #0005}
.edition-series-note strong{color:#f0d188}

/* Edition headings – release 0309 */
.edition-custom .edition-label{color:#e22b2b;}
.edition-premium .edition-label{color:#e5bd58;font-size:19px;letter-spacing:.015em;white-space:nowrap;}
@media(max-width:420px){.edition-premium .edition-label{font-size:clamp(14px,4.2vw,19px);}}

/* 0310 – Edition-Farben auch in der Detailübersicht */
.edition-details-grid > .edition-detail:nth-child(1) h3 { color:#d8d8d8; }
.edition-details-grid > .edition-detail:nth-child(2) h3 { color:#e22b2b; }
.edition-details-grid > .edition-detail:nth-child(3) {
  border-color:#b99235;
}
.edition-details-grid > .edition-detail:nth-child(3) h3 { color:#e5bd58; }
.edition-details-grid > .edition-detail:nth-child(3) li::before { color:#e5bd58; }

/* 0311: Silberne Häkchen in den Classic-Details */
.edition-details-grid > .edition-detail:nth-child(1) li::before { color:#c8c8c8; }

/* 0312 – Edition buttons: silver, red, gold on DE/EN sales pages */
.edition-grid .edition-card.edition-classic .edition-btn {
  background:linear-gradient(180deg,#d7d7d7,#a9a9a9)!important;
  border:1px solid #e2e2e2!important;color:#171717!important;
}
.edition-grid .edition-card.edition-custom .edition-btn {
  background:linear-gradient(180deg,#e52b2b,#ae0808)!important;
  border:1px solid #ee4141!important;color:#fff!important;
}
.edition-grid .edition-card.edition-premium .edition-btn {
  background:linear-gradient(180deg,#e9c45e,#b88721)!important;
  border:1px solid #f0cf70!important;color:#16110a!important;
}
.edition-grid .edition-card .edition-btn:hover {
  filter:brightness(1.12);
}

/* 0313: Align detail buttons across Classic, Custom, Premium on DE and EN */
.edition-grid > .edition-card{display:flex;flex-direction:column;align-items:stretch}
.edition-grid > .edition-card > .edition-models{margin-top:auto}
.edition-grid > .edition-card > .edition-btn{align-self:center;flex-shrink:0}


/* Bundeslade 0314 – five home-page information cards, balanced layout */
.home-edition-cards{
  display:flex!important;
  flex-wrap:wrap;
  justify-content:center;
  align-items:stretch;
  gap:18px;
}
.home-edition-cards > .card{
  box-sizing:border-box;
  flex:0 1 calc((100% - 36px)/3);
  min-width:0;
  display:flex;
  flex-direction:column;
}
.home-edition-cards > .card .more{margin-top:auto;padding-top:12px}
@media(max-width:1024px){
  .home-edition-cards > .card{flex-basis:calc((100% - 18px)/2)}
}
@media(max-width:650px){
  .home-edition-cards > .card{flex-basis:100%}
}

/* 0317: Explicit visible model-compatibility footnote */
.edition-card .edition-models .edition-model-note{display:inline!important;visibility:visible!important;opacity:1!important;color:#f3f3f3!important;font-size:1em!important;font-weight:800!important;vertical-align:baseline!important;margin-left:1px!important;}
.edition-card.edition-custom .edition-models .edition-model-note{color:#ff4242!important;}
.edition-card.edition-premium .edition-models .edition-model-note{color:#f4c759!important;}