/* ================================================================
   oof-landingpages.css
   Overland Outfitters zentrales Landingpage CSS
   Deckt alle 15 Marken-Landingpages ab.
   Konvention: Jede Marke hat ein eigenes Prefix:
     .lp-*  gemeinsame Utilities (Buttons, Wrapper, Hero, FAQ, etc.)
     .ctc-* CouplerTec
     .bd-*  Brown Davis
     .ef-*  EcoFlow
     .fr-*  Front Runner
     .ac-*  Alu-Cab
     .ome-* Old Man Emu
     .rr-*  Rhino Rack
     .ht-*  horntools
     .ll-*  Lazer Lamps
     .tjm-* TJM
     .sl-*  Strands Lighting
     .vw-*  VICKYWOOD
   ================================================================ */

/* Shopweite Markenakzentfarbe (Default, kann pro Brand ueberschrieben werden) */
/* 2026-10-29: CI Akzent #c89a3c (EINZIGE Markenakzentfarbe) */
:root{
  --oof-accent:#c89a3c;
  --oof-ink:#111;
  --oof-mut:#5c5c5c;
  --oof-bg:#f6f3ef;
  --oof-line:#e8e4de;
}

/* ================================================================
   GEMEINSAME UTILITIES  (.lp-*)
   ================================================================ */
.lp-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.lp-section{padding:80px 0}
.lp-light{background:var(--oof-bg)}
.lp-white{background:#fff}
.lp-dark{background:#111;color:#fff}
.lp-eyebrow{display:inline-block;color:var(--oof-accent);font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.lp-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:4px;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--oof-accent);transition:.2s}
.lp-btn-primary{background:var(--oof-accent);color:#fff}
.lp-btn-primary:hover{background:#fff;color:var(--oof-accent)}
.lp-btn-ghost{background:transparent;color:var(--oof-accent)}
.lp-btn-ghost:hover{background:var(--oof-accent);color:#fff}

/* Gemeinsame FAQ */
.lp-faq{background:#fff;border:1px solid var(--oof-line);border-radius:6px;margin-bottom:10px;padding:0}
.lp-faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:15px;color:var(--oof-ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";color:var(--oof-accent);font-weight:800;font-size:22px;flex-shrink:0}
.lp-faq[open] summary::after{content:"\2212"}
.lp-faq .lp-faq-ans{padding:0 22px 20px;color:var(--oof-mut);font-size:14px}

/* ================================================================
   COUPLERTEC (.ctc-*)  Akzent #900A38
   ================================================================ */
.ctc{--c:#900A38;--c2:#6b0829;--ink:#111;--mut:#5c5c5c;--bg:#f6f3ef;--line:#e8e4de;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.55}
.ctc *{box-sizing:border-box}
.ctc img{max-width:100%;display:block}
.ctc .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ctc h1,.ctc h2,.ctc h3{font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0;color:var(--ink)!important}
.ctc h1{font-size:clamp(32px,5vw,56px)}
.ctc h2{font-size:clamp(26px,3.6vw,40px);margin-bottom:16px}
.ctc h3{font-size:20px}
.ctc .eyebrow{display:inline-block;color:var(--c)!important;font-weight:700;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}
.ctc p{color:var(--mut);margin:0 0 12px}
.ctc .btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:4px;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--c);transition:.2s}
.ctc .btn-primary{background:var(--c);color:#fff}
.ctc .btn-primary:hover{background:#fff;color:var(--c)}
.ctc .btn-ghost{background:transparent;color:var(--c)}
.ctc .btn-ghost:hover{background:var(--c);color:#fff}
.ctc .hero{position:relative;background:#0e0e0e url('/files/v260812075032/Landingpage%20Couplertec/CouplerTec-Hero.jpg') center/cover no-repeat;color:#fff;overflow:hidden}
.ctc .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,14,14,.92) 0%,rgba(14,14,14,.75) 50%,rgba(144,10,56,.65) 100%);pointer-events:none}
.ctc .hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:90px 0}
.ctc .hero h1{color:#fff!important}
.ctc .hero h1 .accent{color:var(--c)!important;display:inline-block}
.ctc .hero .lede{color:#d9d9d9;font-size:17px;margin:22px 0 32px;max-width:560px}
.ctc .hero .eyebrow{color:#f3b4c7!important}
.ctc .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.ctc .hero .btn-ghost{color:#fff;border-color:#fff}
.ctc .hero .btn-ghost:hover{background:#fff;color:#111}
.ctc .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:560px}
.ctc .stat .n{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff}
.ctc .stat .l{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9a9a9a;margin-top:4px}
.ctc .hero-visual{position:relative}
.ctc .hero-visual .card{background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:28px;backdrop-filter:blur(10px)}
.ctc .hero-visual .card h3{color:#fff!important;font-size:18px;margin-bottom:16px}
.ctc .hero-visual .card .row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.ctc .hero-visual .card .row:last-child{border:0}
.ctc .hero-visual .card .k{color:#9a9a9a}
.ctc .hero-visual .card .v{color:#fff;font-weight:600}
.ctc section{padding:80px 0}
.ctc .light{background:var(--bg)}
.ctc .white{background:#fff}
.ctc .dark{background:#111;color:#fff}
.ctc .dark h2,.ctc .showroom h2,.ctc .final h2{color:#fff!important}
.ctc .white h2,.ctc .light h2{color:#111!important}
.ctc .dark p{color:#bdbdbd}
.ctc .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.ctc .benefit{background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;border-top:3px solid var(--c)}
.ctc .benefit .num{color:var(--c)!important;font-weight:800;font-size:14px;margin-bottom:10px;letter-spacing:.1em}
.ctc .benefit h3{color:#111!important;margin-bottom:10px}
.ctc .benefit p{margin:0}
.ctc .how{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:40px;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden}
.ctc .how-step{padding:36px 28px;background:#161616;position:relative}
.ctc .how-step+.how-step{border-left:1px solid #2a2a2a}
.ctc .how-step .stepnum{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--c);color:#fff;font-weight:800;margin-bottom:16px}
.ctc .how-step h3{color:#fff!important;font-size:18px;margin-bottom:10px}
.ctc .how-step p{color:#9a9a9a;margin:0;font-size:14px}
.ctc .how-image{margin-top:40px;border-radius:12px;overflow:hidden;border:1px solid #2a2a2a;background:#161616}
.ctc .how-image img{width:100%;display:block}
.ctc .products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.ctc .product{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:.2s}
.ctc .product:hover{border-color:var(--c);box-shadow:0 10px 30px rgba(144,10,56,.08)}
.ctc .product-head{background:transparent;padding:0;overflow:hidden;position:relative}
.ctc .product-head .ph-img{height:180px;background-size:cover;background-position:center;position:relative}
.ctc .product-head .ph-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85))}
.ctc .product-head .ph-text{position:absolute;left:0;right:0;bottom:0;padding:20px 24px;z-index:2;color:#fff}
.ctc .product .badge{display:inline-block;background:var(--c);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;border-radius:3px;margin-bottom:12px}
.ctc .product-head h3{color:#fff!important;font-size:22px}
.ctc .product-head .sub{color:#bdbdbd;font-size:13px;margin-top:4px;letter-spacing:.08em}
.ctc .product-body{padding:24px;flex:1;display:flex;flex-direction:column}
.ctc .product ul{list-style:none;padding:0;margin:0 0 20px;font-size:14px}
.ctc .product li{padding:8px 0;border-bottom:1px solid var(--line);color:var(--mut);display:flex;justify-content:space-between;gap:12px}
.ctc .product li:last-child{border:0}
.ctc .product li strong{color:#111!important;font-weight:600}
.ctc .product .cta-link{margin-top:auto;color:var(--c);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding-top:14px;border-top:1px solid var(--line)}
.ctc .product .cta-link:hover{color:var(--c2)}
.ctc .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px}
.ctc .trust-item{text-align:center;padding:28px 16px;background:#fff;border:1px solid var(--line);border-radius:8px}
.ctc .trust-item .big{font-size:36px;font-weight:800;color:var(--c)!important;letter-spacing:-.02em;line-height:1}
.ctc .trust-item .label{font-size:13px;color:var(--mut);margin-top:8px}
.ctc .users{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.ctc .user{padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px;border-left:3px solid var(--c)}
.ctc .user h3{color:#111!important;font-size:16px;margin-bottom:8px}
.ctc .user p{font-size:14px;margin:0}
.ctc .showroom{background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(17,17,17,.9)),url('/files/v260812075032/Landingpage%20Couplertec/CouplerTec%20hand%20COMM%20Pad.JPG') center/cover no-repeat;color:#fff;border-radius:12px;padding:60px 48px;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center}
.ctc .showroom h2{color:#fff!important;margin-bottom:12px}
.ctc .showroom p{color:#bdbdbd;margin-bottom:0}
.ctc .showroom .eyebrow{color:#f3b4c7!important}
.ctc .showroom .box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:28px}
.ctc .showroom .box h3{color:#fff!important;font-size:16px;margin-bottom:14px}
.ctc .showroom .box .line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;color:#bdbdbd}
.ctc .showroom .box .line:last-child{border:0}
.ctc .showroom .box .line strong{color:#fff}
.ctc .faq-list{margin-top:36px;max-width:900px;margin-left:auto;margin-right:auto}
.ctc details.faq{background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:10px;padding:0}
.ctc details.faq summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:15px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.ctc details.faq summary::-webkit-details-marker{display:none}
.ctc details.faq summary::after{content:"+";color:var(--c);font-weight:800;font-size:22px;flex-shrink:0}
.ctc details.faq[open] summary::after{content:"\2212"}
.ctc details.faq .ans{padding:0 22px 20px;color:var(--mut);font-size:14px}
.ctc .final{background:var(--c);color:#fff;text-align:center;padding:70px 24px;border-radius:12px}
.ctc .final h2{color:#fff!important;margin-bottom:14px}
.ctc .final p{color:#f3d2dc;max-width:620px;margin:0 auto 28px;font-size:16px}
.ctc .final .btn-primary{background:#fff;color:var(--c);border-color:#fff}
.ctc .final .btn-primary:hover{background:transparent;color:#fff;border-color:#fff}
.ctc .final .btn-ghost{color:#fff;border-color:#fff}
.ctc .final .btn-ghost:hover{background:#fff;color:var(--c)}
@media (max-width:900px){
  .ctc .hero-grid{grid-template-columns:1fr;gap:40px;padding:60px 0}
  .ctc .benefits,.ctc .how,.ctc .products,.ctc .trust,.ctc .users{grid-template-columns:1fr}
  .ctc .how{border-radius:8px}
  .ctc .how-step+.how-step{border-left:0;border-top:1px solid #2a2a2a}
  .ctc .showroom{grid-template-columns:1fr;padding:40px 24px}
  .ctc .stats{grid-template-columns:repeat(3,1fr);gap:16px}
  .ctc .stat .n{font-size:24px}
}


/* ================================================================
   .ac-*  Alu-Cab Namespace
   Ausgelagert aus Widget am 2026-10-29.
   Akzentfarbe: Alu-Cab Orange #f37321.
   ================================================================ */
.ac-page {
  --ac-accent: #f37321;
  --ac-accent-light: #f69a5f;
  --ac-black: #050505;
  --ac-dark: #0d0d0d;
  --ac-card: #151515;
  --ac-border-soft: rgba(255,255,255,0.08);
  --ac-text: #ffffff;
  --ac-font: Arial, Helvetica, sans-serif;
  width: 100%;
  overflow: hidden;
  background: var(--ac-black);
  font-family: var(--ac-font);
  line-height: 1.6;
}
.ac-page,
.ac-page * {
  box-sizing: border-box;
  color: var(--ac-text) !important;
}
.ac-page img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.ac-page a {
  text-decoration: none;
}
.ac-page h1,
.ac-page h2,
.ac-page h3,
.ac-page h4,
.ac-page p,
.ac-hero-title {
  margin: 0;
}
.ac-container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.ac-section {
  padding: 100px 0;
}
.ac-section-dark {
  background: var(--ac-dark);
}
.ac-section-black {
  background: var(--ac-black);
}
.ac-section-intro {
  max-width: 900px;
  margin: 0 auto 56px;
  text-align: center;
}
.ac-section-intro p {
  margin-top: 22px;
  font-size: 18px;
}
.ac-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}
.ac-split-text {
  text-align: center;
}
.ac-eyebrow {
  margin-bottom: 16px;
  color: var(--ac-accent) !important;
  font-size: 13px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 800;
}
.ac-page h1,
.ac-page h2,
.ac-page h3,
.ac-hero-title {
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 800;
}
.ac-hero-title {
  display: block;
  max-width: 1120px;
  margin: 0 auto;
  font-size: clamp(42px, 7vw, 96px);
  text-align: center;
}
.ac-page h2 {
  font-size: clamp(34px, 4.5vw, 62px);
  text-align: center;
}
.ac-page h3 {
  font-size: 24px;
}
.ac-lead {
  max-width: 820px;
  margin: 26px auto 0;
  font-size: clamp(18px, 2vw, 23px);
  text-align: center;
}
.ac-btn-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 36px;
}
.ac-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 16px 30px;
  border-radius: 18px;
  font-size: 17px;
  font-weight: 800;
  border: 1px solid transparent;
  transition: 0.25s ease;
  cursor: pointer;
}
.ac-btn-primary {
  background: var(--ac-accent);
  color: var(--ac-black) !important;
}
.ac-btn-primary:hover {
  background: var(--ac-accent-light);
  transform: translateY(-2px);
}
.ac-btn-outline {
  border-color: rgba(255,255,255,0.35);
  background: transparent;
}
.ac-btn-outline:hover {
  border-color: var(--ac-accent);
  background: var(--ac-accent);
  color: var(--ac-black) !important;
  transform: translateY(-2px);
}
.ac-text-link {
  color: var(--ac-accent) !important;
  font-weight: 800;
}
.ac-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  padding: 120px 0 70px;
  background-image:
    radial-gradient(circle at 50% 45%, rgba(243,115,33,0.22), transparent 42%),
    linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.92)),
    url('https://www.overlandoutfitters.ch/files/v260508135112/Landingpage%20Alu-Cab/hero_Alu-Cab.jpg');
  background-size: cover;
  background-position: center;
  text-align: center;
}
.ac-logo {
  position: absolute;
  top: 28px;
  left: 28px;
  z-index: 3;
  width: clamp(160px, 18vw, 280px);
}
.ac-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.ac-founder-note {
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid var(--ac-border-soft);
  text-align: center;
}
.ac-founder-note p {
  font-size: 19px;
  line-height: 1.7;
  max-width: 780px;
  margin: 0 auto;
}
.ac-founder-note span {
  display: block;
  margin-top: 18px;
  color: var(--ac-accent-light);
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ac-card {
  padding: 32px;
  border: 1px solid var(--ac-border-soft);
  border-radius: 28px;
  background: var(--ac-card);
  transition: 0.25s ease;
  text-align: center;
}
.ac-card:hover {
  border-color: rgba(243,115,33,0.5);
  transform: translateY(-4px);
}
.ac-icon-box {
  width: 50px;
  height: 50px;
  margin: 0 auto 26px;
  border: 1px solid rgba(243,115,33,0.3);
  border-radius: 16px;
  background: rgba(243,115,33,0.16);
}
.ac-card h3 {
  margin-bottom: 12px;
}
.ac-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.ac-category-card {
  overflow: hidden;
  border: 1px solid var(--ac-border-soft);
  border-radius: 30px;
  background: var(--ac-card);
  transition: 0.25s ease;
}
.ac-category-card:hover {
  border-color: rgba(243,115,33,0.5);
  transform: translateY(-4px);
}
.ac-category-image {
  position: relative;
  height: 260px;
  overflow: hidden;
  background: #111111;
}
.ac-category-image img {
  height: 100%;
  object-fit: cover;
  transition: 0.7s ease;
}
.ac-category-card:hover .ac-category-image img {
  transform: scale(1.06);
}
.ac-category-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 58%);
}
.ac-category-body {
  padding: 28px;
  text-align: center;
}
.ac-category-body h3 {
  margin-bottom: 12px;
}
.ac-category-body p {
  margin-bottom: 20px;
}
.ac-proof-list {
  display: grid;
  gap: 20px;
  max-width: 620px;
  margin: 32px auto 0;
}
.ac-proof-item {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.ac-dot {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 999px;
  background: var(--ac-accent);
}
.ac-image-panel {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border-radius: 32px;
  background: var(--ac-card);
}
.ac-image-panel img {
  height: 560px;
  object-fit: cover;
}
.ac-image-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 55%);
}
.ac-floating-note {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  z-index: 2;
  padding: 22px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 22px;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(14px);
}
.ac-floating-note span {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.ac-floating-note strong {
  font-size: 22px;
  line-height: 1.15;
}
.ac-faq {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}
.ac-faq-item {
  border: 1px solid var(--ac-border-soft);
  border-radius: 20px;
  background: var(--ac-card);
  padding: 6px 26px;
}
.ac-faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 34px 22px 0;
  position: relative;
  font-size: 19px;
  font-weight: 800;
}
.ac-faq-item summary::-webkit-details-marker {
  display: none;
}
.ac-faq-item summary::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 18px;
  font-size: 26px;
  font-weight: 800;
  color: var(--ac-accent) !important;
}
.ac-faq-item[open] summary::after {
  content: '\2212';
}
.ac-faq-item p {
  padding-bottom: 24px;
  font-size: 17px;
  max-width: 800px;
}
.ac-final-cta {
  position: relative;
  padding: 140px 0;
  text-align: center;
  background-image:
    radial-gradient(circle at 50% 45%, rgba(243,115,33,0.22), transparent 45%),
    linear-gradient(to bottom, rgba(0,0,0,0.58), rgba(0,0,0,0.92)),
    url('https://www.overlandoutfitters.ch/files/v260508135112/Landingpage%20Alu-Cab/hero_Alu-Cab.jpg');
  background-size: cover;
  background-position: center;
}
.ac-final-cta h2 {
  max-width: 980px;
  margin: 0 auto;
}
.ac-final-cta p {
  max-width: 780px;
  margin: 26px auto 0;
  font-size: 20px;
}
.ac-table-wrap {
  margin-top: 34px;
  overflow-x: auto;
  border-radius: 20px;
  border: 1px solid var(--ac-border-soft);
}
.ac-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}
.ac-table th,
.ac-table td {
  padding: 18px 20px;
  text-align: left;
  font-size: 15px;
  border-bottom: 1px solid var(--ac-border-soft);
}
.ac-table th {
  background: var(--ac-card);
  color: var(--ac-accent-light) !important;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 800;
}
.ac-table td:first-child {
  font-weight: 800;
  white-space: nowrap;
}
.ac-table tbody tr:last-child td {
  border-bottom: none;
}
.ac-table tbody tr:hover {
  background: rgba(243,115,33,0.06);
}
.ac-table-note {
  margin-top: 18px;
  font-size: 13px;
  text-align: center;
  color: var(--ac-accent-light) !important;
}
@media (max-width: 1024px) {
.ac-grid-4,
.ac-category-grid,
.ac-split {
    grid-template-columns: 1fr;
  }
.ac-image-panel,
.ac-image-panel img {
    min-height: 460px;
    height: 460px;
  }
}
@media (max-width: 640px) {
.ac-container {
    width: min(100% - 28px, 1280px);
  }
.ac-hero {
    min-height: auto;
    padding: 90px 0 44px;
  }
.ac-logo {
    top: 16px;
    left: 16px;
    width: clamp(120px, 34vw, 190px);
  }
.ac-section {
    padding: 70px 0;
  }
.ac-btn-row,
.ac-btn {
    width: 100%;
  }
.ac-image-panel,
.ac-image-panel img {
    min-height: 380px;
    height: 380px;
  }
.ac-card,
.ac-category-body {
    padding: 22px;
  }
.ac-faq-item {
    padding: 4px 18px;
  }
.ac-faq-item summary {
    font-size: 17px;
    padding-right: 30px;
  }
.ac-table th,
.ac-table td {
    padding: 12px 14px;
    font-size: 13px;
  }
}


/* ================================================================
   .fr-*  Front Runner Namespace
   Ausgelagert aus Widget am 2026-10-29.
   Akzentfarbe: Front Runner Red #dd3526.
   ================================================================ */
.fr-page {
  --fr-accent: #dd3526;
  --fr-accent-light: #e76e63;
  --fr-black: #050505;
  --fr-dark: #0d0d0d;
  --fr-card: #151515;
  --fr-border: rgba(255, 255, 255, 0.12);
  --fr-border-soft: rgba(255, 255, 255, 0.08);
  --fr-text: #ffffff;
  --fr-font: Arial, Helvetica, sans-serif;
  width: 100%;
  overflow: hidden;
  background: var(--fr-black);
  font-family: var(--fr-font);
  line-height: 1.6;
}
.fr-page,
.fr-page * {
  box-sizing: border-box;
  color: var(--fr-text) !important;
}
.fr-page img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.fr-page a {
  text-decoration: none;
}
.fr-page h1,
.fr-page h2,
.fr-page h3,
.fr-page h4,
.fr-page p,
.fr-hero-title {
  margin: 0;
}
.fr-container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.fr-section {
  padding: 100px 0;
}
.fr-section-dark {
  background: var(--fr-dark);
}
.fr-section-black {
  background: var(--fr-black);
}
.fr-section-intro {
  max-width: 900px;
  margin: 0 auto 56px;
  text-align: center;
}
.fr-section-intro p {
  margin-top: 22px;
  font-size: 18px;
}
.fr-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}
.fr-split-text {
  text-align: center;
}
.fr-eyebrow {
  margin-bottom: 16px;
  color: var(--fr-accent) !important;
  font-size: 13px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 800;
}
.fr-page h1,
.fr-page h2,
.fr-page h3,
.fr-hero-title {
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 800;
}
.fr-hero-title {
  display: block;
  max-width: 1120px;
  margin: 0 auto;
  font-size: clamp(42px, 7vw, 96px);
  text-align: center;
}
.fr-page h2 {
  font-size: clamp(34px, 4.5vw, 62px);
  text-align: center;
}
.fr-page h3 {
  font-size: 24px;
}
.fr-lead {
  max-width: 820px;
  margin: 26px auto 0;
  font-size: clamp(18px, 2vw, 23px);
  text-align: center;
}
.fr-btn-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 36px;
}
.fr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 16px 30px;
  border-radius: 18px;
  font-size: 17px;
  font-weight: 800;
  border: 1px solid transparent;
  transition: 0.25s ease;
  cursor: pointer;
}
.fr-btn-primary {
  background: var(--fr-accent);
  color: var(--fr-black) !important;
}
.fr-btn-primary:hover {
  background: var(--fr-accent-light);
  transform: translateY(-2px);
}
.fr-btn-outline {
  border-color: rgba(255, 255, 255, 0.35);
  background: transparent;
}
.fr-btn-outline:hover {
  border-color: var(--fr-accent);
  background: var(--fr-accent);
  color: var(--fr-black) !important;
  transform: translateY(-2px);
}
.fr-text-link {
  color: var(--fr-accent) !important;
  font-weight: 800;
}
.fr-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  padding: 120px 0 70px;
  background-image:
    radial-gradient(circle at 50% 45%, rgba(200, 154, 60, 0.22), transparent 42%),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.92)),
    url('https://www.overlandoutfitters.ch/files/v260726175553/Landingpage%20Front%20Runner/Front-Runner-Hero.jpg');
  background-size: cover;
  background-position: center;
  text-align: center;
}
.fr-hero-badges {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  max-width: 1180px;
  margin: 70px auto 0;
}
.fr-badge {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(14px);
  text-align: left;
}
.fr-badge span {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
}
.fr-badge strong {
  font-size: 17px;
}
.fr-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.fr-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.fr-founder-note {
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid var(--fr-border-soft);
  text-align: center;
}
.fr-founder-note p {
  font-size: 19px;
  line-height: 1.7;
  max-width: 760px;
  margin: 0 auto;
}
.fr-founder-note span {
  display: block;
  margin-top: 18px;
  color: var(--fr-accent-light);
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.fr-card {
  padding: 32px;
  border: 1px solid var(--fr-border-soft);
  border-radius: 28px;
  background: var(--fr-card);
  transition: 0.25s ease;
  text-align: center;
}
.fr-card:hover {
  border-color: rgba(200, 154, 60, 0.5);
  transform: translateY(-4px);
}
.fr-icon-box {
  width: 100%;
  height: 170px;
  margin: 0 auto 26px;
  border: 1px solid rgba(200, 154, 60, 0.3);
  border-radius: 16px;
  background: rgba(200, 154, 60, 0.16);
  overflow: hidden;
}
.fr-icon-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fr-card h3 {
  margin-bottom: 12px;
}
.fr-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.fr-category-card {
  overflow: hidden;
  border: 1px solid var(--fr-border-soft);
  border-radius: 30px;
  background: var(--fr-card);
  transition: 0.25s ease;
}
.fr-category-card:hover {
  border-color: rgba(200, 154, 60, 0.5);
  transform: translateY(-4px);
}
.fr-category-image {
  position: relative;
  height: 260px;
  overflow: hidden;
  background: #111111;
}
.fr-category-image img {
  height: 100%;
  object-fit: cover;
  transition: 0.7s ease;
}
.fr-category-card:hover .fr-category-image img {
  transform: scale(1.06);
}
.fr-category-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent 58%);
}
.fr-category-body {
  padding: 28px;
  text-align: center;
}
.fr-category-body h3 {
  margin-bottom: 12px;
}
.fr-category-body p {
  margin-bottom: 20px;
}
.fr-price-tag {
  display: block;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 800;
  color: var(--fr-accent) !important;
}
.fr-fit-tag {
  display: block;
  margin-bottom: 14px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(200, 154, 60, 0.14);
  font-size: 13px;
  font-weight: 700;
  color: var(--fr-accent-light) !important;
}
.fr-proof-list {
  display: grid;
  gap: 20px;
  max-width: 620px;
  margin: 32px auto 0;
}
.fr-proof-item {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.fr-dot {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 999px;
  background: var(--fr-accent);
}
.fr-image-stack {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.fr-image-stack img {
  height: 500px;
  object-fit: cover;
  border-radius: 30px;
}
.fr-image-stack img:nth-child(2) {
  margin-top: 64px;
}
.fr-image-panel {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border-radius: 32px;
  background: var(--fr-card);
}
.fr-image-panel img {
  height: 560px;
  object-fit: cover;
}
.fr-image-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 55%);
}
.fr-floating-note {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  z-index: 2;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 22px;
  background: rgba(0, 0, 0, 0.62);
  backdrop-filter: blur(14px);
}
.fr-floating-note span {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.fr-floating-note strong {
  font-size: 22px;
  line-height: 1.15;
}
.fr-faq {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}
.fr-faq-item {
  border: 1px solid var(--fr-border-soft);
  border-radius: 20px;
  background: var(--fr-card);
  padding: 6px 26px;
}
.fr-faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 34px 22px 0;
  position: relative;
  font-size: 19px;
  font-weight: 800;
}
.fr-faq-item summary::-webkit-details-marker {
  display: none;
}
.fr-faq-item summary::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 18px;
  font-size: 26px;
  font-weight: 800;
  color: var(--fr-accent) !important;
}
.fr-faq-item[open] summary::after {
  content: '\2212';
}
.fr-faq-item p {
  padding-bottom: 24px;
  font-size: 17px;
  max-width: 800px;
}
.fr-final-cta {
  position: relative;
  padding: 140px 0;
  text-align: center;
  background-image:
    radial-gradient(circle at 50% 45%, rgba(200, 154, 60, 0.22), transparent 45%),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.92)),
    url('https://www.overlandoutfitters.ch/files/v260507053323/shop/1F5DC685_vacc237-01.jpg');
  background-size: cover;
  background-position: center;
}
.fr-final-cta h2 {
  max-width: 980px;
  margin: 0 auto;
}
.fr-final-cta p {
  max-width: 780px;
  margin: 26px auto 0;
  font-size: 20px;
}
@media (max-width: 1024px) {
  .fr-grid-3,
  .fr-grid-4,
  .fr-category-grid,
  .fr-split {
    grid-template-columns: 1fr;
  }
  .fr-hero-badges {
    grid-template-columns: repeat(2, 1fr);
  }
  .fr-image-panel,
  .fr-image-panel img {
    min-height: 460px;
    height: 460px;
  }
}
@media (max-width: 640px) {
  .fr-container {
    width: min(100% - 28px, 1280px);
  }
  .fr-hero {
    min-height: auto;
    padding: 90px 0 44px;
  }
  .fr-hero-badges {
    grid-template-columns: 1fr;
    margin-top: 44px;
  }
  .fr-section {
    padding: 70px 0;
  }
  .fr-btn-row,
  .fr-btn {
    width: 100%;
  }
  .fr-image-panel,
  .fr-image-panel img {
    min-height: 380px;
    height: 380px;
  }
  .fr-image-stack {
    grid-template-columns: 1fr;
  }
  .fr-image-stack img,
  .fr-image-stack img:nth-child(2) {
    height: 340px;
    margin-top: 0;
  }
  .fr-card,
  .fr-category-body {
    padding: 22px;
  }
  .fr-faq-item {
    padding: 4px 18px;
  }
  .fr-faq-item summary {
    font-size: 17px;
    padding-right: 30px;
  }
}

.fr-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.fr-gallery-grid img {
  height: 280px;
  object-fit: cover;
  border-radius: 18px;
}
@media (max-width: 1024px) {
  .fr-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .fr-gallery-grid {
    grid-template-columns: 1fr;
  }
  .fr-gallery-grid img {
    height: 220px;
  }
}


/* ================================================================
   .arb-*  ARB Namespace
   Ausgelagert aus Widget am 2026-10-29.
   Akzentfarbe: ARB Rot (siehe --arb-accent im Block).
   ================================================================ */
:root {
--arb-black: #111111;
--arb-dark: #1c1c1c;
--arb-darker: #0d0d0d;
--arb-grey: #2e2e2e;
--arb-grey-hover: #3a3a3a;
--arb-mid: #4a4a4a;
--arb-light: #c8c8c8;
--arb-white: #f2f0eb;
--arb-accent: #e2001a;
--arb-accent-deep: #c4001a;
--arb-accent-hover: #ff3d4d;
--arb-ome-yellow: #ffc72c;
--arb-font-h: 'Barlow Condensed', sans-serif;
--arb-font-b: 'Barlow', sans-serif;
--arb-radius: 4px;
--arb-transition: 0.22s ease;
--arb-max: 1200px;
}

.arb-widget *, .arb-widget *::before, .arb-widget *::after { box-sizing: border-box; margin: 0; padding: 0; }
.arb-widget { font-family: var(--arb-font-b); color: var(--arb-white); background: var(--arb-black); line-height: 1.6; overflow: hidden; }
.arb-widget a { color: inherit; text-decoration: none; }
.arb-widget img { max-width: 100%; display: block; }
.arb-widget button { font: inherit; }

.arb-label { display: inline-block; font-family: var(--arb-font-h); font-size: 0.78rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--arb-accent-hover); }
.arb-section { max-width: var(--arb-max); margin: 0 auto; padding: 88px 32px; }
.arb-section-title { font-family: var(--arb-font-h); font-size: clamp(1.9rem, 4vw, 3.1rem); font-weight: 800; text-transform: uppercase; line-height: 1.05; color: var(--arb-white); margin: 12px 0 16px; }
.arb-section-title span { color: var(--arb-accent-hover); }
.arb-section-sub { font-size: 1rem; color: var(--arb-light); max-width: 680px; line-height: 1.75; }
.arb-section-wrap { background: var(--arb-dark); }
.arb-section-wrap--darker { background: var(--arb-darker); }
.arb-section-wrap, .arb-section-wrap--darker { content-visibility: auto; contain-intrinsic-size: 700px; }
.arb-section-head { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.arb-section-head .arb-section-sub { margin: 0 auto; }
.arb-logo-badge { height: 40px; width: auto; margin-bottom: 20px; }

/* CTA */
.arb-cta-group { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.arb-cta-group--center { justify-content: center; }
.arb-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; font-family: var(--arb-font-h); font-size: 0.92rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 14px 30px; border-radius: var(--arb-radius); transition: background var(--arb-transition), border-color var(--arb-transition), transform var(--arb-transition); cursor: pointer; border: 2px solid transparent; }
.arb-btn--primary { background: var(--arb-accent-deep); color: var(--arb-white); border-color: var(--arb-accent-deep); }
.arb-btn--primary:hover { background: var(--arb-accent-hover); border-color: var(--arb-accent-hover); transform: translateY(-2px); }
.arb-btn--outline { background: transparent; color: var(--arb-white); border-color: rgba(242,240,235,0.42); }
.arb-btn--outline:hover { border-color: var(--arb-white); background: rgba(242,240,235,0.08); transform: translateY(-2px); }
.arb-btn--white { background: var(--arb-white); color: var(--arb-accent-deep); border-color: var(--arb-white); }
.arb-btn--white:hover { background: transparent; color: var(--arb-white); transform: translateY(-2px); }
.arb-btn--dark { background: var(--arb-black); color: var(--arb-white); border-color: var(--arb-black); }
.arb-btn--dark:hover { background: var(--arb-dark); border-color: var(--arb-dark); transform: translateY(-2px); }
.arb-btn:focus-visible { outline: 2px solid var(--arb-accent-hover); outline-offset: 3px; }

/* HERO */
.arb-hero { position: relative; min-height: 66vh; display: flex; align-items: flex-end; overflow: hidden; background: var(--arb-black); }
.arb-hero__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v260809175322/Landingpage%20ARB/arb-hero-strand-lifestyle.jpg') center 40% / cover no-repeat, linear-gradient(160deg, #1a0505 0%, #0a0a0a 60%, #150e00 100%); }
.arb-hero__grain { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"); pointer-events: none; }
.arb-hero__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,5,5,0.97) 0%, rgba(10,5,5,0.7) 48%, rgba(15,8,8,0.3) 100%); }
.arb-hero__stripe { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--arb-accent); }
.arb-hero__content { position: relative; z-index: 2; width: 100%; max-width: var(--arb-max); margin: 0 auto; padding: 80px 32px; }
.arb-hero__tag { display: inline-block; border: 1px solid var(--arb-accent); padding: 4px 14px; margin-bottom: 22px; }
.arb-hero h1 { font-family: var(--arb-font-h); font-size: clamp(2.4rem, 5.6vw, 4.6rem); font-weight: 800; line-height: 1.03; letter-spacing: -0.01em; text-transform: uppercase; color: var(--arb-white); margin-bottom: 20px; max-width: 900px; }
.arb-hero h1 span { color: var(--arb-accent-hover); }
.arb-hero__lead { font-size: clamp(1rem, 1.6vw, 1.2rem); color: var(--arb-light); max-width: 640px; margin-bottom: 32px; line-height: 1.7; }
.arb-hero__badges { display: flex; gap: 28px; margin-top: 44px; flex-wrap: wrap; }
.arb-hero__badge { display: flex; flex-direction: column; }
.arb-hero__badge strong { font-family: var(--arb-font-h); font-size: 1.6rem; font-weight: 800; color: var(--arb-white); line-height: 1; }
.arb-hero__badge span { font-family: var(--arb-font-h); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--arb-light); margin-top: 4px; }

/* SOLID ROT-BANNER */
.arb-banner { position: relative; background: var(--arb-darker); padding: 80px 32px; text-align: center; overflow: hidden; border-top: 1px solid rgba(226,0,26,0.3); border-bottom: 1px solid rgba(226,0,26,0.3); }
.arb-banner::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 0%, rgba(226,0,26,0.16), transparent 55%); pointer-events: none; }
.arb-banner__inner { position: relative; max-width: 820px; margin: 0 auto; }
.arb-banner h2 { font-family: var(--arb-font-h); font-size: clamp(2rem, 4.6vw, 3.4rem); font-weight: 800; text-transform: uppercase; color: var(--arb-white); line-height: 1.05; margin: 12px 0 16px; }
.arb-banner p { font-size: 1.02rem; color: var(--arb-light); line-height: 1.75; }

/* INTRO TEXT */
.arb-intro { max-width: 860px; margin: 0 auto; text-align: center; }
.arb-intro p { font-size: 1.02rem; color: var(--arb-light); line-height: 1.85; margin-top: 20px; }

/* HISTORY GRID */
.arb-history-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; margin-top: 48px; background: var(--arb-black); }
.arb-history-card { background: var(--arb-grey); padding: 34px 28px; transition: background var(--arb-transition); }
.arb-history-card:hover { background: var(--arb-grey-hover); }
.arb-history-card__year { font-family: var(--arb-font-h); font-size: 2.6rem; font-weight: 800; color: var(--arb-accent-hover); line-height: 1; margin-bottom: 14px; display: block; }
.arb-history-card h3 { font-family: var(--arb-font-h); font-size: 1.15rem; font-weight: 800; line-height: 1.15; text-transform: uppercase; color: var(--arb-white); margin-bottom: 10px; }
.arb-history-card p { font-size: 0.88rem; color: var(--arb-light); line-height: 1.65; }

/* CALLOUT */
.arb-callout { background: var(--arb-grey); border-radius: var(--arb-radius); padding: 30px 34px; margin-top: 40px; border-left: 3px solid var(--arb-accent); text-align: left; }
.arb-callout__label { font-family: var(--arb-font-h); font-size: 0.76rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--arb-accent-hover); margin-bottom: 10px; display: block; }
.arb-callout p { font-size: 0.95rem; color: var(--arb-light); line-height: 1.8; }

/* SPLIT SECTIONS — Foto-Variante */
.arb-split { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--arb-black); align-items: stretch; }
.arb-split--reverse .arb-split__media { order: 2; }
.arb-split--reverse .arb-split__text { order: 1; }
.arb-split__text { background: var(--arb-dark); padding: 72px 56px; display: flex; flex-direction: column; justify-content: center; }
.arb-split__text p { font-size: 0.98rem; color: var(--arb-light); line-height: 1.8; margin-top: 18px; }
.arb-split__media { position: relative; min-height: 480px; background: var(--arb-black); overflow: hidden; }
.arb-split__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease; }
.arb-split__media:hover img { transform: scale(1.05); }
.arb-split__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,5,5,0.85) 0%, rgba(10,5,5,0.05) 45%); pointer-events: none; }
.arb-split__media--light { background: var(--arb-white); }
.arb-split__media--light img { object-fit: contain; padding: 48px; }
.arb-split__media--light::after { display: none; }
.arb-split__caption { position: absolute; left: 26px; right: 26px; bottom: 26px; z-index: 2; }
.arb-split__caption span { display: block; font-family: var(--arb-font-h); font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--arb-accent-hover); margin-bottom: 6px; }
.arb-split__caption strong { font-family: var(--arb-font-h); font-size: 1.35rem; font-weight: 800; text-transform: uppercase; line-height: 1.15; color: var(--arb-white); }

/* SPLIT SECTION — Farbblock-Variante */
.arb-split__text--red { background: var(--arb-darker); position: relative; overflow: hidden; border-left: 3px solid var(--arb-accent); }
.arb-split__text--red::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 85% 15%, rgba(226,0,26,0.14), transparent 45%); pointer-events: none; }
.arb-split__text--red > * { position: relative; }

.arb-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2px; margin-top: 28px; background: rgba(0,0,0,0.4); }
.arb-spec-item { background: rgba(242,240,235,0.04); padding: 16px 18px; }
.arb-spec-item strong { display: block; font-family: var(--arb-font-h); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--arb-accent-hover); margin-bottom: 4px; }
.arb-spec-item span { font-size: 0.88rem; color: var(--arb-white); }

