/* ==============================================
   SPEER BRIDGE CSS v2
   Complete dark theme override for all Bootstrap 3
   legacy pages. Loaded via site_head_base.html.
   ============================================== */

/* --- Import Google Font --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* --- CSS Variables --- */
:root {
  --speer-red: #94a3b8;
  --speer-red-dark: #cbd5e1;
  --speer-red-glow: rgba(148, 163, 184, 0.2);
  --bg-primary: #080e1a;
  --bg-secondary: #0c1425;
  --bg-card: #111a2e;
  --bg-card-hover: #162040;
  --text-primary: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --accent-gold: #c9a84c;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-medium: rgba(255, 255, 255, 0.1);
}

/* ============================
   GLOBAL / BODY
   ============================ */
body {
  background: var(--bg-primary) !important;
  background-color: var(--bg-primary) !important;
  color: var(--text-secondary) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  line-height: 1.7;
}

html {
  scroll-behavior: smooth;
}

::selection {
  background: var(--speer-red);
  color: #fff;
}

.boxed {
  background: var(--bg-primary) !important;
  box-shadow: none !important;
}

/* ============================
   TYPOGRAPHY
   ============================ */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--text-primary) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
}

p {
  color: var(--text-secondary);
}

.headline_orange, .style-title {
  color: var(--speer-red) !important;
}

.sunflower {
  color: #f1f5f9 !important;
}

.white { color: #fff !important; }
.silver { color: var(--text-muted) !important; }

/* ============================
   LINKS
   ============================ */
a {
  color: var(--speer-red) !important;
  text-decoration: none !important;
  transition: color 0.2s;
}
a:hover, a:focus {
  color: var(--accent-gold) !important;
  text-decoration: none !important;
}

/* ============================
   NAVBAR / HEADER
   ============================ */
.navbar, .navbar-default {
  background: rgba(8, 14, 26, 0.95) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: none !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  margin-bottom: 0 !important;
}

.navbar-default .navbar-nav > li > a {
  color: var(--text-secondary) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: none !important;
  transition: color 0.2s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: var(--speer-red) !important;
  background: transparent !important;
  border-bottom: 2px solid var(--speer-red) !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: var(--speer-red) !important;
  background: transparent !important;
  border-bottom: 3px solid var(--speer-red) !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: var(--speer-red) !important;
  background: transparent !important;
  border-bottom: 2px solid var(--speer-red) !important;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: var(--text-secondary) !important;
  border-bottom-color: var(--text-secondary) !important;
}

.navbar-default .navbar-toggle {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-medium) !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--bg-card-hover) !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--text-secondary) !important;
}

.navbar-brand img {
  max-height: 40px;
}

/* ============================
   DROPDOWN MENU
   ============================ */
.dropdown-menu {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-medium) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4) !important;
  padding: 8px !important;
}
.dropdown-menu > li > a {
  color: var(--text-secondary) !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  border-radius: 8px;
  padding: 10px 14px !important;
  margin: 0 !important;
  transition: all 0.2s;
}
.dropdown-menu > li.last-dropdown-li > a {
  border-bottom: none !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: var(--bg-card-hover) !important;
  color: var(--text-primary) !important;
}
.dropdown-menu > li.active,
.dropdown-menu > li.active > a {
  background-color: var(--bg-card-hover) !important;
  color: var(--speer-red) !important;
}
.dropdown-header {
  color: var(--text-muted) !important;
  background: transparent !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* ============================
   TOOLBAR
   ============================ */
.toolbar, .row.toolbar {
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  color: var(--text-muted) !important;
}
.toolbar a, .toolbar span, .toolbar i {
  color: var(--text-muted) !important;
}
.toolbar a:hover {
  color: var(--speer-red) !important;
}
.headerbar .navbar-default .navbar-nav > li > a {
  color: var(--text-muted) !important;
}
.headerbar .navbar-default .navbar-nav > li > a:hover,
.headerbar .navbar-default .navbar-nav > .active > a {
  color: var(--speer-red) !important;
  border-bottom-color: var(--speer-red) !important;
}

/* ============================
   BREADCRUMBS
   ============================ */
.breadcrumb {
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid var(--border-subtle);
}
.breadcrumb a {
  color: var(--text-muted) !important;
}
.breadcrumb a:hover {
  color: var(--speer-red) !important;
}
.breadcrumb > .active {
  color: var(--text-secondary) !important;
}
.breadcrumb > li + li::before {
  color: var(--text-muted) !important;
}

/* ============================
   CONTENT BLOCKS & SECTIONS
   ============================ */
.content-block, .content-block-nopad {
  background-color: var(--bg-primary) !important;
}

.feature {
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
}
.feature h4 {
  color: var(--text-primary) !important;
}

.feature2 {
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
  box-shadow: none !important;
}

.top-a {
  background: var(--bg-primary) !important;
}
.top-b, .top-b-for-parallax {
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
  border-color: var(--border-subtle) !important;
}
.top-c {
  background: var(--bg-primary) !important;
}
.inner-top {
  background: var(--bg-primary) !important;
}
.inner-bottom {
  background: var(--speer-red) !important;
  border-bottom-color: var(--speer-red-dark) !important;
}

.flash-wrap {
  background: var(--speer-red) !important;
}


.bg-white, .bg-white1, .bg-white2, .bg-white3 {
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
}

.row.content {
  background: var(--bg-primary) !important;
}

/* Business headers / Hero sections */
.business-header, .business-header2, .business-header3, .business-header4 {
  position: relative;
}
.business-header::after, .business-header2::after,
.business-header3::after, .business-header4::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(180deg, rgba(8,14,26,0.7) 0%, rgba(8,14,26,0.9) 100%);
  pointer-events: none;
}

