/*
 * DBS V5-freundlich
 * Dark premium theme with softer contrast, warmer charcoal surfaces,
 * clearer imagery and more welcoming spacing. Functional markup stays intact.
 */

body.theme-friendly {
  --friendly-bg: #0d0d0f;
  --friendly-bg-deep: #09090b;
  --friendly-surface: #171619;
  --friendly-surface-2: #1d1b1e;
  --friendly-surface-3: #242124;
  --friendly-surface-4: #2b272a;
  --friendly-line: #3e383b;
  --friendly-line-soft: rgba(255,255,255,.075);
  --friendly-text: #f7f3ef;
  --friendly-muted: #b8b0aa;
  --friendly-muted-2: #8f8783;
  --friendly-red: #dc2626;
  --friendly-red-bright: #ef4444;
  --friendly-red-soft: rgba(220,38,38,.12);
  --friendly-shadow: 0 24px 65px rgba(0,0,0,.30);
  --friendly-shadow-soft: 0 14px 36px rgba(0,0,0,.24);
  background: var(--friendly-bg) !important;
  color: var(--friendly-text);
}

body.theme-friendly main { background: var(--friendly-bg); }
body.theme-friendly ::selection { background: rgba(239,68,68,.42); color: #fff; }

/* ---------- Header / Navigation ---------- */
body.theme-friendly header.fixed {
  border-color: rgba(255,255,255,.085) !important;
  background: rgba(13,13,15,.91) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.20);
  backdrop-filter: blur(20px) saturate(125%);
}
body.theme-friendly header.fixed nav > a:not(.dbs-price-nav):not(.dbs-appointment-nav) {
  color: #d9d3cf !important;
}
body.theme-friendly header.fixed nav > a:not(.dbs-price-nav):not(.dbs-appointment-nav):hover,
body.theme-friendly header.fixed nav > a:not(.dbs-price-nav):not(.dbs-appointment-nav):focus-visible {
  color: #ff756a !important;
}
body.theme-friendly .dbs-price-nav,
body.theme-friendly .dbs-price-nav-mobile {
  border-color: rgba(248,113,113,.84) !important;
  background: linear-gradient(180deg,#e2342c,#c91f1f) !important;
  box-shadow: 0 10px 28px rgba(220,38,38,.25) !important;
}
body.theme-friendly .dbs-appointment-nav,
body.theme-friendly .dbs-appointment-nav-mobile {
  border-color: #51494d !important;
  background: #1b191c !important;
  color: #ece7e3 !important;
}
body.theme-friendly #menu-toggle {
  border-color: #454044 !important;
  background: #1c1a1d !important;
}
body.theme-friendly #mobile-navigation {
  border-color: rgba(255,255,255,.08) !important;
  background: rgba(14,14,16,.985) !important;
}
body.theme-friendly #mobile-overlay { background: rgba(0,0,0,.64) !important; }