/* VERGLEICHSTABELLE (OME Stossdämpfer-Linien) */
.arb-compare-wrap { max-width: var(--arb-max); margin: 56px auto 0; padding: 0 32px; }
.arb-compare-table-wrap { overflow-x: auto; border-radius: var(--arb-radius); border: 1px solid rgba(242,240,235,0.1); }
.arb-compare-table { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 0.9rem; }
.arb-compare-table th, .arb-compare-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid rgba(242,240,235,0.08); vertical-align: top; }
.arb-compare-table thead th { background: var(--arb-grey); font-family: var(--arb-font-h); font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--arb-accent-hover); font-weight: 700; }
.arb-compare-table tbody th { font-family: var(--arb-font-h); font-weight: 700; color: var(--arb-white); white-space: nowrap; background: rgba(242,240,235,0.03); }
.arb-compare-table td { color: var(--arb-light); }
.arb-compare-table tbody tr:last-child td, .arb-compare-table tbody tr:last-child th { border-bottom: none; }
.arb-compare-models { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2px; margin-top: 32px; background: var(--arb-black); }
.arb-compare-model { background: var(--arb-grey); padding: 26px 24px; }
.arb-compare-model h3 { font-family: var(--arb-font-h); font-size: 1.1rem; font-weight: 800; text-transform: uppercase; color: var(--arb-accent-hover); margin-bottom: 10px; }
.arb-compare-model__img { height: 140px; margin-bottom: 16px; background: var(--arb-white); border-radius: var(--arb-radius); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.arb-compare-model__img img { max-height: 100%; max-width: 100%; object-fit: contain; padding: 10px; }
.arb-compare-model p { font-size: 0.88rem; color: var(--arb-light); line-height: 1.7; }

/* TRANSFORM-GRID — Foto-Kacheln mit Marken-Stempel */
.arb-transform-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2px; background: var(--arb-black); }
.arb-transform-tile { position: relative; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: flex-end; transition: transform var(--arb-transition); background: var(--arb-white); }
.arb-transform-tile:hover { transform: translateY(-2px); }
.arb-transform-tile__img { position: absolute; inset: 0; }
.arb-transform-tile__img img { width: 100%; height: 100%; object-fit: contain; padding: 26px; transition: transform var(--arb-transition); }
.arb-transform-tile:hover .arb-transform-tile__img img { transform: scale(1.06); }
.arb-transform-tile__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,5,5,0.96) 0%, rgba(10,5,5,0.5) 42%, transparent 75%); }
.arb-transform-tile__body { position: relative; z-index: 2; padding: 20px 22px 22px; width: 100%; }
.arb-transform-tile__stamp { font-family: var(--arb-font-h); font-size: 1.35rem; font-weight: 800; text-transform: uppercase; color: var(--arb-white); line-height: 1.05; padding-bottom: 8px; border-bottom: 2px solid var(--arb-accent); display: inline-block; }

/* RECOVERY ZUBEHÖR MINI-ROW */
.arb-mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2px; margin-top: 40px; background: var(--arb-black); }
.arb-mini-card { background: var(--arb-grey); padding: 24px; text-align: center; transition: background var(--arb-transition); }
.arb-mini-card:hover { background: var(--arb-grey-hover); }
.arb-mini-card__img { height: 110px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.arb-mini-card__img img { max-height: 100%; max-width: 100%; object-fit: contain; }
.arb-mini-card h3 { font-family: var(--arb-font-h); font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: var(--arb-white); margin-bottom: 6px; }
.arb-mini-card p { font-size: 0.82rem; color: var(--arb-light); line-height: 1.5; }

/* SHOWROOM BANNER */
.arb-showroom { position: relative; min-height: 380px; display: flex; align-items: flex-end; overflow: hidden; }
.arb-showroom__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v240727183141/Fotos%20vom%20Shop/Overland%20Outfitters%20Shop%20im%20Kemptthal_1.jpeg') center / cover no-repeat, linear-gradient(160deg, #1a1200 0%, #0d0d0d 100%); }
.arb-showroom__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,5,5,0.95) 0%, rgba(10,5,5,0.55) 55%, rgba(10,5,5,0.15) 100%); }
.arb-showroom__content { position: relative; z-index: 2; width: 100%; max-width: var(--arb-max); margin: 0 auto; padding: 56px 32px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.arb-showroom__text h2 { font-family: var(--arb-font-h); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; text-transform: uppercase; color: var(--arb-white); line-height: 1.05; margin-bottom: 10px; }
.arb-showroom__text p { font-size: 0.95rem; color: var(--arb-light); max-width: 480px; }

/* FAQ */
.arb-faq-list { margin-top: 44px; display: flex; flex-direction: column; gap: 2px; }
.arb-faq-item { background: var(--arb-grey); border-left: 3px solid transparent; transition: border-color var(--arb-transition), background var(--arb-transition); }
.arb-faq-item[open] { border-left-color: var(--arb-accent); background: #323232; }
.arb-faq-item summary { cursor: pointer; list-style: none; padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: var(--arb-font-h); font-size: 1.02rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--arb-white); }
.arb-faq-item summary::-webkit-details-marker { display: none; }
.arb-faq-item summary:hover { color: var(--arb-accent-hover); }
.arb-faq-icon { flex-shrink: 0; width: 22px; height: 22px; border: 2px solid var(--arb-mid); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color var(--arb-transition), transform var(--arb-transition); color: var(--arb-accent); }
.arb-faq-item[open] .arb-faq-icon { border-color: var(--arb-accent); transform: rotate(45deg); }
.arb-faq-item p { padding: 0 28px 24px; font-size: 0.92rem; color: var(--arb-light); line-height: 1.75; }

/* BERATUNG TRUST LIST */
.arb-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; max-width: 720px; margin: 40px auto 0; }
.arb-proof-item { display: flex; gap: 14px; align-items: flex-start; text-align: left; background: rgba(242,240,235,0.04); border: 1px solid rgba(242,240,235,0.08); border-radius: var(--arb-radius); padding: 18px 20px; }
.arb-proof-item__dot { flex-shrink: 0; width: 10px; height: 10px; margin-top: 6px; border-radius: 50%; background: var(--arb-accent); }
.arb-proof-item span { font-size: 0.92rem; color: var(--arb-light); line-height: 1.6; }

/* FINAL CTA */
.arb-final { position: relative; padding: 130px 32px; text-align: center; overflow: hidden; }
.arb-final__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v260809175322/Landingpage%20ARB/arb-hero-strand-lifestyle.jpg') center / cover no-repeat, linear-gradient(160deg, #1a0505 0%, #0a0a0a 100%); }
.arb-final__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,5,5,0.96), rgba(10,5,5,0.75) 55%, rgba(10,5,5,0.55)); }
.arb-final__content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
.arb-final h2 { font-family: var(--arb-font-h); font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 800; text-transform: uppercase; color: var(--arb-white); margin-bottom: 16px; line-height: 1.05; }
.arb-final h2 span { color: var(--arb-accent-hover); }
.arb-final p { font-size: 1.05rem; color: var(--arb-light); margin-bottom: 32px; }

.arb-divider { height: 1px; background: linear-gradient(to right, transparent, var(--arb-mid) 30%, var(--arb-mid) 70%, transparent); margin: 0 32px; }

/* RESPONSIVE */
@media (max-width: 1024px) {
.arb-history-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.arb-transform-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.arb-mini-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.arb-split, .arb-split--reverse { grid-template-columns: 1fr; }
.arb-split--reverse .arb-split__media, .arb-split--reverse .arb-split__text { order: initial; }
.arb-split__media { min-height: 340px; }
.arb-showroom__content { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 768px) {
.arb-section { padding: 56px 20px; }
.arb-hero { min-height: 58vh; }
.arb-hero__content { padding: 56px 20px; }
.arb-banner { padding: 56px 20px; }
.arb-split__text { padding: 48px 28px; }
.arb-spec-grid { grid-template-columns: 1fr; }
.arb-proof-grid { grid-template-columns: 1fr; }
.arb-final { padding: 80px 20px; }
.arb-showroom { min-height: 320px; }
.arb-mini-grid { grid-template-columns: 1fr; }
.arb-compare-models { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
.arb-widget { overflow-x: hidden; }
.arb-history-grid, .arb-transform-grid { grid-template-columns: 1fr; }
.arb-btn { width: 100%; }
.arb-cta-group { width: 100%; }
.arb-hero__badges { gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.arb-widget *, .arb-widget *::before, .arb-widget *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}


/* ================================================================
   .ef-*  EcoFlow Namespace
   Ausgelagert aus Widget am 2026-10-29.
   Akzentfarbe: EcoFlow Blau (siehe --ef-accent).
   ================================================================ */
.ef-page {
  --ef-accent: #0774d7;
  --ef-accent-light: #4c9be2;
  --ef-black: #050505;
  --ef-dark: #0d0d0d;
  --ef-card: #151515;
  --ef-border-soft: rgba(255,255,255,0.08);
  --ef-text: #ffffff;
  --ef-font: Arial, Helvetica, sans-serif;
  width: 100%;
  overflow: hidden;
  background: var(--ef-black);
  font-family: var(--ef-font);
  line-height: 1.6;
}
.ef-page,
.ef-page * {
  box-sizing: border-box;
  color: var(--ef-text) !important;
}
.ef-page img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.ef-page a {
  text-decoration: none;
}
.ef-page h1,
.ef-page h2,
.ef-page h3,
.ef-page p,
.ef-hero-title {
  margin: 0;
}
.ef-container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.ef-section {
  padding: 100px 0;
}
.ef-section-dark {
  background: var(--ef-dark);
}
.ef-section-black {
  background: var(--ef-black);
}
.ef-section-intro {
  max-width: 900px;
  margin: 0 auto 56px;
  text-align: center;
}
.ef-section-intro p {
  margin-top: 22px;
  font-size: 18px;
}
.ef-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}
.ef-split-text {
  text-align: center;
}
.ef-eyebrow {
  margin-bottom: 16px;
  color: var(--ef-accent) !important;
  font-size: 13px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 800;
}
.ef-page h1,
.ef-page h2,
.ef-page h3,
.ef-hero-title {
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 800;
}
.ef-hero-title {
  display: block;
  max-width: 1120px;
  margin: 0 auto;
  font-size: clamp(42px, 7vw, 96px);
  text-align: center;
}
.ef-page h2 {
  font-size: clamp(34px, 4.5vw, 62px);
  text-align: center;
}
.ef-page h3 {
  font-size: 24px;
}
.ef-lead {
  max-width: 820px;
  margin: 26px auto 0;
  font-size: clamp(18px, 2vw, 23px);
  text-align: center;
}
.ef-btn-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 36px;
}
.ef-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 16px 30px;
  border-radius: 18px;
  font-size: 17px;
  font-weight: 800;
  border: 1px solid transparent;
  transition: 0.25s ease;
  cursor: pointer;
}
.ef-btn-primary {
  background: var(--ef-accent);
  color: var(--ef-black) !important;
}
.ef-btn-primary:hover {
  background: var(--ef-accent-light);
  transform: translateY(-2px);
}
.ef-btn-outline {
  border-color: rgba(255,255,255,0.35);
  background: transparent;
}
.ef-btn-outline:hover {
  border-color: var(--ef-accent);
  background: var(--ef-accent);
  color: var(--ef-black) !important;
  transform: translateY(-2px);
}
.ef-text-link {
  color: var(--ef-accent) !important;
  font-weight: 800;
}
.ef-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  padding: 120px 0 70px;
  background-image:
    radial-gradient(circle at 50% 45%, rgba(200,154,60,0.2), transparent 42%),
    linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0.93)),
    url('https://www.overlandoutfitters.ch/files/v260728063233/Landingpage%20EcoFlow/imgi_12_EcoFlow-DELTA-3-Classic-Portable-Power-Station-1024Wh_at_-Generation-Eco-Store-139378229.jpg');
  background-size: cover;
  background-position: center;
  text-align: center;
}
.ef-logo {
  position: absolute;
  top: 28px;
  left: 28px;
  z-index: 3;
  width: clamp(160px, 18vw, 260px);
  padding: 14px 18px;
  border-radius: 18px;
  background: #ffffff;
}
.ef-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.ef-founder-note {
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid var(--ef-border-soft);
  text-align: center;
}
.ef-founder-note p {
  font-size: 19px;
  line-height: 1.7;
  max-width: 780px;
  margin: 0 auto;
}
.ef-founder-note span {
  display: block;
  margin-top: 18px;
  color: var(--ef-accent-light);
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ef-card {
  padding: 32px;
  border: 1px solid var(--ef-border-soft);
  border-radius: 28px;
  background: var(--ef-card);
  transition: 0.25s ease;
  text-align: center;
}
.ef-card:hover {
  border-color: rgba(200,154,60,0.5);
  transform: translateY(-4px);
}
.ef-icon-box {
  width: 50px;
  height: 50px;
  margin: 0 auto 26px;
  border: 1px solid rgba(200,154,60,0.3);
  border-radius: 16px;
  background: rgba(200,154,60,0.16);
}
.ef-card h3 {
  margin-bottom: 12px;
}
.ef-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.ef-category-card {
  overflow: hidden;
  border: 1px solid var(--ef-border-soft);
  border-radius: 30px;
  background: var(--ef-card);
  transition: 0.25s ease;
}
.ef-category-card:hover {
  border-color: rgba(200,154,60,0.5);
  transform: translateY(-4px);
}
.ef-category-image {
  position: relative;
  height: 260px;
  overflow: hidden;
  background: var(--ef-card);
}
.ef-category-image img {
  height: 100%;
  object-fit: contain;
  padding: 20px;
  transition: 0.7s ease;
}
.ef-category-card:hover .ef-category-image img {
  transform: scale(1.06);
}
.ef-category-body {
  padding: 28px;
  text-align: center;
}
.ef-category-body h3 {
  margin-bottom: 12px;
}
.ef-category-body p {
  margin-bottom: 20px;
}
.ef-proof-list {
  display: grid;
  gap: 20px;
  max-width: 620px;
  margin: 32px auto 0;
}
.ef-proof-item {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.ef-dot {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 999px;
  background: var(--ef-accent);
}
.ef-image-panel {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border-radius: 32px;
  background: #ffffff;
}
.ef-image-panel img {
  height: 560px;
  object-fit: contain;
  object-position: center;
  padding: 30px;
}
.ef-image-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent 40%);
}
.ef-image-panel-photo {
  background: var(--ef-card);
}
.ef-image-panel-photo img {
  object-fit: cover;
  padding: 0;
}
.ef-floating-note {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  z-index: 2;
  padding: 22px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 22px;
  background: rgba(0,0,0,0.72);
  backdrop-filter: blur(14px);
}
.ef-floating-note span {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.ef-floating-note strong {
  font-size: 22px;
  line-height: 1.15;
}
.ef-spec-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
  max-width: 620px;
  margin: 30px auto 0;
  text-align: left;
}
.ef-spec-item {
  padding: 14px 18px;
  border: 1px solid var(--ef-border-soft);
  border-radius: 14px;
  background: var(--ef-card);
  font-size: 15px;
}
.ef-spec-item strong {
  display: block;
  color: var(--ef-accent-light) !important;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.ef-table-wrap {
  overflow-x: auto;
  margin: 40px auto 0;
  border: 1px solid var(--ef-border-soft);
  border-radius: 24px;
  background: var(--ef-card);
}
.ef-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}
.ef-table th,
.ef-table td {
  padding: 18px 22px;
  text-align: left;
  font-size: 15px;
  border-bottom: 1px solid var(--ef-border-soft);
}
.ef-table th {
  color: var(--ef-accent-light) !important;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 800;
  background: rgba(200,154,60,0.08);
}
.ef-table tr:last-child td {
  border-bottom: none;
}
.ef-table-note {
  margin-top: 18px;
  font-size: 14px;
  color: rgba(255,255,255,0.6) !important;
  text-align: center;
}
.ef-faq {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}
.ef-faq-item {
  border: 1px solid var(--ef-border-soft);
  border-radius: 20px;
  background: var(--ef-card);
  padding: 6px 26px;
}
.ef-faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 34px 22px 0;
  position: relative;
  font-size: 19px;
  font-weight: 800;
}
.ef-faq-item summary::-webkit-details-marker {
  display: none;
}
.ef-faq-item summary::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 18px;
  font-size: 26px;
  font-weight: 800;
  color: var(--ef-accent) !important;
}
.ef-faq-item[open] summary::after {
  content: '\2212';
}
.ef-faq-item p {
  padding-bottom: 24px;
  font-size: 17px;
  max-width: 800px;
}
.ef-final-cta {
  position: relative;
  padding: 140px 0;
  text-align: center;
  background-image:
    radial-gradient(circle at 50% 45%, rgba(200,154,60,0.25), transparent 45%),
    linear-gradient(to bottom, rgba(0,0,0,0.62), rgba(0,0,0,0.95)),
    url('https://www.overlandoutfitters.ch/files/v260728063233/Landingpage%20EcoFlow/imgi_9_EcoFlow-DELTA-3-Classic-Portable-Power-Station-1024Wh_at_-Generation-Eco-Store-139377967.jpg');
  background-size: cover;
  background-position: center;
}
.ef-final-cta h2 {
  max-width: 980px;
  margin: 0 auto;
}
.ef-final-cta p {
  max-width: 780px;
  margin: 26px auto 0;
  font-size: 20px;
}
@media (max-width: 1024px) {
.ef-grid-4,
.ef-category-grid,
.ef-split,
.ef-spec-list {
    grid-template-columns: 1fr;
  }
.ef-image-panel,
.ef-image-panel img {
    min-height: 460px;
    height: 460px;
  }
}
@media (max-width: 640px) {
.ef-container {
    width: min(100% - 28px, 1280px);
  }
.ef-hero {
    min-height: auto;
    padding: 90px 0 44px;
  }
.ef-logo {
    top: 16px;
    left: 16px;
    width: clamp(120px, 34vw, 190px);
    padding: 10px 14px;
  }
.ef-section {
    padding: 70px 0;
  }
.ef-btn-row,
.ef-btn {
    width: 100%;
  }
.ef-image-panel,
.ef-image-panel img {
    min-height: 380px;
    height: 380px;
  }
.ef-card,
.ef-category-body {
    padding: 22px;
  }
.ef-table th,
.ef-table td {
    padding: 12px 14px;
    font-size: 13px;
  }
.ef-faq-item {
    padding: 4px 18px;
  }
.ef-faq-item summary {
    font-size: 17px;
    padding-right: 30px;
  }
}


