/* Maskottchen Community — professioneller Hell-/Dunkelmodus 2026-09-27
   Automatisch über prefers-color-scheme, mit manueller Wahl (Auto / Hell / Dunkel).
   Diese Datei liegt bewusst nach styles.css und modern.css. */

:root{
  --theme-bg:#fbf8f3;
  --theme-surface:#ffffff;
  --theme-surface-2:#f4eee5;
  --theme-surface-3:#eee5d8;
  --theme-text:#1f2722;
  --theme-muted:#5f6962;
  --theme-heading:#073e2c;
  --theme-border:rgba(7,62,44,.12);
  --theme-border-strong:rgba(201,148,53,.30);
  --theme-shadow:0 22px 60px rgba(4,43,32,.12);
  --theme-shadow-soft:0 10px 28px rgba(4,43,32,.08);
  --theme-header:rgba(251,248,243,.90);
  --theme-header-solid:rgba(251,248,243,.97);
  --theme-menu:rgba(255,255,255,.985);
  --theme-input:#ffffff;
  --theme-input-focus:#ffffff;
  --theme-inverse:#ffffff;
  --theme-photo-filter:none;
  --theme-photo-opacity:1;
  --theme-overlay:rgba(4,24,18,.34);
  color-scheme:light;
}

html[data-theme="dark"]{
  --theme-bg:#09110e;
  --theme-surface:#101a16;
  --theme-surface-2:#131f1a;
  --theme-surface-3:#18251f;
  --theme-text:#f5f1e9;
  --theme-muted:#bac3bc;
  --theme-heading:#f0d39a;
  --theme-border:rgba(230,189,114,.17);
  --theme-border-strong:rgba(230,189,114,.34);
  --theme-shadow:0 24px 68px rgba(0,0,0,.34);
  --theme-shadow-soft:0 12px 34px rgba(0,0,0,.24);
  --theme-header:rgba(8,17,13,.88);
  --theme-header-solid:rgba(8,17,13,.97);
  --theme-menu:rgba(15,26,21,.985);
  --theme-input:#0c1612;
  --theme-input-focus:#101d17;
  --theme-inverse:#08110d;
  --theme-photo-filter:brightness(.84) saturate(.90) contrast(1.06);
  --theme-photo-opacity:.96;
  --theme-overlay:rgba(0,0,0,.56);
  --mc-cream:#111c17;
  --mc-cream-soft:#09110e;
  --mc-surface:#101a16;
  --mc-ink:#f5f1e9;
  --mc-muted:#bac3bc;
  --mc-line:rgba(230,189,114,.17);
  --mc-line-gold:rgba(230,189,114,.34);
  --mc-shadow-sm:0 12px 34px rgba(0,0,0,.24);
  --mc-shadow:0 24px 68px rgba(0,0,0,.34);
  --mc-shadow-lg:0 34px 92px rgba(0,0,0,.42);
  --cream:#111c17;
  --cream-2:#09110e;
  --white:#101a16;
  --ink:#f5f1e9;
  --muted:#bac3bc;
  --line:rgba(230,189,114,.17);
  color-scheme:dark;
}

/* Fallback if JavaScript is unavailable: respect the operating-system setting. */
@media (prefers-color-scheme:dark){
  html:not([data-theme]){
    --theme-bg:#09110e;
    --theme-surface:#101a16;
    --theme-surface-2:#131f1a;
    --theme-surface-3:#18251f;
    --theme-text:#f5f1e9;
    --theme-muted:#bac3bc;
    --theme-heading:#f0d39a;
    --theme-border:rgba(230,189,114,.17);
    --theme-border-strong:rgba(230,189,114,.34);
    --theme-input:#0c1612;
    --theme-input-focus:#101d17;
    --theme-photo-filter:brightness(.84) saturate(.90) contrast(1.06);
    color-scheme:dark;
  }
}