.custom-page-header h1,
.business-header h1, .business-header2 h1,
.business-header3 h1, .business-header4 h1 {
  position: relative;
  z-index: 1;
}

/* Content backgrounds */
.content-2-8 .image-container .background-image-holder,
.content-2-8 .image-container .background-image-holder-corporate {
  filter: brightness(0.4);
}

.homepage-form {
  background-color: var(--bg-card) !important;
}

.newsletter {
  background-color: var(--bg-secondary) !important;
}

/* ============================
   CARDS / PANELS / WELLS
   ============================ */
.panel {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: var(--text-secondary) !important;
}
.panel-default > .panel-heading {
  background-color: var(--bg-secondary) !important;
  border-color: var(--border-subtle) !important;
  border-radius: 12px 12px 0 0 !important;
}
.panel-title {
  color: var(--text-primary) !important;
}
.panel-title > a {
  color: var(--text-primary) !important;
}
.panel-title > a:hover {
  color: var(--speer-red) !important;
}
.panel-faq > .panel-heading {
  background-color: var(--bg-secondary) !important;
}
.panel-dark {
  background: var(--bg-card) !important;
  color: var(--text-secondary) !important;
}
.panel-dark > .panel-heading,
.panel-light > .panel-heading {
  background-color: var(--speer-red) !important;
}
.panel-light {
  background: var(--bg-card) !important;
  color: var(--text-secondary) !important;
}
.panel-primary.panel-grey > .panel-heading {
  background-color: var(--bg-secondary) !important;
}

.panel-group .panel {
  border-radius: 12px !important;
  margin-bottom: 8px !important;
}
.panel-group .panel + .panel {
  margin-top: 4px !important;
}

.well {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

.thumbnail .caption {
  color: var(--text-secondary) !important;
}

/* ============================
   BUTTONS
   ============================ */
.btn-primary {
  background: var(--speer-red) !important;
  border-color: var(--speer-red) !important;
  color: #fff !important;
  border-radius: 8px !important;
  transition: all 0.2s;
}
.btn-primary:hover {
  background: var(--speer-red-dark) !important;
  border-color: var(--speer-red-dark) !important;
  transform: translateY(-1px);
}
.btn-primary-green {
  border-radius: 8px !important;
}
.btn-default {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-medium) !important;
  color: var(--text-secondary) !important;
  border-radius: 8px !important;
}
.btn-default:hover {
  background: var(--bg-card-hover) !important;
  color: var(--text-primary) !important;
}
.btn-success {
  border-radius: 8px !important;
}
.btn-info {
  border-radius: 8px !important;
}
.btn-warning {
  border-radius: 8px !important;
}
.btn-danger {
  border-radius: 8px !important;
}
.btn-dark {
  background-color: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-secondary) !important;
}
.btn-dark:hover {
  background-color: var(--bg-card-hover) !important;
}
.btn-light {
  background-color: var(--bg-secondary) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-secondary) !important;
}