/* ================================================================
   .rr-*  Rhino Rack Namespace
   Ausgelagert aus Widget am 2026-10-29.
   Akzentfarbe: Rhino Rack (siehe --rr-accent).
   ================================================================ */
:root {
--rr-black: #111111;
--rr-dark: #1c1c1c;
--rr-darker: #0d0d0d;
--rr-grey: #2e2e2e;
--rr-grey-hover: #3a3a3a;
--rr-mid: #4a4a4a;
--rr-light: #c8c8c8;
--rr-white: #f2f0eb;
--rr-accent: #1a7fe0;
--rr-accent-deep: #005cb9;
--rr-accent-hover: #4d9eef;
--rr-accent-darker: #003d7a;
--rr-font-h: 'Barlow Condensed', sans-serif;
--rr-font-b: 'Barlow', sans-serif;
--rr-radius: 4px;
--rr-transition: 0.22s ease;
--rr-max: 1200px;
}

.rr-widget *, .rr-widget *::before, .rr-widget *::after { box-sizing: border-box; margin: 0; padding: 0; }
.rr-widget { font-family: var(--rr-font-b); color: var(--rr-white); background: var(--rr-black); line-height: 1.6; overflow: hidden; }
.rr-widget a { color: inherit; text-decoration: none; }
.rr-widget img { max-width: 100%; display: block; }
.rr-widget button { font: inherit; }

.rr-label { display: inline-block; font-family: var(--rr-font-h); font-size: 0.78rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--rr-accent); }
.rr-label--on-blue { color: rgba(242,240,235,0.85); }
.rr-section { max-width: var(--rr-max); margin: 0 auto; padding: 88px 32px; }
.rr-section-title { font-family: var(--rr-font-h); font-size: clamp(1.9rem, 4vw, 3.1rem); font-weight: 800; text-transform: uppercase; line-height: 1.05; color: var(--rr-white); margin: 12px 0 16px; }
.rr-section-title span { color: var(--rr-accent); }
.rr-section-sub { font-size: 1rem; color: var(--rr-light); max-width: 680px; line-height: 1.75; }
.rr-section-wrap { background: var(--rr-dark); }
.rr-section-wrap--darker { background: var(--rr-darker); }
.rr-section-wrap, .rr-section-wrap--darker { content-visibility: auto; contain-intrinsic-size: 700px; }
.rr-section-head { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.rr-section-head .rr-section-sub { margin: 0 auto; }

/* CTA */
.rr-cta-group { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.rr-cta-group--center { justify-content: center; }
.rr-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; font-family: var(--rr-font-h); font-size: 0.92rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 14px 30px; border-radius: var(--rr-radius); transition: background var(--rr-transition), border-color var(--rr-transition), transform var(--rr-transition); cursor: pointer; border: 2px solid transparent; }
.rr-btn--primary { background: var(--rr-accent-deep); color: var(--rr-white); border-color: var(--rr-accent-deep); }
.rr-btn--primary:hover { background: var(--rr-accent-hover); border-color: var(--rr-accent-hover); transform: translateY(-2px); }
.rr-btn--outline { background: transparent; color: var(--rr-white); border-color: rgba(242,240,235,0.42); }
.rr-btn--outline:hover { border-color: var(--rr-white); background: rgba(242,240,235,0.08); transform: translateY(-2px); }
.rr-btn--white { background: var(--rr-white); color: var(--rr-accent-darker); border-color: var(--rr-white); }
.rr-btn--white:hover { background: transparent; color: var(--rr-white); transform: translateY(-2px); }
.rr-btn--on-blue-outline { background: transparent; color: var(--rr-white); border-color: rgba(242,240,235,0.55); }
.rr-btn--on-blue-outline:hover { background: rgba(242,240,235,0.14); border-color: var(--rr-white); transform: translateY(-2px); }
.rr-btn--dark { background: var(--rr-black); color: var(--rr-white); border-color: var(--rr-black); }
.rr-btn--dark:hover { background: var(--rr-dark); border-color: var(--rr-dark); transform: translateY(-2px); }
.rr-btn:focus-visible { outline: 2px solid var(--rr-accent-hover); outline-offset: 3px; }

/* HERO */
.rr-hero { position: relative; min-height: 62vh; display: flex; align-items: flex-end; overflow: hidden; background: var(--rr-black); }
.rr-hero__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v250201054516/upload/rhino_Rack.jpg.res-x.webp') center 35% / cover no-repeat, linear-gradient(160deg, #06162a 0%, #0a0a0a 60%, #150e00 100%); }
.rr-hero__grain { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"); pointer-events: none; }
.rr-hero__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(5,8,14,0.97) 0%, rgba(5,8,14,0.72) 48%, rgba(5,10,20,0.28) 100%); }
.rr-hero__stripe { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--rr-accent); }
.rr-hero__content { position: relative; z-index: 2; width: 100%; max-width: var(--rr-max); margin: 0 auto; padding: 80px 32px; }
.rr-hero__tag { display: inline-block; border: 1px solid var(--rr-accent); padding: 4px 14px; margin-bottom: 22px; }
.rr-hero h1 { font-family: var(--rr-font-h); font-size: clamp(2.4rem, 5.6vw, 4.6rem); font-weight: 800; line-height: 1.03; letter-spacing: -0.01em; text-transform: uppercase; color: var(--rr-white); margin-bottom: 20px; max-width: 900px; }
.rr-hero h1 span { color: var(--rr-accent); }
.rr-hero__lead { font-size: clamp(1rem, 1.6vw, 1.2rem); color: var(--rr-light); max-width: 640px; margin-bottom: 32px; line-height: 1.7; }
.rr-hero__badges { display: flex; gap: 28px; margin-top: 44px; flex-wrap: wrap; }
.rr-hero__badge { display: flex; flex-direction: column; }
.rr-hero__badge strong { font-family: var(--rr-font-h); font-size: 1.6rem; font-weight: 800; color: var(--rr-white); line-height: 1; }
.rr-hero__badge span { font-family: var(--rr-font-h); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--rr-light); margin-top: 4px; }

/* SOLID BLAU-BANNER (Kapitelwechsel, nach rhinorack.com Vorbild) */
.rr-banner { position: relative; background: var(--rr-accent-deep); padding: 80px 32px; text-align: center; overflow: hidden; }
.rr-banner::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 15% 20%, rgba(255,255,255,0.08), transparent 45%), radial-gradient(circle at 85% 80%, rgba(0,0,0,0.15), transparent 50%); pointer-events: none; }
.rr-banner__inner { position: relative; max-width: 820px; margin: 0 auto; }
.rr-banner h2 { font-family: var(--rr-font-h); font-size: clamp(2rem, 4.6vw, 3.4rem); font-weight: 800; text-transform: uppercase; color: var(--rr-white); line-height: 1.05; margin-bottom: 16px; }
.rr-banner p { font-size: 1.02rem; color: rgba(242,240,235,0.92); line-height: 1.75; }

/* INTRO TEXT */
.rr-intro { max-width: 860px; margin: 0 auto; text-align: center; }
.rr-intro p { font-size: 1.02rem; color: var(--rr-light); line-height: 1.85; margin-top: 20px; }

/* TRANSFORM-GRID — Foto-Kacheln mit Marken-Stempel */
.rr-transform-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2px; background: var(--rr-black); }
.rr-transform-tile { position: relative; aspect-ratio: 4/3; overflow: hidden; display: flex; align-items: flex-end; transition: transform var(--rr-transition); }
.rr-transform-tile:hover { transform: translateY(-2px); }
.rr-transform-tile__img { position: absolute; inset: 0; }
.rr-transform-tile__img img { width: 100%; height: 100%; object-fit: contain; padding: 22px; transition: transform var(--rr-transition); }
.rr-transform-tile:hover .rr-transform-tile__img img { transform: scale(1.05); }
.rr-transform-tile__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(5,8,14,0.94) 0%, rgba(5,8,14,0.25) 50%, transparent 100%); }
.rr-transform-tile__body { position: relative; z-index: 2; padding: 20px 22px 22px; width: 100%; }
.rr-transform-tile__stamp { font-family: var(--rr-font-h); font-size: 1.4rem; font-weight: 800; text-transform: uppercase; color: var(--rr-white); line-height: 1.05; padding-bottom: 8px; border-bottom: 2px solid var(--rr-accent); display: inline-block; }
.rr-transform-tile__stamp-logo { max-width: 160px; max-height: 34px; width: auto; height: auto; display: block; filter: drop-shadow(0 1px 3px rgba(0,0,0,0.5)); }

/* HISTORY GRID */
.rr-history-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; margin-top: 48px; background: var(--rr-black); }
.rr-history-card { background: var(--rr-grey); padding: 34px 28px; transition: background var(--rr-transition); }
.rr-history-card:hover { background: var(--rr-grey-hover); }
.rr-history-card__year { font-family: var(--rr-font-h); font-size: 2.6rem; font-weight: 800; color: var(--rr-accent); line-height: 1; margin-bottom: 14px; display: block; }
.rr-history-card h3 { font-family: var(--rr-font-h); font-size: 1.15rem; font-weight: 800; line-height: 1.15; text-transform: uppercase; color: var(--rr-white); margin-bottom: 10px; }
.rr-history-card p { font-size: 0.88rem; color: var(--rr-light); line-height: 1.65; }

/* CALLOUT */
.rr-callout { background: var(--rr-grey); border-radius: var(--rr-radius); padding: 30px 34px; margin-top: 40px; border-left: 3px solid var(--rr-accent); text-align: left; }
.rr-callout__label { font-family: var(--rr-font-h); font-size: 0.76rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rr-accent-hover); margin-bottom: 10px; display: block; }
.rr-callout p { font-size: 0.95rem; color: var(--rr-light); line-height: 1.8; }

/* SPLIT SECTIONS — Foto-Variante */
.rr-split { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--rr-black); align-items: stretch; }
.rr-split--reverse .rr-split__media { order: 2; }
.rr-split--reverse .rr-split__text { order: 1; }
.rr-split__text { background: var(--rr-dark); padding: 72px 56px; display: flex; flex-direction: column; justify-content: center; }
.rr-split__text p { font-size: 0.98rem; color: var(--rr-light); line-height: 1.8; margin-top: 18px; }
.rr-split__media { position: relative; min-height: 480px; background: var(--rr-black); overflow: hidden; }
.rr-split__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease; }
.rr-split__media:hover img { transform: scale(1.05); }
.rr-split__media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(5,8,14,0.85) 0%, rgba(5,8,14,0.05) 45%); pointer-events: none; }
.rr-split__caption { position: absolute; left: 26px; right: 26px; bottom: 26px; z-index: 2; }
.rr-split__caption span { display: block; font-family: var(--rr-font-h); font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--rr-accent-hover); margin-bottom: 6px; }
.rr-split__caption strong { font-family: var(--rr-font-h); font-size: 1.35rem; font-weight: 800; text-transform: uppercase; line-height: 1.15; color: var(--rr-white); }

/* SPLIT SECTION — Farbblock-Variante (wie "Top Products" auf rhinorack.com) */
.rr-split__text--blue { background: var(--rr-accent-deep); position: relative; overflow: hidden; }
.rr-split__text--blue::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 85% 15%, rgba(255,255,255,0.1), transparent 45%); pointer-events: none; }
.rr-split__text--blue > * { position: relative; }
.rr-split__text--blue p { color: rgba(242,240,235,0.9); }
.rr-split__text--blue .rr-label { color: rgba(242,240,235,0.75); }
.rr-split__media--light { background: var(--rr-white); }
.rr-split__media--light img { object-fit: contain; padding: 48px; }
.rr-split__media--light::after { display: none; }

.rr-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2px; margin-top: 28px; background: rgba(0,0,0,0.4); }
.rr-spec-item { background: rgba(242,240,235,0.04); padding: 16px 18px; }
.rr-spec-item strong { display: block; font-family: var(--rr-font-h); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--rr-accent-hover); margin-bottom: 4px; }
.rr-spec-item span { font-size: 0.88rem; color: var(--rr-white); }
.rr-split__text--blue .rr-spec-grid { background: rgba(0,0,0,0.15); }
.rr-split__text--blue .rr-spec-item { background: rgba(255,255,255,0.08); }
.rr-split__text--blue .rr-spec-item strong { color: rgba(242,240,235,0.75); }

/* SHOWROOM BANNER (Store-Locator-Stil) */
.rr-showroom { position: relative; min-height: 380px; display: flex; align-items: flex-end; overflow: hidden; }
.rr-showroom__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v240727183141/Fotos%20vom%20Shop/Overland%20Outfitters%20Shop%20im%20Kemptthal_1.jpeg') center / cover no-repeat, linear-gradient(160deg, #1a1200 0%, #0d0d0d 100%); }
.rr-showroom__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(5,8,14,0.95) 0%, rgba(5,8,14,0.55) 55%, rgba(5,8,14,0.15) 100%); }
.rr-showroom__content { position: relative; z-index: 2; width: 100%; max-width: var(--rr-max); margin: 0 auto; padding: 56px 32px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.rr-showroom__text h2 { font-family: var(--rr-font-h); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; text-transform: uppercase; color: var(--rr-white); line-height: 1.05; margin-bottom: 10px; }
.rr-showroom__text p { font-size: 0.95rem; color: var(--rr-light); max-width: 480px; }

/* FAQ */
.rr-faq-list { margin-top: 44px; display: flex; flex-direction: column; gap: 2px; }
.rr-faq-item { background: var(--rr-grey); border-left: 3px solid transparent; transition: border-color var(--rr-transition), background var(--rr-transition); }
.rr-faq-item[open] { border-left-color: var(--rr-accent); background: #323232; }
.rr-faq-item summary { cursor: pointer; list-style: none; padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: var(--rr-font-h); font-size: 1.02rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--rr-white); }
.rr-faq-item summary::-webkit-details-marker { display: none; }
.rr-faq-item summary:hover { color: var(--rr-accent-hover); }
.rr-faq-icon { flex-shrink: 0; width: 22px; height: 22px; border: 2px solid var(--rr-mid); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color var(--rr-transition), transform var(--rr-transition); color: var(--rr-accent); }
.rr-faq-item[open] .rr-faq-icon { border-color: var(--rr-accent); transform: rotate(45deg); }
.rr-faq-item p { padding: 0 28px 24px; font-size: 0.92rem; color: var(--rr-light); line-height: 1.75; }

/* BERATUNG TRUST LIST */
.rr-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; max-width: 720px; margin: 40px auto 0; }
.rr-proof-item { display: flex; gap: 14px; align-items: flex-start; text-align: left; background: rgba(242,240,235,0.04); border: 1px solid rgba(242,240,235,0.08); border-radius: var(--rr-radius); padding: 18px 20px; }
.rr-proof-item__dot { flex-shrink: 0; width: 10px; height: 10px; margin-top: 6px; border-radius: 50%; background: var(--rr-accent); }
.rr-proof-item span { font-size: 0.92rem; color: var(--rr-light); line-height: 1.6; }

/* FINAL CTA */
.rr-final { position: relative; padding: 130px 32px; text-align: center; overflow: hidden; }
.rr-final__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v260809130029/shop/FDF507B9_61002-RTT-00_op.jpg') center / cover no-repeat, linear-gradient(160deg, #06162a 0%, #0a0a0a 100%); }
.rr-final__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(5,8,14,0.96), rgba(5,8,14,0.72) 55%, rgba(5,8,14,0.5)); }
.rr-final__content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
.rr-final h2 { font-family: var(--rr-font-h); font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 800; text-transform: uppercase; color: var(--rr-white); margin-bottom: 16px; line-height: 1.05; }
.rr-final h2 span { color: var(--rr-accent-hover); }
.rr-final p { font-size: 1.05rem; color: var(--rr-light); margin-bottom: 32px; }

.rr-divider { height: 1px; background: linear-gradient(to right, transparent, var(--rr-mid) 30%, var(--rr-mid) 70%, transparent); margin: 0 32px; }

/* RESPONSIVE */
@media (max-width: 1024px) {
.rr-history-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.rr-transform-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.rr-split, .rr-split--reverse { grid-template-columns: 1fr; }
.rr-split--reverse .rr-split__media, .rr-split--reverse .rr-split__text { order: initial; }
.rr-split__media { min-height: 340px; }
.rr-showroom__content { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 768px) {
.rr-section { padding: 56px 20px; }
.rr-hero { min-height: 58vh; }
.rr-hero__content { padding: 56px 20px; }
.rr-banner { padding: 56px 20px; }
.rr-split__text { padding: 48px 28px; }
.rr-spec-grid { grid-template-columns: 1fr; }
.rr-proof-grid { grid-template-columns: 1fr; }
.rr-final { padding: 80px 20px; }
.rr-showroom { min-height: 320px; }
}
@media (max-width: 560px) {
.rr-widget { overflow-x: hidden; }
.rr-history-grid, .rr-transform-grid { grid-template-columns: 1fr; }
.rr-btn { width: 100%; }
.rr-cta-group { width: 100%; }
.rr-hero__badges { gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.rr-widget *, .rr-widget *::before, .rr-widget *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}


/* ================================================================
   .ome-* Old Man Emu Namespace
   Ausgelagert aus Widget am 2026-10-29.
   Akzentfarbe: OME Gelb (siehe --ome-accent).
   ================================================================ */
.ome-page {
--ome-bg: #0C0C0D;
--ome-panel: #161514;
--ome-panel-2: #1D1B18;
--ome-line: #322F29;
--ome-text: #F3F1EA;
--ome-muted: #A9A49A;
--ome-dim: #726C61;
--ome-amber: #F5A623;
--ome-amber-dim: rgba(245,166,35,0.4);
--ome-radius: 4px;
font-family: inherit;
color: var(--ome-text);
background: var(--ome-bg);
}
.ome-page * { box-sizing: border-box; }
.ome-page a { color: inherit; }
.ome-section { padding: 64px 24px; max-width: 1180px; margin: 0 auto; }
.ome-eyebrow {
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--ome-amber);
font-weight: 700;
margin: 0 0 14px;
}
.ome-h2 {
font-size: clamp(26px, 3.6vw, 40px);
line-height: 1.15;
font-weight: 800;
margin: 0 0 18px;
color: var(--ome-text);
letter-spacing: -0.01em;
}
.ome-h3 {
font-size: 22px;
font-weight: 800;
margin: 0 0 12px;
color: var(--ome-text);
}
.ome-lead {
font-size: 16px;
line-height: 1.65;
color: var(--ome-muted);
max-width: 720px;
margin: 0 0 28px;
}
.ome-btn {
display: inline-block;
padding: 13px 26px;
border-radius: var(--ome-radius);
font-size: 14px;
font-weight: 700;
text-decoration: none;
letter-spacing: 0.02em;
border: 1px solid transparent;
cursor: pointer;
}
.ome-page a.ome-btn-primary { background: var(--ome-amber); color: #14100A; }
.ome-page a.ome-btn-primary:hover { background: #ffb84d; }
.ome-page a.ome-btn-ghost { background: transparent; color: var(--ome-text); border-color: var(--ome-line); }
.ome-page a.ome-btn-ghost:hover { border-color: var(--ome-amber); }

/* HERO */
.ome-hero {
position: relative;
min-height: 560px;
display: flex;
align-items: flex-end;
padding: 48px 24px;
background: #000 url('https://www.overlandoutfitters.ch/files/v260819112008/Landingpage%20OME/Old%20Man%20EMU%20Overland%20Outfitters%20Schweiz_14.jpg') center 42%/cover no-repeat;
}
.ome-hero::before {
content: "";
position: absolute; inset: 0;
background: linear-gradient(0deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.5) 48%, rgba(0,0,0,0.1) 78%, rgba(0,0,0,0.3) 100%);
}
.ome-hero-inner { position: relative; max-width: 1180px; margin: 0 auto; width: 100%; }
.ome-hero .ome-eyebrow { color: #FFCB7A; }
.ome-hero .ome-h2 { max-width: 680px; }
.ome-hero .ome-lead { color: #DAD6CC; }
.ome-hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; }
.ome-hero-chips { display: flex; gap: 10px; flex-wrap: wrap; }
.ome-chip {
font-size: 12.5px;
padding: 7px 14px;
border: 1px solid rgba(255,255,255,0.28);
border-radius: 999px;
color: #ECE9E1;
text-decoration: none;
letter-spacing: 0.02em;
}
.ome-chip:hover { border-color: var(--ome-amber); background: rgba(245,166,35,0.08); }

/* WARUM */
.ome-why { background: var(--ome-panel); }
.ome-why-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.ome-why-badge {
display: inline-flex; flex-direction: column; align-items: flex-start;
border-left: 3px solid var(--ome-amber);
padding-left: 16px; margin: 22px 0 30px;
}
.ome-why-badge .num { font-size: 34px; font-weight: 800; line-height: 1; }
.ome-why-badge .label { font-size: 12.5px; color: var(--ome-muted); margin-top: 4px; }
.ome-usp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 8px; }
.ome-usp-card { border: 1px solid var(--ome-line); border-radius: var(--ome-radius); padding: 18px; background: var(--ome-panel-2); }
.ome-usp-card .t { font-weight: 700; font-size: 14.5px; margin-bottom: 6px; }
.ome-usp-card .d { font-size: 13.5px; color: var(--ome-muted); line-height: 1.5; }
.ome-why-img { width: 100%; border-radius: var(--ome-radius); display: block; aspect-ratio: 1536/728; object-fit: cover; }

/* SERIES */
.ome-series-top { width: 100%; border-radius: var(--ome-radius); display: block; margin-bottom: 32px; max-width: 620px; }
.ome-series-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ome-series-card { border: 1px solid var(--ome-line); border-radius: var(--ome-radius); padding: 20px; background: var(--ome-panel-2); }
.ome-series-card .tier { font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ome-dim); margin-bottom: 8px; }
.ome-series-card .name { font-weight: 800; font-size: 18px; margin-bottom: 8px; color: var(--ome-amber); }
.ome-series-card .desc { font-size: 13.5px; color: var(--ome-muted); line-height: 1.55; margin-bottom: 10px; }
.ome-series-card .tag { display: inline-block; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ome-amber); border: 1px solid var(--ome-amber-dim); border-radius: 999px; padding: 3px 10px; }