html,body{background-color:var(--theme-bg)}
body{color:var(--theme-text)}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 12% 0%,rgba(201,148,53,.08),transparent 28rem),
    radial-gradient(circle at 88% 28%,rgba(19,104,73,.08),transparent 30rem),
    var(--theme-bg) !important;
}
html[data-theme="dark"] main{background:transparent}
html[data-theme="dark"] ::selection{background:#d8aa4f;color:#07110d}
html[data-theme="dark"] :focus-visible{outline-color:#efc978}

/* Header and navigation */
html[data-theme="dark"] .site-header{
  background:var(--theme-header) !important;
  border-color:var(--theme-border) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset !important;
}
html[data-theme="dark"] .site-header.is-scrolled{
  background:var(--theme-header-solid) !important;
  border-color:rgba(230,189,114,.22) !important;
  box-shadow:0 14px 38px rgba(0,0,0,.28) !important;
}
html[data-theme="dark"] .logo img{
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.26)) brightness(.97) saturate(.96);
}
html[data-theme="dark"] .nav{color:#d9e0db !important}
html[data-theme="dark"] .nav .nav-link:hover,
html[data-theme="dark"] .nav .nav-link.active,
html[data-theme="dark"] .nav button.nav-link:hover,
html[data-theme="dark"] .nav button.nav-link.active,
html[data-theme="dark"] .nav .nav-link[aria-current="page"]{color:#e7bd69 !important}
html[data-theme="dark"] .dropdown-menu{
  background:var(--theme-menu) !important;
  border-color:var(--theme-border) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.42) !important;
}
html[data-theme="dark"] .dropdown-menu a{color:var(--theme-text) !important}
html[data-theme="dark"] .dropdown-menu a:hover,
html[data-theme="dark"] .dropdown-menu a:focus-visible,
html[data-theme="dark"] .dropdown-menu a.active{
  background:linear-gradient(135deg,#0c5038,#11704d) !important;
  color:#fff !important;
}

/* Theme control */
.theme-control{position:relative;display:flex;align-items:center;z-index:2300}
.theme-toggle{
  width:46px;height:46px;min-width:46px;padding:0;border:1px solid var(--theme-border-strong);
  border-radius:999px;background:rgba(255,255,255,.78);color:#123d2c;display:grid;place-items:center;
  cursor:pointer;box-shadow:0 8px 24px rgba(4,43,32,.07);position:relative;overflow:visible;
  transition:transform .22s var(--mc-ease),background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--mc-gold);box-shadow:0 12px 28px rgba(4,43,32,.12)}
.theme-toggle-icon{display:grid;place-items:center;width:22px;height:22px;font-size:19px;line-height:1}
.theme-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.theme-menu{
  position:absolute;right:0;top:calc(100% + 12px);width:min(290px,calc(100vw - 24px));padding:10px;
  border:1px solid var(--theme-border);border-radius:20px;background:var(--theme-menu);
  box-shadow:0 24px 70px rgba(4,43,32,.18);backdrop-filter:blur(18px) saturate(1.1);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);
  transform-origin:top right;transition:opacity .18s ease,transform .18s var(--mc-ease),visibility .18s ease;
}
.theme-control.is-open .theme-menu,.theme-menu.theme-menu-portal.is-open{opacity:1;visibility:visible;transform:none}
.theme-menu-title{padding:8px 10px 10px;color:var(--theme-muted);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.theme-option{
  width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 12px;
  border:0;border-radius:14px;background:transparent;color:var(--theme-text);text-align:left;cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s var(--mc-ease);
}
.theme-option:hover,.theme-option:focus-visible{background:rgba(201,148,53,.10);transform:translateX(1px)}
.theme-option[aria-checked="true"]{background:rgba(201,148,53,.14);color:var(--theme-heading)}
.theme-option-icon{font-size:18px;text-align:center}
.theme-option-copy strong{display:block;font-size:13px;line-height:1.2}
.theme-option-copy small{display:block;margin-top:3px;color:var(--theme-muted);font-size:11px;line-height:1.3}
.theme-option-check{color:var(--mc-gold);font-size:15px;opacity:0}
.theme-option[aria-checked="true"] .theme-option-check{opacity:1}
html[data-theme="dark"] .theme-toggle{
  background:rgba(16,29,23,.92);color:#f0cf8b;border-color:rgba(230,189,114,.28);
  box-shadow:0 10px 28px rgba(0,0,0,.26)
}
html[data-theme="dark"] .theme-toggle:hover{background:#14241d;border-color:#d7aa51;box-shadow:0 14px 30px rgba(0,0,0,.34)}
html[data-theme="dark"] .theme-menu{box-shadow:0 28px 74px rgba(0,0,0,.48)}

/* Text colors / surfaces */
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .display,
html[data-theme="dark"] .page-title,
html[data-theme="dark"] .card h3,
html[data-theme="dark"] .process-item h3,
html[data-theme="dark"] .legal-content h2,
html[data-theme="dark"] .signature,
html[data-theme="dark"] .price,
html[data-theme="dark"] .mobile-hero-copy h1,
html[data-theme="dark"] .mobile-section-heading h2,
html[data-theme="dark"] .mobile-cta-text h2,
html[data-theme="dark"] .mobile-services-hero h1,
html[data-theme="dark"] .mobile-service-body h2,
html[data-theme="dark"] .tile .caption,
html[data-theme="dark"] .gallery figcaption{color:var(--theme-heading) !important}
html[data-theme="dark"] .lead,
html[data-theme="dark"] .section-head .lead,
html[data-theme="dark"] .card p,
html[data-theme="dark"] .legal-content p,
html[data-theme="dark"] .legal-content li,
html[data-theme="dark"] .faq-list p,
html[data-theme="dark"] .form-note,
html[data-theme="dark"] .field-help,
html[data-theme="dark"] .mobile-lead,
html[data-theme="dark"] .mobile-intro-copy,
html[data-theme="dark"] .mobile-feature-card p,
html[data-theme="dark"] .mobile-service-body p,
html[data-theme="dark"] .mobile-cta-text p{color:var(--theme-muted) !important}
html[data-theme="dark"] .breadcrumbs{color:#aab6ae !important}
html[data-theme="dark"] .breadcrumbs a{color:#d9dfda !important}
html[data-theme="dark"] .link,
html[data-theme="dark"] .card .link,
html[data-theme="dark"] .legal-toc a{color:#e5bc6b !important}

html[data-theme="dark"] .hero{
  background:
    radial-gradient(circle at 82% 12%,rgba(201,148,53,.14),transparent 22rem),
    radial-gradient(circle at 20% 70%,rgba(30,135,94,.08),transparent 30rem),
    linear-gradient(145deg,#09120e 0%,#0d1813 62%,#14231c 100%) !important;
}
html[data-theme="dark"] .page-hero{
  background:
    radial-gradient(circle at 80% 0%,rgba(201,148,53,.13),transparent 26rem),
    linear-gradient(145deg,#09120e 0%,#111e18 100%) !important;
}
html[data-theme="dark"] .hero::before,
html[data-theme="dark"] .page-hero::before{border-color:rgba(201,148,53,.07) !important}
html[data-theme="dark"] .hero::after,
html[data-theme="dark"] .page-hero::after{border-left-color:rgba(230,189,114,.34) !important}
html[data-theme="dark"] .trust-row{border-top-color:var(--theme-border) !important}
html[data-theme="dark"] .trust-item{color:#c9d1cb !important}
html[data-theme="dark"] .trust-icon{background:rgba(18,31,25,.88) !important;border-color:rgba(230,189,114,.30) !important;box-shadow:0 8px 24px rgba(0,0,0,.22)}

html[data-theme="dark"] .section:not(.section-green):not(.christmas-final-cta){background-color:transparent}
html[data-theme="dark"] .section-cream,
html[data-theme="dark"] .legal-section{
  background:linear-gradient(180deg,#0c1612 0%,#101b16 100%) !important;
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .process-item,
html[data-theme="dark"] .tile,
html[data-theme="dark"] .gallery figure,
html[data-theme="dark"] .legal-content,
html[data-theme="dark"] .legal-toc,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .package-card,
html[data-theme="dark"] .price-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .christmas-media-card,
html[data-theme="dark"] .gallery-text-card{
  background:linear-gradient(145deg,rgba(18,31,25,.96),rgba(13,24,19,.96)) !important;
  border-color:var(--theme-border) !important;
  box-shadow:var(--theme-shadow-soft) !important;
}
html[data-theme="dark"] .card::before{border-color:rgba(230,189,114,.06)}
html[data-theme="dark"] .tile .caption{background:#111e18 !important}
html[data-theme="dark"] .gallery figcaption{background:#111e18 !important}
html[data-theme="dark"] .gallery .contain{background:#111e18 !important}
html[data-theme="dark"] .image-frame,
html[data-theme="dark"] .hero-photo,
html[data-theme="dark"] .float-card{
  background:#101b16 !important;
  border-color:rgba(230,189,114,.14) !important;
  box-shadow:var(--theme-shadow) !important;
}
html[data-theme="dark"] .float-card strong{color:#ead09a !important}
html[data-theme="dark"] .image-frame.contain img{background:#0e1914 !important}

/* Photos and graphics: reduce glare without changing brand artwork unnaturally. */
html[data-theme="dark"] .hero-photo img,
html[data-theme="dark"] .image-frame img,
html[data-theme="dark"] .gallery img,
html[data-theme="dark"] .christmas-media-card img,
html[data-theme="dark"] .christmas-hero-visual img,
html[data-theme="dark"] .christmas-image img,
html[data-theme="dark"] .christmas-contact-image img,
html[data-theme="dark"] .mobile-story-image img,
html[data-theme="dark"] .mobile-hero-figure img,
html[data-theme="dark"] .mobile-promo-figures img{
  filter:var(--theme-photo-filter) !important;
  opacity:var(--theme-photo-opacity);
}
html[data-theme="dark"] img[data-dark-src]{filter:none !important;opacity:1 !important}
html[data-theme="dark"] .logo img{opacity:1 !important}

/* Buttons and interactive controls */
html[data-theme="dark"] .btn{
  background:linear-gradient(135deg,#0b563b,#0f7650) !important;color:#fff !important;
  border:1px solid rgba(230,189,114,.16) !important;box-shadow:0 10px 28px rgba(0,0,0,.24) !important;
}
html[data-theme="dark"] .btn:hover{background:linear-gradient(135deg,#0d6645,#13845a) !important;box-shadow:0 14px 34px rgba(0,0,0,.32) !important}
html[data-theme="dark"] .btn-secondary{
  background:linear-gradient(135deg,#e0b45f,#bf8727) !important;color:#09120e !important;
  border-color:rgba(255,231,180,.24) !important;box-shadow:0 10px 26px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] .btn-secondary:hover{background:linear-gradient(135deg,#edc878,#ce9838) !important;box-shadow:0 14px 34px rgba(0,0,0,.30) !important}
html[data-theme="dark"] .btn-light{
  background:#14231d !important;color:#f0d39a !important;border-color:rgba(230,189,114,.24) !important;
}
html[data-theme="dark"] .btn-light:hover{background:#192b23 !important;border-color:#c99435 !important;color:#f6dfad !important}
html[data-theme="dark"] .btn-outline{
  background:transparent !important;color:#f0d39a !important;border-color:rgba(230,189,114,.52) !important;
}
html[data-theme="dark"] .btn-outline:hover{background:rgba(201,148,53,.12) !important}
html[data-theme="dark"] .filter-row button,
html[data-theme="dark"] .tag{
  background:#121f19 !important;color:#e8d09f !important;border-color:var(--theme-border) !important;
}
html[data-theme="dark"] .filter-row button.active,
html[data-theme="dark"] .filter-row button:hover{
  background:linear-gradient(135deg,#0b563b,#0f7650) !important;color:#fff !important;border-color:#197d58 !important;
}

/* Forms */
html[data-theme="dark"] form:not(.christmas-request-form),
html[data-theme="dark"] .christmas-request-form{
  background:linear-gradient(145deg,rgba(18,31,25,.96),rgba(12,22,18,.98)) !important;
  border-color:var(--theme-border) !important;box-shadow:var(--theme-shadow-soft) !important;
}
html[data-theme="dark"] .field label,
html[data-theme="dark"] .calculator-card label,
html[data-theme="dark"] .consent-line label{color:#e8ece9 !important}
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .calculator-card input,
html[data-theme="dark"] .calculator-card select{
  background:var(--theme-input) !important;color:var(--theme-text) !important;
  border-color:rgba(230,189,114,.18) !important;box-shadow:0 1px 0 rgba(255,255,255,.025) inset !important;
}
html[data-theme="dark"] .field input::placeholder,
html[data-theme="dark"] .field textarea::placeholder{color:#7f8e85 !important}
html[data-theme="dark"] .field input:focus,
html[data-theme="dark"] .field select:focus,
html[data-theme="dark"] .field textarea:focus,
html[data-theme="dark"] .calculator-card input:focus,
html[data-theme="dark"] .calculator-card select:focus{
  background:var(--theme-input-focus) !important;border-color:#d6a74c !important;
  box-shadow:0 0 0 4px rgba(201,148,53,.16) !important;
}
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator{filter:invert(1) sepia(.2) saturate(.5);opacity:.8}
html[data-theme="dark"] .form-feedback.is-success{background:rgba(20,103,70,.20) !important;color:#aee2c9 !important;border-color:rgba(68,171,124,.30) !important}
html[data-theme="dark"] .form-feedback.is-error{background:rgba(132,38,38,.18) !important;color:#ffc1c1 !important;border-color:rgba(218,92,92,.28) !important}

/* Legal / cookie / calculators */
html[data-theme="dark"] .legal-content code{background:#17251f !important;border-color:var(--theme-border) !important;color:#f2d7a0 !important}
html[data-theme="dark"] .cookie-banner{
  background:rgba(14,24,19,.97) !important;border-color:var(--theme-border) !important;
  box-shadow:0 28px 84px rgba(0,0,0,.48) !important;
}
html[data-theme="dark"] .cookie-banner strong{color:#efd29a !important}
html[data-theme="dark"] .cookie-banner p{color:#bcc6bf !important}
html[data-theme="dark"] .cookie-banner a{color:#e7bd69 !important}
html[data-theme="dark"] .calc-result{background:#13221b !important;border-color:var(--theme-border) !important;color:#e8ece9 !important}

/* Dark sections remain rich green, but tuned for OLED/low-light use. */
html[data-theme="dark"] .section-green,
html[data-theme="dark"] .why-bar,
html[data-theme="dark"] .cta-band,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .christmas-final-cta,
html[data-theme="dark"] .christmas-contact-card,
html[data-theme="dark"] .video-consent{
  background:
    radial-gradient(circle at 86% 8%,rgba(230,189,114,.12),transparent 20rem),
    linear-gradient(135deg,#07150f,#0a2a1d 58%,#0a3826) !important;
  border-color:rgba(230,189,114,.16) !important;
}
html[data-theme="dark"] .section-green .display,
html[data-theme="dark"] .section-green h2,
html[data-theme="dark"] .cta-band h2,
html[data-theme="dark"] .contact-card h2,
html[data-theme="dark"] .christmas-final-cta h2,
html[data-theme="dark"] .video-consent h3{color:#fff4df !important}
html[data-theme="dark"] .section-green .lead,
html[data-theme="dark"] .section-green p,
html[data-theme="dark"] .cta-band p,
html[data-theme="dark"] .contact-card p,
html[data-theme="dark"] .christmas-final-cta p,
html[data-theme="dark"] .video-consent p{color:rgba(244,241,232,.79) !important}

/* Footer */
html[data-theme="dark"] .site-footer{
  background:
    radial-gradient(circle at 82% 0%,rgba(230,189,114,.07),transparent 24rem),
    #050d0a !important;
  border-top:1px solid rgba(230,189,114,.12);
}
html[data-theme="dark"] .footer-logo img{background:#121e19 !important;border:1px solid rgba(230,189,114,.14);filter:none !important}
html[data-theme="dark"] .footer-links a{color:rgba(239,242,239,.72) !important}
html[data-theme="dark"] .footer-links a:hover{color:#e9bd67 !important}
html[data-theme="dark"] .footer-bottom{color:rgba(239,242,239,.56) !important;border-top-color:rgba(230,189,114,.12) !important}

/* Mobile layout and system dark mode */
@media (max-width:860px){
  .theme-toggle{width:48px;height:48px;min-width:48px;border-radius:17px}
  .theme-menu{position:fixed;right:12px;top:76px;width:min(300px,calc(100vw - 24px))}
  html[data-theme="dark"] body{background:#09110e !important}
  html[data-theme="dark"] body::before{background:var(--theme-overlay) !important}
  html[data-theme="dark"] .site-header{background:transparent !important;border:0 !important;box-shadow:none !important}
  html[data-theme="dark"] .menu-toggle{
    background:rgba(16,29,23,.94) !important;border-color:rgba(230,189,114,.30) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.28) !important;
  }
  html[data-theme="dark"] .menu-toggle span,
  html[data-theme="dark"] .menu-toggle::before,
  html[data-theme="dark"] .menu-toggle::after{background:#f0cf8b !important}
  html[data-theme="dark"] body.menu-open .menu-toggle{background:#14231d !important;border-color:rgba(230,189,114,.45) !important}
  html[data-theme="dark"] .nav{
    background:rgba(13,24,19,.985) !important;border-color:rgba(230,189,114,.18) !important;
    box-shadow:0 28px 60px rgba(0,0,0,.46) !important;
  }
  html[data-theme="dark"] .nav a,
  html[data-theme="dark"] .nav button.nav-link{color:#e6ebe7 !important}
  html[data-theme="dark"] .nav a.active,
  html[data-theme="dark"] .nav a:hover,
  html[data-theme="dark"] .nav button.nav-link.active,
  html[data-theme="dark"] .nav button.nav-link:hover{
    background:linear-gradient(135deg,#0b563b,#0f7650) !important;color:#fff !important;
  }
  html[data-theme="dark"] .mobile-home-shell,
  html[data-theme="dark"] .mobile-services-shell{background:#09110e !important}
  html[data-theme="dark"] .mobile-feature-grid{border-color:rgba(230,189,114,.14) !important}
  html[data-theme="dark"] .mobile-feature-card{border-color:rgba(230,189,114,.14) !important;background:rgba(16,28,22,.38)}
  html[data-theme="dark"] .mobile-story-section,
  html[data-theme="dark"] .mobile-promo-card{
    background:linear-gradient(135deg,#07150f,#0a3826) !important;box-shadow:0 18px 44px rgba(0,0,0,.30) !important;
  }
  html[data-theme="dark"] .mobile-cta-card{
    background:linear-gradient(145deg,#121f19,#0e1914) !important;border-color:rgba(230,189,114,.34) !important;
    box-shadow:0 16px 34px rgba(0,0,0,.25) !important;
  }
  html[data-theme="dark"] .mobile-service-row{
    background:rgba(16,28,22,.96) !important;border-color:rgba(230,189,114,.15) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.23) !important;
  }
  html[data-theme="dark"] .mobile-service-thumb{background:#111e18 !important;border-color:rgba(230,189,114,.13) !important}
  html[data-theme="dark"] .mobile-values-bar,
  html[data-theme="dark"] .mobile-sticky{
    background:linear-gradient(135deg,#06110d,#0a3324) !important;border-color:rgba(230,189,114,.13) !important;
  }
  html[data-theme="dark"] .mobile-sticky{box-shadow:0 -10px 28px rgba(0,0,0,.30) !important}
  html[data-theme="dark"] .mobile-sticky a{color:rgba(239,242,239,.76) !important}
  html[data-theme="dark"] .mobile-sticky a:hover,
  html[data-theme="dark"] .mobile-sticky a.active{color:#fff !important}
}

@media (max-width:520px){
  .theme-toggle{width:46px;height:46px;min-width:46px;border-radius:16px}
  .header-actions{gap:7px !important}
}
@media (max-width:390px){
  .theme-toggle{width:42px;height:42px;min-width:42px;border-radius:15px;margin-top:6px}
  .theme-menu{top:70px;right:10px;width:calc(100vw - 20px)}
}

/* Desktop header gained one compact theme control; reserve only the width actually required. */
@media (min-width:1181px){
  .site-header .header-inner{grid-template-columns:178px minmax(0,1fr) auto !important}
  .site-header .header-actions{min-width:188px !important}
  .site-header .nav a:last-child{margin-right:22px !important}
}

/* Color changes remain calm; motion preferences continue to win. */
@media (prefers-reduced-motion:no-preference){
  html.theme-ready body,
  html.theme-ready .site-header,
  html.theme-ready .card,
  html.theme-ready .tile,
  html.theme-ready .gallery figure,
  html.theme-ready form,
  html.theme-ready .legal-content,
  html.theme-ready .legal-toc,
  html.theme-ready .faq-list details,
  html.theme-ready .mobile-service-row,
  html.theme-ready .mobile-cta-card,
  html.theme-ready .theme-toggle{
    transition-property:background-color,background,border-color,color,box-shadow,filter;
    transition-duration:.28s;
    transition-timing-function:ease;
  }
}
@media (prefers-reduced-motion:reduce){
  .theme-menu{transition:none !important}
}


/* Christmas offer optimisation dark mode 2026-09-27 */
html[data-theme="dark"] .package-card-head,
html[data-theme="dark"] .price-card-top{border-bottom-color:rgba(230,189,114,.16) !important}
html[data-theme="dark"] .package-badge,
html[data-theme="dark"] .price-label,
html[data-theme="dark"] .value-kicker{background:rgba(230,189,114,.10) !important;color:#efd29a !important;border:1px solid rgba(230,189,114,.14)}
html[data-theme="dark"] .package-price,
html[data-theme="dark"] .price-card .price{color:#fff1cf !important}
html[data-theme="dark"] .package-intro,
html[data-theme="dark"] .price-sub,
html[data-theme="dark"] .package-meta,
html[data-theme="dark"] .prefill-banner p{color:#c3ccc6 !important}
html[data-theme="dark"] .prefill-banner{background:linear-gradient(145deg,rgba(18,31,25,.96),rgba(12,22,18,.98)) !important;border-color:rgba(230,189,114,.16) !important;box-shadow:var(--theme-shadow-soft) !important}
html[data-theme="dark"] .prefill-banner strong,
html[data-theme="dark"] .prefill-banner span{color:#fff1cf !important}


/* Christmas refinement dark mode 2026-09-27 */
html[data-theme="dark"] .field-helper-link,
html[data-theme="dark"] .consent-line a{color:#efd29a !important}
html[data-theme="dark"] .field-helper-link:hover,
html[data-theme="dark"] .consent-line a:hover{color:#fff1cf !important}
html[data-theme="dark"] .christmas-request-form .field-help{color:#9eaaa2 !important}


/* Final Christmas value stack dark mode 2026-09-27 */
html[data-theme="dark"] .christmas-value-stack .value-number{
  background:rgba(230,189,114,.10) !important;
  border-color:rgba(230,189,114,.24) !important;
  color:#fff1cf !important;
}
html[data-theme="dark"] .field input[type="file"]::file-selector-button{
  background:linear-gradient(135deg,#0b563b,#0f7650) !important;
  color:#fff !important;
}


/* Final contact consent dark-mode polish 2026-09-27 */
html[data-theme="dark"] .privacy-consent > label{
  background:rgba(18,31,25,.82) !important;
  border-color:rgba(230,189,114,.18) !important;
}
html[data-theme="dark"] .privacy-consent > label > span{color:#e8ece9 !important}
html[data-theme="dark"] .privacy-consent input[type="checkbox"]{
  background:#0e1914 !important;
  border-color:#819088 !important;
}
html[data-theme="dark"] .privacy-consent input[type="checkbox"]:checked{
  background-color:#c99435 !important;
  border-color:#e1b761 !important;
}


/* =========================================================
   Mobile polish + dark-mode contrast pass 2026-09-27
   Final override layer. Intentionally loaded after all prior
   website styles so mobile contrast/layout remains predictable.
   ========================================================= */
@media (max-width:860px){
  body{padding-bottom:calc(108px + env(safe-area-inset-bottom)) !important}

  /* Bottom navigation: readable labels, no awkward word splitting, and enough
     page clearance so content cannot disappear behind the navigation. */
  .mobile-sticky{
    left:10px !important;
    right:10px !important;
    bottom:max(10px,env(safe-area-inset-bottom)) !important;
    min-height:78px !important;
    padding:7px 5px !important;
    border-radius:24px !important;
  }
  .mobile-sticky a{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:0 !important;
    min-height:62px !important;
    padding:6px 1px !important;
    font-size:clamp(7.5px,2.2vw,9px) !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
  }
  .mobile-sticky a b{font-size:20px !important;line-height:1 !important;margin-bottom:5px !important}

  /* Christmas hero: keep both brand words intact and make primary actions
     full-width, thumb-friendly and visually equal. */
  .christmas-hero .page-title{
    max-width:100% !important;
    font-size:clamp(36px,9.6vw,46px) !important;
    line-height:.98 !important;
    letter-spacing:-.035em !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    text-wrap:initial !important;
  }
  .christmas-hero .page-title .gold{display:block !important;margin-top:4px !important}
  .christmas-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
    margin:28px 0 0 !important;
  }
  .christmas-actions > .btn-secondary,
  .christmas-actions > .btn-light{
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    min-height:58px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:15px 18px !important;
    box-sizing:border-box !important;
    font-size:12px !important;
    line-height:1.2 !important;
    text-align:center !important;
  }

  /* Cards and offer rows breathe more on phones without losing hierarchy. */
  .christmas-offer-grid .package-card,
  .christmas-price-grid .price-card,
  .christmas-values-section .christmas-value-card{
    border-radius:26px !important;
  }
  .christmas-offer-grid .package-card h3,
  .christmas-price-grid .price-card h3{
    font-size:clamp(28px,8.2vw,38px) !important;
    line-height:1.02 !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
    text-wrap:balance !important;
  }
  .christmas-offer-grid .package-price,
  .christmas-price-grid .price-card .price{font-size:clamp(42px,13vw,56px) !important}
  .christmas-offer-grid .package-card-actions,
  .christmas-price-grid .price-card-actions{gap:12px !important}
  .christmas-offer-grid .package-card-actions .btn-light,
  .christmas-offer-grid .package-card-actions .btn-secondary,
  .christmas-price-grid .price-card-actions .btn-light,
  .christmas-price-grid .price-card-actions .btn-secondary{
    min-height:56px !important;
    padding:14px 16px !important;
    font-size:12px !important;
  }
  .christmas-offer-grid .package-meta,
  .christmas-price-grid .package-meta{font-size:12px !important;line-height:1.45 !important}

  .christmas-anchorbar .big-tags{
    justify-content:flex-start !important;
    gap:10px !important;
  }
  .christmas-anchorbar .tag{min-height:44px !important;padding:11px 15px !important}

  .christmas-gallery .gallery-text-card > div{padding:24px !important}
  .christmas-gallery .gallery-text-card h3{font-size:clamp(26px,7.3vw,34px) !important;line-height:1.08 !important}

  .christmas-request-redirect .christmas-final-cta{padding:26px !important}
  .christmas-request-redirect .christmas-final-cta .btn-secondary{min-height:56px !important}

  /* General mobile typography: do not allow long headings to be broken in the
     middle of words. */
  .page-title,.display,.card h3,.process-item h3{
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
  }
}

/* High-contrast mobile dark mode. This explicitly covers components whose
   legacy light-mode rules used literal dark green/gray values. */
@media (max-width:860px){
  html[data-theme="dark"] body{
    background:#07100c !important;
    color:#f4f2eb !important;
  }
  html[data-theme="dark"] main{background:#07100c !important}

  html[data-theme="dark"] .section:not(.section-green),
  html[data-theme="dark"] .section-cream,
  html[data-theme="dark"] .christmas-anchorbar{
    color:#f4f2eb !important;
  }
  html[data-theme="dark"] .section-cream,
  html[data-theme="dark"] .christmas-anchorbar{
    background:linear-gradient(180deg,#0a1410 0%,#0c1813 100%) !important;
  }

  html[data-theme="dark"] .section p,
  html[data-theme="dark"] .section li,
  html[data-theme="dark"] .section .lead,
  html[data-theme="dark"] .package-intro,
  html[data-theme="dark"] .price-sub,
  html[data-theme="dark"] .package-meta,
  html[data-theme="dark"] .process-item p,
  html[data-theme="dark"] .gallery-text-card p,
  html[data-theme="dark"] .testimonial-card p{
    color:#cbd3cd !important;
  }

  html[data-theme="dark"] .check-list li,
  html[data-theme="dark"] .section-green .check-list li,
  html[data-theme="dark"] .card .check-list li,
  html[data-theme="dark"] .gallery-text-card .check-list li,
  html[data-theme="dark"] #weihnachten-bedingungen .check-list li{
    color:#dce2de !important;
  }
  html[data-theme="dark"] .check-list li::before{
    background:#0a6848 !important;
    color:#fff !important;
    box-shadow:0 0 0 1px rgba(230,189,114,.08) inset !important;
  }

  html[data-theme="dark"] .card,
  html[data-theme="dark"] .package-card,
  html[data-theme="dark"] .price-card,
  html[data-theme="dark"] .testimonial-card,
  html[data-theme="dark"] .gallery-text-card,
  html[data-theme="dark"] .process-item,
  html[data-theme="dark"] .faq-list details{
    background:linear-gradient(145deg,#101d17 0%,#0c1712 100%) !important;
    border-color:rgba(230,189,114,.20) !important;
    box-shadow:0 14px 36px rgba(0,0,0,.28) !important;
  }

  html[data-theme="dark"] .card h3,
  html[data-theme="dark"] .package-card h3,
  html[data-theme="dark"] .price-card h3,
  html[data-theme="dark"] .testimonial-card h3,
  html[data-theme="dark"] .gallery-text-card h3,
  html[data-theme="dark"] .process-item h3,
  html[data-theme="dark"] .faq-list summary{
    color:#f1d291 !important;
  }
  html[data-theme="dark"] .price,
  html[data-theme="dark"] .package-price{color:#f5ddb0 !important}

  html[data-theme="dark"] .note-card{
    background:linear-gradient(145deg,#111f18,#0d1813) !important;
    color:#f0eee7 !important;
    border:1px solid rgba(230,189,114,.24) !important;
    border-left:5px solid #d6a445 !important;
    box-shadow:0 14px 34px rgba(0,0,0,.27) !important;
  }

  html[data-theme="dark"] .tag,
  html[data-theme="dark"] .big-tags .tag{
    background:#101d17 !important;
    color:#f0cf8d !important;
    border-color:rgba(230,189,114,.25) !important;
  }
  html[data-theme="dark"] .tag:hover,
  html[data-theme="dark"] .tag:focus-visible{
    background:#173025 !important;
    color:#ffe2a6 !important;
    border-color:#c99435 !important;
  }

  html[data-theme="dark"] .package-badge,
  html[data-theme="dark"] .price-label,
  html[data-theme="dark"] .value-kicker{
    background:rgba(230,189,114,.10) !important;
    color:#f2d49a !important;
    border-color:rgba(230,189,114,.22) !important;
  }

  html[data-theme="dark"] .christmas-values-section{
    background:linear-gradient(180deg,#06110d 0%,#082219 100%) !important;
  }
  html[data-theme="dark"] .christmas-values-section > .container > div > p{color:#d2dad4 !important}
  html[data-theme="dark"] .christmas-values-section .christmas-value-card p{color:#d2dad4 !important}

  html[data-theme="dark"] .video-consent,
  html[data-theme="dark"] .calculator-card,
  html[data-theme="dark"] .christmas-final-cta{
    color:#f4f2eb !important;
  }

  html[data-theme="dark"] .calc-result{
    background:#13231b !important;
    color:#eef2ef !important;
    border-color:rgba(230,189,114,.20) !important;
  }

  html[data-theme="dark"] .christmas-actions .btn-secondary{
    background:linear-gradient(135deg,#e2b75f,#c78d28) !important;
    color:#07110d !important;
    border-color:rgba(255,235,192,.35) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.28) !important;
  }
  html[data-theme="dark"] .christmas-actions .btn-light{
    background:#13241c !important;
    color:#f2d397 !important;
    border:1px solid rgba(230,189,114,.36) !important;
    box-shadow:0 10px 26px rgba(0,0,0,.22) !important;
  }

  html[data-theme="dark"] .mobile-sticky{
    background:linear-gradient(135deg,rgba(4,27,19,.985),rgba(5,55,38,.985)) !important;
    border-color:rgba(230,189,114,.24) !important;
    box-shadow:0 14px 38px rgba(0,0,0,.48) !important;
  }
  html[data-theme="dark"] .mobile-sticky a{color:#d7ded9 !important}
  html[data-theme="dark"] .mobile-sticky a b{color:#efc978 !important}
  html[data-theme="dark"] .mobile-sticky a.active,
  html[data-theme="dark"] .mobile-sticky a[aria-current="page"]{
    background:rgba(230,189,114,.10) !important;
    color:#fff3d7 !important;
  }

  html[data-theme="dark"] .christmas-contact-card .contact-list a,
  html[data-theme="dark"] .contact-card .contact-list a,
  html[data-theme="dark"] .field-helper-link,
  html[data-theme="dark"] .privacy-consent a{color:#f0cc83 !important}

  html[data-theme="dark"] .form-note,
  html[data-theme="dark"] .field-help{color:#b8c2bb !important}
  html[data-theme="dark"] .privacy-consent > label{
    background:#101d17 !important;
    border-color:rgba(230,189,114,.22) !important;
  }
  html[data-theme="dark"] .privacy-consent > label > span{color:#e5eae6 !important}
}

@media (max-width:420px){
  .christmas-hero .page-title{font-size:clamp(34px,9vw,39px) !important}
  .christmas-actions > .btn-secondary,
  .christmas-actions > .btn-light{min-height:56px !important}
  .christmas-offer-grid .package-card,
  .christmas-price-grid .price-card{padding:22px !important}
  .christmas-values-section .christmas-value-card{padding:22px !important}
  .christmas-gallery .gallery-text-card > div{padding:22px !important}
}

/* Dedicated mobile home/services dark surfaces */
@media (max-width:860px){
  html[data-theme="dark"] .mobile-home-shell,
  html[data-theme="dark"] .mobile-services-shell{background:#07100c !important;color:#f4f2eb !important}
  html[data-theme="dark"] .mobile-section-heading h2,
  html[data-theme="dark"] .mobile-feature-card h3,
  html[data-theme="dark"] .mobile-service-body h2,
  html[data-theme="dark"] .mobile-services-hero h1,
  html[data-theme="dark"] .mobile-cta-text h2{color:#f0d39a !important}
  html[data-theme="dark"] .mobile-intro-copy,
  html[data-theme="dark"] .mobile-services-hero p,
  html[data-theme="dark"] .mobile-feature-card p,
  html[data-theme="dark"] .mobile-service-body p,
  html[data-theme="dark"] .mobile-cta-text p{color:#cbd3cd !important}
  html[data-theme="dark"] .mobile-feature-card,
  html[data-theme="dark"] .mobile-service-row,
  html[data-theme="dark"] .mobile-cta-card{
    background:linear-gradient(145deg,#101d17,#0c1712) !important;
    border-color:rgba(230,189,114,.20) !important;
  }
  html[data-theme="dark"] .mobile-service-thumb{background:#111f19 !important;border-color:rgba(230,189,114,.18) !important}
  html[data-theme="dark"] .mobile-pretitle,
  html[data-theme="dark"] .mobile-kicker{color:#dfb35e !important}
}


/* MOBILE EXPERIENCE FINAL LAYER 2026-09-27
   Final cascade layer for iOS Safari, Chrome/Samsung Internet and Firefox Android.
   Keeps touch targets, safe-area spacing, contrast and Christmas hero layout consistent. */
@media (max-width:860px){
  :root{--mc-mobile-gutter:clamp(14px,4vw,20px)}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:128px}
  body{
    padding-bottom:calc(112px + env(safe-area-inset-bottom)) !important;
    overflow-x:hidden !important;
  }
  .container{width:calc(100% - (var(--mc-mobile-gutter) * 2)) !important;max-width:none !important}

  /* Header: stable on narrow phones and browsers with dynamic address bars. */
  .site-header{padding-top:env(safe-area-inset-top) !important}
  .header-inner{min-width:0 !important}
  .logo{min-width:0 !important}
  .logo img{max-width:min(112px,30vw) !important;height:auto !important}
  .header-actions{flex:0 0 auto !important;gap:8px !important}
  .theme-control,.theme-toggle,.menu-toggle{flex:0 0 auto !important}
  .theme-toggle,.menu-toggle{min-width:48px !important;min-height:48px !important}

  /* Christmas hero: preserve whole words and centre the actions. */
  .christmas-hero{
    padding-top:clamp(50px,12vw,68px) !important;
    padding-bottom:clamp(64px,15vw,88px) !important;
  }
  .christmas-hero .container{display:block !important}
  .christmas-page-title{
    display:block !important;
    max-width:100% !important;
    margin:12px 0 24px !important;
    font-size:clamp(29px,8.35vw,42px) !important;
    line-height:.98 !important;
    letter-spacing:-.04em !important;
    word-break:normal !important;
    overflow-wrap:normal !important;
    hyphens:none !important;
  }
  .christmas-page-title .christmas-title-primary,
  .christmas-page-title .christmas-title-secondary{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    white-space:nowrap !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
  }
  .christmas-page-title .christmas-title-primary{
    font-size:1em !important;
  }
  .christmas-page-title .christmas-title-secondary{
    margin-top:6px !important;
    font-size:.95em !important;
  }
  .christmas-hero .lead{
    max-width:36rem !important;
    margin-right:auto !important;
    font-size:clamp(16px,4.45vw,19px) !important;
    line-height:1.72 !important;
  }
  .christmas-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:stretch !important;
    width:min(100%,340px) !important;
    max-width:340px !important;
    gap:12px !important;
    margin:30px auto 0 !important;
  }
  .christmas-actions > .btn-secondary,
  .christmas-actions > .btn-light{
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:58px !important;
    margin:0 !important;
    padding:15px 18px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    box-sizing:border-box !important;
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.06em !important;
    text-align:center !important;
  }
  .christmas-actions > .btn-secondary:active,
  .christmas-actions > .btn-light:active,
  .package-card-actions a:active,
  .price-card-actions a:active{transform:scale(.985) !important}

  /* Mobile content rhythm and touch targets. */
  .section{padding-top:clamp(54px,13vw,72px) !important;padding-bottom:clamp(54px,13vw,72px) !important}
  .section-head{margin-bottom:28px !important}
  .card,.process-item,.faq-list details,.gallery figure,.note-card{border-radius:24px !important}
  .card{padding:clamp(22px,5.5vw,28px) !important}
  .btn,.btn-secondary,.btn-light,.btn-outline,.tag,.filter-row button{min-height:48px}
  input,select,textarea,button{font-size:16px}
  select,input,textarea{-webkit-appearance:none;appearance:none}
  input[type="checkbox"],input[type="radio"]{-webkit-appearance:auto;appearance:auto}

  /* Offer CTA buttons remain usable and centered on every narrow viewport. */
  .christmas-offer-grid .package-card-actions,
  .christmas-price-grid .price-card-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    gap:10px !important;
  }
  .christmas-offer-grid .package-card-actions .btn-light,
  .christmas-offer-grid .package-card-actions .btn-secondary,
  .christmas-price-grid .price-card-actions .btn-light,
  .christmas-price-grid .price-card-actions .btn-secondary{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:56px !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .package-meta{text-align:center !important;width:100% !important}

  /* Sticky navigation: predictable height, no text collision, safe-area aware. */
  .mobile-sticky{
    left:10px !important;
    right:10px !important;
    bottom:max(10px,env(safe-area-inset-bottom)) !important;
    min-height:76px !important;
    padding:7px 6px calc(7px + env(safe-area-inset-bottom) * .25) !important;
    border-radius:24px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  .mobile-sticky a{
    display:flex !important;
    min-width:0 !important;
    min-height:60px !important;
    padding:7px 1px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:4px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
    font-size:clamp(8px,2.25vw,10px) !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    text-transform:uppercase !important;
  }
  .mobile-sticky a b{margin:0 !important;font-size:19px !important;line-height:1 !important}

  /* Prevent legacy literal colours from becoming low contrast in mobile dark mode. */
  html[data-theme="dark"] body,
  html[data-theme="dark"] main{background:#06100c !important;color:#f3f1e9 !important}
  html[data-theme="dark"] .page-hero,
  html[data-theme="dark"] .christmas-hero{
    background:
      radial-gradient(circle at 85% 16%,rgba(201,148,53,.13),transparent 20rem),
      linear-gradient(145deg,#07110d 0%,#0a1b14 58%,#0b2419 100%) !important;
  }
  html[data-theme="dark"] .breadcrumbs,
  html[data-theme="dark"] .eyebrow,
  html[data-theme="dark"] .kicker{color:#e5bd6b !important}
  html[data-theme="dark"] .page-title,
  html[data-theme="dark"] .display,
  html[data-theme="dark"] .section h2{color:#f7e3b8 !important}
  html[data-theme="dark"] .christmas-page-title .christmas-title-primary{color:#f6dca6 !important}
  html[data-theme="dark"] .christmas-page-title .christmas-title-secondary{color:#d9a13a !important}
  html[data-theme="dark"] .page-hero .lead,
  html[data-theme="dark"] .christmas-hero .lead{color:#d7ddd9 !important}

  html[data-theme="dark"] .section p,
  html[data-theme="dark"] .section li,
  html[data-theme="dark"] .card p,
  html[data-theme="dark"] .card li,
  html[data-theme="dark"] .process-item p,
  html[data-theme="dark"] .faq-list p,
  html[data-theme="dark"] .gallery-text-card p,
  html[data-theme="dark"] .note-card{
    color:#d2dad4 !important;
  }
  html[data-theme="dark"] .check-list li{color:#e2e7e3 !important}
  html[data-theme="dark"] .card h3,
  html[data-theme="dark"] .process-item h3,
  html[data-theme="dark"] .gallery-text-card h3,
  html[data-theme="dark"] .testimonial-card h3{color:#f0cf8d !important}
  html[data-theme="dark"] .note-card{
    background:linear-gradient(145deg,#101d17,#0b1712) !important;
    border-color:rgba(230,189,114,.28) !important;
    border-left:5px solid #d8a343 !important;
  }
  html[data-theme="dark"] .card,
  html[data-theme="dark"] .process-item,
  html[data-theme="dark"] .gallery figure,
  html[data-theme="dark"] .faq-list details,
  html[data-theme="dark"] .package-card,
  html[data-theme="dark"] .price-card,
  html[data-theme="dark"] .testimonial-card{
    background:linear-gradient(145deg,#101e17,#0a1611) !important;
    border-color:rgba(230,189,114,.22) !important;
  }
  html[data-theme="dark"] .christmas-actions > .btn-secondary{
    background:linear-gradient(135deg,#e9bd62,#cf942d) !important;
    color:#07100c !important;
    border:1px solid rgba(255,239,204,.38) !important;
  }
  html[data-theme="dark"] .christmas-actions > .btn-light{
    background:#12231b !important;
    color:#f6d998 !important;
    border:1px solid rgba(230,189,114,.42) !important;
  }
  html[data-theme="dark"] .christmas-actions > .btn-light:active,
  html[data-theme="dark"] .christmas-actions > .btn-secondary:active{filter:brightness(1.08)}
}

/* Extra-narrow phones: fit the complete "Weihnachtsmann" word without splitting. */
@media (max-width:360px){
  .christmas-page-title{font-size:clamp(27px,8.1vw,30px) !important}
  .christmas-actions{width:min(100%,316px) !important}
  .mobile-sticky{left:6px !important;right:6px !important}
  .mobile-sticky a{font-size:8px !important}
}

/* Mobile-only animation layer. No continuous movement; elements animate once on entry. */
@media (max-width:860px) and (prefers-reduced-motion:no-preference){
  .motion-enabled .christmas-title-primary.motion-target,
  .motion-enabled .christmas-title-secondary.motion-target{
    transition-duration:.52s,.56s,.01ms !important;
  }
  .motion-enabled .christmas-actions > .motion-target{
    transition-duration:.50s,.54s,.01ms !important;
  }
  .motion-enabled .mobile-sticky.motion-target{--motion-y:28px !important;transition-duration:.48s,.52s,.01ms !important}
  .motion-enabled .site-header .logo.motion-target,
  .motion-enabled .site-header .theme-control.motion-target,
  .motion-enabled .site-header .menu-toggle.motion-target{transition-duration:.42s,.46s,.01ms !important}

  .motion-in .check-list li::before{animation:mc-mobile-check-pop .34s cubic-bezier(.2,.8,.2,1) both}
  .motion-in .check-list li:nth-child(2)::before{animation-delay:.07s}
  .motion-in .check-list li:nth-child(3)::before{animation-delay:.14s}
  .motion-in .check-list li:nth-child(4)::before{animation-delay:.21s}

  .mobile-sticky a:active{transform:scale(.96)}
  .theme-toggle:active,.menu-toggle:active{transform:scale(.96)}
}
@keyframes mc-mobile-check-pop{
  0%{transform:scale(.72);opacity:.25}
  70%{transform:scale(1.08);opacity:1}
  100%{transform:scale(1);opacity:1}
}


/* Instagram + SEO content integration 2026-09-28 */
.christmas-instagram-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(22px,3vw,42px);padding:clamp(28px,4vw,48px);border:1px solid rgba(230,189,114,.24);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,241,232,.96));box-shadow:0 22px 60px rgba(4,43,32,.14);color:#1f2722}
.instagram-profile-mark{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:linear-gradient(135deg,#8a3ab9,#e95950 50%,#fccc63);box-shadow:0 14px 34px rgba(91,41,111,.20)}
.instagram-icon{display:inline-grid;place-items:center;width:44px;height:44px;color:#fff}.instagram-icon svg,.instagram-mini-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.instagram-icon .instagram-dot,.instagram-mini-icon .instagram-dot{fill:currentColor;stroke:none}
.instagram-profile-copy h2{margin:6px 0 10px;color:var(--mc-green);font-size:clamp(28px,3vw,44px);line-height:1.02}.instagram-profile-copy p{margin:0 0 12px;color:#59645d}.instagram-handle{display:inline-flex;align-items:center;gap:7px;color:var(--mc-green);font-weight:850;overflow-wrap:anywhere}.instagram-profile-action .btn-secondary{white-space:nowrap}
.christmas-region-card{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.christmas-region-card h3{margin:14px 0 10px}
.christmas-instagram-contact-cta{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;margin:18px 0 8px;padding:14px 16px;border:1px solid rgba(230,189,114,.26);border-radius:18px;background:rgba(255,255,255,.10);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.christmas-instagram-contact-cta:hover{transform:translateY(-2px);border-color:rgba(230,189,114,.52);background:rgba(255,255,255,.14)}.instagram-mini-icon{display:grid;place-items:center;width:38px;height:38px;padding:8px;border-radius:12px;background:linear-gradient(135deg,#8a3ab9,#e95950 50%,#fccc63);color:#fff}.christmas-instagram-contact-cta small,.christmas-instagram-contact-cta strong{display:block}.christmas-instagram-contact-cta small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.68)}.christmas-instagram-contact-cta strong{font-size:14px;color:#fff}.external-arrow{font-size:20px;color:#f0c36b}
html[data-theme="dark"] .christmas-instagram-card{background:linear-gradient(145deg,rgba(18,31,25,.98),rgba(12,22,18,.98));border-color:rgba(230,189,114,.20);color:#edf2ee;box-shadow:0 24px 70px rgba(0,0,0,.32)}html[data-theme="dark"] .instagram-profile-copy h2,html[data-theme="dark"] .instagram-handle{color:#f3d49b}html[data-theme="dark"] .instagram-profile-copy p{color:#c8d0ca}
@media(max-width:860px){.christmas-instagram-card{grid-template-columns:1fr;text-align:center;padding:26px 22px}.instagram-profile-mark{margin-inline:auto}.instagram-profile-action{width:100%}.instagram-profile-action .btn-secondary{width:min(100%,340px);justify-content:center}.instagram-handle{justify-content:center}.christmas-region-section .split{grid-template-columns:1fr!important}}


/* Instagram + TikTok Christmas social integration 2026-09-28 */
.christmas-social-section .christmas-social-head{max-width:860px;margin-inline:auto;text-align:center}
.christmas-social-section .christmas-social-head .lead{margin-inline:auto;color:rgba(255,255,255,.78)!important}
.christmas-social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.christmas-social-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mark copy" "button button";align-items:start;gap:22px;padding:clamp(26px,3vw,38px);border:1px solid rgba(230,189,114,.24);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,241,232,.96));box-shadow:0 20px 56px rgba(4,43,32,.13);color:#1f2722;min-width:0}
.christmas-social-mark{grid-area:mark;display:grid;place-items:center;width:74px;height:74px;border-radius:22px;flex:none;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.christmas-social-copy{grid-area:copy;min-width:0}.christmas-social-copy h3{margin:7px 0 10px;color:var(--mc-green);font-size:clamp(25px,2.2vw,34px);line-height:1.04}.christmas-social-copy p{margin:0 0 14px;color:#59645d;max-width:54ch}.social-platform-label{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border-radius:999px;background:rgba(7,62,44,.07);color:var(--mc-green);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.christmas-social-handle{display:inline-flex;align-items:center;gap:6px;max-width:100%;color:var(--mc-green);font-weight:850;overflow-wrap:anywhere;word-break:break-word}
.christmas-social-button{grid-area:button;width:100%;justify-content:center;text-align:center;margin-top:2px}
.tiktok-profile-mark{background:linear-gradient(135deg,#101010 8%,#242424 100%);position:relative;overflow:hidden}.tiktok-profile-mark::before{content:"";position:absolute;inset:-20%;background:linear-gradient(135deg,rgba(37,244,238,.22),transparent 48%,rgba(254,44,85,.24));transform:rotate(18deg)}
.tiktok-icon{position:relative;display:grid;place-items:center;width:42px;height:42px;color:#fff}.tiktok-icon svg,.tiktok-mini-icon svg{width:100%;height:100%;fill:currentColor;stroke:none}
.christmas-social-contact-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:18px 0 8px}
.christmas-social-contact-grid .christmas-instagram-contact-cta{margin:0}
.christmas-tiktok-contact-cta{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(230,189,114,.26);border-radius:18px;background:rgba(255,255,255,.10);color:#fff;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.christmas-tiktok-contact-cta:hover{transform:translateY(-2px);border-color:rgba(230,189,114,.52);background:rgba(255,255,255,.14)}
.tiktok-mini-icon{display:grid;place-items:center;width:38px;height:38px;padding:8px;border-radius:12px;background:linear-gradient(135deg,#0d0d0d,#282828);color:#fff;box-shadow:inset 2px 0 0 rgba(37,244,238,.34),inset -2px 0 0 rgba(254,44,85,.28)}
.christmas-tiktok-contact-cta small,.christmas-tiktok-contact-cta strong{display:block}.christmas-tiktok-contact-cta small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.68)}.christmas-tiktok-contact-cta strong{font-size:14px;color:#fff}
html[data-theme="dark"] .christmas-social-card{background:linear-gradient(145deg,rgba(18,31,25,.98),rgba(12,22,18,.98));border-color:rgba(230,189,114,.20);color:#edf2ee;box-shadow:0 24px 70px rgba(0,0,0,.32)}
html[data-theme="dark"] .christmas-social-copy h3,html[data-theme="dark"] .christmas-social-handle{color:#f3d49b}html[data-theme="dark"] .christmas-social-copy p{color:#c8d0ca}html[data-theme="dark"] .social-platform-label{background:rgba(230,189,114,.10);color:#efd29a;border:1px solid rgba(230,189,114,.14)}
@media(max-width:860px){
  .christmas-social-grid{grid-template-columns:1fr;gap:16px}
  .christmas-social-card{grid-template-columns:1fr;grid-template-areas:"mark" "copy" "button";text-align:center;padding:26px 22px}
  .christmas-social-mark{margin-inline:auto}.christmas-social-handle{justify-content:center}.christmas-social-button{width:min(100%,340px);margin-inline:auto}.christmas-social-section .section-head{margin-bottom:28px!important}
}


/* Christmas pricing cleanup dark mode 2026-09-28 */
html[data-theme="dark"] .christmas-price-estimate{
  background:linear-gradient(145deg,rgba(18,31,25,.96),rgba(12,22,18,.98)) !important;
  border-color:rgba(230,189,114,.22) !important;
}
html[data-theme="dark"] .price-estimate-label{color:#e7bd69 !important}
html[data-theme="dark"] .christmas-price-estimate output{color:#f6ead0 !important}


/* Christmas split-address form refinement — dark mode 2026-09-28 */
html[data-theme="dark"] .christmas-address-group{
  background:linear-gradient(145deg,rgba(18,31,25,.74),rgba(12,22,18,.82)) !important;
  border-color:rgba(230,189,114,.18) !important;
}
html[data-theme="dark"] .christmas-address-group legend{color:#efd29a !important}


/* Contact window + Christmas individual request refinement — dark mode 2026-09-28 */
html[data-theme="dark"] .contact-window-group{
  background:linear-gradient(145deg,rgba(18,31,25,.74),rgba(12,22,18,.82)) !important;
  border-color:rgba(230,189,114,.18) !important;
}
html[data-theme="dark"] .contact-window-group legend{color:#efd29a !important}
html[data-theme="dark"] #weih-service:required:invalid{color:#9aa69e !important}
html[data-theme="dark"] #weih-service option{background:#13211b;color:#edf2ee}


/* MOBILE THEME MENU VIEWPORT FIX 2026-09-28
   Keep the appearance selector inside the visual viewport on iOS Safari,
   Chrome/Samsung Internet and Firefox Android. The theme control itself must
   not create a transformed containing block because its menu is position:fixed. */
@media (max-width:860px){
  .site-header .theme-control,
  .site-header .theme-control.motion-target,
  .site-header .theme-control.motion-in{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
    will-change:auto !important;
  }

  .theme-menu{
    position:fixed !important;
    top:var(--theme-menu-top, calc(env(safe-area-inset-top, 0px) + 82px)) !important;
    left:max(12px, env(safe-area-inset-left, 0px)) !important;
    right:max(12px, env(safe-area-inset-right, 0px)) !important;
    width:auto !important;
    max-width:360px !important;
    max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 104px) !important;
    margin-left:auto !important;
    margin-right:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box !important;
    z-index:9999 !important;
    transform-origin:top right !important;
  }

  .theme-menu-title{padding:8px 12px 10px !important}
  .theme-option{
    grid-template-columns:30px minmax(0,1fr) 22px !important;
    min-width:0 !important;
    padding:13px 12px !important;
    gap:10px !important;
  }
  .theme-option-copy{min-width:0 !important}
  .theme-option-copy strong{font-size:15px !important;line-height:1.25 !important}
  .theme-option-copy small{font-size:12px !important;line-height:1.4 !important;white-space:normal !important}
  .theme-option-icon{font-size:18px !important}
  .theme-option-check{font-size:18px !important}
}

@media (max-width:420px){
  .theme-menu{
    top:var(--theme-menu-top, calc(env(safe-area-inset-top, 0px) + 78px)) !important;
    left:max(10px, env(safe-area-inset-left, 0px)) !important;
    right:max(10px, env(safe-area-inset-right, 0px)) !important;
    max-width:none !important;
    margin-inline:0 !important;
    border-radius:18px !important;
  }
}

@supports not (height:100dvh){
  @media (max-width:860px){
    .theme-menu{max-height:calc(100vh - 104px) !important}
  }
}


/* Mobile home hero title — dark mode refinement 2026-09-28 */
@media (max-width:860px){
  html[data-theme="dark"] .mobile-hero-title{color:#f0d39a !important}
  html[data-theme="dark"] .mobile-hero-titleblock .mobile-script{color:#d5a44b !important}
  html[data-theme="dark"] .mobile-hero-copy .mobile-lead{color:#d2d9d4 !important}
}

/* Bilingual language switch — dark mode */
html[data-theme="dark"] .language-switch{
  background:#101b16 !important;
  border-color:rgba(230,189,114,.22) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.22) !important;
}
html[data-theme="dark"] .language-option{color:#f0d39a !important}
html[data-theme="dark"] .language-option:hover,
html[data-theme="dark"] .language-option:focus-visible{background:rgba(230,189,114,.10) !important;color:#fff1cf !important}
html[data-theme="dark"] .language-option.active{background:linear-gradient(135deg,#d9aa4f,#bf8727) !important;color:#09120e !important}
@media (max-width:860px){
  html[data-theme="dark"] .language-switch{background:#101b16 !important;border-color:rgba(230,189,114,.28) !important}
  html[data-theme="dark"] .language-switch .language-option:not(.active){color:#f0d39a !important;background:transparent !important}
}


/* English form controls in dark mode 2026-09-28 */
html[lang^="en"][data-theme="dark"] .localized-file-upload{background:#101b16;border-color:rgba(230,189,114,.20)}
html[lang^="en"][data-theme="dark"] .localized-file-button{background:#0f6d4e;color:#fff1cf;border:1px solid rgba(230,189,114,.22)}
html[lang^="en"][data-theme="dark"] .localized-file-name{color:#d7dfd9}

/* =========================================================
   MOBILE HEADER + TYPOGRAPHY FINAL POLISH 2026-09-28
   Equalises appearance, language and navigation controls and
   provides a final mobile-safe typography/navigation layer.
   ========================================================= */
@media (max-width:860px){
  :root{
    --mc-mobile-control:52px;
    --mc-mobile-control-radius:18px;
    --mc-mobile-header-gap:9px;
  }

  .site-header .header-inner{
    min-height:104px !important;
    height:auto !important;
    padding:12px 0 !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
  }

  .site-header .logo{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .site-header .logo img{
    width:clamp(104px,29vw,132px) !important;
    max-width:clamp(104px,29vw,132px) !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .site-header .header-actions{
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:var(--mc-mobile-header-gap) !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .site-header .theme-control,
  .site-header .language-switch,
  .site-header .menu-toggle{
    flex:0 0 var(--mc-mobile-control) !important;
    width:var(--mc-mobile-control) !important;
    min-width:var(--mc-mobile-control) !important;
    max-width:var(--mc-mobile-control) !important;
    height:var(--mc-mobile-control) !important;
    min-height:var(--mc-mobile-control) !important;
    max-height:var(--mc-mobile-control) !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .site-header .theme-control{display:block !important}
  .site-header .theme-toggle,
  .site-header .language-switch,
  .site-header .menu-toggle{
    border-radius:var(--mc-mobile-control-radius) !important;
    border:1px solid rgba(7,62,44,.14) !important;
    background:rgba(255,255,255,.92) !important;
    box-shadow:0 9px 24px rgba(4,43,32,.08) !important;
    color:var(--mc-green) !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  .site-header .theme-toggle{
    width:100% !important;
    min-width:100% !important;
    height:100% !important;
    min-height:100% !important;
    border-radius:inherit !important;
    display:grid !important;
    place-items:center !important;
    padding:0 !important;
    margin:0 !important;
  }
  .site-header .theme-toggle-icon{
    width:24px !important;
    height:24px !important;
    font-size:20px !important;
    line-height:1 !important;
  }

  .site-header .language-switch{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    gap:0 !important;
  }
  .site-header .language-switch .language-option{display:none !important}
  .site-header .language-switch .language-option:not(.active){
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:calc(var(--mc-mobile-control-radius) - 1px) !important;
    background:transparent !important;
    color:var(--mc-green) !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:.06em !important;
    line-height:1 !important;
  }

  .site-header .menu-toggle{
    display:block !important;
    position:relative !important;
    padding:0 !important;
    overflow:hidden !important;
  }
  .site-header .menu-toggle span,
  .site-header .menu-toggle::before,
  .site-header .menu-toggle::after{
    position:absolute !important;
    left:13px !important;
    right:13px !important;
    width:auto !important;
    height:2.5px !important;
    margin:0 !important;
    border-radius:999px !important;
    background:var(--mc-green) !important;
    transform-origin:center !important;
  }
  .site-header .menu-toggle span{top:calc(50% - 1.25px) !important}
  .site-header .menu-toggle::before{top:calc(50% - 8.25px) !important}
  .site-header .menu-toggle::after{top:calc(50% + 5.75px) !important}
  body.menu-open .site-header .menu-toggle span{opacity:0 !important}
  body.menu-open .site-header .menu-toggle::before,
  body.menu-open .site-header .menu-toggle::after{top:calc(50% - 1.25px) !important}

  html[data-theme="dark"] .site-header .theme-toggle,
  html[data-theme="dark"] .site-header .language-switch,
  html[data-theme="dark"] .site-header .menu-toggle{
    background:linear-gradient(145deg,#101c17,#0b1712) !important;
    border-color:rgba(230,189,114,.28) !important;
    color:#f0cf8b !important;
    box-shadow:0 10px 26px rgba(0,0,0,.26) !important;
  }
  html[data-theme="dark"] .site-header .language-switch .language-option:not(.active){color:#f0cf8b !important}
  html[data-theme="dark"] .site-header .menu-toggle span,
  html[data-theme="dark"] .site-header .menu-toggle::before,
  html[data-theme="dark"] .site-header .menu-toggle::after{background:#f0cf8b !important}

  .site-header .theme-toggle:focus-visible,
  .site-header .language-switch:focus-within,
  .site-header .menu-toggle:focus-visible{
    outline:3px solid rgba(201,148,53,.34) !important;
    outline-offset:3px !important;
  }

  /* Mobile typography: preserve whole words, balance headings and prevent clipping. */
  main h1,main h2,main h3,
  .page-title,.display,.mobile-hero-title,
  .mobile-section-heading h2,.mobile-services-hero h1,
  .mobile-service-body h2,.christmas-page-title{
    max-width:100% !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
    hyphens:none !important;
    text-wrap:balance;
  }
  main p,.lead,.card p,.mobile-intro-copy,.mobile-service-body p{
    max-width:100% !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  /* Mobile navigation and cards: keep labels readable across Safari/Chrome/Firefox. */
  .nav a,.nav .nav-link,.nav button.nav-link{
    min-width:0 !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  .mobile-sticky{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  .mobile-sticky a{
    min-width:0 !important;
    padding-inline:3px !important;
    font-size:10px !important;
    line-height:1.18 !important;
    letter-spacing:0 !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
  }
  .mobile-sticky b{line-height:1 !important}

  .card,.tile,.mobile-service-row,.mobile-feature-card,
  .package-card,.price-card,.christmas-value-card{
    min-width:0 !important;
    overflow:hidden;
  }

  /* Touch ergonomics without changing desktop. */
  button,a,.btn,.btn-secondary,.btn-light,.btn-outline{-webkit-tap-highlight-color:transparent}
}

@media (max-width:390px){
  :root{
    --mc-mobile-control:50px;
    --mc-mobile-control-radius:17px;
    --mc-mobile-header-gap:7px;
  }
  .site-header .header-inner{min-height:98px !important;padding:10px 0 !important;gap:8px !important}
  .site-header .logo img{width:clamp(96px,27vw,108px) !important;max-width:clamp(96px,27vw,108px) !important}
  .site-header .language-switch .language-option:not(.active){font-size:13px !important}
  .site-header .menu-toggle span,
  .site-header .menu-toggle::before,
  .site-header .menu-toggle::after{left:12px !important;right:12px !important}
}

@media (max-width:340px){
  :root{
    --mc-mobile-control:46px;
    --mc-mobile-control-radius:16px;
    --mc-mobile-header-gap:6px;
  }
  .site-header .header-inner{min-height:92px !important;padding:9px 0 !important}
  .site-header .logo img{width:90px !important;max-width:90px !important}
  .site-header .language-switch .language-option:not(.active){font-size:12px !important}
  .site-header .menu-toggle span,
  .site-header .menu-toggle::before,
  .site-header .menu-toggle::after{left:11px !important;right:11px !important}
  .mobile-sticky a{font-size:9px !important}
}


/* FINAL READABILITY FIX DARK MODE 2026-09-28 */
html[lang^="en"][data-theme="dark"] .localized-file-upload{
  background:#101b16 !important;
  border-color:rgba(230,189,114,.24) !important;
}
html[lang^="en"][data-theme="dark"] .localized-file-button{
  background:linear-gradient(135deg,#126b4e,#16825d) !important;
  color:#fff8ea !important;
  border:1px solid rgba(239,210,154,.26) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.28) !important;
}
html[lang^="en"][data-theme="dark"] .localized-file-button:hover{
  background:linear-gradient(135deg,#17795a,#1b9067) !important;
  color:#ffffff !important;
}
html[lang^="en"][data-theme="dark"] .localized-file-name{
  color:#dce5df !important;
}
html[data-theme="dark"] body.services-page .services-cta .services-cta-band{
  background:
    radial-gradient(circle at 92% 14%,rgba(230,189,114,.12),transparent 18rem),
    linear-gradient(135deg,#06130e,#09271c 62%,#0b3827) !important;
  border-color:rgba(230,189,114,.22) !important;
}
html[data-theme="dark"] body.services-page .services-cta .services-cta-band h2{color:#fff1cf !important}
html[data-theme="dark"] body.services-page .services-cta .services-cta-band p{color:#d4ddd7 !important}
html[data-theme="dark"] body.services-page .services-cta .services-cta-band .btn-secondary{
  background:linear-gradient(135deg,#e7b34d,#c98a26) !important;
  color:#0b1510 !important;
}