.btn-outline.outline-dark {
  color: var(--text-primary) !important;
  border-color: var(--text-primary) !important;
}

.form-submit, input[type="submit"] {
  background: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 10px 28px !important;
  cursor: pointer;
  transition: all 0.3s;
}
.form-submit:hover, input[type="submit"]:hover {
  background: #334155 !important;
  border-color: rgba(255,255,255,0.3) !important;
}

/* ============================
   FORMS
   ============================ */
.form-control {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-medium) !important;
  color: var(--text-primary) !important;
  border-radius: 8px !important;
  transition: border-color 0.2s;
}
.form-control:focus {
  border-color: var(--speer-red) !important;
  box-shadow: 0 0 0 3px rgba(227, 30, 36, 0.15) !important;
}
.form-control::placeholder {
  color: var(--text-muted) !important;
}
select.form-control {
  appearance: auto;
}

label {
  color: var(--text-secondary) !important;
  font-weight: 500;
}

textarea.form-control {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

/* ============================
   TABLES
   ============================ */
.table {
  color: var(--text-secondary) !important;
}
.table > thead > tr > th {
  color: var(--text-primary) !important;
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
  border-bottom: 2px solid var(--border-medium) !important;
}
.table > tbody > tr > td,
.table > tbody > tr > th {
  border-color: var(--border-subtle) !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}
.table-hover > tbody > tr:hover {
  background-color: rgba(255, 255, 255, 0.04) !important;
}
.table-bordered {
  border-color: var(--border-subtle) !important;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td {
  border-color: var(--border-subtle) !important;
}

/* ============================
   TABS
   ============================ */
.tab-content {
  background: var(--bg-card) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}
.tab-content > .tab-pane {
  background: var(--bg-card) !important;
}
.nav-tabs {
  border-bottom-color: var(--border-subtle) !important;
}
.nav-tabs > li > a {
  color: var(--text-muted) !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background: var(--bg-card) !important;
  border-color: var(--border-subtle) !important;
  border-top: 2px solid var(--speer-red) !important;
  color: var(--text-primary) !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  background: var(--speer-red) !important;
}

/* ============================
   PAGINATION
   ============================ */
.pagination > li > a,
.pagination > li > span {
  background: var(--bg-card) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}
.pagination > .active > a,
.pagination > .active > span {
  background-color: var(--speer-red) !important;
  border-color: var(--speer-red) !important;
  color: #fff !important;
}
.pagination > li > a:hover {
  background: var(--bg-card-hover) !important;
  color: var(--text-primary) !important;
}

/* ============================
   BLOG
   ============================ */
.blog-item img {
  border-top: 3px solid var(--speer-red) !important;
  border-bottom: 1px solid var(--border-subtle) !important;
  border-left: 1px solid var(--border-subtle) !important;
  border-right: 1px solid var(--border-subtle) !important;
  border-radius: 12px !important;
}
.blog-item .post-meta,
.blog-item .post-meta span {
  color: var(--text-muted) !important;
}
.blog-content .blog-title a {
  color: var(--text-primary) !important;
}
.blog-content .blog-title a:hover {
  color: var(--speer-red) !important;
}

/* ============================
   SIDEBAR / NAV-SIDEBAR
   ============================ */
.nav-sidebar a {
  color: var(--text-secondary) !important;
  border-bottom-color: var(--border-subtle) !important;
}
.nav-sidebar .active a {
  color: var(--speer-red) !important;
  background-color: var(--bg-card) !important;
  border-bottom-color: var(--border-subtle) !important;
}
.nav-sidebar a:hover {
  color: var(--speer-red) !important;
  background-color: var(--bg-card) !important;
}

.sidebar-heading {
  border-bottom-color: var(--border-subtle) !important;
  color: var(--text-primary) !important;
}

/* ============================
   MODULE TITLES & ACCENTS
   ============================ */
.module-title {
  border-bottom-color: var(--border-subtle) !important;
  color: var(--text-primary) !important;
}
.module-title:after, .module-title2:after {
  background: var(--speer-red) !important;
}
.module-title2 {
  border-bottom-color: var(--border-subtle) !important;
}
.module-title3:after {
  background: var(--speer-red) !important;
}

.underlined-title hr {
  border-color: var(--speer-red) !important;
}
.contentline {
  border-top-color: var(--speer-red) !important;
}

/* ============================
   BLOCKQUOTES
   ============================ */
blockquote {
  border-left-color: var(--speer-red) !important;
  color: var(--text-secondary) !important;
}
blockquote.bubble, blockquote.bubble-light {
  background: var(--bg-card) !important;
  border-right-color: var(--border-subtle) !important;
}

/* ============================
   SOCIAL ICONS
   ============================ */
.social-icons-container {
  background: var(--bg-card) !important;
  border-color: var(--border-subtle) !important;
}
.social-dark li a i {
  color: var(--text-muted) !important;
}

/* ============================
   COUNTERS
   ============================ */
.content-2-7 .counter-icon,
.content-2-7 .counter-text p {
  color: var(--speer-red) !important;
}
.content-2-7-dark .counter,
.content-2-7-dark .counter-text p,
.content-2-7-dark .counter-icon {
  color: var(--text-primary) !important;
}

/* ============================
   FOOTER
   ============================ */
.mainbottom, .row.mainbottom {
  background: var(--bg-primary) !important;
  border-top: 1px solid var(--border-subtle);
}
.mainbottom .container {
  background-image: none !important;
}
.mainbottom .container p,
.mainbottom .container address {
  color: var(--text-muted) !important;
}
.mainbottom .container a {
  color: var(--text-muted) !important;
}
.mainbottom .container a:hover {
  color: var(--speer-red) !important;
}
.mainbottom .container h1,
.mainbottom .container h2,
.mainbottom .container h3,
.mainbottom .container h4,
.mainbottom .container h5,
.mainbottom .container h6 {
  color: var(--text-primary) !important;
}
.mainbottom input {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-secondary) !important;
}
.mainbottom i {
  color: var(--text-muted) !important;
}

.links a {
  color: var(--text-muted) !important;
}
.links a:hover {
  color: var(--speer-red) !important;
}

.footer {
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
  border-top-color: var(--border-subtle) !important;
  color: var(--text-muted) !important;
}
.footer a {
  color: var(--text-muted) !important;
}
.footer .copyright {
  color: var(--text-muted) !important;
}

/* ============================
   ALERTS
   ============================ */
.alert {
  border-radius: 12px !important;
}
.alert-info {
  background: rgba(4, 81, 155, 0.15) !important;
  border-color: rgba(4, 81, 155, 0.3) !important;
  color: #7eb8e0 !important;
}
.alert-warning {
  background: rgba(255, 103, 7, 0.15) !important;
  border-color: rgba(255, 103, 7, 0.3) !important;
  color: #ffb366 !important;
}
.alert-danger {
  background: rgba(227, 30, 36, 0.15) !important;
  border-color: rgba(227, 30, 36, 0.3) !important;
  color: #ff6b6f !important;
}
.alert-success {
  background: rgba(136, 193, 73, 0.15) !important;
  border-color: rgba(136, 193, 73, 0.3) !important;
  color: #a5d46a !important;
}

/* ============================
   LIST GROUPS
   ============================ */
.list-group-item {
  background: var(--bg-card) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}
.list-group-item.active {
  background: var(--speer-red) !important;
  border-color: var(--speer-red) !important;
}

/* ============================
   MODALS
   ============================ */
.modal-content {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-medium) !important;
  border-radius: 16px !important;
  color: var(--text-secondary) !important;
}
.modal-header {
  border-bottom-color: var(--border-subtle) !important;
}
.modal-header .close {
  color: var(--text-muted) !important;
  opacity: 0.7;
}
.modal-footer {
  border-top-color: var(--border-subtle) !important;
}
.modal-backdrop.in {
  opacity: 0.7;
}