/* TECHNIK */
.ome-tech { background: var(--ome-panel); }
.ome-tech-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 48px; align-items: center; }
.ome-tech-img { width: 100%; border-radius: var(--ome-radius); display: block; aspect-ratio: 1080/1350; object-fit: cover; }
.ome-tech-list { list-style: none; padding: 0; margin: 0; }
.ome-tech-list li { font-size: 14.5px; color: var(--ome-muted); padding: 14px 0 14px 24px; position: relative; border-top: 1px solid var(--ome-line); }
.ome-tech-list li:first-child { border-top: none; }
.ome-tech-list li::before { content: "\2013"; position: absolute; left: 0; color: var(--ome-amber); }
.ome-tech-list strong { color: var(--ome-text); }

/* COMPONENTS */
.ome-components { }
.ome-comp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.ome-comp-card { position: relative; aspect-ratio: 1/1; overflow: hidden; border-radius: var(--ome-radius); }
.ome-comp-card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ome-comp-card::after {
content: "";
position: absolute; inset: 0;
background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.1) 55%, rgba(0,0,0,0) 75%);
}
.ome-comp-label { position: absolute; left: 12px; right: 12px; bottom: 10px; z-index: 1; font-weight: 700; font-size: 13px; }

/* IM EINSATZ */
.ome-action-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 4px; }
.ome-action-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: var(--ome-radius); }
.ome-action-wide { aspect-ratio: 1536/728; }
.ome-action-square { aspect-ratio: 1400/788; }

/* NOTE */
.ome-note {
background: var(--ome-panel-2);
border: 1px solid var(--ome-line);
border-left: 3px solid var(--ome-amber);
border-radius: var(--ome-radius);
padding: 22px 26px;
margin-top: 8px;
}
.ome-note p { font-size: 14px; line-height: 1.65; color: var(--ome-muted); margin: 0 0 10px; }
.ome-note p:last-child { margin-bottom: 0; }
.ome-note a { color: var(--ome-text); text-decoration: underline; }

/* FAQ */
.ome-faq { background: var(--ome-panel); }
.ome-faq-item { border-bottom: 1px solid var(--ome-line); padding: 18px 0; }
.ome-faq-item summary { cursor: pointer; font-weight: 700; font-size: 15px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.ome-faq-item summary::-webkit-details-marker { display: none; }
.ome-faq-item summary::after { content: "+"; color: var(--ome-amber); font-size: 20px; flex-shrink: 0; }
.ome-faq-item[open] summary::after { content: "\2212"; }
.ome-faq-item p { font-size: 14px; line-height: 1.65; color: var(--ome-muted); margin: 12px 0 0; }

/* ADVISORY */
.ome-advisory-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.ome-advisory-list { list-style: none; padding: 0; margin: 0; }
.ome-advisory-list li { font-size: 14.5px; color: var(--ome-muted); padding: 10px 0 10px 22px; position: relative; border-top: 1px solid var(--ome-line); }
.ome-advisory-list li:first-child { border-top: none; }
.ome-advisory-list li::before { content: "\2013"; position: absolute; left: 0; color: var(--ome-amber); }

/* FINAL CTA */
.ome-cta-final {
position: relative;
padding: 72px 24px;
text-align: center;
background: #000 url('https://www.overlandoutfitters.ch/files/v260819112008/Landingpage%20OME/Old%20Man%20EMU%20Overland%20Outfitters%20Schweiz_12.jpg') center/cover no-repeat;
}
.ome-cta-final::before { content:""; position:absolute; inset:0; background: rgba(6,6,6,0.78); }
.ome-cta-final-inner { position: relative; max-width: 640px; margin: 0 auto; }
.ome-cta-final .ome-h2 { margin: 0 auto 14px; }
.ome-cta-final .ome-lead { margin: 0 auto 30px; }
.ome-cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

@media (max-width: 860px) {
.ome-why-grid, .ome-tech-grid, .ome-advisory-grid { grid-template-columns: 1fr; }
.ome-series-grid { grid-template-columns: 1fr; }
.ome-comp-grid { grid-template-columns: repeat(2, 1fr); }
.ome-action-grid { grid-template-columns: 1fr; }
.ome-section { padding: 44px 18px; }
.ome-hero { min-height: 460px; }
}


/* ================================================================
   .lzr-* Lazer Lamps Namespace
   Ausgelagert aus Widget am 2026-10-29.
   Akzentfarbe: Lazer Blau (siehe --lzr-accent).
   ================================================================ */
.lzr-page {
--lzr-bg: #0B0B0C;
--lzr-panel: #151517;
--lzr-panel-2: #1B1C1F;
--lzr-line: #2C2D30;
--lzr-text: #F2F1ED;
--lzr-muted: #A2A5AA;
--lzr-dim: #6E7075;
--lzr-glow: #F3F6FB;
--lzr-amber: #E0A24B;
--lzr-radius: 4px;
font-family: inherit;
color: var(--lzr-text);
background: var(--lzr-bg);
}
.lzr-page * { box-sizing: border-box; }
.lzr-page a { color: inherit; }
.lzr-section { padding: 64px 24px; max-width: 1180px; margin: 0 auto; }
.lzr-eyebrow {
font-size: 12px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--lzr-amber);
font-weight: 600;
margin: 0 0 14px;
}
.lzr-h2 {
font-size: clamp(26px, 3.6vw, 40px);
line-height: 1.15;
font-weight: 700;
margin: 0 0 18px;
color: var(--lzr-text);
letter-spacing: -0.01em;
}
.lzr-h3 {
font-size: 22px;
font-weight: 700;
margin: 0 0 12px;
color: var(--lzr-text);
}
.lzr-lead {
font-size: 16px;
line-height: 1.65;
color: var(--lzr-muted);
max-width: 720px;
margin: 0 0 28px;
}
.lzr-btn {
display: inline-block;
padding: 13px 26px;
border-radius: var(--lzr-radius);
font-size: 14px;
font-weight: 600;
text-decoration: none;
letter-spacing: 0.02em;
border: 1px solid transparent;
cursor: pointer;
}
.lzr-page a.lzr-btn-primary { background: var(--lzr-glow); color: #0B0B0C; }
.lzr-page a.lzr-btn-primary:hover { background: #ffffff; }
.lzr-page a.lzr-btn-ghost { background: transparent; color: var(--lzr-text); border-color: var(--lzr-line); }
.lzr-page a.lzr-btn-ghost:hover { border-color: var(--lzr-glow); }

/* HERO */
.lzr-hero {
position: relative;
min-height: 560px;
display: flex;
align-items: flex-end;
padding: 48px 24px;
background: #000 url('https://www.lazerlamps.com/media/wysiwyg/lazerlamps/homepage/Hero-Banner-Triple-R-16-Elite_.gif') center 30%/cover no-repeat;
}
.lzr-hero::before {
content: "";
position: absolute; inset: 0;
background: linear-gradient(0deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.55) 45%, rgba(0,0,0,0.15) 75%, rgba(0,0,0,0.35) 100%);
}
.lzr-hero-inner { position: relative; max-width: 1180px; margin: 0 auto; width: 100%; }
.lzr-hero .lzr-eyebrow { color: var(--lzr-glow); }
.lzr-hero .lzr-h2 { max-width: 680px; }
.lzr-hero .lzr-lead { color: #D8D9DC; }
.lzr-hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; }
.lzr-hero-chips { display: flex; gap: 10px; flex-wrap: wrap; }
.lzr-chip {
font-size: 12.5px;
padding: 7px 14px;
border: 1px solid rgba(255,255,255,0.28);
border-radius: 999px;
color: #E9EAEC;
text-decoration: none;
letter-spacing: 0.02em;
}
.lzr-chip:hover { border-color: var(--lzr-glow); background: rgba(255,255,255,0.06); }

/* WARUM */
.lzr-why { background: var(--lzr-panel); }
.lzr-why-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 48px; align-items: center; }
.lzr-why-badge {
display: inline-flex; flex-direction: column; align-items: flex-start;
border-left: 3px solid var(--lzr-amber);
padding-left: 16px; margin: 22px 0 30px;
}
.lzr-why-badge .num { font-size: 34px; font-weight: 700; line-height: 1; }
.lzr-why-badge .label { font-size: 12.5px; color: var(--lzr-muted); margin-top: 4px; }
.lzr-usp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 8px; }
.lzr-usp-card { border: 1px solid var(--lzr-line); border-radius: var(--lzr-radius); padding: 18px; background: var(--lzr-panel-2); }
.lzr-usp-card .t { font-weight: 700; font-size: 14.5px; margin-bottom: 6px; }
.lzr-usp-card .d { font-size: 13.5px; color: var(--lzr-muted); line-height: 1.5; }
.lzr-why-img { width: 100%; border-radius: var(--lzr-radius); display: block; aspect-ratio: 540/370; object-fit: cover; }

/* SERIES */
.lzr-series-layout { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 40px; align-items: start; }
.lzr-series-img { width: 100%; border-radius: var(--lzr-radius); display: block; position: sticky; top: 20px; aspect-ratio: 540/370; object-fit: cover; }
.lzr-series-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.lzr-series-card { border: 1px solid var(--lzr-line); border-radius: var(--lzr-radius); padding: 18px; background: var(--lzr-panel-2); }
.lzr-series-card .name { font-weight: 700; font-size: 15.5px; margin-bottom: 6px; }
.lzr-series-card .desc { font-size: 13.5px; color: var(--lzr-muted); line-height: 1.55; margin-bottom: 10px; }
.lzr-series-card .tag { display: inline-block; font-size: 11px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--lzr-amber); border: 1px solid rgba(224,162,75,0.4); border-radius: 999px; padding: 3px 10px; }

/* VEHICLE KITS */
.lzr-kits { background: var(--lzr-panel); }
.lzr-kits-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.lzr-kit-card { position: relative; aspect-ratio: 460/340; overflow: hidden; border-radius: var(--lzr-radius); display: block; text-decoration: none; }
.lzr-kit-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.lzr-kit-card:hover img { transform: scale(1.05); }
.lzr-kit-card::after {
content: "";
position: absolute; inset: 0;
background: linear-gradient(0deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0) 75%);
}
.lzr-kit-label { position: absolute; left: 14px; right: 14px; bottom: 12px; z-index: 1; }
.lzr-kit-label .n { font-weight: 700; font-size: 14.5px; display: block; }
.lzr-kit-label .d { font-size: 11.5px; color: #C9CBCE; display: block; margin-top: 3px; line-height: 1.4; }
.lzr-kits-note { font-size: 13px; color: var(--lzr-dim); margin-top: 20px; }

/* IM EINSATZ */
.lzr-action-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 4px; }
.lzr-action-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: var(--lzr-radius); }
.lzr-action-wide { aspect-ratio: 1980/750; }
.lzr-action-square { aspect-ratio: 1/1; }

/* ZULASSUNG NOTE */
.lzr-note {
background: var(--lzr-panel-2);
border: 1px solid var(--lzr-line);
border-left: 3px solid var(--lzr-amber);
border-radius: var(--lzr-radius);
padding: 22px 26px;
margin-top: 8px;
}
.lzr-note p { font-size: 14px; line-height: 1.65; color: var(--lzr-muted); margin: 0 0 10px; }
.lzr-note p:last-child { margin-bottom: 0; }
.lzr-note a { color: var(--lzr-text); text-decoration: underline; }

/* FAQ */
.lzr-faq { background: var(--lzr-panel); }
.lzr-faq-item { border-bottom: 1px solid var(--lzr-line); padding: 18px 0; }
.lzr-faq-item summary { cursor: pointer; font-weight: 600; font-size: 15px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.lzr-faq-item summary::-webkit-details-marker { display: none; }
.lzr-faq-item summary::after { content: "+"; color: var(--lzr-amber); font-size: 20px; flex-shrink: 0; }
.lzr-faq-item[open] summary::after { content: "\2212"; }
.lzr-faq-item p { font-size: 14px; line-height: 1.65; color: var(--lzr-muted); margin: 12px 0 0; }

/* ADVISORY */
.lzr-advisory-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
.lzr-advisory-list { list-style: none; padding: 0; margin: 0; }
.lzr-advisory-list li { font-size: 14.5px; color: var(--lzr-muted); padding: 10px 0 10px 22px; position: relative; border-top: 1px solid var(--lzr-line); }
.lzr-advisory-list li:first-child { border-top: none; }
.lzr-advisory-list li::before { content: "\2013"; position: absolute; left: 0; color: var(--lzr-amber); }

/* FINAL CTA */
.lzr-cta-final {
position: relative;
padding: 72px 24px;
text-align: center;
background: #000 url('https://www.overlandoutfitters.ch/files/v260819073531/Landingpage%20Lazer%20Lamps/Lazer%20Lamps%20Schweiz%20Overland%20Outfitters_12.jpeg') center/cover no-repeat;
}
.lzr-cta-final::before { content:""; position:absolute; inset:0; background: rgba(6,6,7,0.82); }
.lzr-cta-final-inner { position: relative; max-width: 640px; margin: 0 auto; }
.lzr-cta-final .lzr-h2 { margin: 0 auto 14px; }
.lzr-cta-final .lzr-lead { margin: 0 auto 30px; }
.lzr-cta-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

@media (max-width: 860px) {
.lzr-why-grid, .lzr-series-layout, .lzr-advisory-grid { grid-template-columns: 1fr; }
.lzr-series-img { position: static; }
.lzr-series-grid { grid-template-columns: 1fr; }
.lzr-usp-grid { grid-template-columns: 1fr; }
.lzr-kits-grid { grid-template-columns: repeat(2, 1fr); }
.lzr-action-grid { grid-template-columns: 1fr; }
.lzr-section { padding: 44px 18px; }
.lzr-hero { min-height: 460px; }
}


/* ================================================================
   .sld-* Strands Lighting Division Namespace
   Ausgelagert aus Widget am 2026-10-29.
   ================================================================ */
:root {
--sld-black: #0c0c0e;
--sld-charcoal: #17171a;
--sld-grey: #232326;
--sld-grey-line: rgba(242,240,236,0.09);
--sld-amber: #ffed00;
--sld-amber-deep: #d4c400;
--sld-led: #ff9a33;
--sld-led-deep: #e8791a;
--sld-amber-dim: rgba(255,237,0,0.14);
--sld-blue: #5b7c99;
--sld-white: #f2f0ec;
--sld-mid: #9c9ca1;
--sld-font-display: 'Big Shoulders Display', sans-serif;
--sld-font-body: 'Inter', sans-serif;
--sld-font-mono: 'IBM Plex Mono', monospace;
--sld-radius: 2px;
--sld-max: 1200px;
--sld-transition: 0.2s ease;
}
.sld-page { background: var(--sld-black); color: var(--sld-white); font-family: var(--sld-font-body); font-size: 1.02rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.sld-page * { box-sizing: border-box; }
.sld-page a { color: inherit; text-decoration: none; }
.sld-wrap { max-width: var(--sld-max); margin: 0 auto; padding: 0 32px; }
.sld-eyebrow { font-family: var(--sld-font-mono); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--sld-amber); display: inline-flex; align-items: center; gap: 10px; }
.sld-eyebrow::before { content: ''; width: 18px; height: 1px; background: var(--sld-amber); box-shadow: 0 0 6px 1px var(--sld-amber); }

/* Signature amber strip - echoes the LED bar's amber position-light line */
.sld-strip { height: 3px; background: linear-gradient(90deg, transparent 0%, var(--sld-led) 12%, var(--sld-led) 88%, transparent 100%); box-shadow: 0 0 14px 1px rgba(255,154,51,0.5); border-radius: 3px; }
.sld-strip--full { background: linear-gradient(90deg, var(--sld-led-deep), var(--sld-led), var(--sld-led-deep)); }

/* ===== HERO ===== */
.sld-hero { position: relative; min-height: 78vh; display: flex; align-items: flex-end; overflow: hidden; background: var(--sld-black); }
.sld-hero__bg { position: absolute; inset: 0; }
.sld-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 32%; opacity: 0.95; }
.sld-hero__gradient { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12,12,14,0.4) 0%, rgba(12,12,14,0.22) 35%, var(--sld-black) 96%), linear-gradient(90deg, rgba(12,12,14,0.68) 0%, rgba(12,12,14,0.12) 55%); }
.sld-hero__content { position: relative; z-index: 2; width: 100%; padding: 120px 32px 64px; max-width: var(--sld-max); margin: 0 auto; }
.sld-hero__breadcrumb { font-family: var(--sld-font-mono); font-size: 0.75rem; color: var(--sld-mid); margin-bottom: 28px; }
.sld-hero__breadcrumb a:hover { color: var(--sld-amber); }
.sld-hero h1 { font-family: var(--sld-font-display); font-size: clamp(2.6rem, 6vw, 5.2rem); font-weight: 800; line-height: 0.94; letter-spacing: -0.01em; text-transform: uppercase; margin: 18px 0 22px; max-width: 900px; text-shadow: 0 0 12px rgba(255,154,51,0.85), 0 0 36px rgba(255,154,51,0.65), 0 0 80px rgba(255,154,51,0.4), 0 2px 10px rgba(0,0,0,0.5); }
.sld-hero h1 span { color: var(--sld-amber); }
.sld-hero__lead { font-size: 1.15rem; color: #d4d2cc; max-width: 620px; margin-bottom: 34px; }
.sld-hero__facts { display: flex; flex-wrap: wrap; gap: 0; border-top: 1px solid var(--sld-grey-line); max-width: 720px; }
.sld-hero__fact { flex: 1 1 150px; padding: 16px 20px 0 0; border-right: 1px solid var(--sld-grey-line); }
.sld-hero__fact:last-child { border-right: none; }
.sld-hero__fact-num { font-family: var(--sld-font-mono); font-size: 1.3rem; font-weight: 600; color: var(--sld-white); display: block; }
.sld-hero__fact-label { font-size: 0.76rem; color: var(--sld-mid); margin-top: 2px; }

/* ===== SECTION SHELL ===== */
.sld-section { padding: 88px 0; border-bottom: 1px solid var(--sld-grey-line); }
.sld-section--tight { padding: 64px 0; }
.sld-section-head { margin-bottom: 44px; max-width: 680px; }
.sld-section-title { font-family: var(--sld-font-display); font-size: clamp(1.8rem, 3.4vw, 2.7rem); font-weight: 700; text-transform: uppercase; line-height: 1.02; margin: 14px 0 16px; }
.sld-section-title span { color: var(--sld-amber); }
.sld-section-sub { color: var(--sld-mid); font-size: 1.02rem; }

/* ===== INTRO / STORY ===== */
.sld-story { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 64px; align-items: start; }
.sld-story p { color: #cecbc4; margin-bottom: 16px; }
.sld-story p:last-child { margin-bottom: 0; }
.sld-story__panel { background: var(--sld-charcoal); border: 1px solid var(--sld-grey-line); border-left: 3px solid var(--sld-amber); padding: 28px 26px; }
.sld-story__panel dt { font-family: var(--sld-font-mono); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--sld-mid); margin-top: 18px; }
.sld-story__panel dt:first-child { margin-top: 0; }
.sld-story__panel dd { font-size: 1.02rem; font-weight: 600; margin: 4px 0 0; }

/* ===== PRODUCT LINE GRID ===== */
.sld-product-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; background: var(--sld-grey-line); border: 1px solid var(--sld-grey-line); }
.sld-product-card { background: var(--sld-black); display: flex; flex-direction: column; transition: background var(--sld-transition); }
.sld-product-card:hover { background: var(--sld-charcoal); }
.sld-product-card__img { aspect-ratio: 1; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sld-product-card__img img { width: 100%; height: 100%; object-fit: contain; padding: 14px; }
.sld-product-card__body { padding: 20px 20px 24px; flex: 1; }
.sld-product-card__cat { font-family: var(--sld-font-mono); font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--sld-amber); }
.sld-product-card__name { font-family: var(--sld-font-display); font-size: 1.35rem; font-weight: 700; text-transform: uppercase; margin: 6px 0 8px; line-height: 1.05; }
.sld-product-card__desc { font-size: 0.9rem; color: var(--sld-mid); }

/* ===== APPLICATION GALLERY ===== */
.sld-gallery { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 190px; gap: 12px; }
.sld-gallery__item { position: relative; overflow: hidden; border-radius: var(--sld-radius); }
.sld-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; display: block; }
.sld-gallery__item:hover img { transform: scale(1.045); }
.sld-gallery__item--wide { grid-column: span 3; }
.sld-gallery__item--tall { grid-row: span 2; }
.sld-gallery__caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 100%); font-family: var(--sld-font-mono); font-size: 0.72rem; letter-spacing: 0.04em; color: var(--sld-white); }
.sld-gallery__caption span { color: var(--sld-amber); }

/* ===== TECH FEATURES ===== */
.sld-tech { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--sld-grey-line); border: 1px solid var(--sld-grey-line); }
.sld-tech__item { background: var(--sld-black); padding: 30px 28px; }
.sld-tech__num { font-family: var(--sld-font-mono); font-size: 0.78rem; color: var(--sld-amber); margin-bottom: 14px; display: block; }
.sld-tech__title { font-family: var(--sld-font-display); font-size: 1.3rem; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }
.sld-tech__desc { color: var(--sld-mid); font-size: 0.93rem; }

/* ===== ECE / REFERENZZAHL ===== */
.sld-ece { background: var(--sld-charcoal); border: 1px solid var(--sld-grey-line); padding: 40px; }
.sld-ece__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 28px; }
.sld-ece__row { border-top: 1px solid var(--sld-grey-line); padding-top: 14px; }
.sld-ece__code { font-family: var(--sld-font-mono); font-size: 0.95rem; color: var(--sld-amber); font-weight: 600; }
.sld-ece__desc { font-size: 0.88rem; color: var(--sld-mid); margin-top: 4px; }
.sld-ece__note { margin-top: 28px; padding-top: 24px; border-top: 1px solid var(--sld-grey-line); color: #cecbc4; font-size: 0.94rem; }

/* ===== FAQ ===== */
/* ===== FAQ (Akkordeon, wie Startseite) ===== */
.sld-faq-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sld-faq-item { align-self: start; background: var(--sld-charcoal); border-left: 3px solid transparent; border: 1px solid var(--sld-grey-line); border-left-width: 3px; transition: border-color var(--sld-transition), background var(--sld-transition); }
.sld-faq-item.is-open { border-left-color: var(--sld-amber); background: #202023; }
.sld-faq-item h3 { margin: 0; }
.sld-faq-q { width: 100%; background: none; border: none; text-align: left; cursor: pointer; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: var(--sld-font-display); font-size: 1.1rem; font-weight: 700; letter-spacing: 0.01em; text-transform: uppercase; color: var(--sld-white); -webkit-tap-highlight-color: rgba(255,237,0,0.18); touch-action: manipulation; }
.sld-faq-icon { flex-shrink: 0; width: 22px; height: 22px; border: 2px solid var(--sld-mid); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color var(--sld-transition), transform var(--sld-transition); color: var(--sld-amber); }
.sld-faq-item.is-open .sld-faq-icon { border-color: var(--sld-amber); transform: rotate(45deg); }
.sld-faq-a { padding: 0 24px; max-height: 0; overflow: hidden; transition: max-height 0.28s ease, padding 0.22s ease; font-size: 0.93rem; color: var(--sld-mid); line-height: 1.7; }
.sld-faq-item.is-open .sld-faq-a { max-height: 620px; padding: 0 24px 22px; }
@media (max-width: 800px) {
.sld-faq-list { grid-template-columns: 1fr; }
}

/* ===== SHOWROOM CTA ===== */
.sld-cta { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 48px; align-items: center; background: var(--sld-charcoal); border: 1px solid var(--sld-grey-line); padding: 48px; position: relative; overflow: hidden; }
.sld-cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--sld-led-deep), var(--sld-led), var(--sld-led-deep)); box-shadow: 0 0 14px 1px rgba(255,154,51,0.45); }
.sld-cta__title { font-family: var(--sld-font-display); font-size: clamp(1.7rem, 3vw, 2.3rem); font-weight: 700; text-transform: uppercase; line-height: 1.04; margin-bottom: 12px; }
.sld-cta__title span { color: var(--sld-amber); }
.sld-cta__text { color: var(--sld-mid); }
.sld-cta__actions { display: flex; flex-direction: column; gap: 12px; }
.sld-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 26px; font-family: var(--sld-font-mono); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; border-radius: var(--sld-radius); transition: all var(--sld-transition); cursor: pointer; border: 1px solid transparent; }
.sld-page a.sld-btn--primary { background: var(--sld-amber); color: var(--sld-black); }
.sld-page a.sld-btn--primary:hover { background: var(--sld-white); color: var(--sld-black); }
.sld-page a.sld-btn--ghost { border-color: var(--sld-grey-line); color: var(--sld-white); }
.sld-page a.sld-btn--ghost:hover { border-color: var(--sld-amber); color: var(--sld-amber); }
.sld-cta__meta { font-size: 0.82rem; color: var(--sld-mid); margin-top: 4px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
.sld-story { grid-template-columns: 1fr; gap: 36px; }
.sld-product-grid { grid-template-columns: repeat(2, 1fr); }
.sld-tech { grid-template-columns: 1fr; }
.sld-ece__grid { grid-template-columns: repeat(2, 1fr); }
.sld-cta { grid-template-columns: 1fr; }
.sld-hero__facts { flex-wrap: wrap; }
.sld-hero__fact { flex: 1 1 45%; }
.sld-gallery { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; }
.sld-gallery__item--wide { grid-column: span 2; }
.sld-gallery__item--tall { grid-row: span 1; }
}
@media (max-width: 560px) {
.sld-wrap, .sld-hero__content { padding-left: 20px; padding-right: 20px; }
.sld-product-grid { grid-template-columns: 1fr; }
.sld-ece__grid { grid-template-columns: 1fr; }
.sld-gallery { grid-template-columns: 1fr; grid-auto-rows: 220px; }
.sld-gallery__item--wide { grid-column: span 1; }
}


/* ================================================================
   .tjm-* TJM Equiped Namespace
   Ausgelagert aus Widget am 2026-10-29.
   ================================================================ */