/* ---------- Hero ---------- */
body.theme-friendly .hero-v35 { background: #0c0c0e !important; }
body.theme-friendly .hero-photo-v35 > img {
  filter: brightness(1.07) saturate(1.04) contrast(1.01);
}
body.theme-friendly .hero-photo-sidefade {
  background: linear-gradient(90deg,
    rgba(13,13,15,.98) 0%,
    rgba(13,13,15,.91) 13%,
    rgba(13,13,15,.62) 25%,
    rgba(13,13,15,.28) 37%,
    rgba(13,13,15,.08) 47%,
    rgba(13,13,15,0) 57%,
    rgba(13,13,15,0) 100%) !important;
}
body.theme-friendly .hero-side-shade {
  background: linear-gradient(90deg,
    rgba(13,13,15,1) 0%,
    rgba(13,13,15,.97) 33%,
    rgba(13,13,15,.72) 52%,
    rgba(13,13,15,.18) 72%,
    rgba(13,13,15,0) 100%) !important;
}
body.theme-friendly .hero-photo-vfade {
  background: linear-gradient(180deg,
    rgba(13,13,15,.16) 0%,
    rgba(13,13,15,0) 24%,
    rgba(13,13,15,0) 74%,
    rgba(13,13,15,.32) 100%) !important;
}
body.theme-friendly .hero-photo-glow {
  background:
    radial-gradient(circle at 43% 70%, rgba(239,68,68,.16), transparent 36%),
    radial-gradient(circle at 24% 48%, rgba(127,29,29,.09), transparent 34%) !important;
}
body.theme-friendly .hero-content-v35 p { color: #d7d0cb !important; }
body.theme-friendly .hero-content-v35 > div > div > div:first-child {
  border-color: rgba(248,113,113,.38) !important;
  background: rgba(20,18,20,.58) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.18);
}
body.theme-friendly .dbs-hero-action-primary {
  background: linear-gradient(180deg,#e53a31,#c92020) !important;
  border-color: rgba(248,113,113,.72) !important;
  box-shadow: 0 18px 42px rgba(220,38,38,.30) !important;
}
body.theme-friendly .dbs-hero-action-secondary {
  background: rgba(27,25,28,.82) !important;
  border-color: #595155 !important;
  color: #ece7e3 !important;
}
body.theme-friendly .dbs-hero-action-secondary:hover,
body.theme-friendly .dbs-hero-action-secondary:focus-visible {
  background: #262225 !important;
  border-color: rgba(239,68,68,.70) !important;
  color: #fff !important;
}
body.theme-friendly .dbs-hero-tab {
  border-color: rgba(239,68,68,.24) !important;
  background: linear-gradient(135deg,rgba(68,17,19,.35),rgba(28,26,29,.96) 44%,rgba(16,15,17,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 32px rgba(0,0,0,.24) !important;
}
body.theme-friendly .dbs-hero-tab:hover,
body.theme-friendly .dbs-hero-tab:focus-visible,
body.theme-friendly .dbs-hero-tab.dbs-hover-active {
  transform: translate3d(0,-4px,0) !important;
  border-color: rgba(239,68,68,.52) !important;
  background: linear-gradient(135deg,rgba(91,22,24,.44),rgba(35,32,35,.98) 46%,rgba(19,18,20,1)) !important;
  box-shadow: 0 17px 38px rgba(220,38,38,.14), 0 10px 22px rgba(0,0,0,.27) !important;
}

/* ---------- Shared section language ---------- */
body.theme-friendly .section,
body.theme-friendly .home-services-intro,
body.theme-friendly #tuning,
body.theme-friendly #bike-setup,
body.theme-friendly #warum-wir {
  color: var(--friendly-text);
}
body.theme-friendly .section { background: #101012 !important; }
body.theme-friendly .section:nth-of-type(even) { background: #141315 !important; }
body.theme-friendly .section-kicker,
body.theme-friendly .section-kicker.centered { color: #f05b51; }
body.theme-friendly .section-kicker span { background: #e33a32; }
body.theme-friendly .split-heading > p,
body.theme-friendly .split-heading > div > p,
body.theme-friendly .section-header p { color: var(--friendly-muted) !important; }
body.theme-friendly h1,
body.theme-friendly h2,
body.theme-friendly h3,
body.theme-friendly h4 { text-wrap: balance; }

/* ---------- Unsere Leistungen ---------- */
body.theme-friendly .home-services-intro {
  background:
    radial-gradient(circle at 13% 22%, rgba(220,38,38,.115), transparent 29%),
    radial-gradient(circle at 87% 78%, rgba(255,255,255,.025), transparent 30%),
    #111012 !important;
  border-top: 1px solid rgba(255,255,255,.055);
  border-bottom: 1px solid rgba(255,255,255,.055);
}
body.theme-friendly .service-intro-card {
  border-color: #3c373a !important;
  background: linear-gradient(180deg,rgba(31,29,32,.96),rgba(23,22,24,.96)) !important;
  box-shadow: var(--friendly-shadow-soft) !important;
}
body.theme-friendly .service-intro-card:hover,
body.theme-friendly .service-intro-card.dbs-hover-active {
  border-color: rgba(239,68,68,.60) !important;
  background: linear-gradient(180deg,#272326,#1b191b) !important;
  box-shadow: 0 25px 55px rgba(220,38,38,.13), 0 12px 28px rgba(0,0,0,.30) !important;
}
body.theme-friendly .service-intro-card__text { color: #bdb5b0 !important; }
body.theme-friendly .service-intro-card__tags > span {
  border-color: #484145 !important;
  background: #151416 !important;
  color: #bfb7b2 !important;
}
body.theme-friendly .dbs-service-action { color: #f05a50 !important; }
body.theme-friendly .dbs-service-action:hover { background: rgba(220,38,38,.10) !important; }

/* ---------- Fahrwerksservice ---------- */
body.theme-friendly .services-overview {
  background:
    radial-gradient(circle at 10% 10%, rgba(255,255,255,.025), transparent 26%),
    #0f0f11 !important;
}
body.theme-friendly .dbs-trail-photo--forest {
  border-color: #51494d !important;
  box-shadow: 0 28px 72px rgba(0,0,0,.38);
}
body.theme-friendly .dbs-trail-photo--forest img { filter: brightness(1.07) saturate(1.04); }
body.theme-friendly .service-card,
body.theme-friendly .benefit-card,
body.theme-friendly .process-card,
body.theme-friendly .brand-card,
body.theme-friendly .testimonial-card,
body.theme-friendly .reason-card,
body.theme-friendly .feature-card {
  border-color: #3d383b !important;
  background: linear-gradient(180deg,#1d1b1e,#181719) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
}
body.theme-friendly .service-card:hover,
body.theme-friendly .benefit-card:hover,
body.theme-friendly .process-card:hover,
body.theme-friendly .brand-card:hover,
body.theme-friendly .testimonial-card:hover,
body.theme-friendly .reason-card:hover,
body.theme-friendly .feature-card:hover {
  border-color: rgba(239,68,68,.50) !important;
  background: linear-gradient(180deg,#242124,#1c1a1c) !important;
  box-shadow: 0 20px 46px rgba(220,38,38,.10),0 12px 24px rgba(0,0,0,.24) !important;
}
body.theme-friendly .service-card li,
body.theme-friendly .testimonial-card blockquote { color: #cec6c1 !important; }
body.theme-friendly .service-card .price { border-color: #403a3d !important; }
body.theme-friendly .corner {
  border-color: #4d464a !important;
  background: rgba(255,255,255,.025);
  color: #b8b0aa !important;
}
body.theme-friendly .table-scroll {
  border-color: #413a3e !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.18);
}
body.theme-friendly .comparison { background: #1a191b !important; }
body.theme-friendly .comparison th,
body.theme-friendly .comparison td { border-color: #3c373a !important; }
body.theme-friendly .comparison th { color: #e8e2de; }
body.theme-friendly .comparison th:nth-child(3),
body.theme-friendly .comparison td:nth-child(3) {
  background: rgba(220,38,38,.075) !important;
}
body.theme-friendly .benefit-card > span {
  border-color: rgba(239,68,68,.38) !important;
  background: rgba(220,38,38,.12) !important;
}

/* ---------- Tuning ---------- */
body.theme-friendly #tuning {
  background: #121113 !important;
  border-color: rgba(255,255,255,.07) !important;
  isolation: isolate;
}
body.theme-friendly #tuning::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg,rgba(18,17,19,.98) 0%,rgba(18,17,19,.94) 48%,rgba(18,17,19,.72) 72%,rgba(18,17,19,.88) 100%),
    url('/assets/images/dbs-bergpanorama-2172.webp') center 58% / cover no-repeat;
  opacity: .27;
}
body.theme-friendly #tuning > .relative { z-index: 1; }
body.theme-friendly #tuning p.text-zinc-300,
body.theme-friendly #tuning p.text-zinc-400 { color: #c9c1bc !important; }
body.theme-friendly #tuning .rounded-2xl.border-red-500\/25 {
  border-color: rgba(239,68,68,.34) !important;
  background: rgba(106,23,26,.16) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
body.theme-friendly #tuning .overflow-hidden.rounded-\[1\.75rem\],
body.theme-friendly #tuning .mt-10.grid {
  border-color: #423c40 !important;
  background: rgba(29,27,30,.92) !important;
  box-shadow: var(--friendly-shadow-soft) !important;
}
body.theme-friendly #tuning article { border-color: #3b3639 !important; }

/* ---------- Bike Setup ---------- */
body.theme-friendly #bike-setup {
  background:
    radial-gradient(circle at 84% 24%, rgba(220,38,38,.105), transparent 29%),
    radial-gradient(circle at 18% 86%, rgba(255,255,255,.025), transparent 27%),
    #0f0f11 !important;
}
body.theme-friendly #bike-setup p.text-zinc-300,
body.theme-friendly #bike-setup p.text-zinc-400 { color: #c6beb9 !important; }
body.theme-friendly #bike-setup .overflow-hidden.rounded-\[1\.75rem\] {
  border-color: #423c40 !important;
  background: linear-gradient(180deg,#1e1c1f,#191719) !important;
  box-shadow: var(--friendly-shadow) !important;
}
body.theme-friendly #bike-setup .rounded-xl.border-zinc-800 {
  border-color: #3d383b !important;
  background: #151416 !important;
}
body.theme-friendly .dbs-setup-story {
  border-color: #3d373a !important;
  background: #121113 !important;
  border-radius: 1.75rem;
  overflow: hidden;
  box-shadow: var(--friendly-shadow-soft);
}
body.theme-friendly .dbs-setup-story__copy { padding-left: clamp(1.25rem,3vw,2.4rem); }
body.theme-friendly .dbs-trail-photo--rider img { filter: brightness(1.06) saturate(1.04); }
body.theme-friendly .dbs-trail-photo--rider::after {
  background: linear-gradient(90deg,#121113,transparent 11%),linear-gradient(0deg,#121113,transparent 7%,transparent 96%,#121113) !important;
}
body.theme-friendly #bike-setup > div > .mt-10.rounded-\[1\.5rem\] {
  border-color: #423c40 !important;
  background: #1c1a1d !important;
}

/* ---------- Warum wir ---------- */
body.theme-friendly #warum-wir {
  background:
    radial-gradient(circle at 18% 22%,rgba(220,38,38,.08),transparent 26%),
    #121113 !important;
}
body.theme-friendly .dbs-story-layout > div:first-child {
  border: 1px solid #403a3d;
  border-radius: 1.75rem;
  background: linear-gradient(180deg,rgba(29,27,30,.96),rgba(23,22,24,.96));
  padding: clamp(1.6rem,3vw,2.5rem) !important;
  box-shadow: var(--friendly-shadow-soft);
}
body.theme-friendly .dbs-story-layout > div:first-child p { color: #c9c1bc !important; }
body.theme-friendly .dbs-trail-photo--summit {
  border: 1px solid #4c4549;
  border-radius: 1.75rem;
  box-shadow: var(--friendly-shadow);
}
body.theme-friendly .dbs-trail-photo--summit img { filter: brightness(1.08) saturate(1.04); }
body.theme-friendly .dbs-trail-photo--summit::after {
  background: linear-gradient(90deg,#121113,transparent 8%),linear-gradient(0deg,#121113,transparent 6%,transparent 97%,#121113) !important;
}
body.theme-friendly #warum-wir .relative.z-20.mt-8.grid {
  border-color: #423c40 !important;
  background: rgba(28,26,29,.91) !important;
  box-shadow: var(--friendly-shadow) !important;
}
body.theme-friendly #warum-wir article { border-color: #3d383b !important; }
body.theme-friendly #warum-wir article:hover { background: #242124 !important; }
body.theme-friendly #warum-wir article p { color: #bdb5b0 !important; }

/* ---------- Preisrechner ---------- */
body.theme-friendly .calculator-section { background: #151416 !important; }
body.theme-friendly .price-heading { border-color: #423c40 !important; }
body.theme-friendly .status-list span {
  border-color: #494246 !important;
  background: #1d1b1e;
  color: #a9a19c !important;
}
body.theme-friendly .status-list .active {
  border-color: rgba(239,68,68,.55) !important;
  background: rgba(220,38,38,.09);
  color: #f47a71 !important;
}
body.theme-friendly .component-toggle,
body.theme-friendly .config-panel,
body.theme-friendly .calculator-summary {
  border-color: #423c40 !important;
  background: linear-gradient(180deg,#211f22,#1a191b) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
body.theme-friendly .component-toggle.active {
  border-color: rgba(239,68,68,.70) !important;
  background: linear-gradient(180deg,rgba(83,24,27,.35),#211f22) !important;
}
body.theme-friendly .component-toggle small,
body.theme-friendly .price-note,
body.theme-friendly .muted,
body.theme-friendly .summary-block dt { color: #918985 !important; }
body.theme-friendly .config-title { border-color: #403a3d !important; }
body.theme-friendly .choice,
body.theme-friendly .service-choice,
body.theme-friendly .option-choice {
  border-color: #433d40 !important;
  background: #151416 !important;
}
body.theme-friendly .choice:hover,
body.theme-friendly .service-choice:hover,
body.theme-friendly .option-choice:hover,
body.theme-friendly .option-choice:focus-within {
  border-color: rgba(239,68,68,.54) !important;
  background: #211e21 !important;
}
body.theme-friendly .choice.active,
body.theme-friendly .service-choice.active,
body.theme-friendly .option-choice.active {
  border-color: rgba(239,68,68,.72) !important;
  background: rgba(220,38,38,.10) !important;
}
body.theme-friendly .summary-block,
body.theme-friendly .subtotal,
body.theme-friendly .grand-total { border-color: #403a3d !important; }
body.theme-friendly .shipping-cost { color: #9d9590 !important; }

/* ---------- Ablauf / Marken / Kundenstimmen ---------- */
body.theme-friendly .process { background: #0f0e10 !important; }
body.theme-friendly .process-card { min-height: 14rem; }
body.theme-friendly .brands { background: #141315 !important; }
body.theme-friendly .brand-card {
  background: linear-gradient(180deg,#211f21,#1a191c) !important;
  border-color: #403a3d !important;
}
body.theme-friendly .brand-card > span { box-shadow: 0 0 18px rgba(220,38,38,.22); }
body.theme-friendly .legal-note { color: #7e7773 !important; }
body.theme-friendly .testimonials { background: #100f11 !important; }
body.theme-friendly .testimonial-card {
  position: relative;
  overflow: hidden;
}
body.theme-friendly .testimonial-card::before {
  content: "“";
  position: absolute;
  right: 1.2rem;
  top: -.7rem;
  font-size: 6rem;
  line-height: 1;
  color: rgba(239,68,68,.09);
  font-family: Georgia,serif;
}
body.theme-friendly .testimonial-card footer { border-color: #403a3d !important; }
body.theme-friendly .testimonial-card footer span { color: #8e8682 !important; }

/* ---------- FAQ ---------- */
body.theme-friendly .faq { background: #151416 !important; }
body.theme-friendly .faq details {
  border-color: #403a3d !important;
  background: linear-gradient(180deg,#211f22,#1b1a1c) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.13);
}
body.theme-friendly .faq details:has(summary:hover),
body.theme-friendly .faq details:has(summary:focus-visible) {
  border-color: rgba(239,68,68,.50) !important;
  background: #252225 !important;
}
body.theme-friendly .faq details p {
  border-color: #403a3d !important;
  color: #bcb4af !important;
}
body.theme-friendly .faq summary strong { color: #ece7e3; }

/* ---------- Final CTA ---------- */
body.theme-friendly .dbs-panorama-cta > .dbs-panorama-cta__image {
  filter: brightness(1.16) saturate(1.04);
}
body.theme-friendly .dbs-panorama-cta::before {
  background: linear-gradient(180deg,#0f0e10,rgba(15,14,16,.19) 24%,rgba(15,14,16,.20) 76%,#0f0e10) !important;
}
body.theme-friendly .dbs-panorama-cta .cta-panel {
  border-color: rgba(255,255,255,.16) !important;
  background: rgba(21,19,22,.86) !important;
  box-shadow: 0 28px 75px rgba(0,0,0,.34) !important;
  backdrop-filter: blur(15px);
}
body.theme-friendly .cta-panel p { color: #c3bbb6 !important; }

/* ---------- Subpages / Forms ---------- */
body.theme-friendly .subpage,
body.theme-friendly main.min-h-screen { background: #0f0e10 !important; }
body.theme-friendly .page-hero {
  background:
    radial-gradient(circle at 16% 18%,rgba(220,38,38,.13),transparent 29%),
    radial-gradient(circle at 82% 74%,rgba(255,255,255,.025),transparent 26%),
    #121113 !important;
  border-bottom: 1px solid rgba(255,255,255,.055);
}
body.theme-friendly .page-hero p { color: #bcb4af !important; }
body.theme-friendly .contact-panel,
body.theme-friendly .form-card,
body.theme-friendly .legal-page article,
body.theme-friendly .notice-panel {
  border-color: #433d40 !important;
  background: linear-gradient(180deg,#201e21,#19181a) !important;
  box-shadow: var(--friendly-shadow-soft);
}
body.theme-friendly .contact-panel a,
body.theme-friendly .contact-panel p,
body.theme-friendly .contact-panel ol,
body.theme-friendly .notice-panel { color: #c7bfba !important; }
body.theme-friendly .form-card label { color: #d6cfca !important; }
body.theme-friendly .form-card input,
body.theme-friendly .form-card select,
body.theme-friendly .form-card textarea,
body.theme-friendly main input:not([type="checkbox"]):not([type="radio"]),
body.theme-friendly main select,
body.theme-friendly main textarea {
  border-color: #4a4347 !important;
  background: #141315 !important;
  color: #f5f1ed !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
body.theme-friendly .form-card input:focus,
body.theme-friendly .form-card select:focus,
body.theme-friendly .form-card textarea:focus,
body.theme-friendly main input:not([type="checkbox"]):not([type="radio"]):focus,
body.theme-friendly main select:focus,
body.theme-friendly main textarea:focus {
  border-color: rgba(239,68,68,.80) !important;
  outline: 2px solid rgba(239,68,68,.17) !important;
}
body.theme-friendly main label.cursor-pointer,
body.theme-friendly main a.group.block.rounded-2xl,
body.theme-friendly main div.rounded-2xl.border-zinc-800 {
  border-color: #423c40 !important;
  background: #191719 !important;
}
body.theme-friendly main label.cursor-pointer:hover,
body.theme-friendly main a.group.block.rounded-2xl:hover {
  border-color: rgba(239,68,68,.54) !important;
  background: #211f21 !important;
}
body.theme-friendly [data-calendar-panel] {
  border-color: #494246 !important;
  background: #171619 !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.44) !important;
}
body.theme-friendly [data-calendar-days] button:not(:disabled) {
  border-color: #403a3d !important;
  background: #1d1b1e !important;
}
body.theme-friendly [data-calendar-days] button:not(:disabled):hover {
  border-color: rgba(239,68,68,.70) !important;
  background: rgba(220,38,38,.12) !important;
}
body.theme-friendly .legal-page article p { color: #c5bdb8 !important; }
body.theme-friendly .legal-page article h2 { color: #f3eeea; }

/* Kontaktseite ist Tailwind-lastig: Flächen explizit angleichen. */
body.theme-friendly.page-kontakt main {
  background:
    radial-gradient(circle at 16% 18%,rgba(220,38,38,.10),transparent 27%),
    radial-gradient(circle at 88% 78%,rgba(255,255,255,.025),transparent 29%),
    #0f0e10 !important;
}
body.theme-friendly.page-kontakt aside > div,
body.theme-friendly.page-kontakt form#serviceanfrage {
  border-color: #433d40 !important;
  background: linear-gradient(180deg,rgba(31,29,32,.96),rgba(24,23,25,.96)) !important;
  box-shadow: var(--friendly-shadow) !important;
}
body.theme-friendly.page-kontakt p.text-zinc-400,
body.theme-friendly.page-kontakt p.text-zinc-300 { color: #bfb7b2 !important; }

/* Versandseite */
body.theme-friendly.page-versand main {
  background: #0f0e10 !important;
}
body.theme-friendly.page-versand main .bg-zinc-900\/55,
body.theme-friendly.page-versand main .bg-zinc-900\/40,
body.theme-friendly.page-versand main .bg-zinc-950\/80 {
  background: #1c1a1d !important;
}
body.theme-friendly.page-versand main .border-zinc-800,
body.theme-friendly.page-versand main .border-zinc-700 {
  border-color: #433d40 !important;
}

/* Danke / Fehler / 404 etc. */
body.theme-friendly .alert,
body.theme-friendly .notice-panel {
  border-radius: 1rem;
}

/* ---------- Buttons ---------- */
body.theme-friendly .button-primary,
body.theme-friendly main .bg-red-600 {
  background: linear-gradient(180deg,#e43a31,#c92121) !important;
}
body.theme-friendly .button-primary:hover,
body.theme-friendly main .bg-red-600:hover {
  background: linear-gradient(180deg,#f14c42,#d72828) !important;
}
body.theme-friendly .button-secondary {
  border-color: #51494d !important;
  background: #1b191c !important;
  color: #eee8e4 !important;
}
body.theme-friendly .button-secondary:hover {
  border-color: rgba(239,68,68,.65) !important;
  background: #242124 !important;
  color: #fff !important;
}

/* ---------- Footer stays calm, but slightly softer ---------- */
body.theme-friendly .site-footer {
  border-color: #332f31 !important;
  background: #09090b !important;
}
body.theme-friendly .site-footer a,
body.theme-friendly .site-footer p { color: #9e9692 !important; }
body.theme-friendly .site-footer h3 { color: #e8e2de !important; }
body.theme-friendly .footer-bottom { border-color: #332f31 !important; }
body.theme-friendly .cookie-banner {
  border-color: #494246 !important;
  background: rgba(28,26,29,.98) !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 1023px) {
  body.theme-friendly .dbs-story-layout > div:first-child { order: 1; }
  body.theme-friendly .dbs-trail-photo--summit { order: 2; }
  body.theme-friendly .dbs-setup-story__copy { padding: 1.5rem !important; }
}

@media (max-width: 720px) {
  body.theme-friendly .hero-photo-v35 > img { filter: brightness(1.03) saturate(1.03); }
  body.theme-friendly .hero-content-v35 { background: linear-gradient(180deg,transparent 0%,rgba(13,13,15,.08) 12%,rgba(13,13,15,.92) 48%,#0d0d0f 100%); }
  body.theme-friendly .dbs-hero-tab { border-radius: 1rem !important; }
  body.theme-friendly .dbs-story-layout > div:first-child { padding: 1.35rem !important; border-radius: 1.25rem; }
  body.theme-friendly .dbs-trail-photo--summit { border-radius: 1.25rem; }
  body.theme-friendly .dbs-setup-story { border-radius: 1.25rem; }
  body.theme-friendly .dbs-panorama-cta .cta-panel { background: rgba(21,19,22,.94) !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-friendly * { scroll-behavior: auto !important; }
}

/* ---------- Global Tailwind utility harmonisation ----------
   Covers the PHP subpages and status pages that use utility classes directly. */
body.theme-friendly main .bg-zinc-900\/60,
body.theme-friendly main .bg-zinc-900\/55,
body.theme-friendly main .bg-zinc-900\/40,
body.theme-friendly main .bg-zinc-900\/70,
body.theme-friendly main .bg-zinc-900\/85 {
  background: #1c1a1d !important;
}
body.theme-friendly main .bg-zinc-950\/80,
body.theme-friendly main .bg-zinc-950\/70,
body.theme-friendly main .bg-zinc-950\/60,
body.theme-friendly main .bg-zinc-950\/55,
body.theme-friendly main .bg-zinc-950\/50 {
  background: #151416 !important;
}
body.theme-friendly main .border-zinc-900,
body.theme-friendly main .border-zinc-800,
body.theme-friendly main .border-zinc-700 {
  border-color: #433d40 !important;
}
body.theme-friendly main .text-zinc-200 { color: #e8e2de !important; }
body.theme-friendly main .text-zinc-300 { color: #d0c8c3 !important; }
body.theme-friendly main .text-zinc-400 { color: #b9b1ac !important; }
body.theme-friendly main .text-zinc-500 { color: #918a85 !important; }
body.theme-friendly main .text-zinc-600 { color: #79726e !important; }
body.theme-friendly main .shadow-black\/25,
body.theme-friendly main .shadow-black\/30,
body.theme-friendly main .shadow-black\/35 {
  --tw-shadow-color: rgba(0,0,0,.28) !important;
}
body.theme-friendly main .rounded-\[2rem\].border,
body.theme-friendly main .rounded-\[1\.75rem\].border,
body.theme-friendly main .rounded-\[1\.5rem\].border {
  box-shadow: 0 18px 45px rgba(0,0,0,.20);
}


/* Werkstatt-Eröffnungsbanner – automatisch nur bis einschließlich 15.11.2026 sichtbar */
.dbs-workshop-banner{
  position:relative;
  z-index:45;
  margin-top:5rem;
  border-bottom:1px solid rgba(239,68,68,.35);
  background:
    radial-gradient(circle at 15% 50%,rgba(220,38,38,.18),transparent 30%),
    linear-gradient(90deg,#111114 0%,#18181b 50%,#111114 100%);
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}
.dbs-workshop-banner-inner{
  width:min(100% - 2rem,80rem);
  min-height:5.75rem;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
  padding:1rem 0;
}
.dbs-workshop-banner-copy{display:flex;align-items:center;gap:1rem;min-width:0}
.dbs-workshop-banner-copy p{margin:0;color:#e4e4e7;font-size:.95rem;line-height:1.6}
.dbs-workshop-banner-copy p strong{color:#fff}
.dbs-workshop-banner-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.38rem .7rem;
  border:1px solid rgba(239,68,68,.5);
  border-radius:999px;
  background:rgba(127,29,29,.25);
  color:#fca5a5;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dbs-workshop-banner-offer{color:#fca5a5;font-weight:800}
.dbs-workshop-banner-cta{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  min-height:2.9rem;
  padding:.7rem 1rem;
  border:1px solid #ef4444;
  border-radius:.75rem;
  background:#dc2626;
  color:#fff;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.dbs-workshop-banner-cta:hover{transform:translateY(-1px);background:#ef4444;box-shadow:0 10px 28px rgba(220,38,38,.22)}
body.has-workshop-banner>.dbs-workshop-banner+main{padding-top:0!important}
body.has-workshop-banner .hero-v35{padding-top:0!important}
body.has-workshop-banner .subpage{padding-top:0!important}
@media(max-width:900px){
  .dbs-workshop-banner-inner{align-items:flex-start;flex-direction:column;gap:.8rem;padding:1rem 0 1.1rem}
  .dbs-workshop-banner-copy{align-items:flex-start;flex-direction:column;gap:.6rem}
  .dbs-workshop-banner-cta{width:100%}
}

/* v6 security: CAPTCHA */
.dbs-captcha{margin-top:.25rem;padding:1rem;border:1px solid rgba(82,82,91,.85);border-radius:.9rem;background:rgba(9,9,11,.62)}
.dbs-captcha-local label{display:block;color:#d4d4d8;font-size:.875rem;font-weight:700}
.dbs-captcha-local input{display:block;width:min(12rem,100%);margin-top:.55rem;padding:.75rem .85rem;border:1px solid #52525b;border-radius:.7rem;background:#09090b;color:#fff}
.dbs-captcha-local input:focus{outline:2px solid rgba(239,68,68,.35);border-color:#ef4444}
.dbs-captcha-note{margin:.65rem 0 0;color:#71717a;font-size:.75rem;line-height:1.45}

/* DBS 2026-10 V5 – optischer Feinschliff Startseite
   Kompaktere Leistungskarten, abwechslungsreicher Ablauf, kompakte Marken
   und schlankerer Google-Bewertungsbereich. */

/* Unsere Leistungen: weniger Leerraum, gleiche optische Sprache wie restliche Website */
body.theme-friendly .home-services-intro{
  padding-top:5.35rem!important;
  padding-bottom:5.35rem!important;
}
body.theme-friendly .home-services-intro .mt-14{margin-top:2.5rem!important}
body.theme-friendly .service-intro-card{
  padding:1.45rem!important;
  border-radius:1.35rem!important;
  background:linear-gradient(180deg,#1d1b1e,#181719)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
body.theme-friendly .service-intro-card:hover,
body.theme-friendly .service-intro-card.dbs-hover-active{
  background:linear-gradient(180deg,#242124,#1c1a1c)!important;
}
body.theme-friendly .service-intro-card h3{
  margin-top:1.1rem!important;
  font-size:1.35rem!important;
  line-height:1.08!important;
}
body.theme-friendly .service-intro-card__text{
  margin-top:.8rem!important;
  font-size:.94rem!important;
  line-height:1.55!important;
}
body.theme-friendly .service-intro-card__tags{
  margin-top:1.05rem!important;
  gap:.42rem!important;
}
body.theme-friendly .service-intro-card__tags>span{
  padding:.5rem .72rem!important;
  font-size:.67rem!important;
  line-height:1.1!important;
}
body.theme-friendly .service-intro-card__link{
  font-size:.74rem!important;
  padding-top:.7rem!important;
}
@media(min-width:1024px){
  body.theme-friendly .service-intro-card__text{min-height:4.35rem!important}
  body.theme-friendly .service-intro-card__tags{min-height:4.6rem!important}
  body.theme-friendly .service-intro-card__link{margin-top:auto!important}
}

/* Serviceablauf: statt vier großer Einzelboxen ein kompakter Prozessstreifen */
body.theme-friendly .process{
  padding-top:5.15rem!important;
  padding-bottom:5.15rem!important;
}
body.theme-friendly .process .section-header{margin-bottom:2.45rem!important}
body.theme-friendly .process .card-grid.four{
  gap:0!important;
  overflow:hidden;
  border:1px solid #3d383b;
  border-radius:1.3rem;
  background:linear-gradient(180deg,#1d1b1e,#181719);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
body.theme-friendly .process .process-card{
  min-height:0!important;
  padding:1.35rem 1.25rem!important;
  border:0!important;
  border-right:1px solid #3d383b!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body.theme-friendly .process .process-card:last-child{border-right:0!important}
body.theme-friendly .process .process-card:hover{
  background:rgba(220,38,38,.055)!important;
  box-shadow:inset 0 2px 0 rgba(239,68,68,.42)!important;
}
body.theme-friendly .process .process-card>span{font-size:.66rem!important}
body.theme-friendly .process .process-card h3{
  margin:.62rem 0 .42rem!important;
  font-size:1rem!important;
  line-height:1.18!important;
}
body.theme-friendly .process .process-card p{
  margin:0!important;
  font-size:.82rem!important;
  line-height:1.5!important;
}

/* Hersteller: flache, horizontale Markenfelder statt hoher Standardkarten */
body.theme-friendly .brands{
  padding-top:4.9rem!important;
  padding-bottom:4.9rem!important;
}
body.theme-friendly .brands .section-header{margin-bottom:2.35rem!important}
body.theme-friendly .brands .card-grid.four{gap:.7rem!important}
body.theme-friendly .brands .brand-card{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:.9rem!important;
  min-height:0!important;
  padding:1rem 1.05rem!important;
  text-align:left!important;
  border-radius:1rem!important;
}
body.theme-friendly .brands .brand-card>span{
  grid-row:1/3!important;
  width:.22rem!important;
  height:3.6rem!important;
  margin:0!important;
  border-radius:999px!important;
}
body.theme-friendly .brands .brand-card h3{
  margin:0!important;
  font-size:1.18rem!important;
  line-height:1.05!important;
}
body.theme-friendly .brands .brand-card p{
  margin:.3rem 0 0!important;
  font-size:.76rem!important;
  line-height:1.4!important;
}
body.theme-friendly .brands .legal-note{margin-top:1.65rem!important}

/* Google: QR, Text und Button kompakter in einer einzigen Karte */
body.theme-friendly .google-reviews{
  padding-top:4.6rem!important;
  padding-bottom:4.6rem!important;
  background:#100f11!important;
}
body.theme-friendly .google-reviews__intro{
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr)!important;
  gap:1.5rem!important;
  align-items:center!important;
  margin-bottom:0!important;
}
body.theme-friendly .google-reviews__intro h2{
  margin:.7rem 0 .75rem!important;
  font-size:clamp(2rem,4vw,3.25rem)!important;
}
body.theme-friendly .google-reviews__intro>div>p{
  font-size:.96rem!important;
  line-height:1.65!important;
}
body.theme-friendly .google-reviews__cta{
  grid-template-columns:90px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:.7rem .9rem!important;
  padding:.95rem!important;
  border-color:#403a3d!important;
  border-radius:1.15rem!important;
  background:linear-gradient(180deg,#211f21,#1a191c)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
}
body.theme-friendly .google-reviews__qr-wrap{
  grid-row:1/3!important;
  padding:.4rem!important;
  border-radius:.72rem!important;
}
body.theme-friendly .google-reviews__cta-copy strong{font-size:.94rem!important}
body.theme-friendly .google-reviews__cta-copy span{
  margin-top:.2rem!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}
body.theme-friendly .google-reviews__button{
  grid-column:2!important;
  width:auto!important;
  min-height:2.45rem!important;
  margin:0!important;
  padding:.62rem .85rem!important;
  font-size:.68rem!important;
  justify-self:start!important;
}

@media(max-width:1000px){
  body.theme-friendly .process .card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.theme-friendly .process .process-card{border-right:1px solid #3d383b!important;border-bottom:1px solid #3d383b!important}
  body.theme-friendly .process .process-card:nth-child(2n){border-right:0!important}
  body.theme-friendly .process .process-card:nth-last-child(-n+2){border-bottom:0!important}
  body.theme-friendly .brands .card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.theme-friendly .google-reviews__intro{grid-template-columns:1fr!important}
  body.theme-friendly .google-reviews__cta{max-width:36rem!important}
}
@media(max-width:720px){
  body.theme-friendly .home-services-intro{padding-top:4.25rem!important;padding-bottom:4.25rem!important}
  body.theme-friendly .service-intro-card{padding:1.2rem!important}
  body.theme-friendly .process{padding-top:4.25rem!important;padding-bottom:4.25rem!important}
  body.theme-friendly .process .card-grid.four{grid-template-columns:1fr!important}
  body.theme-friendly .process .process-card{border-right:0!important;border-bottom:1px solid #3d383b!important}
  body.theme-friendly .process .process-card:last-child{border-bottom:0!important}
  body.theme-friendly .brands{padding-top:4.25rem!important;padding-bottom:4.25rem!important}
  body.theme-friendly .brands .card-grid.four{grid-template-columns:1fr!important}
  body.theme-friendly .google-reviews{padding-top:4.15rem!important;padding-bottom:4.15rem!important}
}
@media(max-width:560px){
  body.theme-friendly .google-reviews__cta{grid-template-columns:76px minmax(0,1fr)!important}
  body.theme-friendly .google-reviews__button{grid-column:1/-1!important;justify-self:stretch!important;width:100%!important}
  body.theme-friendly .google-reviews__qr-wrap{grid-row:1!important}
}

/* =========================================================
   DBS Startseite – entschlackte Herstellerleiste (10/2026)
   ========================================================= */
body.theme-friendly .dbs-brands-compact{
  padding-top:4.1rem!important;
  padding-bottom:4.1rem!important;
}
body.theme-friendly .dbs-brands-compact .section-header{
  margin-bottom:1.6rem!important;
}
body.theme-friendly .dbs-brand-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #3d383b;
  border-radius:1.15rem;
  background:linear-gradient(180deg,#211f21,#1a191c);
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}
body.theme-friendly .dbs-brand-strip__item{
  display:flex;
  min-height:4.65rem;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  padding:.9rem 1rem;
  border-right:1px solid #3d383b;
}
body.theme-friendly .dbs-brand-strip__item:last-child{border-right:0}
body.theme-friendly .dbs-brand-strip__item>span{
  width:.48rem;
  height:.48rem;
  flex:0 0 .48rem;
  border-radius:999px;
  background:#dc2626;
  box-shadow:0 0 15px rgba(220,38,38,.28);
}
body.theme-friendly .dbs-brand-strip__item strong{
  font-size:.93rem;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#f4f1ef;
}
body.theme-friendly .dbs-brands-compact .legal-note{
  margin-top:1.25rem!important;
  font-size:.76rem!important;
}
@media(max-width:720px){
  body.theme-friendly .dbs-brand-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.theme-friendly .dbs-brand-strip__item{border-bottom:1px solid #3d383b}
  body.theme-friendly .dbs-brand-strip__item:nth-child(2n){border-right:0}
  body.theme-friendly .dbs-brand-strip__item:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:440px){
  body.theme-friendly .dbs-brand-strip{grid-template-columns:1fr}
  body.theme-friendly .dbs-brand-strip__item{min-height:3.8rem;border-right:0;border-bottom:1px solid #3d383b}
  body.theme-friendly .dbs-brand-strip__item:nth-last-child(2){border-bottom:1px solid #3d383b}
  body.theme-friendly .dbs-brand-strip__item:last-child{border-bottom:0}
}
body.theme-friendly .dbs-why-photos .dbs-reason-grid{margin-top:1.65rem!important}
/* =========================================================
   V7 – Herstellerleiste mobil sauber ausrichten
   Punkt und Markenname beginnen bei allen vier Zeilen exakt
   an derselben horizontalen Position.
   ========================================================= */
@media (max-width: 440px){
  body.theme-friendly .dbs-brand-strip__item{
    display:grid!important;
    grid-template-columns:.5rem minmax(0, 11rem)!important;
    justify-content:center!important;
    align-items:center!important;
    column-gap:.9rem!important;
    padding:.9rem 1.15rem!important;
  }

  body.theme-friendly .dbs-brand-strip__item>span{
    width:.5rem!important;
    height:.5rem!important;
    margin:0!important;
    justify-self:center!important;
  }

  body.theme-friendly .dbs-brand-strip__item strong{
    width:100%!important;
    text-align:left!important;
  }
}