/* ============================
   MEGAMENU
   ============================ */
.megamenu .megamenu-content .thumbnail {
  background-color: var(--speer-red) !important;
  border-color: var(--speer-red-dark) !important;
}
.megamenu .megamenu-content .list-unstyled > li {
  border-bottom-color: var(--border-subtle) !important;
}

/* ============================
   SHOWBIZ / GALLERIES
   ============================ */
.sb-navigation-left i,
.sb-navigation-right i,
.sb-navigation-play i {
  color: var(--speer-red) !important;
}
li.sb-light-skin {
  border-bottom-color: var(--speer-red) !important;
}

/* ============================
   IMAGES & BORDERS
   ============================ */
img {
  max-width: 100%;
  height: auto;
}

.border-right { border-right-color: var(--border-subtle) !important; }
.border-top { border-top-color: var(--border-subtle) !important; }
.border-bottom { border-bottom-color: var(--border-subtle) !important; }
.border-left { border-left-color: var(--border-subtle) !important; }

/* ============================
   POPOVER / TOOLTIP
   ============================ */
.popover {
  background: var(--bg-card) !important;
  border-color: var(--border-medium) !important;
  color: var(--text-secondary) !important;
}
.tooltip-inner {
  background: var(--bg-card) !important;
  color: var(--text-primary) !important;
}