:root {
--tjm-black: #121212;
--tjm-charcoal: #1c1c1c;
--tjm-grey: #262626;
--tjm-grey-line: rgba(255,255,255,0.1);
--tjm-yellow: #fff200;
--tjm-yellow-deep: #d4c900;
--tjm-white: #f5f5f3;
--tjm-mid: #9d9d9d;
--tjm-font-display: 'Archivo Black', sans-serif;
--tjm-font-body: 'Inter', sans-serif;
--tjm-font-mono: 'IBM Plex Mono', monospace;
--tjm-max: 1200px;
--tjm-transition: 0.2s ease;
}
.tjm-page { background: var(--tjm-black); color: var(--tjm-white); font-family: var(--tjm-font-body); font-size: 1.02rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.tjm-page * { box-sizing: border-box; }
.tjm-page a { color: inherit; text-decoration: none; }
.tjm-wrap { max-width: var(--tjm-max); margin: 0 auto; padding: 0 32px; }
.tjm-eyebrow { font-family: var(--tjm-font-mono); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tjm-yellow); display: inline-flex; align-items: center; gap: 10px; }
.tjm-eyebrow::before { content: ''; width: 22px; height: 4px; background: var(--tjm-yellow); }

/* ===== HERO ===== */
.tjm-hero { position: relative; min-height: 64vh; display: flex; align-items: flex-end; overflow: hidden; background: var(--tjm-black); }
.tjm-hero__bg { position: absolute; inset: 0; }
.tjm-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; opacity: 0.85; }
.tjm-hero__gradient { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(18,18,18,0.35) 0%, rgba(18,18,18,0.2) 35%, var(--tjm-black) 95%), linear-gradient(90deg, rgba(18,18,18,0.75) 0%, rgba(18,18,18,0.1) 60%); }
.tjm-hero__content { position: relative; z-index: 2; width: 100%; padding: 100px 32px 56px; max-width: var(--tjm-max); margin: 0 auto; }
.tjm-hero__breadcrumb { font-family: var(--tjm-font-mono); font-size: 0.75rem; color: var(--tjm-mid); margin-bottom: 24px; }
.tjm-hero__breadcrumb a:hover { color: var(--tjm-yellow); }
.tjm-hero h1 { font-family: var(--tjm-font-display); font-size: clamp(2.4rem, 5.6vw, 4.6rem); font-weight: 400; line-height: 0.96; letter-spacing: -0.01em; text-transform: uppercase; margin: 16px 0 20px; max-width: 820px; text-shadow: 0 2px 16px rgba(0,0,0,0.6); }
.tjm-hero h1 span { color: var(--tjm-yellow); }
.tjm-hero__lead { font-size: 1.12rem; color: #d4d2cc; max-width: 600px; margin-bottom: 30px; }
.tjm-hero__facts { display: flex; flex-wrap: wrap; gap: 0; border-top: 1px solid var(--tjm-grey-line); max-width: 720px; }
.tjm-hero__fact { flex: 1 1 150px; padding: 16px 20px 0 0; border-right: 1px solid var(--tjm-grey-line); }
.tjm-hero__fact:last-child { border-right: none; }
.tjm-hero__fact-num { font-family: var(--tjm-font-mono); font-size: 1.3rem; font-weight: 600; color: var(--tjm-white); display: block; }
.tjm-hero__fact-label { font-size: 0.76rem; color: var(--tjm-mid); margin-top: 2px; }

/* ===== SECTION SHELL ===== */
.tjm-section { padding: 84px 0; border-bottom: 1px solid var(--tjm-grey-line); }
.tjm-section--tight { padding: 60px 0; }
.tjm-section-head { margin-bottom: 42px; max-width: 680px; }
.tjm-section-title { font-family: var(--tjm-font-display); font-size: clamp(1.7rem, 3.2vw, 2.5rem); font-weight: 400; text-transform: uppercase; line-height: 1.04; margin: 12px 0 14px; }
.tjm-section-title span { color: var(--tjm-yellow); }
.tjm-section-sub { color: var(--tjm-mid); font-size: 1.01rem; }

/* ===== STORY ===== */
.tjm-story { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 60px; align-items: start; }
.tjm-story p { color: #cecbc4; margin-bottom: 16px; }
.tjm-story p:last-child { margin-bottom: 0; }
.tjm-story__panel { background: var(--tjm-charcoal); border: 1px solid var(--tjm-grey-line); border-left: 3px solid var(--tjm-yellow); padding: 26px 24px; }
.tjm-story__panel dt { font-family: var(--tjm-font-mono); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tjm-mid); margin-top: 16px; }
.tjm-story__panel dt:first-child { margin-top: 0; }
.tjm-story__panel dd { font-size: 1.02rem; font-weight: 600; margin: 4px 0 0; }

/* ===== PRODUCT CATEGORY GRID ===== */
.tjm-cat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--tjm-grey-line); border: 1px solid var(--tjm-grey-line); }
.tjm-cat-card { background: var(--tjm-black); padding: 30px 26px; transition: background var(--tjm-transition); }
.tjm-cat-card:hover { background: var(--tjm-charcoal); }
.tjm-cat-card__num { font-family: var(--tjm-font-mono); font-size: 0.78rem; color: var(--tjm-yellow); display: block; margin-bottom: 12px; }
.tjm-cat-card__title { font-family: var(--tjm-font-display); font-size: 1.25rem; font-weight: 400; text-transform: uppercase; margin-bottom: 8px; line-height: 1.05; }
.tjm-cat-card__desc { color: var(--tjm-mid); font-size: 0.92rem; }

/* ===== GALLERY ===== */
.tjm-gallery { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 190px; gap: 12px; }
.tjm-gallery__item { position: relative; overflow: hidden; }
.tjm-gallery__item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; display: block; }
.tjm-gallery__item:hover img { transform: scale(1.045); }
.tjm-gallery__item--wide { grid-column: span 3; }
.tjm-gallery__item--tall { grid-row: span 2; }
.tjm-gallery__caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 16px; background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 100%); font-family: var(--tjm-font-mono); font-size: 0.72rem; letter-spacing: 0.04em; color: var(--tjm-white); }
.tjm-gallery__caption span { color: var(--tjm-yellow); }

/* ===== XGS TIER TABLE ===== */
.tjm-xgs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--tjm-grey-line); border: 1px solid var(--tjm-grey-line); margin-bottom: 48px; }
.tjm-xgs-tier { background: var(--tjm-black); position: relative; }
.tjm-xgs-tier--highlight { background: var(--tjm-charcoal); }
.tjm-xgs-tier--highlight::before { content: 'PERFORMANCE'; position: absolute; top: 0; right: 0; background: var(--tjm-yellow); color: var(--tjm-black); font-family: var(--tjm-font-mono); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.06em; padding: 4px 10px; z-index: 2; }
.tjm-xgs-tier__img { aspect-ratio: 16/9; background: #0a0a0a; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.tjm-xgs-tier__img img { width: 100%; height: 100%; object-fit: contain; padding: 12px; }
.tjm-xgs-tier__body { padding: 22px 26px 26px; }
.tjm-xgs-tier__level { font-family: var(--tjm-font-mono); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tjm-yellow); }
.tjm-xgs-tier__name { font-family: var(--tjm-font-display); font-size: 1.5rem; font-weight: 400; text-transform: uppercase; margin: 8px 0 12px; }
.tjm-xgs-tier__desc { color: var(--tjm-mid); font-size: 0.9rem; margin-bottom: 16px; min-height: 60px; }
.tjm-xgs-tier__specs { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--tjm-grey-line); padding-top: 14px; }
.tjm-xgs-tier__specs li { display: flex; justify-content: space-between; gap: 10px; font-size: 0.84rem; padding: 5px 0; color: #cecbc4; }
.tjm-xgs-tier__specs li span { color: var(--tjm-mid); }
@media (max-width: 900px) { .tjm-xgs { grid-template-columns: 1fr; } }

/* ===== XGS PRODUCT LINE (UCA / GVM Plus ergänzend) ===== */
.tjm-xgs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--tjm-grey-line); border: 1px solid var(--tjm-grey-line); }
.tjm-xgs-card { background: var(--tjm-black); display: flex; flex-direction: column; }
.tjm-xgs-card__img { aspect-ratio: 16/10; background: #0a0a0a; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.tjm-xgs-card__img img { width: 100%; height: 100%; object-fit: contain; padding: 10px; }
.tjm-xgs-card__body { padding: 18px 16px 22px; flex: 1; }
.tjm-xgs-card__cat { font-family: var(--tjm-font-mono); font-size: 0.65rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--tjm-yellow); }
.tjm-xgs-card__name { font-family: var(--tjm-font-display); font-size: 1.02rem; font-weight: 400; text-transform: uppercase; margin: 6px 0 6px; line-height: 1.1; }
.tjm-xgs-card__desc { font-size: 0.82rem; color: var(--tjm-mid); line-height: 1.5; }

/* ===== TECH SPLIT (Airtec) ===== */
.tjm-tech-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--tjm-grey-line); border: 1px solid var(--tjm-grey-line); }
.tjm-tech-panel { background: var(--tjm-black); padding: 0; overflow: hidden; }
.tjm-tech-panel__img { width: 100%; aspect-ratio: 16/10; background: #0a0a0a; }
.tjm-tech-panel__img img { width: 100%; height: 100%; object-fit: contain; }
.tjm-tech-panel__body { padding: 26px 28px 30px; }
.tjm-tech-panel__cat { font-family: var(--tjm-font-mono); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tjm-yellow); }
.tjm-tech-panel__title { font-family: var(--tjm-font-display); font-size: 1.4rem; font-weight: 400; text-transform: uppercase; margin: 8px 0 10px; }
.tjm-tech-panel__desc { color: var(--tjm-mid); font-size: 0.92rem; margin-bottom: 14px; }
.tjm-tech-panel__specs { display: flex; flex-wrap: wrap; gap: 8px; }
.tjm-tech-panel__spec { font-family: var(--tjm-font-mono); font-size: 0.7rem; color: var(--tjm-white); background: var(--tjm-grey); border: 1px solid var(--tjm-grey-line); padding: 5px 10px; }

/* ===== FAQ (Akkordeon via details/summary) ===== */
.tjm-faq { max-width: 900px; margin: 0 auto; display: grid; gap: 14px; }
.tjm-faq-item { border: 1px solid var(--tjm-grey-line); background: var(--tjm-charcoal); padding: 4px 26px; transition: border-color var(--tjm-transition); }
.tjm-faq-item[open] { border-color: var(--tjm-yellow); }
.tjm-faq-item summary { cursor: pointer; list-style: none; padding: 20px 34px 20px 0; position: relative; font-family: var(--tjm-font-display); font-size: 1.05rem; font-weight: 400; text-transform: uppercase; }
.tjm-faq-item summary::-webkit-details-marker { display: none; }
.tjm-faq-item summary::after { content: '+'; position: absolute; right: 0; top: 16px; font-size: 24px; font-weight: 800; color: var(--tjm-yellow); }
.tjm-faq-item[open] summary::after { content: '\2212'; }
.tjm-faq-item p, .tjm-faq-item ul { padding-bottom: 22px; font-size: 0.94rem; color: var(--tjm-mid); max-width: 780px; margin: 0; }
.tjm-faq-item ul { padding-left: 20px; }
.tjm-faq-item li { margin-bottom: 6px; }
.tjm-faq-item li b { color: var(--tjm-white); }

/* ===== CTA ===== */
.tjm-cta { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 44px; align-items: center; background: var(--tjm-charcoal); border: 1px solid var(--tjm-grey-line); padding: 46px; position: relative; overflow: hidden; }
.tjm-cta::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--tjm-yellow); }
.tjm-cta__title { font-family: var(--tjm-font-display); font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 400; text-transform: uppercase; line-height: 1.04; margin-bottom: 12px; }
.tjm-cta__title span { color: var(--tjm-yellow); }
.tjm-cta__text { color: var(--tjm-mid); }
.tjm-cta__actions { display: flex; flex-direction: column; gap: 12px; }
.tjm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 26px; font-family: var(--tjm-font-mono); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; transition: all var(--tjm-transition); cursor: pointer; border: 1px solid transparent; }
.tjm-page a.tjm-btn--primary { background: var(--tjm-yellow); color: var(--tjm-black); }
.tjm-page a.tjm-btn--primary:hover { background: var(--tjm-white); color: var(--tjm-black); }
.tjm-page a.tjm-btn--ghost { border-color: var(--tjm-grey-line); color: var(--tjm-white); }
.tjm-page a.tjm-btn--ghost:hover { border-color: var(--tjm-yellow); color: var(--tjm-yellow); }
.tjm-cta__meta { font-size: 0.82rem; color: var(--tjm-mid); margin-top: 4px; }

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
.tjm-story { grid-template-columns: 1fr; gap: 32px; }
.tjm-cat-grid { grid-template-columns: repeat(2, 1fr); }
.tjm-tech-split { grid-template-columns: 1fr; }
.tjm-xgs-grid { grid-template-columns: 1fr; }
.tjm-cta { grid-template-columns: 1fr; }
.tjm-hero__facts { flex-wrap: wrap; }
.tjm-hero__fact { flex: 1 1 45%; }
.tjm-gallery { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 220px; }
.tjm-gallery__item--wide { grid-column: span 2; }
.tjm-gallery__item--tall { grid-row: span 1; }
}
@media (max-width: 560px) {
.tjm-wrap, .tjm-hero__content { padding-left: 20px; padding-right: 20px; }
.tjm-cat-grid { grid-template-columns: 1fr; }
.tjm-xgs-card__img { aspect-ratio: 16/9; }
.tjm-gallery { grid-template-columns: 1fr; grid-auto-rows: 220px; }
.tjm-gallery__item--wide { grid-column: span 1; }
}


/* ================================================================
   .ht-*  horntools Namespace
   Ausgelagert aus Widget am 2026-10-29.
   ================================================================ */
.ht-page {
  --ht-yellow: #fed22d;
  --ht-yellow-hover: #ffdf5c;
  --ht-black: #0a0a0a;
  --ht-white: #ffffff;
  --ht-grey-bg: #f2f2f2;
  --ht-grey-card: #eeeeee;
  --ht-grey-border: #e2e2e2;
  --ht-footer: #3d3d3d;
  --ht-text-muted: #6b6b6b;
  --ht-red: #e6483c;
  --ht-font: 'Poppins', Arial, Helvetica, sans-serif;
  width: 100%;
  overflow: hidden;
  background: var(--ht-white);
  font-family: var(--ht-font);
  line-height: 1.6;
  color: var(--ht-black);
}
.ht-page * {
  box-sizing: border-box;
}
.ht-page img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.ht-page a {
  text-decoration: none;
  color: inherit;
}
.ht-page h1, .ht-page h2, .ht-page h3, .ht-page h4, .ht-page p, .ht-hero-title {
  margin: 0;
}
.ht-container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.ht-section {
  padding: 96px 0;
}
.ht-section-white { background: var(--ht-white); }
.ht-section-grey { background: var(--ht-grey-bg); }
.ht-section-footer { background: var(--ht-footer); color: var(--ht-white); }
.ht-section-footer * { color: var(--ht-white) !important; }
.ht-section-intro {
  max-width: 900px;
  margin: 0 auto 52px;
  text-align: center;
}
.ht-section-intro p {
  margin-top: 18px;
  font-size: 18px;
  color: var(--ht-text-muted);
}
.ht-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: center;
}
.ht-split-text { text-align: left; }
.ht-eyebrow {
  display: inline-block;
  margin-bottom: 14px;
  padding: 5px 14px;
  border-radius: 999px;
  background: var(--ht-yellow);
  color: var(--ht-black);
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
}
.ht-eyebrow--dark { background: rgba(255,255,255,0.12); color: var(--ht-white); }
.ht-page h1, .ht-page h2, .ht-page h3, .ht-hero-title {
  line-height: 1.08;
  letter-spacing: -0.02em;
  font-weight: 700;
}
.ht-hero-title {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  font-size: clamp(30px, 4.8vw, 58px);
  text-align: center;
  color: var(--ht-white);
}
.ht-page h2 { font-size: clamp(30px, 4vw, 52px); text-align: center; }
.ht-split-text h2 { text-align: left; }
.ht-page h3 { font-size: 21px; font-weight: 700; }
.ht-lead {
  max-width: 780px;
  margin: 22px auto 0;
  font-size: clamp(16px, 1.7vw, 19px);
  text-align: center;
  color: var(--ht-text-muted);
}
.ht-split-text .ht-lead { text-align: left; margin-left: 0; }
.ht-lead--light { color: rgba(255,255,255,0.82); }
.ht-btn-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}
.ht-split-text .ht-btn-row { justify-content: flex-start; }
.ht-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 28px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  border: 2px solid transparent;
  transition: 0.2s ease;
  cursor: pointer;
}
.ht-btn-primary { background: var(--ht-yellow); color: var(--ht-black); }
.ht-btn-primary:hover { background: var(--ht-yellow-hover); transform: translateY(-2px); }
.ht-btn-outline { border-color: var(--ht-black); background: transparent; color: var(--ht-black); }
.ht-btn-outline:hover { background: var(--ht-black); color: var(--ht-white); transform: translateY(-2px); }
.ht-btn-outline-light { border-color: rgba(255,255,255,0.5); background: transparent; color: var(--ht-white); }
.ht-btn-outline-light:hover { background: var(--ht-white); color: var(--ht-black); transform: translateY(-2px); }
.ht-text-link { color: var(--ht-black); font-weight: 700; border-bottom: 2px solid var(--ht-yellow); padding-bottom: 2px; }
.ht-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  padding: 120px 0 70px;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.75)),
    url('https://www.overlandoutfitters.ch/files/v260727055112/Landingpage%20horntools/230523R_1596_web.jpg');
  background-size: cover;
  background-position: center 62%;
  text-align: center;
}
.ht-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.ht-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.ht-logo { display: block; width: 200px; max-width: 56vw; margin: 0 auto 24px; filter: brightness(0) invert(1); }
.ht-founder-note {
  margin-top: 44px;
  padding-top: 36px;
  border-top: 1px solid var(--ht-grey-border);
  text-align: center;
}
.ht-founder-note p { font-size: 17px; line-height: 1.7; max-width: 760px; margin: 0 auto; color: var(--ht-text-muted); }
.ht-founder-note span {
  display: block;
  margin-top: 16px;
  color: var(--ht-black) !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.ht-card {
  padding: 30px 26px;
  border: 1px solid var(--ht-grey-border);
  border-radius: 20px;
  background: var(--ht-white);
  transition: 0.2s ease;
  text-align: left;
}
.ht-card:hover { border-color: var(--ht-yellow); transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.06); }
.ht-icon-box {
  width: 44px; height: 44px;
  margin-bottom: 20px;
  border-radius: 12px;
  background: var(--ht-yellow);
}
.ht-card h3 { margin-bottom: 10px; }
.ht-card p { color: var(--ht-text-muted); font-size: 15px; }
.ht-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ht-category-card {
  overflow: hidden;
  border: 1px solid var(--ht-grey-border);
  border-radius: 22px;
  background: var(--ht-white);
  transition: 0.2s ease;
}
.ht-category-card:hover { border-color: var(--ht-yellow); transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,0.06); }
.ht-category-image { position: relative; height: 250px; overflow: hidden; background: var(--ht-grey-card); }
.ht-badge {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  padding: 6px 14px;
  border-radius: 999px;
  background: var(--ht-yellow);
  color: var(--ht-black);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.ht-category-image img { height: 100%; object-fit: contain; transition: 0.6s ease; }
.ht-category-card:hover .ht-category-image img { transform: scale(1.05); }
.ht-category-body { padding: 26px; text-align: left; }
.ht-category-body h3 { margin-bottom: 10px; }
.ht-category-body p { margin-bottom: 18px; color: var(--ht-text-muted); font-size: 15px; }
.ht-proof-list { display: grid; gap: 16px; max-width: 600px; margin: 30px auto 0; text-align: left; }
.ht-proof-item { display: flex; gap: 14px; align-items: center; font-size: 16px; color: var(--ht-text-muted); }
.ht-dot { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 999px; background: var(--ht-yellow); }
.ht-image-panel { position: relative; min-height: 520px; overflow: hidden; border-radius: 26px; background: var(--ht-grey-card); }
.ht-image-panel img { height: 520px; object-fit: cover; object-position: top center; }
.ht-image-panel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.65), transparent 50%); }
.ht-floating-note { position: absolute; left: 24px; right: 24px; bottom: 24px; z-index: 2; padding: 18px 20px; border-radius: 16px; background: rgba(255,255,255,0.94); }
.ht-floating-note span { display: block; margin-bottom: 4px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ht-text-muted) !important; }
.ht-floating-note strong { font-size: 19px; line-height: 1.2; color: var(--ht-black) !important; }
.ht-spec-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 26px; text-align: left; }
.ht-spec-item { padding: 13px 16px; border: 1px solid var(--ht-grey-border); border-radius: 12px; background: var(--ht-grey-bg); font-size: 14px; }
.ht-spec-item strong { display: block; color: var(--ht-black) !important; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 3px; font-weight: 700; }
.ht-fullwidth-panel { position: relative; min-height: 66vh; display: flex; align-items: flex-end; overflow: hidden; }
.ht-fullwidth-panel img { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.ht-fullwidth-panel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0.02) 100%); }
.ht-fullwidth-caption { position: relative; z-index: 2; width: 100%; padding: 56px 0; }
.ht-fullwidth-caption .ht-container { text-align: center; }
.ht-fullwidth-caption h2 { color: var(--ht-white); }
.ht-fullwidth-caption p { max-width: 680px; margin: 16px auto 0; font-size: 17px; color: rgba(255,255,255,0.85); }
.ht-pro-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 44px; }
.ht-pro-card { padding: 24px 20px; border-radius: 18px; background: rgba(255,255,255,0.06); text-align: left; transition: 0.2s ease; }
.ht-pro-card:hover { background: rgba(255,255,255,0.1); }
.ht-pro-card h3 { font-size: 18px; margin-bottom: 6px; color: var(--ht-white); }
.ht-pro-card p { font-size: 14px; color: rgba(255,255,255,0.75); }
.ht-faq { max-width: 880px; margin: 0 auto; display: grid; gap: 14px; }
.ht-faq-item { border: 1px solid var(--ht-grey-border); border-radius: 16px; background: var(--ht-white); padding: 4px 24px; }
.ht-faq-item summary { cursor: pointer; list-style: none; padding: 20px 32px 20px 0; position: relative; font-size: 17px; font-weight: 700; }
.ht-faq-item summary::-webkit-details-marker { display: none; }
.ht-faq-item summary::after { content: '+'; position: absolute; right: 0; top: 16px; font-size: 24px; font-weight: 700; color: var(--ht-black); }
.ht-faq-item[open] summary::after { content: '\2212'; }
.ht-faq-item p { padding-bottom: 22px; font-size: 15px; max-width: 780px; color: var(--ht-text-muted); }
.ht-final-cta { position: relative; padding: 130px 0; text-align: center; background: var(--ht-black); }
.ht-final-cta h2 { max-width: 960px; margin: 0 auto; color: var(--ht-white); }
.ht-final-cta p { max-width: 760px; margin: 22px auto 0; font-size: 18px; color: rgba(255,255,255,0.72); }
@media (max-width: 1024px) {
  .ht-grid-4, .ht-grid-3, .ht-category-grid, .ht-split, .ht-spec-list, .ht-pro-grid { grid-template-columns: 1fr; }
  .ht-image-panel, .ht-image-panel img { min-height: 420px; height: 420px; }
  .ht-fullwidth-panel { min-height: 50vh; }
}
@media (max-width: 640px) {
  .ht-container { width: min(100% - 28px, 1280px); }
  .ht-hero { min-height: auto; padding: 84px 0 40px; }
  .ht-section { padding: 60px 0; }
  .ht-btn-row, .ht-btn { width: 100%; }
  .ht-split-text .ht-btn-row { justify-content: center; }
  .ht-image-panel, .ht-image-panel img { min-height: 340px; height: 340px; }
  .ht-card, .ht-category-body, .ht-pro-card { padding: 20px; }
  .ht-faq-item summary { font-size: 16px; padding-right: 28px; }
  .ht-fullwidth-panel { min-height: 42vh; }
}


/* ================================================================
   .ibs-* IBS Intelligent Battery System Namespace
   Ausgelagert aus Widget am 2026-10-29.
   ================================================================ */
:root {
--ibs-black: #111111;
--ibs-dark: #1c1c1c;
--ibs-darker: #0d0d0d;
--ibs-grey: #2e2e2e;
--ibs-grey-hover: #3a3a3a;
--ibs-mid: #4a4a4a;
--ibs-light: #c8c8c8;
--ibs-white: #f2f0eb;
--ibs-accent: #1f6fd6;
--ibs-accent-deep: #1558ad;
--ibs-accent-hover: #5b9bef;
--ibs-font-h: 'Barlow Condensed', sans-serif;
--ibs-font-b: 'Barlow', sans-serif;
--ibs-radius: 4px;
--ibs-transition: 0.22s ease;
--ibs-max: 1200px;
}

.ibs-widget *, .ibs-widget *::before, .ibs-widget *::after { box-sizing: border-box; margin: 0; padding: 0; }
.ibs-widget { font-family: var(--ibs-font-b); color: var(--ibs-white); background: var(--ibs-black); line-height: 1.6; overflow: hidden; }
.ibs-widget a { color: inherit; text-decoration: none; }
.ibs-widget img { max-width: 100%; display: block; }
.ibs-widget button { font: inherit; }

.ibs-label { display: inline-block; font-family: var(--ibs-font-h); font-size: 0.8rem; letter-spacing: 0.24em; text-transform: uppercase; color: var(--ibs-accent-hover); }
.ibs-section { max-width: var(--ibs-max); margin: 0 auto; padding: 88px 32px; }
.ibs-section-title { font-family: var(--ibs-font-h); font-size: clamp(1.9rem, 4vw, 3.1rem); font-weight: 800; text-transform: uppercase; line-height: 1.05; color: var(--ibs-white); margin: 12px 0 16px; }
.ibs-section-title span { color: var(--ibs-accent-hover); }
.ibs-section-sub { font-size: 1.08rem; color: var(--ibs-light); max-width: 680px; line-height: 1.75; }
.ibs-section-wrap { background: var(--ibs-dark); }
.ibs-section-wrap--darker { background: var(--ibs-darker); }
.ibs-section-wrap, .ibs-section-wrap--darker { content-visibility: auto; contain-intrinsic-size: 700px; }
.ibs-section-head { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.ibs-section-head .ibs-section-sub { margin: 0 auto; }

/* CTA */
.ibs-cta-group { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.ibs-cta-group--center { justify-content: center; }
.ibs-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; font-family: var(--ibs-font-h); font-size: 0.94rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; padding: 14px 30px; border-radius: var(--ibs-radius); transition: background var(--ibs-transition), border-color var(--ibs-transition), transform var(--ibs-transition); cursor: pointer; border: 2px solid transparent; }
.ibs-btn--primary { background: var(--ibs-accent); color: var(--ibs-white); border-color: var(--ibs-accent); }
.ibs-btn--primary:hover { background: var(--ibs-accent-hover); border-color: var(--ibs-accent-hover); transform: translateY(-2px); }
.ibs-btn--outline { background: transparent; color: var(--ibs-white); border-color: rgba(242,240,235,0.42); }
.ibs-btn--outline:hover { border-color: var(--ibs-white); background: rgba(242,240,235,0.08); transform: translateY(-2px); }
.ibs-btn--white { background: var(--ibs-white); color: var(--ibs-accent-deep); border-color: var(--ibs-white); }
.ibs-btn--white:hover { background: transparent; color: var(--ibs-white); transform: translateY(-2px); }
.ibs-btn:focus-visible { outline: 2px solid var(--ibs-accent-hover); outline-offset: 3px; }

/* HERO */
.ibs-hero { position: relative; min-height: 60vh; display: flex; align-items: flex-end; overflow: hidden; background: var(--ibs-black); }
.ibs-hero__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v260628071305/shop/IBS%20Doppelbatteriesystem%20INEOS%20Grenadier-06-3.jpg') center / cover no-repeat, linear-gradient(160deg, #0a1830 0%, #0a0a0a 55%, #0a0a0a 100%); }
.ibs-hero__grain { position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E"); pointer-events: none; }
.ibs-hero__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,10,10,0.97) 0%, rgba(10,10,10,0.82) 45%, rgba(15,15,15,0.4) 100%); }
.ibs-hero__stripe { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--ibs-accent); }
.ibs-hero__content { position: relative; z-index: 2; width: 100%; max-width: var(--ibs-max); margin: 0 auto; padding: 80px 32px; }
.ibs-hero__tag { display: inline-block; border: 1px solid var(--ibs-accent); padding: 4px 14px; margin-bottom: 22px; }
.ibs-hero h1 { font-family: var(--ibs-font-h); font-size: clamp(2.3rem, 5.4vw, 4.4rem); font-weight: 800; line-height: 1.03; letter-spacing: -0.01em; text-transform: uppercase; color: var(--ibs-white); margin-bottom: 20px; max-width: 900px; }
.ibs-hero h1 span { color: var(--ibs-accent-hover); }
.ibs-hero__lead { font-size: clamp(1.06rem, 1.6vw, 1.26rem); color: var(--ibs-light); max-width: 640px; margin-bottom: 32px; line-height: 1.7; }
.ibs-hero__badges { display: flex; gap: 28px; margin-top: 44px; flex-wrap: wrap; }
.ibs-hero__badge { display: flex; flex-direction: column; }
.ibs-hero__badge strong { font-family: var(--ibs-font-h); font-size: 1.6rem; font-weight: 800; color: var(--ibs-white); line-height: 1; }
.ibs-hero__badge span { font-family: var(--ibs-font-h); font-size: 0.74rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ibs-light); margin-top: 4px; }

/* STAT-GRID */
.ibs-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; margin-top: 48px; background: var(--ibs-black); }
.ibs-stat-card { background: var(--ibs-grey); padding: 30px 26px; text-align: center; border-bottom: 3px solid var(--ibs-accent); transition: background var(--ibs-transition); }
.ibs-stat-card:hover { background: var(--ibs-grey-hover); }
.ibs-stat-card strong { display: block; font-family: var(--ibs-font-h); font-size: 2.1rem; font-weight: 800; color: var(--ibs-white); line-height: 1; margin-bottom: 10px; }
.ibs-stat-card span { font-size: 0.92rem; color: var(--ibs-light); line-height: 1.5; }

/* CALLOUT */
.ibs-callout { background: var(--ibs-grey); border-radius: var(--ibs-radius); padding: 30px 34px; margin-top: 40px; border-left: 3px solid var(--ibs-accent); text-align: left; }
.ibs-callout__label { font-family: var(--ibs-font-h); font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ibs-accent-hover); margin-bottom: 10px; display: block; }
.ibs-callout p { font-size: 1.03rem; color: var(--ibs-light); line-height: 1.8; }
.ibs-callout p + p { margin-top: 10px; }

/* SPLIT SECTIONS */
.ibs-split { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--ibs-black); align-items: stretch; }
.ibs-split--reverse .ibs-split__media { order: 2; }
.ibs-split--reverse .ibs-split__text { order: 1; }
.ibs-split__text { background: var(--ibs-dark); padding: 72px 56px; display: flex; flex-direction: column; justify-content: center; }
.ibs-split__text p { font-size: 1.06rem; color: var(--ibs-light); line-height: 1.8; margin-top: 18px; }
.ibs-split__media { position: relative; min-height: 440px; background: var(--ibs-white); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.ibs-split__media img { max-width: 100%; max-height: 100%; object-fit: contain; padding: 40px; }
.ibs-split__media--photo { background: var(--ibs-black); }
.ibs-split__media--photo img { object-fit: cover; width: 100%; height: 100%; padding: 0; }

.ibs-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2px; margin-top: 28px; background: rgba(0,0,0,0.4); }
.ibs-spec-item { background: rgba(242,240,235,0.04); padding: 16px 18px; }
.ibs-spec-item strong { display: block; font-family: var(--ibs-font-h); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ibs-accent-hover); margin-bottom: 4px; }
.ibs-spec-item span { font-size: 0.96rem; color: var(--ibs-white); }

/* WERTETABELLE */
.ibs-compare-table-wrap { overflow-x: auto; margin-top: 40px; border-radius: var(--ibs-radius); border: 1px solid rgba(242,240,235,0.1); }
.ibs-compare-table { width: 100%; border-collapse: collapse; min-width: 680px; font-size: 0.92rem; }
.ibs-compare-table th, .ibs-compare-table td { padding: 13px 16px; text-align: left; border-bottom: 1px solid rgba(242,240,235,0.08); vertical-align: top; }
.ibs-compare-table thead th { background: var(--ibs-grey); font-family: var(--ibs-font-h); font-size: 0.78rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--ibs-accent-hover); font-weight: 700; }
.ibs-compare-table tbody th { font-family: var(--ibs-font-h); font-weight: 700; color: var(--ibs-white); white-space: nowrap; background: rgba(242,240,235,0.03); }
.ibs-compare-table td { color: var(--ibs-light); }
.ibs-compare-table tbody tr:last-child td, .ibs-compare-table tbody tr:last-child th { border-bottom: none; }

/* PRODUKT-KACHELN */
.ibs-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2px; margin-top: 48px; background: var(--ibs-black); }
.ibs-product-card { background: var(--ibs-white); display: flex; flex-direction: column; transition: transform var(--ibs-transition); }
.ibs-product-card:hover { transform: translateY(-2px); }
.ibs-product-card__img { height: 210px; display: flex; align-items: center; justify-content: center; padding: 22px; }
.ibs-product-card__img img { max-height: 100%; max-width: 100%; object-fit: contain; }
.ibs-product-card__body { background: var(--ibs-grey); padding: 20px 20px 24px; flex: 1; display: flex; flex-direction: column; }
.ibs-product-card__num { font-family: var(--ibs-font-h); font-size: 0.7rem; letter-spacing: 0.18em; color: var(--ibs-accent-hover); margin-bottom: 6px; }
.ibs-product-card__title { font-family: var(--ibs-font-h); font-size: 1.1rem; font-weight: 800; text-transform: uppercase; color: var(--ibs-white); line-height: 1.15; margin-bottom: 8px; }
.ibs-product-card__desc { font-size: 0.92rem; color: var(--ibs-light); line-height: 1.55; margin-bottom: 12px; flex: 1; }
.ibs-product-card__link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--ibs-font-h); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ibs-accent-hover); }

/* ANWENDUNGEN MINI-GRID */
.ibs-app-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; margin-top: 40px; background: var(--ibs-black); }
.ibs-app-card { background: var(--ibs-grey); padding: 26px 20px; text-align: center; transition: background var(--ibs-transition); }
.ibs-app-card:hover { background: var(--ibs-grey-hover); }
.ibs-app-card h3 { font-family: var(--ibs-font-h); font-size: 0.98rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; color: var(--ibs-white); margin-bottom: 8px; }
.ibs-app-card p { font-size: 0.85rem; color: var(--ibs-light); line-height: 1.6; }

/* INEOS CALLOUT SPLIT */
.ibs-ineos { position: relative; min-height: 380px; display: flex; align-items: flex-end; overflow: hidden; }
.ibs-ineos__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v260628071305/shop/IBS%20Doppelbatteriesystem%20INEOS%20Grenadier-06-3.jpg') center / cover no-repeat, linear-gradient(160deg, #0a1830 0%, #0d0d0d 100%); }
.ibs-ineos__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,10,10,0.96) 0%, rgba(10,10,10,0.6) 55%, rgba(10,10,10,0.2) 100%); }
.ibs-ineos__content { position: relative; z-index: 2; width: 100%; max-width: var(--ibs-max); margin: 0 auto; padding: 56px 32px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.ibs-ineos__text h2 { font-family: var(--ibs-font-h); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; text-transform: uppercase; color: var(--ibs-white); line-height: 1.05; margin-bottom: 10px; }
.ibs-ineos__text p { font-size: 1.03rem; color: var(--ibs-light); max-width: 500px; }

/* SHOWROOM BANNER */
.ibs-showroom { position: relative; min-height: 380px; display: flex; align-items: flex-end; overflow: hidden; }
.ibs-showroom__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v240727183141/Fotos%20vom%20Shop/Overland%20Outfitters%20Shop%20im%20Kemptthal_1.jpeg') center / cover no-repeat, linear-gradient(160deg, #0a1830 0%, #0d0d0d 100%); }
.ibs-showroom__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.55) 55%, rgba(10,10,10,0.15) 100%); }
.ibs-showroom__content { position: relative; z-index: 2; width: 100%; max-width: var(--ibs-max); margin: 0 auto; padding: 56px 32px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.ibs-showroom__text h2 { font-family: var(--ibs-font-h); font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 800; text-transform: uppercase; color: var(--ibs-white); line-height: 1.05; margin-bottom: 10px; }
.ibs-showroom__text p { font-size: 1.03rem; color: var(--ibs-light); max-width: 480px; }

/* FAQ */
.ibs-faq-list { margin-top: 44px; display: flex; flex-direction: column; gap: 2px; }
.ibs-faq-item { background: var(--ibs-grey); border-left: 3px solid transparent; transition: border-color var(--ibs-transition), background var(--ibs-transition); }
.ibs-faq-item[open] { border-left-color: var(--ibs-accent); background: #323232; }
.ibs-faq-item summary { cursor: pointer; list-style: none; padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: var(--ibs-font-h); font-size: 1.04rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; color: var(--ibs-white); }
.ibs-faq-item summary::-webkit-details-marker { display: none; }
.ibs-faq-item summary:hover { color: var(--ibs-accent-hover); }
.ibs-faq-icon { flex-shrink: 0; width: 22px; height: 22px; border: 2px solid var(--ibs-mid); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color var(--ibs-transition), transform var(--ibs-transition); color: var(--ibs-accent); }
.ibs-faq-item[open] .ibs-faq-icon { border-color: var(--ibs-accent); transform: rotate(45deg); }
.ibs-faq-item p { padding: 0 28px 24px; font-size: 1rem; color: var(--ibs-light); line-height: 1.75; }

/* BERATUNG TRUST LIST */
.ibs-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; max-width: 720px; margin: 40px auto 0; }
.ibs-proof-item { display: flex; gap: 14px; align-items: flex-start; text-align: left; background: rgba(242,240,235,0.04); border: 1px solid rgba(242,240,235,0.08); border-radius: var(--ibs-radius); padding: 18px 20px; }
.ibs-proof-item__dot { flex-shrink: 0; width: 10px; height: 10px; margin-top: 6px; border-radius: 50%; background: var(--ibs-accent); }
.ibs-proof-item span { font-size: 1rem; color: var(--ibs-light); line-height: 1.6; }

/* FINAL CTA */
.ibs-final { position: relative; padding: 130px 32px; text-align: center; overflow: hidden; background: var(--ibs-darker); }
.ibs-final__glow { position: absolute; inset: 0; background: radial-gradient(circle at 30% 20%, rgba(31,111,214,0.2), transparent 45%), radial-gradient(circle at 75% 80%, rgba(31,111,214,0.12), transparent 45%); pointer-events: none; }
.ibs-final__content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
.ibs-final h2 { font-family: var(--ibs-font-h); font-size: clamp(2rem, 5vw, 3.6rem); font-weight: 800; text-transform: uppercase; color: var(--ibs-white); margin-bottom: 16px; line-height: 1.05; }
.ibs-final h2 span { color: var(--ibs-accent-hover); }
.ibs-final p { font-size: 1.08rem; color: var(--ibs-light); margin-bottom: 32px; }

.ibs-divider { height: 1px; background: linear-gradient(to right, transparent, var(--ibs-mid) 30%, var(--ibs-mid) 70%, transparent); margin: 0 32px; }

/* RESPONSIVE */
@media (max-width: 1024px) {
.ibs-stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ibs-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ibs-app-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.ibs-split, .ibs-split--reverse { grid-template-columns: 1fr; }
.ibs-split--reverse .ibs-split__media, .ibs-split--reverse .ibs-split__text { order: initial; }
.ibs-split__media { min-height: 340px; }
.ibs-showroom__content, .ibs-ineos__content { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 768px) {
.ibs-section { padding: 56px 20px; }
.ibs-hero { min-height: 56vh; }
.ibs-hero__content { padding: 56px 20px; }
.ibs-split__text { padding: 48px 28px; }
.ibs-spec-grid { grid-template-columns: 1fr; }
.ibs-proof-grid { grid-template-columns: 1fr; }
.ibs-final { padding: 80px 20px; }
.ibs-showroom, .ibs-ineos { min-height: 320px; }
}
@media (max-width: 560px) {
.ibs-widget { overflow-x: hidden; }
.ibs-stat-grid, .ibs-product-grid, .ibs-app-grid { grid-template-columns: 1fr; }
.ibs-btn { width: 100%; }
.ibs-cta-group { width: 100%; }
.ibs-hero__badges { gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
.ibs-widget *, .ibs-widget *::before, .ibs-widget *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}


/* ================================================================
   .slp-* SeaLand-pro Namespace
   Ausgelagert aus Widget am 2026-10-29.
   ================================================================ */
.slp-page {
  --slp-black: #111111;
  --slp-dark: #181818;
  --slp-darker: #0a0a0a;
  --slp-grey: #212121;
  --slp-grey-hover: #2c2c2c;
  --slp-border: rgba(255,255,255,0.09);
  --slp-white: #f4f4f4;
  --slp-light: #c4c4c4;
  --slp-mid: #7a7a7a;
  --slp-navy: #0c306d;
  --slp-navy-hover: #14458f;
  --slp-font-h: 'Open Sans', sans-serif;
  --slp-font-b: 'Open Sans', sans-serif;
  --slp-radius: 3px;
  --slp-transition: 0.22s ease;
  --slp-max: 1200px;
}
.slp-page *, .slp-page *::before, .slp-page *::after { box-sizing: border-box; margin: 0; padding: 0; }
.slp-page { font-family: var(--slp-font-b); color: var(--slp-white); background: var(--slp-black); line-height: 1.6; overflow: hidden; }
.slp-page a { color: inherit; text-decoration: none; }
.slp-page img { max-width: 100%; display: block; }
.slp-page button { font: inherit; }

.slp-label { display: inline-block; font-family: var(--slp-font-h); font-size: 0.78rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--slp-navy-hover); font-weight: 700; }
.slp-section { max-width: var(--slp-max); margin: 0 auto; padding: 88px 32px; }
.slp-section-title { font-family: var(--slp-font-h); font-size: clamp(1.8rem, 3.8vw, 2.9rem); font-weight: 800; font-style: italic; letter-spacing: -0.01em; line-height: 1.08; color: var(--slp-white); margin: 12px 0 16px; }
.slp-section-title span { color: var(--slp-navy-hover); }
.slp-section-sub { font-size: 1.06rem; color: var(--slp-light); max-width: 660px; line-height: 1.75; }
.slp-section-wrap { background: var(--slp-dark); }
.slp-section-wrap--white { background: var(--slp-white); color: var(--slp-black); }
.slp-section-wrap--white .slp-section-sub { color: #4a4a4a; }
.slp-section-wrap--white .slp-label { color: var(--slp-navy); }
.slp-section-head { max-width: 740px; margin: 0 auto 48px; text-align: center; }
.slp-section-head .slp-section-sub { margin: 0 auto; }

.slp-cta-group { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.slp-cta-group--center { justify-content: center; }
.slp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; font-family: var(--slp-font-h); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 14px 30px; border-radius: var(--slp-radius); transition: background var(--slp-transition), border-color var(--slp-transition), transform var(--slp-transition); cursor: pointer; border: 2px solid transparent; }
.slp-btn--primary { background: var(--slp-navy); color: #fff; border-color: var(--slp-navy); }
.slp-btn--primary:hover { background: var(--slp-navy-hover); border-color: var(--slp-navy-hover); transform: translateY(-2px); }
.slp-btn--outline { background: transparent; color: var(--slp-white); border-color: rgba(255,255,255,0.4); }
.slp-btn--outline:hover { border-color: var(--slp-white); background: rgba(255,255,255,0.08); transform: translateY(-2px); }
.slp-btn--outline-dark { background: transparent; color: var(--slp-black); border-color: rgba(0,0,0,0.4); }
.slp-btn--outline-dark:hover { border-color: var(--slp-black); background: rgba(0,0,0,0.06); transform: translateY(-2px); }
.slp-btn:focus-visible { outline: 2px solid var(--slp-navy-hover); outline-offset: 3px; }

/* HERO */
.slp-hero { position: relative; min-height: 60vh; display: flex; align-items: flex-end; overflow: hidden; background: var(--slp-black); }
.slp-hero__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v241113170424/shop/Papierabroller-Airline-5-scaled.jpg') center / cover no-repeat; filter: grayscale(1) contrast(1.08); }
.slp-hero__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,10,10,0.97) 0%, rgba(10,10,10,0.8) 42%, rgba(10,10,10,0.35) 100%); }
.slp-hero__stripe { position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background: var(--slp-navy); }
.slp-hero__content { position: relative; z-index: 2; width: 100%; max-width: var(--slp-max); margin: 0 auto; padding: 80px 32px; }
.slp-hero__logo { height: 40px; margin-bottom: 30px; }
.slp-hero__tag { display: inline-block; border: 1px solid var(--slp-navy); padding: 4px 14px; margin-bottom: 22px; }
.slp-hero h1 { font-family: var(--slp-font-h); font-size: clamp(2rem, 4.6vw, 3.6rem); font-weight: 800; font-style: italic; line-height: 1.06; letter-spacing: -0.01em; color: var(--slp-white); margin-bottom: 20px; max-width: 780px; }
.slp-hero h1 span { color: var(--slp-navy-hover); }
.slp-hero__lead { font-size: clamp(1.05rem, 1.6vw, 1.22rem); color: var(--slp-light); max-width: 600px; margin-bottom: 32px; line-height: 1.7; }
.slp-hero__badges { display: flex; gap: 28px; margin-top: 44px; flex-wrap: wrap; }
.slp-hero__badge { display: flex; flex-direction: column; }
.slp-hero__badge strong { font-family: var(--slp-font-h); font-size: 1.5rem; font-weight: 800; color: var(--slp-white); line-height: 1; }
.slp-hero__badge span { font-family: var(--slp-font-h); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slp-light); margin-top: 4px; }

/* STAT GRID */
.slp-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; margin-top: 48px; background: var(--slp-black); }
.slp-stat-card { background: var(--slp-grey); padding: 30px 26px; text-align: center; border-bottom: 3px solid var(--slp-navy); transition: background var(--slp-transition); }
.slp-stat-card:hover { background: var(--slp-grey-hover); }
.slp-stat-card strong { display: block; font-family: var(--slp-font-h); font-size: 1.9rem; font-weight: 800; font-style: italic; color: var(--slp-white); line-height: 1; margin-bottom: 10px; }
.slp-stat-card span { font-size: 0.92rem; color: var(--slp-light); line-height: 1.5; }

/* SPLIT SECTIONS */
.slp-split { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--slp-black); align-items: stretch; }
.slp-split--reverse .slp-split__media { order: 2; }
.slp-split--reverse .slp-split__text { order: 1; }
.slp-split__text { background: var(--slp-dark); padding: 72px 56px; display: flex; flex-direction: column; justify-content: center; }
.slp-split__text p { font-size: 1.04rem; color: var(--slp-light); line-height: 1.8; margin-top: 18px; }
.slp-split__media { position: relative; min-height: 440px; background: var(--slp-black); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.slp-split__media img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.05); }

.slp-spec-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2px; margin-top: 28px; background: rgba(255,255,255,0.05); }
.slp-spec-item { background: rgba(255,255,255,0.03); padding: 16px 18px; }
.slp-spec-item strong { display: block; font-family: var(--slp-font-h); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slp-navy-hover); margin-bottom: 4px; }
.slp-spec-item span { font-size: 0.95rem; color: var(--slp-white); }

/* PRODUKT-KACHELN */
.slp-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 2px; margin-top: 48px; background: var(--slp-black); }
.slp-product-card { background: var(--slp-white); display: flex; flex-direction: column; transition: transform var(--slp-transition); }
.slp-product-card:hover { transform: translateY(-2px); }
.slp-product-card__img { height: 210px; display: flex; align-items: center; justify-content: center; padding: 20px; background: #fff; }
.slp-product-card__img img { max-height: 100%; max-width: 100%; object-fit: contain; filter: grayscale(0.15); }
.slp-product-card__body { background: var(--slp-grey); padding: 20px 20px 24px; flex: 1; display: flex; flex-direction: column; }
.slp-product-card__num { font-family: var(--slp-font-h); font-size: 0.68rem; letter-spacing: 0.18em; color: var(--slp-navy-hover); margin-bottom: 6px; }
.slp-product-card__title { font-family: var(--slp-font-h); font-size: 1.05rem; font-weight: 800; font-style: italic; color: var(--slp-white); line-height: 1.2; margin-bottom: 8px; }
.slp-product-card__desc { font-size: 0.9rem; color: var(--slp-light); line-height: 1.55; margin-bottom: 10px; flex: 1; }
.slp-product-card__price { font-family: var(--slp-font-h); font-size: 0.9rem; font-weight: 700; color: var(--slp-white); margin-bottom: 12px; }
.slp-product-card__link { display: inline-flex; align-items: center; gap: 6px; font-family: var(--slp-font-h); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--slp-navy-hover); }

/* ANWENDUNGEN */
.slp-app-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 2px; margin-top: 40px; background: var(--slp-border); }
.slp-app-card { background: #fff; padding: 26px 20px; text-align: center; transition: background var(--slp-transition); }
.slp-app-card:hover { background: #ececec; }
.slp-app-card h3 { font-family: var(--slp-font-h); font-size: 0.95rem; font-weight: 800; font-style: italic; letter-spacing: 0.01em; color: var(--slp-black); margin-bottom: 8px; }
.slp-app-card p { font-size: 0.85rem; color: #555; line-height: 1.6; }

/* CALLOUT */
.slp-callout { background: var(--slp-grey); border-radius: var(--slp-radius); padding: 30px 34px; margin-top: 40px; border-left: 3px solid var(--slp-navy); text-align: left; }
.slp-callout__label { font-family: var(--slp-font-h); font-size: 0.76rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--slp-navy-hover); margin-bottom: 10px; display: block; }
.slp-callout p { font-size: 1rem; color: var(--slp-light); line-height: 1.8; }

/* SHOWROOM / FULLWIDTH BANNER */
.slp-showroom { position: relative; min-height: 380px; display: flex; align-items: flex-end; overflow: hidden; }
.slp-showroom__bg { position: absolute; inset: 0; background: url('https://www.overlandoutfitters.ch/files/v240727183141/Fotos%20vom%20Shop/Overland%20Outfitters%20Shop%20im%20Kemptthal_1.jpeg') center / cover no-repeat; filter: grayscale(1); }
.slp-showroom__overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.55) 55%, rgba(10,10,10,0.15) 100%); }
.slp-showroom__content { position: relative; z-index: 2; width: 100%; max-width: var(--slp-max); margin: 0 auto; padding: 56px 32px; display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 24px; }
.slp-showroom__text h2 { font-family: var(--slp-font-h); font-size: clamp(1.7rem, 3.6vw, 2.7rem); font-weight: 800; font-style: italic; color: var(--slp-white); line-height: 1.08; margin-bottom: 10px; }
.slp-showroom__text p { font-size: 1rem; color: var(--slp-light); max-width: 460px; }

/* FAQ */
.slp-faq-list { margin-top: 44px; display: flex; flex-direction: column; gap: 2px; }
.slp-faq-item { background: var(--slp-grey); border-left: 3px solid transparent; transition: border-color var(--slp-transition), background var(--slp-transition); }
.slp-faq-item[open] { border-left-color: var(--slp-navy); background: #262626; }
.slp-faq-item summary { cursor: pointer; list-style: none; padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; font-family: var(--slp-font-h); font-size: 1rem; font-weight: 700; color: var(--slp-white); }
.slp-faq-item summary::-webkit-details-marker { display: none; }
.slp-faq-item summary:hover { color: var(--slp-navy-hover); }
.slp-faq-icon { flex-shrink: 0; width: 22px; height: 22px; border: 2px solid var(--slp-mid); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: border-color var(--slp-transition), transform var(--slp-transition); color: var(--slp-navy-hover); }
.slp-faq-item[open] .slp-faq-icon { border-color: var(--slp-navy); transform: rotate(45deg); }
.slp-faq-item p { padding: 0 28px 24px; font-size: 0.98rem; color: var(--slp-light); line-height: 1.75; }

/* BERATUNG TRUST LIST */
.slp-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; max-width: 720px; margin: 40px auto 0; }
.slp-proof-item { display: flex; gap: 14px; align-items: flex-start; text-align: left; background: rgba(255,255,255,0.04); border: 1px solid var(--slp-border); border-radius: var(--slp-radius); padding: 18px 20px; }
.slp-proof-item__dot { flex-shrink: 0; width: 10px; height: 10px; margin-top: 6px; border-radius: 50%; background: var(--slp-navy); }
.slp-proof-item span { font-size: 0.98rem; color: var(--slp-light); line-height: 1.6; }