/* ============================
   LABELS / BADGES
   ============================ */
.label-default, .badge {
  background: var(--bg-card) !important;
  color: var(--text-secondary) !important;
}

/* ============================
   FAHRZEUGAUSWAHL / VEHICLE SELECTION
   ============================ */
.fahrzeugauswahl, .kfz-select-wrapper {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-subtle);
  border-radius: 12px;
  padding: 20px;
}

/* ============================
   PROGRESS BARS
   ============================ */
.progress {
  background: var(--bg-card) !important;
  border-radius: 8px !important;
}
.progress-bar {
  background: var(--speer-red) !important;
}

/* ============================
   JUMBOTRON
   ============================ */
.jumbotron {
  background: var(--bg-secondary) !important;
  background-color: var(--bg-secondary) !important;
  background-image: none !important;
  color: var(--text-primary) !important;
}

/* ============================
   RESPONSIVE
   ============================ */
@media (max-width: 768px) {
  .navbar-default .navbar-collapse {
    background: var(--bg-primary) !important;
    border-color: var(--border-subtle) !important;
  }
  .navbar-default .navbar-nav > li > a {
    padding: 12px 20px !important;
    height: auto !important;
  }
  .breadcrumb {
    margin-top: 0 !important;
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .navbar-brand img {
    max-height: 32px;
  }
}

/* ============================
   MISC / UTILITY
   ============================ */
hr {
  border-color: var(--border-subtle) !important;
}

code {
  background: var(--bg-card);
  color: var(--speer-red);
  padding: 2px 6px;
  border-radius: 4px;
}

pre {
  background: var(--bg-card) !important;
  border-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}

.page-header {
  border-bottom-color: var(--border-subtle) !important;
}

/* ============================
   SEITENENDE GLOBAL OVERRIDES
   ============================ */
.bottom-box1 h4, .bottom-box2 h4,
.bottom-box3 h4, .bottom-box4 h4 {
  color: var(--text-primary) !important;
}

/* Fix: remove white backgrounds from content areas */
.row[style*="background:#fff"],
.row[style*="background: #fff"],
.row[style*="background-color:#fff"],
.row[style*="background-color: #fff"],
.row[style*="background:white"],
.row[style*="background: white"],
div[style*="background:#fff"],
div[style*="background: #fff"],
div[style*="background-color:#ffffff"],
div[style*="background-color: #ffffff"] {
  background: var(--bg-primary) !important;
}

/* ============================
   PRINT STYLES
   ============================ */
@media print {
  body {
    background: #fff !important;
    color: #000 !important;
  }
  a { color: #000 !important; }
  .navbar, .toolbar, .breadcrumb, .footer, .mainbottom { display: none !important; }
}

/* Preis-Darstellung: Clean statt 3D */
.speer-preis {
    font-size: 1.6em !important;
    color: #f1f5f9 !important;
    text-shadow: none !important;
    font-weight: 700 !important;
    display: block !important;
    line-height: 1.3 !important;
}
.speer-preis-small {
    font-size: 1.1em !important;
    color: #94a3b8 !important;
    text-shadow: none !important;
    font-weight: 500 !important;
    display: block !important;
    line-height: 1.3 !important;
}
.preis .mwst {
    font-size: 0.85em !important;
    color: #64748b !important;
}