/* FINAL CTA */
.slp-final { position: relative; padding: 130px 32px; text-align: center; overflow: hidden; background: var(--slp-darker); }
.slp-final__glow { position: absolute; inset: 0; background: radial-gradient(circle at 30% 20%, rgba(12,48,109,0.35), transparent 45%), radial-gradient(circle at 75% 80%, rgba(12,48,109,0.2), transparent 45%); pointer-events: none; }
.slp-final__content { position: relative; z-index: 2; max-width: 780px; margin: 0 auto; }
.slp-final h2 { font-family: var(--slp-font-h); font-size: clamp(1.9rem, 4.6vw, 3.2rem); font-weight: 800; font-style: italic; color: var(--slp-white); margin-bottom: 16px; line-height: 1.08; }
.slp-final h2 span { color: var(--slp-navy-hover); }
.slp-final p { font-size: 1.06rem; color: var(--slp-light); margin-bottom: 32px; }

.slp-divider { height: 1px; background: linear-gradient(to right, transparent, var(--slp-mid) 30%, var(--slp-mid) 70%, transparent); margin: 0 32px; }

@media (max-width: 1024px) {
  .slp-stat-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .slp-product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .slp-app-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .slp-split, .slp-split--reverse { grid-template-columns: 1fr; }
  .slp-split--reverse .slp-split__media, .slp-split--reverse .slp-split__text { order: initial; }
  .slp-split__media { min-height: 340px; }
  .slp-showroom__content { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 768px) {
  .slp-section { padding: 56px 20px; }
  .slp-hero { min-height: 56vh; }
  .slp-hero__content { padding: 56px 20px; }
  .slp-split__text { padding: 48px 28px; }
  .slp-spec-grid { grid-template-columns: 1fr; }
  .slp-proof-grid { grid-template-columns: 1fr; }
  .slp-final { padding: 80px 20px; }
  .slp-showroom { min-height: 320px; }
}
@media (max-width: 560px) {
  .slp-stat-grid, .slp-product-grid, .slp-app-grid { grid-template-columns: 1fr; }
  .slp-btn { width: 100%; }
  .slp-cta-group { width: 100%; }
  .slp-hero__badges { gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .slp-page *, .slp-page *::before, .slp-page *::after { transition-duration: 0.01ms !important; }
}


/* ================================================================
   .bd-* Brown Davis Namespace
   Ausgelagert aus Widget am 2026-10-29.
   ================================================================ */
/* Brown Davis Landingpage V3 - lokale Styles, unabhängig von zentraler oof-theme.css */
.bd-wrap{max-width:1200px;margin:0 auto;padding:0 16px;font-family:Arial,Helvetica,sans-serif;color:#1f1b17;}
.bd-wrap *{box-sizing:border-box;}
.bd-wrap p,.bd-wrap li,.bd-wrap span,.bd-wrap td,.bd-wrap th{color:#1f1b17;}

/* Lokale Button-Styles - greifen immer */
.bd-btn{display:inline-block;padding:12px 28px;border-radius:8px;font-weight:700;font-size:15px;text-decoration:none;letter-spacing:.5px;transition:all .2s;border:2px solid #c89a3c;cursor:pointer;}
.bd-btn--primary{background:#c89a3c;color:#fff !important;}
.bd-btn--primary:hover{background:#fff;color:#c89a3c !important;text-decoration:none;}
.bd-btn--outline{background:transparent;color:#c89a3c !important;}
.bd-btn--outline:hover{background:#c89a3c;color:#fff !important;text-decoration:none;}
.bd-btn--light{background:#fff;color:#c89a3c !important;border-color:#fff;}
.bd-btn--light:hover{background:transparent;color:#fff !important;border-color:#fff;}

.bd-hero{position:relative;overflow:hidden;background:#1a1612;border-radius:14px;margin:24px 0 40px;text-align:center;}
.bd-hero__banner{display:block;width:100%;height:auto;}
.bd-hero__inner{padding:40px 32px 48px;color:#fff;}
.bd-hero__inner p,.bd-hero__inner span,.bd-hero__inner div{color:#fff;}
.bd-hero__logo{max-width:280px;width:55%;height:auto;margin:0 auto 20px;display:block;}
.bd-hero__eyebrow{font-size:13px;letter-spacing:3px;text-transform:uppercase;opacity:.9;margin-bottom:14px;color:#c89a3c !important;}
.bd-hero__sub{font-size:clamp(15px,1.6vw,18px);max-width:780px;margin:0 auto 28px;line-height:1.5;}
.bd-hero__cta{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;}

.bd-panel{background:#fff;border-radius:14px;padding:40px 32px;margin:32px 0;box-shadow:0 1px 2px rgba(0,0,0,.04);}
.bd-panel--light{background:#f6f3ec;}
.bd-panel--dark{background:#1a1612;color:#fff;}
.bd-panel--dark h2,.bd-panel--dark h3,.bd-panel--dark p,.bd-panel--dark li,.bd-panel--dark span{color:#fff;}
.bd-panel--dark .bd-faq summary{color:#c89a3c;}
.bd-panel--dark .bd-faq details p{color:#dcd8ce;}

.bd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin:40px 0 32px;}
.bd-stat{background:#fff;border-radius:12px;padding:24px 20px;text-align:center;border-top:4px solid #c89a3c;box-shadow:0 1px 3px rgba(0,0,0,.05);}
.bd-stat__num{font-size:36px;font-weight:800;color:#c89a3c;line-height:1;margin-bottom:8px;}
.bd-stat__label{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#555;}

.bd-section{margin:48px 0;}

.bd-section-head{background:#fff;border-radius:12px;padding:24px 28px;margin-bottom:24px;border-left:4px solid #c89a3c;}
.bd-section-head h2{margin:0 0 8px;font-size:24px;color:#1f1b17;}
.bd-section-head p{margin:0;font-size:15px;color:#555;line-height:1.6;}

.bd-infobox{background:#fff;border-radius:12px;padding:20px 24px;margin:24px 0;border:1px solid #e5e1d8;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.bd-infobox__col h4{margin:0 0 8px;color:#c89a3c;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;}
.bd-infobox__col p{margin:0;font-size:14px;line-height:1.55;color:#333;}

.bd-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px;}
@media(max-width:900px){.bd-product-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.bd-product-grid{grid-template-columns:1fr;}}
.bd-product{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e1d8;border-radius:12px;overflow:hidden;text-decoration:none !important;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;}
.bd-product:hover{border-color:#c89a3c;transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.1);}
.bd-product__img{aspect-ratio:4/3;background:#f6f3ec center/cover no-repeat;border-bottom:1px solid #e5e1d8;position:relative;}
.bd-product__avail{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.95);color:#8a6420;font-size:11px;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;}
.bd-product__body{padding:18px 20px;flex:1;display:flex;flex-direction:column;}
.bd-product__badge{display:inline-block;align-self:flex-start;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#c89a3c;font-weight:700;margin-bottom:8px;}
.bd-product__title{font-size:16px;font-weight:700;margin:0 0 8px;color:#1f1b17;line-height:1.3;}
.bd-product__desc{font-size:13px;color:#555;line-height:1.5;margin:0 0 12px;flex:1;}
.bd-product__footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #f0ece2;}
.bd-product__price{font-size:17px;font-weight:800;color:#c89a3c;}
.bd-product__cta{font-size:13px;color:#c89a3c;font-weight:700;}

.bd-product-group{margin-bottom:40px;}
.bd-product-group h3{color:#c89a3c;font-size:18px;letter-spacing:2px;text-transform:uppercase;margin:0 0 8px;}
.bd-product-group__sub{font-size:14px;color:#555;margin:0 0 16px;line-height:1.5;}

.bd-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;}
@media(max-width:900px){.bd-vehicle-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.bd-vehicle-grid{grid-template-columns:1fr;}}
.bd-vehicle{display:block;background:#fff;border-radius:10px;padding:18px 20px;border-left:4px solid #c89a3c;text-decoration:none !important;color:inherit;transition:transform .2s,box-shadow .2s,border-left-width .2s;}
.bd-vehicle:hover{transform:translateX(2px);box-shadow:0 6px 16px rgba(0,0,0,.08);border-left-width:6px;}
.bd-vehicle strong{display:block;font-size:16px;margin-bottom:4px;color:#1f1b17;}
.bd-vehicle span{display:block;font-size:13px;color:#666;}
.bd-vehicle__cta{display:block;margin-top:8px;font-size:12px;font-weight:700;color:#c89a3c !important;letter-spacing:.5px;}

.bd-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:24px;}
.bd-why-item{text-align:left;padding:22px;background:#fff;border:1px solid #e5e1d8;border-radius:10px;}
.bd-why-item h3{font-size:17px;margin:0 0 10px;color:#1f1b17;}
.bd-why-item p{margin:0;font-size:14px;color:#555;line-height:1.55;}

.bd-table-wrap{background:#fff;border-radius:12px;padding:8px;overflow-x:auto;}
.bd-table{width:100%;border-collapse:collapse;font-size:14px;}
.bd-table th{background:#f6f3ec;padding:14px 12px;text-align:left;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#c89a3c;border-bottom:2px solid #c89a3c;}
.bd-table td{padding:12px;border-bottom:1px solid #f0ece2;color:#1f1b17;}
.bd-table tr:last-child td{border-bottom:none;}
.bd-table tr:hover td{background:#faf7ef;}
.bd-table .bd-table__price{font-weight:700;color:#c89a3c;white-space:nowrap;}
.bd-table a{color:#c89a3c;text-decoration:none;font-weight:600;}
.bd-table a:hover{text-decoration:underline;}

.bd-compare{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:24px;}
.bd-compare-item{background:#fff;border-radius:10px;padding:22px 20px;border-top:4px solid #c89a3c;}
.bd-compare-item--self{border-top-color:#2a7f3a;background:#faf7ef;}
.bd-compare-item h4{margin:0 0 10px;font-size:17px;color:#1f1b17;}
.bd-compare-item ul{margin:0;padding-left:18px;font-size:13px;line-height:1.6;color:#555;}
.bd-compare-item li{margin-bottom:4px;}

.bd-eeat{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;}
.bd-eeat__text h3{margin:0 0 12px;color:#1f1b17;font-size:20px;}
.bd-eeat__text p{margin:0 0 10px;font-size:15px;line-height:1.65;color:#333;}
.bd-eeat__img{background:#f6f3ec center/cover no-repeat;border-radius:12px;aspect-ratio:4/3;}

.bd-faq details{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:18px 22px;margin-bottom:12px;}
.bd-faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;}
.bd-faq summary::-webkit-details-marker{display:none;}
.bd-faq summary::after{content:"+";float:right;font-size:22px;line-height:1;color:#c89a3c;transition:transform .2s;}
.bd-faq details[open] summary::after{content:"\2212";}
.bd-faq details p{margin:14px 0 0;font-size:15px;line-height:1.6;}

.bd-cta{text-align:center;}
.bd-cta p{max-width:620px;margin:0 auto 24px;font-size:16px;line-height:1.6;}
.bd-cta__btns{display:inline-flex;gap:14px;flex-wrap:wrap;justify-content:center;}

@media(max-width:900px){
.bd-infobox{grid-template-columns:1fr;}
.bd-compare{grid-template-columns:1fr;}
.bd-eeat{grid-template-columns:1fr;}
}
@media(max-width:640px){
.bd-section{margin:32px 0;}
.bd-panel{padding:28px 20px;}
.bd-section-head{padding:18px 20px;}
}


/* ================================================================
   .vw-* VICKYWOOD Namespace
   Ausgelagert aus Widget am 2026-10-29.
   ================================================================ */
.vw-page {
  --vw-accent: #adb7ab;
  --vw-accent-light: #c4cbc3;
  --vw-black: #050505;
  --vw-dark: #0d0d0d;
  --vw-card: #151515;
  --vw-border-soft: rgba(255,255,255,0.08);
  --vw-text: #ffffff;
  --vw-font: Arial, Helvetica, sans-serif;
  width: 100%;
  overflow: hidden;
  background: var(--vw-black);
  font-family: var(--vw-font);
  line-height: 1.6;
}
.vw-page,
.vw-page * {
  box-sizing: border-box;
  color: var(--vw-text) !important;
}
.vw-page img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.vw-page a {
  text-decoration: none;
}
.vw-page h1,
.vw-page h2,
.vw-page h3,
.vw-page h4,
.vw-page p,
.vw-hero-title {
  margin: 0;
}
.vw-container {
  width: min(1280px, calc(100% - 40px));
  margin: 0 auto;
}
.vw-section {
  padding: 100px 0;
}
.vw-section-dark {
  background: var(--vw-dark);
}
.vw-section-black {
  background: var(--vw-black);
}
.vw-section-intro {
  max-width: 900px;
  margin: 0 auto 56px;
  text-align: center;
}
.vw-section-intro p {
  margin-top: 22px;
  font-size: 18px;
}
.vw-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}
.vw-split-text {
  text-align: center;
}
.vw-eyebrow {
  margin-bottom: 16px;
  color: var(--vw-accent) !important;
  font-size: 13px;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-weight: 800;
}
.vw-page h1,
.vw-page h2,
.vw-page h3,
.vw-hero-title {
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 800;
}
.vw-hero-title {
  display: block;
  max-width: 1120px;
  margin: 0 auto;
  font-size: clamp(42px, 7vw, 96px);
  text-align: center;
}
.vw-page h2 {
  font-size: clamp(34px, 4.5vw, 62px);
  text-align: center;
}
.vw-page h3 {
  font-size: 24px;
}
.vw-lead {
  max-width: 820px;
  margin: 26px auto 0;
  font-size: clamp(18px, 2vw, 23px);
  text-align: center;
}
.vw-btn-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 36px;
}
.vw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 16px 30px;
  border-radius: 18px;
  font-size: 17px;
  font-weight: 800;
  border: 1px solid transparent;
  transition: 0.25s ease;
  cursor: pointer;
}
.vw-btn-primary {
  background: var(--vw-accent);
  color: var(--vw-black) !important;
}
.vw-btn-primary:hover {
  background: var(--vw-accent-light);
  transform: translateY(-2px);
}
.vw-btn-outline {
  border-color: rgba(255,255,255,0.35);
  background: transparent;
}
.vw-btn-outline:hover {
  border-color: var(--vw-accent);
  background: var(--vw-accent);
  color: var(--vw-black) !important;
  transform: translateY(-2px);
}
.vw-text-link {
  color: var(--vw-accent) !important;
  font-weight: 800;
}
.vw-hero {
  position: relative;
  min-height: 88vh;
  display: flex;
  align-items: center;
  padding: 120px 0 70px;
  background-image:
    radial-gradient(circle at 50% 45%, rgba(200, 154, 60,0.22), transparent 42%),
    linear-gradient(to bottom, rgba(0,0,0,0.25), rgba(0,0,0,0.92)),
    url('https://www.overlandoutfitters.ch/files/v260726204039/LandingPage_Vickywood/hero2.jpg');
  background-size: cover;
  background-position: center;
  text-align: center;
}
.vw-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.vw-founder-note {
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid var(--vw-border-soft);
  text-align: center;
}
.vw-founder-note p {
  font-size: 19px;
  line-height: 1.7;
  max-width: 760px;
  margin: 0 auto;
}
.vw-founder-note span {
  display: block;
  margin-top: 18px;
  color: var(--vw-accent-light);
  font-size: 14px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.vw-card {
  padding: 32px;
  border: 1px solid var(--vw-border-soft);
  border-radius: 28px;
  background: var(--vw-card);
  transition: 0.25s ease;
  text-align: center;
}
.vw-card:hover {
  border-color: rgba(200, 154, 60,0.5);
  transform: translateY(-4px);
}
.vw-icon-box {
  width: 50px;
  height: 50px;
  margin: 0 auto 26px;
  border: 1px solid rgba(200, 154, 60,0.3);
  border-radius: 16px;
  background: rgba(200, 154, 60,0.16);
}
.vw-card h3 {
  margin-bottom: 12px;
}
.vw-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.vw-category-card {
  overflow: hidden;
  border: 1px solid var(--vw-border-soft);
  border-radius: 30px;
  background: var(--vw-card);
  transition: 0.25s ease;
}
.vw-category-card:hover {
  border-color: rgba(200, 154, 60,0.5);
  transform: translateY(-4px);
}
.vw-category-image {
  position: relative;
  height: 260px;
  overflow: hidden;
  background: #111111;
}
.vw-category-image img {
  height: 100%;
  object-fit: cover;
  transition: 0.7s ease;
}
.vw-category-card:hover .vw-category-image img {
  transform: scale(1.06);
}
.vw-category-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent 58%);
}
.vw-category-body {
  padding: 28px;
  text-align: center;
}
.vw-category-body h3 {
  margin-bottom: 12px;
}
.vw-category-body p {
  margin-bottom: 20px;
}
.vw-proof-list {
  display: grid;
  gap: 20px;
  max-width: 620px;
  margin: 32px auto 0;
}
.vw-proof-item {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.vw-dot {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  border-radius: 999px;
  background: var(--vw-accent);
}
.vw-image-panel {
  position: relative;
  min-height: 560px;
  overflow: hidden;
  border-radius: 32px;
  background: var(--vw-card);
}
.vw-image-panel img {
  height: 560px;
  object-fit: cover;
}
.vw-image-panel::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8), transparent 55%);
}
.vw-floating-note {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  z-index: 2;
  padding: 22px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 22px;
  background: rgba(0,0,0,0.62);
  backdrop-filter: blur(14px);
}
.vw-floating-note span {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.vw-floating-note strong {
  font-size: 22px;
  line-height: 1.15;
}
.vw-faq {
  max-width: 900px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}
.vw-faq-item {
  border: 1px solid var(--vw-border-soft);
  border-radius: 20px;
  background: var(--vw-card);
  padding: 6px 26px;
}
.vw-faq-item summary {
  cursor: pointer;
  list-style: none;
  padding: 22px 34px 22px 0;
  position: relative;
  font-size: 19px;
  font-weight: 800;
}
.vw-faq-item summary::-webkit-details-marker {
  display: none;
}
.vw-faq-item summary::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 18px;
  font-size: 26px;
  font-weight: 800;
  color: var(--vw-accent) !important;
}
.vw-faq-item[open] summary::after {
  content: '\2212';
}
.vw-faq-item p {
  padding-bottom: 24px;
  font-size: 17px;
  max-width: 800px;
}
.vw-final-cta {
  position: relative;
  padding: 140px 0;
  text-align: center;
  background-image:
    radial-gradient(circle at 50% 45%, rgba(200, 154, 60,0.22), transparent 45%),
    linear-gradient(to bottom, rgba(0,0,0,0.58), rgba(0,0,0,0.92)),
    url('https://www.overlandoutfitters.ch/files/v260726204039/LandingPage_Vickywood/hero2.jpg');
  background-size: cover;
  background-position: center;
}
.vw-final-cta h2 {
  max-width: 980px;
  margin: 0 auto;
}
.vw-final-cta p {
  max-width: 780px;
  margin: 26px auto 0;
  font-size: 20px;
}
@media (max-width: 1024px) {
.vw-grid-4,
.vw-category-grid,
.vw-split {
    grid-template-columns: 1fr;
  }
.vw-image-panel,
.vw-image-panel img {
    min-height: 460px;
    height: 460px;
  }
}
@media (max-width: 640px) {
.vw-container {
    width: min(100% - 28px, 1280px);
  }
.vw-hero {
    min-height: auto;
    padding: 90px 0 44px;
  }
.vw-section {
    padding: 70px 0;
  }
.vw-btn-row,
.vw-btn {
    width: 100%;
  }
.vw-image-panel,
.vw-image-panel img {
    min-height: 380px;
    height: 380px;
  }
.vw-card,
.vw-category-body {
    padding: 22px;
  }
.vw-faq-item {
    padding: 4px 18px;
  }
.vw-faq-item summary {
    font-size: 17px;
    padding-right: 30px;
  }
}


/* ================================================================
   .oof-* Startseite / Shop Home Namespace
   Ausgelagert aus Startseiten-Widgets am 2026-10-29.
   Akzentfarbe EINZIG: Overland Outfitters CI #c89a3c
   Normiert von #c2ae6e, #dcae46, #938a57, #a0925f -> #c89a3c
   ================================================================ */
:root {
--oof-black: #111111;
--oof-dark: #1c1c1c;
--oof-darker: #0d0d0d;
--oof-grey: #2e2e2e;
--oof-grey-hover: #3a3a3a;
--oof-mid: #4a4a4a;
--oof-light: #c8c8c8;
--oof-white: #f2f0eb;
--oof-accent: #c89a3c;
--oof-accent-hover: #c89a3c;
--oof-sand: #c89a3c;
--oof-font-h: 'Barlow Condensed', sans-serif;
--oof-font-b: 'Barlow', sans-serif;
--oof-radius: 4px;
--oof-transition: 0.22s ease;
--oof-max: 1200px;
}
.oof-widget *,
.oof-widget *::before,
.oof-widget *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.oof-widget {
font-family: var(--oof-font-b);
color: var(--oof-white);
background: var(--oof-black);
line-height: 1.6;
overflow: hidden;
}
.oof-widget a {
color: inherit; text-decoration: none;
}
.oof-widget img {
max-width: 100%; display: block;
}
.oof-widget button {
font: inherit;
}
.oof-eyebrow,
.oof-hero__tag,
.oof-label {
display: inline-block;
font-family: var(--oof-font-h);
font-size: 0.75rem;
letter-spacing: 0.23em;
text-transform: uppercase;
color: var(--oof-accent-hover);
}
.oof-hero h1 span,
.oof-section-title span {
color: var(--oof-accent);
}
.oof-hero__trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 18px;font-family:var(--oof-font-h);font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.85);} .oof-hero__trust-item{display:inline-flex;align-items:center;gap:6px;} .oof-hero__trust-item strong{color:var(--oof-accent);font-weight:700;letter-spacing:0.04em;} @media(max-width:620px){.oof-hero__trust{font-size:0.72rem;gap:8px 16px;}} .oof-cta-group {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
}
.oof-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
font-family: var(--oof-font-h);
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1;
text-transform: uppercase;
padding: 14px 34px;
border-radius: var(--oof-radius);
transition: background var(--oof-transition), border-color var(--oof-transition), color var(--oof-transition);
cursor: pointer;
border: 2px solid transparent;
-webkit-tap-highlight-color: rgba(200,154,60,0.18);
touch-action: manipulation;
}
.oof-btn--primary {
background: var(--oof-accent);
color: var(--oof-black);
border-color: var(--oof-accent);
}
.oof-btn--primary:hover {
background: var(--oof-accent-hover);
border-color: var(--oof-accent-hover);
}
.oof-btn--outline {
background: transparent;
color: var(--oof-white);
border-color: rgba(242,240,235,0.42);
}
.oof-btn--outline:hover {
border-color: var(--oof-white);
background: rgba(242,240,235,0.08);
}
.oof-btn--dark {
background: var(--oof-black);
color: var(--oof-white);
border-color: var(--oof-black);
}
.oof-btn--dark:hover {
background: var(--oof-dark);
border-color: var(--oof-dark);
}
.oof-btn--ghost {
background: transparent;
color: var(--oof-white);
border-color: rgba(242,240,235,0.62);
}
.oof-btn--ghost:hover {
background: rgba(242,240,235,0.12);
border-color: var(--oof-white);
}
.oof-cta-banner .oof-btn--ghost {
color: var(--oof-black);
border-color: rgba(17,17,17,0.5);
}
.oof-cta-banner .oof-btn--ghost:hover {
background: rgba(17,17,17,0.1);
border-color: var(--oof-black);
}
.oof-section-wrap {
background: var(--oof-dark);
}
.oof-section-wrap--darker {
background: var(--oof-darker);
}
.oof-section-wrap,
.oof-section-wrap--darker,
.oof-conversion-band,
.oof-split-section,
.oof-showroom {
content-visibility: auto;
contain-intrinsic-size: 720px;
}
.oof-section {
max-width: var(--oof-max);
margin: 0 auto;
padding: 88px 32px;
}
.oof-section--intro {
padding-bottom: 24px;
}
.oof-section-title {
font-family: var(--oof-font-h);
font-size: clamp(1.9rem, 4vw, 3.2rem);
font-weight: 800;
text-transform: uppercase;
line-height: 1.05;
color: var(--oof-white);
margin: 12px 0 16px;
}
.oof-section-sub {
font-size: 1rem;
color: var(--oof-light);
max-width: 620px;
line-height: 1.7;
}
.oof-cat-card:focus-visible,
.oof-btn:focus-visible,
.oof-faq-q:focus-visible {
outline: 2px solid var(--oof-accent-hover);
outline-offset: 3px;
}
@media (max-width: 768px) {
.oof-section { padding: 56px 20px; }
.oof-section--intro { padding-bottom: 20px; }
.oof-section-sub { max-width: 100%; }
}
@media (max-width: 560px) {
.oof-widget { overflow-x: hidden; }
.oof-btn { width: 100%; min-height: 52px; padding: 15px 22px; }
.oof-cta-group { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.oof-widget *,
.oof-widget *::before,
.oof-widget *::after { transition-duration: 0.01ms !important;
  animation-duration: 0.01ms !important;
  scroll-behavior: auto !important; }
}
.oof-hero {
position: relative;
min-height: 58vh;
display: flex;
align-items: flex-end;
overflow: hidden;
background: var(--oof-black);
contain: layout paint style;
}
.oof-hero__bg {
position: absolute;
inset: 0;
overflow: hidden;
background: linear-gradient(160deg, #0d1a0a 0%, #1a1200 42%, #2a1600 100%);
}
.oof-hero__bg-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1.02);
}
.oof-hero__overlay {
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(10,8,4,0.76) 0%, rgba(10,8,4,0.44) 46%, rgba(0,0,0,0.08) 100%);
}
.oof-hero__stripe {
position: absolute;
left: 0; top: 0; bottom: 0;
width: 5px;
background: var(--oof-accent);
}
.oof-hero__content {
position: relative;
z-index: 2;
width: 100%;
max-width: var(--oof-max);
margin: 0 auto;
padding: 48px 32px;
}
.oof-hero__tag {
display: table;
margin: 0 auto 22px;
border: 1px solid var(--oof-white);
padding: 6px 18px;
font-size: 1rem;
text-shadow: 0 1px 6px rgba(10,8,4,0.6);
}
.oof-hero h1 {
font-family: var(--oof-font-h);
font-size: clamp(2.4rem, 5vw, 4.4rem);
font-weight: 800;
line-height: 1;
letter-spacing: -0.01em;
text-transform: uppercase;
color: var(--oof-white);
margin-bottom: 20px;
max-width: 980px;
text-shadow: 0 2px 12px rgba(10,8,4,0.55);
}
.oof-hero__sub {
font-size: clamp(1.4rem, 2vw, 1.25rem);
color: var(--oof-sand);
max-width: 650px;
margin-bottom: 36px;
line-height: 1.65;
}
.oof-hero__badges {
display: flex;
flex-wrap: wrap;
gap: 28px;
margin-top: 48px;
}
.oof-hero__badge {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.82rem;
font-family: var(--oof-font-h);
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--oof-light);
}
@media (max-width: 768px) {
.oof-hero { min-height: 86vh; }
.oof-hero__content { padding: 60px 20px; }
.oof-hero__badges { gap: 14px; margin-top: 36px; }
.oof-hero__badge { width: 100%; align-items: flex-start; }
}
@media (max-width: 560px) {
.oof-hero { min-height: 72vh; }
.oof-hero h1 { font-size: clamp(2.25rem, 12vw, 3.7rem); }
.oof-hero__sub { font-size: 1rem; }
}

.oof-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:var(--oof-dark);padding:0 32px 32px}.oof-cat-card{position:relative;overflow:hidden;aspect-ratio:4 / 3.15;min-height:280px;display:flex;align-items:flex-end;background:var(--oof-grey);cursor:pointer;border-radius:var(--oof-radius);box-shadow:0 10px 24px rgba(0,0,0,0.22);isolation:isolate;-webkit-tap-highlight-color:rgba(160,146,95,0.18);touch-action:manipulation;contain:layout paint}.oof-cat-card__img{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform var(--oof-transition),filter var(--oof-transition)}.oof-cat-card__real-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;transition:transform var(--oof-transition),filter var(--oof-transition)}.oof-cat-card__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(10,8,4,0.96) 0%,rgba(10,8,4,0.48) 56%,rgba(10,8,4,0.10) 100%)}.oof-cat-card__accent{position:absolute;left:0;bottom:0;z-index:2;height:3px;width:0;background:var(--oof-accent);transition:width 0.28s ease}.oof-cat-card__body{position:relative;z-index:3;width:100%;padding:20px 24px 22px}.oof-cat-card__title{font-family:var(--oof-font-h);font-size:clamp(1.15rem,2.1vw,1.65rem);font-weight:700;text-transform:uppercase;color:var(--oof-white);line-height:1.1;margin-bottom:5px}.oof-cat-card__desc{font-size:0.82rem;color:var(--oof-sand);line-height:1.5}.oof-cat-card__arrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--oof-font-h);font-size:0.72rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--oof-accent);margin-top:10px;opacity:0;transform:translateY(4px);transition:opacity var(--oof-transition),transform var(--oof-transition)}.oof-cat-card:focus-visible .oof-cat-card__arrow{opacity:1;transform:translateY(0)}.oof-img--deals{background:linear-gradient(135deg,#2a1a00 0%,#4a2a00 100%)}.oof-img--dachtraeger{background:linear-gradient(135deg,#0a1020 0%,#1a2030 100%)}.oof-img--dachzelt{background:linear-gradient(135deg,#1a2a10 0%,#2a3a1a 100%)}.oof-img--elektrik{background:linear-gradient(135deg,#101820 0%,#1f2f38 100%)}.oof-img--fahrwerk{background:linear-gradient(135deg,#101a10 0%,#1a2a1a 100%)}.oof-img--recovery{background:linear-gradient(135deg,#1a1000 0%,#2a1800 100%)}.oof-img--schutz{background:linear-gradient(135deg,#1a0a0a 0%,#2a1a10 100%)}.oof-img--hardtop{background:linear-gradient(135deg,#1a1a2a 0%,#2a2a3a 100%)}.oof-img--innenausbau{background:linear-gradient(135deg,#1a1200 0%,#2a2000 100%)}.oof-img--markise{background:linear-gradient(135deg,#2a1a00 0%,#3a2a00 100%)}.oof-img--occasion{background:linear-gradient(135deg,#1a1a1a 0%,#333333 100%)}.oof-img--beleuchtung{background:linear-gradient(135deg,#0a0a1a 0%,#10102a 100%)}.oof-img--marken{background:linear-gradient(135deg,#1a1710 0%,#2a2416 100%)}.oof-cat-card--brands{cursor:default;align-items:stretch}.oof-cat-card--brands .oof-cat-card__body{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%}.oof-cat-card__cloud{display:flex;flex-wrap:wrap;align-items:baseline;align-content:space-evenly;gap:10px 22px}.oof-cat-card__cloud a{font-family:var(--oof-font-h);font-weight:700;text-transform:uppercase;letter-spacing:0.01em;text-decoration:none;transition:color var(--oof-transition)}.oof-cat-card__cloud a:hover{color:var(--oof-accent) !important}.oof-cat-card__cloud a.oof-cloud-lg{font-size:2.5rem;color:var(--oof-white);line-height:1}.oof-cat-card__cloud a.oof-cloud-md{font-size:1.65rem;color:var(--oof-sand);line-height:1.05}.oof-cat-card__cloud a.oof-cloud-sm{font-size:1.15rem;color:#e8640a;line-height:1.1}@media (max-width:560px){.oof-cat-card__cloud a.oof-cloud-lg{font-size:1.8rem}.oof-cat-card__cloud a.oof-cloud-md{font-size:1.3rem}.oof-cat-card__cloud a.oof-cloud-sm{font-size:1rem}}@media (hover:hover){.oof-cat-card:hover .oof-cat-card__real-img,.oof-cat-card:hover .oof-cat-card__img{transform:scale(1.025);filter:brightness(1.6) saturate(1.04) contrast(1.02)}.oof-cat-card:hover .oof-cat-card__accent{width:100%}.oof-cat-card:hover .oof-cat-card__arrow{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.oof-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.oof-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.oof-cat-grid{grid-template-columns:1fr;padding:0 16px 24px;gap:12px}.oof-cat-card{min-height:260px;height:260px;aspect-ratio:auto;box-shadow:0 8px 18px rgba(0,0,0,0.22)}.oof-cat-card__body{padding:18px 20px 20px}.oof-cat-card__title{font-size:1.55rem}.oof-cat-card__desc{font-size:0.88rem}.oof-cat-card__arrow{opacity:1;transform:none}}.oof-cat-card__cloud .oof-cloud-logo{display:inline-flex;align-items:center;line-height:1;vertical-align:baseline;transition:opacity var(--oof-transition),filter var(--oof-transition)}.oof-cat-card__cloud .oof-cloud-logo img{display:block;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1) brightness(1.4);opacity:0.78;transition:filter var(--oof-transition),opacity var(--oof-transition)}.oof-cat-card__cloud .oof-cloud-logo:hover img{filter:grayscale(0) brightness(1);opacity:1}.oof-cat-card__cloud .oof-cloud-lg img{height:2.4rem}.oof-cat-card__cloud .oof-cloud-md img{height:1.6rem}.oof-cat-card__cloud .oof-cloud-sm img{height:1.1rem}@media(max-width:560px){.oof-cat-card__cloud .oof-cloud-lg img{height:1.7rem}.oof-cat-card__cloud .oof-cloud-md img{height:1.25rem}.oof-cat-card__cloud .oof-cloud-sm img{height:0.95rem}}

.oof-vehicle-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 44px;
}
.oof-vehicle-card {
display: block;
position: relative;
overflow: hidden;
background: var(--oof-grey);
border: 1px solid rgba(242,240,235,0.08);
border-left: 3px solid var(--oof-accent);
padding: 28px 28px 30px;
border-radius: var(--oof-radius);
min-height: 156px;
transition: background var(--oof-transition), transform var(--oof-transition), border-color var(--oof-transition);
}
.oof-vehicle-card::after {
content: '';
position: absolute;
right: -44px;
top: -44px;
width: 118px;
height: 118px;
border: 1px solid rgba(160,146,95,0.22);
border-radius: 50%;
transition: transform var(--oof-transition), border-color var(--oof-transition);
}
.oof-vehicle-card:hover,
.oof-vehicle-card:focus-visible {
background: var(--oof-grey-hover);
transform: translateY(-2px);
border-left-color: var(--oof-accent-hover);
}
.oof-vehicle-card:hover::after,
.oof-vehicle-card:focus-visible::after {
transform: scale(1.18);
border-color: rgba(160,146,95,0.44);
}
.oof-vehicle-card:focus-visible {
outline: 2px solid var(--oof-accent-hover);
outline-offset: 3px;
}
.oof-vehicle-card strong {
display: block;
position: relative;
z-index: 1;
font-family: var(--oof-font-h);
font-size: 1.38rem;
font-weight: 800;
text-transform: uppercase;
color: var(--oof-white);
line-height: 1.08;
margin-bottom: 9px;
}
.oof-vehicle-card span {
display: block;
position: relative;
z-index: 1;
font-size: 0.88rem;
color: var(--oof-light);
line-height: 1.6;
max-width: 92%;
}
.oof-vehicle-card em {
display: inline-block;
position: relative;
z-index: 1;
font-style: normal;
font-family: var(--oof-font-h);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--oof-accent-hover);
margin-top: 18px;
}
@media (max-width: 900px) {
.oof-vehicle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
.oof-vehicle-grid { grid-template-columns: 1fr;
  gap: 10px; }
.oof-vehicle-card { padding: 24px 22px 26px;
  min-height: 138px; }
.oof-vehicle-card strong { font-size: 1.28rem; }
}

.oof-split-section {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 2px;
background: var(--oof-black);
}
.oof-split-panel {
background: var(--oof-dark);
padding: 72px 52px;
}
.oof-split-panel--accent {
background: linear-gradient(135deg, rgba(160,146,95,0.95), rgba(74,92,42,0.95));
}
.oof-split-panel--accent .oof-label,
.oof-split-panel--accent .oof-section-title span {
color: var(--oof-white);
}
.oof-check-list {
display: grid;
gap: 12px;
margin: 26px 0 30px;
color: var(--oof-light);
font-size: 0.94rem;
}
.oof-check-list li {
list-style: none;
position: relative;
padding-left: 24px;
}
.oof-check-list li::before {
content: '';
position: absolute;
left: 0;
top: 0.68em;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--oof-accent);
}
.oof-split-panel--accent .oof-check-list,
.oof-split-panel--accent .oof-section-sub {
color: rgba(242,240,235,0.9);
}
.oof-split-panel--accent .oof-check-list li::before {
background: var(--oof-white);
}
@media (max-width: 900px) {
.oof-split-section { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
.oof-split-section { grid-template-columns: 1fr; }
.oof-split-panel { padding: 50px 28px; }
}

.oof-usp-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2px;
margin-top: 48px;
}
.oof-usp-item {
background: var(--oof-grey);
padding: 36px 28px;
position: relative;
overflow: hidden;
transition: background var(--oof-transition);
}
.oof-usp-item:hover {
background: var(--oof-grey-hover);
}
.oof-usp-item__title {
font-family: var(--oof-font-h);
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--oof-white);
margin-bottom: 8px;
}
.oof-usp-item__text {
font-size: 0.88rem;
color: var(--oof-light);
line-height: 1.65;
}
@media (max-width: 900px) {
.oof-usp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
.oof-usp-grid { grid-template-columns: 1fr; }
.oof-usp-item { padding: 28px 22px; }
}

.oof-faq-list{margin-top:44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oof-faq-item{align-self:start;background:var(--oof-grey);border-left:3px solid transparent;transition:border-color var(--oof-transition),background var(--oof-transition)}.oof-faq-item.is-open{border-left-color:var(--oof-accent);background:#323232}.oof-faq-q{width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--oof-font-h);font-size:0.95rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:var(--oof-white);-webkit-tap-highlight-color:rgba(160,146,95,0.18);touch-action:manipulation}.oof-faq-q:hover{color:var(--oof-accent-hover)}.oof-faq-icon{flex-shrink:0;width:22px;height:22px;border:2px solid var(--oof-mid);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:border-color var(--oof-transition),transform var(--oof-transition);color:var(--oof-accent)}.oof-faq-item.is-open .oof-faq-icon{border-color:var(--oof-accent);transform:rotate(45deg)}.oof-faq-a{padding:0 28px;max-height:0;overflow:hidden;transition:max-height 0.28s ease,padding 0.22s ease;font-size:0.93rem;color:var(--oof-light);line-height:1.75}.oof-faq-item.is-open .oof-faq-a{max-height:620px;padding:4px 28px 24px}.oof-faq-a a,.oof-seo-text a{color:var(--oof-accent-hover);text-decoration:underline;text-decoration-color:rgba(183,168,116,0.55);text-underline-offset:3px;transition:color var(--oof-transition),text-decoration-color var(--oof-transition)}.oof-faq-a a:hover,.oof-seo-text a:hover{color:var(--oof-accent-hover);text-decoration-color:rgba(232,100,10,0.65)}@media (max-width:768px){.oof-faq-list{grid-template-columns:1fr}.oof-faq-q{min-height:64px;padding:20px 22px}.oof-faq-a{padding:0 22px}.oof-faq-item.is-open .oof-faq-a{padding:2px 22px 22px}}@media (max-width:560px){.oof-faq-list{gap:10px}.oof-faq-q{font-size:0.9rem;line-height:1.15}}

.oof-seo-text {
max-width: 900px;
}
.oof-seo-text h2 {
font-family: var(--oof-font-h);
font-size: clamp(1.4rem, 3vw, 2.2rem);
font-weight: 800;
text-transform: uppercase;
color: var(--oof-white);
margin: 40px 0 16px;
letter-spacing: 0.02em;
}
.oof-seo-text h2:first-of-type {
margin-top: 0;
}
.oof-seo-text p {
font-size: 0.94rem;
color: var(--oof-light);
line-height: 1.8;
margin-bottom: 16px;
}
@media (max-width: 560px) {
.oof-seo-text h2 { font-size: 1.6rem; }
.oof-seo-text p { font-size: 0.95rem; }
}

.oof-cta-banner {
background: var(--oof-accent);
padding: 72px 32px;
text-align: center;
position: relative;
overflow: hidden;
}
.oof-cta-banner h2 {
font-family: var(--oof-font-h);
font-size: clamp(2rem, 5vw, 4rem);
font-weight: 800;
text-transform: uppercase;
color: var(--oof-black);
margin-bottom: 14px;
}
.oof-cta-banner p {
font-size: 1.05rem;
color: rgba(17,17,17,0.82);
margin-bottom: 32px;
}
.oof-cta-banner .oof-cta-group {
justify-content: center;
}
@media (max-width: 768px) {
.oof-cta-banner { padding: 56px 20px; }
}

.oof-footer{background:var(--oof-darker);color:var(--oof-white);font-family:var(--oof-font-b);border-top:1px solid rgba(242,240,235,0.08)}.oof-footer *,.oof-footer *::before,.oof-footer *::after{box-sizing:border-box}.oof-footer a{color:inherit;text-decoration:none;transition:color var(--oof-transition),background var(--oof-transition),transform var(--oof-transition)}.oof-footer__inner{max-width:var(--oof-max);margin:0 auto;padding:64px 32px 36px}.oof-footer__top{display:grid;grid-template-columns:1.12fr 0.88fr;gap:24px;margin-bottom:24px}.oof-footer__panel{background:rgba(242,240,235,0.04);border:1px solid rgba(242,240,235,0.08);border-radius:var(--oof-radius);overflow:hidden}.oof-footer__intro{padding:34px 32px}.oof-footer__label{display:inline-block;font-family:var(--oof-font-h);font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;color:#c89a3c;margin-bottom:12px}.oof-footer__title{font-family:var(--oof-font-h);font-size:clamp(1.75rem,3vw,2.45rem);font-weight:800;line-height:1.04;text-transform:uppercase;margin:0 0 18px}.oof-footer__title span{color:#c89a3c}.oof-footer__text{color:var(--oof-light);font-size:0.94rem;line-height:1.78;margin:0}.oof-footer__address{margin-top:24px;padding-top:20px;border-top:1px solid rgba(242,240,235,0.08);font-family:var(--oof-font-h);font-size:0.86rem;letter-spacing:0.12em;text-transform:uppercase;line-height:1.9;color:var(--oof-sand)}.oof-footer__address strong{display:block;color:var(--oof-white);font-size:1.05rem;margin-bottom:4px}.oof-footer__contact{display:grid;gap:10px;margin-top:22px}.oof-footer__contact a{color:var(--oof-light);font-size:0.92rem}.oof-footer__contact a:hover{color:#c89a3c}.oof-footer__hours{margin-top:22px;padding-top:20px;border-top:1px solid rgba(242,240,235,0.08)}.oof-footer__hours strong{display:block;color:var(--oof-sand);font-family:var(--oof-font-h);font-size:0.86rem;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:8px}.oof-footer__hours p{margin:0 0 4px;color:var(--oof-light);font-size:0.92rem;line-height:1.6}.oof-footer__hours .oof-footer__hours-hint{margin-top:8px;color:#ff3b30;font-weight:700;font-size:0.85rem;line-height:1.6}.oof-footer__hours .oof-footer__hours-phone{display:inline-block;margin-top:14px;color:var(--oof-light);font-size:0.92rem}.oof-footer__hours .oof-footer__hours-phone:hover{color:#c89a3c}.oof-footer__top>.oof-footer__panel:last-child{display:flex;flex-direction:column}.oof-footer__top>.oof-footer__panel:last-child .oof-footer__map{flex:1 1 auto;height:auto;min-height:494px;position:relative}.oof-footer__top>.oof-footer__panel:last-child .oof-footer__map iframe{position:absolute;top:0;left:0;width:100%;height:100%}.oof-footer__trust{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--oof-black)}.oof-footer__trust-item{background:var(--oof-grey);padding:19px 20px}.oof-footer__trust-item strong{display:block;font-family:var(--oof-font-h);font-size:0.88rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--oof-white);margin-bottom:5px}.oof-footer__trust-item span{display:block;color:var(--oof-light);font-size:0.8rem;line-height:1.55}.oof-footer__map-head{padding:24px;border-bottom:1px solid rgba(242,240,235,0.08);background:linear-gradient(135deg,rgba(160,146,95,0.2),rgba(242,240,235,0.03))}.oof-footer__map-head h3{font-family:var(--oof-font-h);font-size:1.18rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;margin:0 0 5px}.oof-footer__map-head p{color:var(--oof-light);font-size:0.86rem;line-height:1.55;margin:0}.oof-footer__map{height:clamp(494px,24vw,320px);background:var(--oof-black)}.oof-footer__map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(0.22) contrast(1.05) brightness(0.95)}.oof-footer__map-actions{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--oof-black)}.oof-footer__map-actions a{min-height:46px;display:flex;align-items:center;justify-content:center;background:var(--oof-grey);font-family:var(--oof-font-h);font-size:0.75rem;font-weight:700;letter-spacing:0.11em;text-transform:uppercase}.oof-footer__map-actions a:hover{background:#c89a3c;color:#f2f0eb}.oof-footer__nav{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--oof-black);margin-bottom:24px}.oof-footer__box{background:var(--oof-grey);padding:28px 26px;position:relative;overflow:hidden}.oof-footer__box::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#c89a3c}.oof-footer__box h3{font-family:var(--oof-font-h);font-size:1.04rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;margin:0 0 15px}.oof-footer__list{list-style:none;display:grid;gap:10px;font-size:0.9rem;padding:0;margin:0}.oof-footer__list a{color:var(--oof-light);display:inline-block}.oof-footer__list a:hover{color:#c89a3c;transform:translateX(4px)}.oof-footer__hours,.oof-footer__box-text{color:var(--oof-light);font-size:0.9rem;line-height:1.75}.oof-footer__hours strong,.oof-footer__box-text strong{color:var(--oof-sand);font-weight:600}.oof-footer__info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.oof-footer__shipping,.oof-footer__payment{background:rgba(242,240,235,0.04);border:1px solid rgba(242,240,235,0.08);border-left:4px solid #c89a3c;border-radius:var(--oof-radius);padding:28px 30px}.oof-footer__shipping h3,.oof-footer__payment h3{font-family:var(--oof-font-h);font-size:1.15rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;margin:0 0 14px}.oof-footer__shipping p,.oof-footer__payment p{color:var(--oof-light);font-size:0.9rem;line-height:1.75;margin:0 0 10px}.oof-footer__payment p{font-size:1rem}.oof-footer__heylight{display:inline-block;margin-top:14px;background:#ffffff;padding:10px 14px;border-radius:var(--oof-radius);border:1px solid rgba(242,240,235,0.08)}.oof-footer__heylight img{display:block;width:170px;max-width:100%;height:auto}.oof-footer__heylight:hover{transform:translateY(-2px);background:#f2f0eb}.oof-footer__swissmade{background:var(--oof-black);border:1px solid rgba(242,240,235,0.06);border-radius:var(--oof-radius);padding:22px 28px;margin-bottom:24px;text-align:left}.oof-footer__swissmade-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;text-align:left}.oof-footer__swissmade p{font-size:0.8rem;color:#888;line-height:1.55;margin:0;text-align:left}.oof-footer__swissmade a{color:#a0a0a0;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,0.2);font-size:0.8rem;display:inline;background:none;padding:0;border-radius:0;letter-spacing:0;text-transform:none;font-weight:400;font-family:var(--oof-font-b)}.oof-footer__swissmade a:hover{color:#c8c8c8;background:none}.oof-footer__swissmade-logos{display:flex;align-items:center;gap:16px;flex-shrink:0}.oof-footer__swissmade-logos img{height:28px;width:auto;max-width:none;background:none;padding:0;border-radius:0;opacity:0.5;filter:grayscale(1) brightness(1.8);transition:opacity 0.25s ease,filter 0.25s ease}.oof-footer__swissmade-logos img:hover{opacity:1;filter:grayscale(1) sepia(0.9) saturate(6) hue-rotate(-45deg) brightness(1.5) contrast(1.2)}.oof-footer__bottom{padding-top:24px;border-top:1px solid rgba(242,240,235,0.08);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start;text-align:left}.oof-footer__company{font-size:0.76rem;line-height:1;text-align:left}.oof-footer__company strong{display:block;color:#999;font-family:var(--oof-font-h);font-size:0.82rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:700;margin-bottom:12px;text-align:left}.oof-footer__company-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;text-align:left}.oof-footer__company-grid dt{font-size:0.72rem;color:#666;white-space:nowrap;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;font-family:var(--oof-font-h);text-align:left;margin:0;padding:0}.oof-footer__company-grid dd{font-size:0.72rem;color:#888;text-align:left;margin:0;padding:0}.oof-footer__company-note{margin-top:14px;font-size:0.7rem;color:#666;line-height:1.5;text-align:left}.oof-footer__legal-links{display:flex;flex-direction:column;align-items:flex-end;gap:9px;text-align:right}.oof-footer__legal-links a{font-family:var(--oof-font-h);font-size:0.78rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:#888;white-space:nowrap;text-align:right}.oof-footer__legal-links a:hover{color:#c89a3c}.oof-footer__seo{margin-top:24px;padding-top:18px;border-top:1px solid rgba(242,240,235,0.06);display:flex;flex-wrap:wrap;gap:12px 44px;align-items:baseline;text-align:left}.oof-footer__seo p{margin:0;text-align:left}.oof-footer__seo-battery{font-size:0.88rem;color:var(--oof-white);line-height:1.7;max-width:580px;text-align:left}.oof-footer__seo-battery strong{color:var(--oof-white);display:block;margin-bottom:3px;font-size:0.88rem;letter-spacing:0.03em;text-align:left}.oof-footer__seo-links{font-size:0.88rem;color:var(--oof-white);line-height:2.1;text-align:left}.oof-footer__seo-links a{color:var(--oof-white);text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(255,255,255,0.3)}.oof-footer__seo-links a:hover{color:#c89a3c}@media (max-width:980px){.oof-footer__top,.oof-footer__nav,.oof-footer__info-grid{grid-template-columns:1fr}.oof-footer__trust{grid-template-columns:repeat(2,1fr)}.oof-footer__map{height:300px}}@media (max-width:680px){.oof-footer__inner{padding:42px 20px 30px}.oof-footer__intro,.oof-footer__box,.oof-footer__shipping,.oof-footer__payment,.oof-footer__swissmade{padding:22px 18px}.oof-footer__trust,.oof-footer__map-actions,.oof-footer__bottom{grid-template-columns:1fr}.oof-footer__map{height:240px}.oof-footer__legal-links{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;text-align:left}.oof-footer__legal-links a{text-align:left}.oof-footer__seo{flex-direction:column}.oof-footer__swissmade-logos img{height:22px}.oof-footer__heylight img{width:150px}}

.oo-google-reviews {
  --oo-accent: #c89a3c;
  --oo-accent-hover: #c89a3c;
  --oo-text: #f2f0eb;
  --oo-bg: #16171a;
  background-color: var(--oo-bg);
  padding: 3rem 0;
}
.oo-google-reviews .oo-kicker {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--oo-accent);
  margin-bottom: 0.5rem;
}
.oo-google-reviews h2 {
  font-size: 160%;
  color: var(--oo-text);
  margin-bottom: 0.75rem;
}
.oo-google-reviews .oo-lead {
  color: var(--oo-text);
  max-width: 640px;
  margin: 0 auto 2rem auto;
}
.oo-google-reviews .oo-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
  padding: 0.6rem 1.4rem;
  background-color: var(--oo-accent);
  color: #ffffff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.2s ease;
}
.oo-google-reviews .oo-cta:hover {
  background-color: var(--oo-accent-hover);
  color: #ffffff;
}

/* ================================================================
   RESERVIERTE NAMESPACES FUER WEITERE MARKEN
   (Inhalte werden sukzessive bei Umbau der jeweiligen Marken-
   Landingpage ergaenzt. Solange leer, bleibt inline-CSS im Widget.)
   ================================================================ */
/* .arb-* ARB            -> ausgelagert, siehe oben */
/* .bd-*  Brown Davis    -> ausgelagert, siehe oben */
/* .ef-*  EcoFlow        -> ausgelagert, siehe oben */
/* .fr-*  Front Runner   -> ausgelagert, siehe oben */
/* .ac-*  Alu-Cab        -> ausgelagert, siehe oben */
/* .ome-* Old Man Emu    -> ausgelagert, siehe oben */
/* .rr-*  Rhino Rack     -> ausgelagert, siehe oben */
/* .ht-*  horntools      -> ausgelagert, siehe oben */
/* .lzr-* Lazer Lamps    -> ausgelagert, siehe oben */
/* .tjm-* TJM Equiped    -> ausgelagert, siehe oben */
/* .sld-* Strands Lighting -> ausgelagert, siehe oben */
/* .vw-*  VICKYWOOD      -> ausgelagert, siehe oben */