html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body:not([data-site-mode="chaos"]) {
  --surface-bg: color-mix(in srgb, var(--panel) 92%, transparent);
  --surface-soft: color-mix(in srgb, var(--panel) 78%, transparent);
  --surface-strong: color-mix(in srgb, var(--panel) 98%, transparent);
  --surface-border: color-mix(in srgb, var(--line) 88%, transparent);
  --surface-glow-a: color-mix(in srgb, var(--accent) 26%, transparent);
  --surface-glow-b: color-mix(in srgb, var(--accent2) 22%, transparent);
  --field-bg: color-mix(in srgb, var(--bg2) 58%, var(--panel));
  --field-text: var(--text);
  --field-placeholder: color-mix(in srgb, var(--muted) 82%, var(--text) 18%);
  --link-color: var(--accent);
  --link-hover: color-mix(in srgb, var(--accent) 76%, white 24%);
  --heading-color: var(--text);
  --copy-color: var(--muted);
}

body:not([data-site-mode="chaos"]) h1,
body:not([data-site-mode="chaos"]) h2,
body:not([data-site-mode="chaos"]) h3,
body:not([data-site-mode="chaos"]) h4,
body:not([data-site-mode="chaos"]) h5,
body:not([data-site-mode="chaos"]) h6,
body:not([data-site-mode="chaos"]) .stat-title,
body:not([data-site-mode="chaos"]) .brand {
  color: var(--heading-color) !important;
}

body:not([data-site-mode="chaos"]) p,
body:not([data-site-mode="chaos"]) li,
body:not([data-site-mode="chaos"]) label,
body:not([data-site-mode="chaos"]) .sub,
body:not([data-site-mode="chaos"]) .text-frame,
body:not([data-site-mode="chaos"]) .card p,
body:not([data-site-mode="chaos"]) .review-card p,
body:not([data-site-mode="chaos"]) .review-mini,
body:not([data-site-mode="chaos"]) .review-time,
body:not([data-site-mode="chaos"]) #googleRatingCount,
body:not([data-site-mode="chaos"]) .siggi-note,
body:not([data-site-mode="chaos"]) .siggi-consent,
body:not([data-site-mode="chaos"]) .consent-text,
body:not([data-site-mode="chaos"]) footer {
  color: var(--copy-color) !important;
}

body:not([data-site-mode="chaos"]) a:not(.btn):not(.review-btn):not(.phone):not(.sticky-cta a):not(.siggi-toggle):not(.siggi-send):not(.siggi-confirm),
body:not([data-site-mode="chaos"]) .head nav a,
body:not([data-site-mode="chaos"]) .map-link a,
body:not([data-site-mode="chaos"]) footer a,
body:not([data-site-mode="chaos"]) .consent-row a,
body:not([data-site-mode="chaos"]) .siggi-note a,
body:not([data-site-mode="chaos"]) .siggi-consent a,
body:not([data-site-mode="chaos"]) .card h3 a,
body:not([data-site-mode="chaos"]) #service-ablauf .text-frame a,
body:not([data-site-mode="chaos"]) #qualitaet .text-frame a,
body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"] .text-frame a {
  color: var(--link-color) !important;
}

body:not([data-site-mode="chaos"]) a:not(.btn):not(.review-btn):hover,
body:not([data-site-mode="chaos"]) .head nav a:hover,
body:not([data-site-mode="chaos"]) .map-link a:hover,
body:not([data-site-mode="chaos"]) footer a:hover,
body:not([data-site-mode="chaos"]) .consent-row a:hover,
body:not([data-site-mode="chaos"]) .siggi-note a:hover,
body:not([data-site-mode="chaos"]) .siggi-consent a:hover,
body:not([data-site-mode="chaos"]) .card h3 a:hover {
  color: var(--link-hover) !important;
}

body:not([data-site-mode="chaos"]) .card,
body:not([data-site-mode="chaos"]) .stat,
body:not([data-site-mode="chaos"]) .contact,
body:not([data-site-mode="chaos"]) .review-card,
body:not([data-site-mode="chaos"]) .review-mini,
body:not([data-site-mode="chaos"]) .map-wrap,
body:not([data-site-mode="chaos"]) .hero .img-wrap,
body:not([data-site-mode="chaos"]) .trust img,
body:not([data-site-mode="chaos"]) .phone,
body:not([data-site-mode="chaos"]) .theme-toggle,
body:not([data-site-mode="chaos"]) .mode-btn,
body:not([data-site-mode="chaos"]) .theme-select,
body:not([data-site-mode="chaos"]) .top-design-menu,
body:not([data-site-mode="chaos"]) .sticky-cta a,
body:not([data-site-mode="chaos"]) .siggi-panel,
body:not([data-site-mode="chaos"]) .siggi-head,
body:not([data-site-mode="chaos"]) .siggi-body,
body:not([data-site-mode="chaos"]) .siggi-foot,
body:not([data-site-mode="chaos"]) .siggi-info-modal,
body:not([data-site-mode="chaos"]) .service-popup-panel {
  border-color: var(--surface-border) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 14px var(--surface-glow-a),
    0 0 24px var(--surface-glow-b) !important;
}

body:not([data-site-mode="chaos"]) .card,
body:not([data-site-mode="chaos"]) .stat,
body:not([data-site-mode="chaos"]) .contact,
body:not([data-site-mode="chaos"]) .review-card,
body:not([data-site-mode="chaos"]) .review-mini,
body:not([data-site-mode="chaos"]) .phone,
body:not([data-site-mode="chaos"]) .theme-toggle,
body:not([data-site-mode="chaos"]) .mode-btn,
body:not([data-site-mode="chaos"]) .theme-select,
body:not([data-site-mode="chaos"]) .top-design-menu,
body:not([data-site-mode="chaos"]) .sticky-cta a {
  background: var(--surface-soft) !important;
}

body:not([data-site-mode="chaos"]) .siggi-panel,
body:not([data-site-mode="chaos"]) .siggi-body,
body:not([data-site-mode="chaos"]) .siggi-foot,
body:not([data-site-mode="chaos"]) .siggi-info-modal,
body:not([data-site-mode="chaos"]) .service-popup-panel {
  background: var(--surface-strong) !important;
}

body:not([data-site-mode="chaos"]) .siggi-head {
  background: color-mix(in srgb, var(--surface-strong) 76%, var(--accent) 24%) !important;
  color: var(--heading-color) !important;
}

body:not([data-site-mode="chaos"]) .siggi-msg.bot {
  background: color-mix(in srgb, var(--surface-strong) 82%, var(--accent) 18%) !important;
  border-color: var(--surface-border) !important;
  color: var(--heading-color) !important;
}

body:not([data-site-mode="chaos"]) .siggi-msg.user,
body:not([data-site-mode="chaos"]) .siggi-toggle,
body:not([data-site-mode="chaos"]) .btn-primary,
body:not([data-site-mode="chaos"]) .review-btn,
body:not([data-site-mode="chaos"]) .sticky-cta .call,
body:not([data-site-mode="chaos"]) .sticky-cta .msg,
body:not([data-site-mode="chaos"]) .siggi-send,
body:not([data-site-mode="chaos"]) .siggi-confirm,
body:not([data-site-mode="chaos"]) .mode-btn.active {
  background: linear-gradient(120deg, var(--accent2), var(--accent)) !important;
  color: #fff !important;
  border-color: color-mix(in srgb, var(--surface-border) 62%, transparent) !important;
}

body:not([data-site-mode="chaos"]) .phone,
body:not([data-site-mode="chaos"]) .theme-toggle,
body:not([data-site-mode="chaos"]) .mode-btn,
body:not([data-site-mode="chaos"]) .theme-select,
body:not([data-site-mode="chaos"]) .design-menu-toggle {
  color: var(--heading-color) !important;
}

body:not([data-site-mode="chaos"]) .map-link a,
body:not([data-site-mode="chaos"]) .card h3 a {
  text-decoration: none !important;
}

body:not([data-site-mode="chaos"]) .review-card p,
body:not([data-site-mode="chaos"]) .review-time,
body:not([data-site-mode="chaos"]) #googleRatingCount,
body:not([data-site-mode="chaos"]) .siggi-note,
body:not([data-site-mode="chaos"]) .siggi-consent,
body:not([data-site-mode="chaos"]) .consent-text {
  color: var(--copy-color) !important;
}

body:not([data-site-mode="chaos"]) input,
body:not([data-site-mode="chaos"]) textarea,
body:not([data-site-mode="chaos"]) select,
body:not([data-site-mode="chaos"]) .siggi-foot textarea {
  background: var(--field-bg) !important;
  border-color: var(--surface-border) !important;
  color: var(--field-text) !important;
}

body:not([data-site-mode="chaos"]) input::placeholder,
body:not([data-site-mode="chaos"]) textarea::placeholder {
  color: var(--field-placeholder) !important;
}

body:not([data-site-mode="chaos"]) .hero-copy h1,
body:not([data-site-mode="chaos"]) .section h2,
body:not([data-site-mode="chaos"]) .card h3,
body:not([data-site-mode="chaos"]) .stat h3 {
  overflow-wrap: anywhere;
  word-break: break-word;
}

body:not([data-site-mode="chaos"]) .hero-copy h1 {
  line-height: 1.02 !important;
  text-wrap: balance;
}

body:not([data-site-mode="chaos"]) .hero-copy p,
body:not([data-site-mode="chaos"]) .section .sub,
body:not([data-site-mode="chaos"]) .text-frame,
body:not([data-site-mode="chaos"]) .card p,
body:not([data-site-mode="chaos"]) .review-card p,
body:not([data-site-mode="chaos"]) .review-mini,
body:not([data-site-mode="chaos"]) .siggi-msg,
body:not([data-site-mode="chaos"]) label,
body:not([data-site-mode="chaos"]) input,
body:not([data-site-mode="chaos"]) textarea {
  line-height: 1.5 !important;
}

body:not([data-site-mode="chaos"]) .btn,
body:not([data-site-mode="chaos"]) button,
body:not([data-site-mode="chaos"]) .theme-toggle,
body:not([data-site-mode="chaos"]) .mode-btn,
body:not([data-site-mode="chaos"]) .theme-preset-btn,
body:not([data-site-mode="chaos"]) .theme-select,
body:not([data-site-mode="chaos"]) .sticky-cta a {
  align-items: center;
  justify-content: center;
  font: inherit;
  line-height: 1.2 !important;
  min-height: 44px;
  text-align: center;
  white-space: normal;
}

body:not([data-site-mode="chaos"]) .btn-primary,
body:not([data-site-mode="chaos"]) .btn-ghost,
body:not([data-site-mode="chaos"]) .review-btn,
body:not([data-site-mode="chaos"]) .sticky-cta a {
  padding-block: 11px !important;
}

body:not([data-site-mode="chaos"]) .card img,
body:not([data-site-mode="chaos"]) .service-card img,
body:not([data-site-mode="chaos"]) .hero .img-wrap img {
  background: color-mix(in srgb, var(--bg2) 66%, black 34%);
}

body:not([data-site-mode="chaos"]) .contact {
  background: var(--surface-strong) !important;
}

body:not([data-site-mode="chaos"]) input,
body:not([data-site-mode="chaos"]) textarea,
body:not([data-site-mode="chaos"]) select,
body:not([data-site-mode="chaos"]) .siggi-foot textarea {
  box-shadow: none !important;
}

body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"],
body:not([data-site-mode="chaos"]) #service-ablauf {
  background: var(--surface-strong) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 18px var(--surface-glow-a),
    0 0 30px var(--surface-glow-b) !important;
  padding: 28px 22px !important;
}

body:not([data-site-mode="chaos"]) #qualitaet {
  background: var(--surface-strong) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 18px var(--surface-glow-a),
    0 0 30px var(--surface-glow-b) !important;
  padding: 28px 22px !important;
}

body:not([data-site-mode="chaos"]) #qualitaet .sub,
body:not([data-site-mode="chaos"]) #qualitaet ul,
body:not([data-site-mode="chaos"]) #qualitaet li {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-site-mode="chaos"]) #qualitaet .sub,
body:not([data-site-mode="chaos"]) #qualitaet ul {
  padding: 0 !important;
}

body:not([data-site-mode="chaos"]) #qualitaet .sub {
  margin: 0 0 14px !important;
}

body:not([data-site-mode="chaos"]) #qualitaet ul {
  margin: 0;
  padding-left: 1.15rem !important;
}

body:not([data-site-mode="chaos"]) #qualitaet li {
  color: var(--copy-color) !important;
}

body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"] > .sub.text-frame,
body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"] > .text-frame,
body:not([data-site-mode="chaos"]) #service-ablauf > .sub.text-frame,
body:not([data-site-mode="chaos"]) #service-ablauf > .text-frame {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"] > .sub.text-frame,
body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"] > .text-frame,
body:not([data-site-mode="chaos"]) #service-ablauf > .sub.text-frame,
body:not([data-site-mode="chaos"]) #service-ablauf > .text-frame {
  margin: 0 0 14px !important;
}

body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"] > .text-frame:last-child,
body:not([data-site-mode="chaos"]) #service-ablauf > .text-frame:last-child,
body:not([data-site-mode="chaos"]) #service-ablauf > .sub.text-frame:last-child {
  margin-bottom: 0 !important;
}

body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"] > .text-frame ul,
body:not([data-site-mode="chaos"]) #service-ablauf > .text-frame ul {
  margin: 0;
  padding-left: 1.15rem;
}

body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"] > .text-frame li,
body:not([data-site-mode="chaos"]) #service-ablauf > .text-frame li {
  color: var(--copy-color) !important;
}

@media (max-width: 760px) {
  body:not([data-site-mode="chaos"]) .brand {
    font-size: clamp(1rem, 4vw, 1.22rem) !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  body:not([data-site-mode="chaos"]) .hero-copy {
    max-width: calc(100% - 32px) !important;
  }

  body:not([data-site-mode="chaos"]) .hero-copy h1 {
    font-size: clamp(1.85rem, 8vw, 2.7rem) !important;
    line-height: 1.05 !important;
  }

  body:not([data-site-mode="chaos"]) .section h2 {
    font-size: clamp(1.45rem, 6vw, 2.15rem) !important;
    line-height: 1.14 !important;
  }

  body:not([data-site-mode="chaos"]) .head nav a {
    font-size: 0.92rem !important;
    line-height: 1.2 !important;
  }

  body:not([data-site-mode="chaos"]) .siggi-panel {
    width: calc(100vw - 16px) !important;
    height: min(72vh, calc(100vh - 152px)) !important;
  }
}

/* osso-user-eye-fix-20260325 */
body[data-theme= os],
body[data-theme=so] {
  --heading-color: #fff2e2 !important;
  --copy-color: #f3cfae !important;
  --link-color: #ffbe7a !important;
  --link-hover: #ffd8b3 !important;
}

body[data-theme=os] .v2-bg,
body[data-theme=so] .v2-bg {
  background:
    radial-gradient(circle at 12% 15%, rgba(255,166,74,.16), transparent 30%) !important,
    radial-gradient(circle at 82% 20%, rgba(255,196,120,.10), transparent 28%) !important,
    radial-gradient(circle at 50% 120%, rgba(212,106,0,.16), transparent 38%) !important,
    linear-gradient(180deg,#120a06 0%, #0c0704 52%, #070503 100%) !important;
}

body[data-theme=os] .v2-grid,
body[data-theme=so] .v2-grid {
  background-image: linear-gradient(rgba(255,176,92,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,176,92,.08) 1px, transparent 1px) !important;
}

body[data-theme=os] .head nav a,
body[data-theme=so] .head nav a,
body[data-theme=os] .phone,
body[data-theme=so] .phone,
body[data-theme=os] .theme-toggle,
body[data-theme=so] .theme-toggle,
body[data-theme=os] .design-menu-toggle,
body[data-theme=so] .design-menu-toggle,
body[data-theme=os] .theme-preset-btn,
body[data-theme=so] .theme-preset-btn {
  color: #ffe7cf !important;
}

body[data-theme=os] .hero-copy h1,
body[data-theme=so] .hero-copy h1 {
  background: none !important;
  color: #fff4e7 !important;
  -webkit-text-fill-color: #fff4e7 !important;
  text-shadow: none !important;
}

body[data-theme=os] .hero-copy .eyebrow,
body[data-theme=so] .hero-copy .eyebrow,
body[data-theme=os] .hero-copy p,
body[data-theme=so] .hero-copy p,
body[data-theme=os] .stat p,
body[data-theme=so] .stat p,
body[data-theme=os] .card p,
body[data-theme=so] .card p,
body[data-theme=os] .trust li,
body[data-theme=so] .trust li,
body[data-theme=os] .section .sub,
body[data-theme=so] .section .sub,
body[data-theme=os] .review-card p,
body[data-theme=so] .review-card p,
body[data-theme=os] #googleRatingCount,
body[data-theme=so] #googleRatingCount,
body[data-theme=os] .review-time,
body[data-theme=so] .review-time,
body[data-theme=os] footer,
body[data-theme=so] footer,
body[data-theme=os] #service-ablauf li,
body[data-theme=so] #service-ablauf li,
body[data-theme=os] section[id^=qual][id$=-plus] li,
body[data-theme=so] section[id^=qual][id$=-plus] li {
  color: #f3cfae !important;
}

body[data-theme=os] .sub a,
body[data-theme=so] .sub a,
body[data-theme=os] footer a,
body[data-theme=so] footer a,
body[data-theme=os] .consent-row a,
body[data-theme=so] .consent-row a,
body[data-theme=os] .siggi-consent a,
body[data-theme=so] .siggi-consent a,
body[data-theme=os] .siggi-note a,
body[data-theme=so] .siggi-note a,
body[data-theme=os] #service-ablauf .text-frame a,
body[data-theme=so] #service-ablauf .text-frame a,
body[data-theme=os] .map-link a,
body[data-theme=so] .map-link a,
body[data-theme=os] .card h3 a,
body[data-theme=so] .card h3 a {
  color: #ffbe7a !important;
}

body[data-theme=os] .card h3 a:hover,
body[data-theme=so] .card h3 a:hover,
body[data-theme=os] .map-link a:hover,
body[data-theme=so] .map-link a:hover {
  color: #ffd8b3 !important;
}

body[data-theme=os] .btn-primary,
body[data-theme=so] .btn-primary,
body[data-theme=os] .review-btn,
body[data-theme=so] .review-btn,
body[data-theme=os] .siggi-toggle,
body[data-theme=so] .siggi-toggle,
body[data-theme=os] .siggi-send,
body[data-theme=so] .siggi-send,
body[data-theme=os] .siggi-confirm,
body[data-theme=so] .siggi-confirm,
body[data-theme=os] .sticky-cta .call,
body[data-theme=so] .sticky-cta .call,
body[data-theme=os] .sticky-cta .msg,
body[data-theme=so] .sticky-cta .msg,
body[data-theme=os] .mode-btn.active,
body[data-theme=so] .mode-btn.active {
  background: linear-gradient(120deg, #d46a00, #ff9f43) !important;
  color: #fff !important;
  border-color: rgba(255,176,92,.42) !important;
  box-shadow: 0 10px 24px rgba(212,106,0,.34) !important;
}


/* osso-copy-unify-20260325 */
body[data-theme=os] #qualitaet .sub.text-frame,
body[data-theme=so] #qualitaet .sub.text-frame,
body[data-theme=os] #qualitaet .sub.text-frame *,
body[data-theme=so] #qualitaet .sub.text-frame *,
body[data-theme=os] #qualit?t-plus .sub.text-frame,
body[data-theme=so] #qualit?t-plus .sub.text-frame,
body[data-theme=os] #qualit?t-plus .sub.text-frame *,
body[data-theme=so] #qualit?t-plus .sub.text-frame *,
body[data-theme=os] #qualitaet-plus .sub.text-frame,
body[data-theme=so] #qualitaet-plus .sub.text-frame,
body[data-theme=os] #qualitaet-plus .sub.text-frame *,
body[data-theme=so] #qualitaet-plus .sub.text-frame *,
body[data-theme=os] #service-ablauf .sub.text-frame,
body[data-theme=so] #service-ablauf .sub.text-frame,
body[data-theme=os] #service-ablauf .sub.text-frame *:not(a),
body[data-theme=so] #service-ablauf .sub.text-frame *:not(a) {
  color: #f3cfae !important;
}


/* osso-copy-unify-safe-20260325 */
body[data-theme=os] #qualitaet .sub.text-frame,
body[data-theme=so] #qualitaet .sub.text-frame,
body[data-theme=os] #qualitaet .sub.text-frame *,
body[data-theme=so] #qualitaet .sub.text-frame *,
body[data-theme=os] #qualitaet-plus .sub.text-frame,
body[data-theme=so] #qualitaet-plus .sub.text-frame,
body[data-theme=os] #qualitaet-plus .sub.text-frame *,
body[data-theme=so] #qualitaet-plus .sub.text-frame *,
body[data-theme=os] #service-ablauf .sub.text-frame,
body[data-theme=so] #service-ablauf .sub.text-frame,
body[data-theme=os] #service-ablauf .sub.text-frame *:not(a),
body[data-theme=so] #service-ablauf .sub.text-frame *:not(a) {
  color: #f3cfae !important;
}


/* theme-accent-underlines-20260325 */
body:not([data-site-mode=chaos]) .head nav a::after,
body:not([data-site-mode=chaos]) .section h2::after,
body:not([data-site-mode=chaos]) .section-head::after {
  background: linear-gradient(90deg, var(--accent2), var(--accent)) !important;
}


/* visual-audit-final-20260325 */
body:not([data-site-mode="chaos"]) .phone,
body:not([data-site-mode="chaos"]) .theme-toggle,
body:not([data-site-mode="chaos"]) .mode-btn,
body:not([data-site-mode="chaos"]) .theme-select,
body:not([data-site-mode="chaos"]) .top-design-menu,
body:not([data-site-mode="chaos"]) .design-menu-toggle,
body:not([data-site-mode="chaos"]) .theme-preset-btn {
  box-shadow: none !important;
}

body:not([data-site-mode="chaos"]) input:focus,
body:not([data-site-mode="chaos"]) textarea:focus,
body:not([data-site-mode="chaos"]) select:focus {
  box-shadow: none !important;
}

body:not([data-site-mode="chaos"]) #qualitaet,
body:not([data-site-mode="chaos"]) #bewertungen,
body:not([data-site-mode="chaos"]) #qualitaet-plus,
body:not([data-site-mode="chaos"]) #qualit?t-plus,
body:not([data-site-mode="chaos"]) #service-ablauf {
  background: var(--surface-bg) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 18px var(--surface-glow-a),
    0 0 30px var(--surface-glow-b) !important;
}

body:not([data-site-mode="chaos"]) #qualitaet .sub.text-frame,
body:not([data-site-mode="chaos"]) #qualitaet .text-frame,
body:not([data-site-mode="chaos"]) #bewertungen .sub.text-frame,
body:not([data-site-mode="chaos"]) #bewertungen .text-frame,
body:not([data-site-mode="chaos"]) #bewertungen .map-link.text-frame,
body:not([data-site-mode="chaos"]) #qualitaet-plus .sub.text-frame,
body:not([data-site-mode="chaos"]) #qualitaet-plus .text-frame,
body:not([data-site-mode="chaos"]) #qualit?t-plus .sub.text-frame,
body:not([data-site-mode="chaos"]) #qualit?t-plus .text-frame,
body:not([data-site-mode="chaos"]) #service-ablauf .sub.text-frame,
body:not([data-site-mode="chaos"]) #service-ablauf .text-frame {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-site-mode="chaos"]) .wrap,
body:not([data-site-mode="chaos"]) .lead-form,
body:not([data-site-mode="chaos"]) .quality,
body:not([data-site-mode="chaos"]) .cta,
body:not([data-site-mode="chaos"]) .show-item,
body:not([data-site-mode="chaos"]) .service-card,
body:not([data-site-mode="chaos"]) .hero-overlay {
  background: var(--surface-bg) !important;
  border: 1px solid var(--surface-border) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 16px var(--surface-glow-a),
    0 0 28px var(--surface-glow-b) !important;
}

body:not([data-site-mode="chaos"]) .wrap,
body:not([data-site-mode="chaos"]) .lead-form,
body:not([data-site-mode="chaos"]) .quality,
body:not([data-site-mode="chaos"]) .cta {
  color: var(--copy-color) !important;
}

body:not([data-site-mode="chaos"]) .site-header,
body:not([data-site-mode="chaos"]) header {
  border-bottom-color: var(--surface-border) !important;
}


/* home-sub-panels-20260325 */
body:not([data-site-mode="chaos"]) .section > .sub:not(.text-frame) {
  background: var(--surface-bg) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 14px var(--surface-glow-a),
    0 0 24px var(--surface-glow-b) !important;
  color: var(--copy-color) !important;
}


/* leistungen-panel-20260325 */
body:not([data-site-mode="chaos"]) #leistungen > .sub {
  background: var(--surface-bg) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 14px var(--surface-glow-a),
    0 0 24px var(--surface-glow-b) !important;
  color: var(--copy-color) !important;
}


/* bewertungen-outer-panel-20260325 */
body:not([data-site-mode="chaos"]) main #bewertungen {
  background: var(--surface-bg) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 18px var(--surface-glow-a),
    0 0 30px var(--surface-glow-b) !important;
}


/* subpage-architecture-sync-20260325 */
body:not([data-site-mode="chaos"]) .lightband {
  background:
    radial-gradient(42% 34% at var(--band-x,70%) var(--band-y,18%), color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%),
    radial-gradient(30% 24% at calc(var(--band-x,70%) - 24%) calc(var(--band-y,18%) + 30%), color-mix(in srgb, var(--accent2) 14%, transparent), transparent 72%) !important;
  filter: blur(0px) !important;
}

body:not([data-site-mode="chaos"]) .site-header {
  background: color-mix(in srgb, var(--bg) 84%, transparent) !important;
  border-bottom: 1px solid var(--surface-border) !important;
  backdrop-filter: blur(10px) !important;
}

body:not([data-site-mode="chaos"]) .logo,
body:not([data-site-mode="chaos"]) .nav a,
body:not([data-site-mode="chaos"]) .meta,
body:not([data-site-mode="chaos"]) .eyebrow {
  color: var(--heading-color) !important;
  text-shadow: none !important;
}

body:not([data-site-mode="chaos"]) .meta,
body:not([data-site-mode="chaos"]) .lead,
body:not([data-site-mode="chaos"]) .service-copy p,
body:not([data-site-mode="chaos"]) .quality-copy p,
body:not([data-site-mode="chaos"]) .quality-copy li,
body:not([data-site-mode="chaos"]) .show-item span,
body:not([data-site-mode="chaos"]) .placeholder-strip,
body:not([data-site-mode="chaos"]) .site-footer {
  color: var(--copy-color) !important;
}

body:not([data-site-mode="chaos"]) .hero-overlay,
body:not([data-site-mode="chaos"]) .service-card,
body:not([data-site-mode="chaos"]) .show-item,
body:not([data-site-mode="chaos"]) .cta,
body:not([data-site-mode="chaos"]) .quality,
body:not([data-site-mode="chaos"]) .lead-form,
body:not([data-site-mode="chaos"]) .wrap,
body:not([data-site-mode="chaos"]) .placeholder-strip {
  background: var(--surface-bg) !important;
  border: 1px solid var(--surface-border) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 16px var(--surface-glow-a),
    0 0 28px var(--surface-glow-b) !important;
}

body:not([data-site-mode="chaos"]) .hero-media img,
body:not([data-site-mode="chaos"]) .hero-img img,
body:not([data-site-mode="chaos"]) .quality-media img,
body:not([data-site-mode="chaos"]) .gallery img {
  border: 1px solid var(--surface-border) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 14px var(--surface-glow-a),
    0 0 24px var(--surface-glow-b) !important;
}

body:not([data-site-mode="chaos"]) .btn-primary,
body:not([data-site-mode="chaos"]) .btn-secondary,
body:not([data-site-mode="chaos"]) .btn-ghost,
body:not([data-site-mode="chaos"]) .review-btn,
body:not([data-site-mode="chaos"]) .sticky-cta a,
body:not([data-site-mode="chaos"]) .siggi-toggle,
body:not([data-site-mode="chaos"]) .siggi-send,
body:not([data-site-mode="chaos"]) .siggi-confirm {
  box-shadow: none !important;
}

body:not([data-site-mode="chaos"]) .btn-primary,
body:not([data-site-mode="chaos"]) .review-btn,
body:not([data-site-mode="chaos"]) .siggi-toggle,
body:not([data-site-mode="chaos"]) .siggi-send,
body:not([data-site-mode="chaos"]) .siggi-confirm,
body:not([data-site-mode="chaos"]) .sticky-cta .call {
  background: linear-gradient(120deg, var(--accent2), var(--accent)) !important;
  color: #fff !important;
  border-color: color-mix(in srgb, var(--surface-border) 62%, transparent) !important;
}

body:not([data-site-mode="chaos"]) .btn-secondary,
body:not([data-site-mode="chaos"]) .btn-ghost,
body:not([data-site-mode="chaos"]) .sticky-cta .msg {
  background: var(--surface-soft) !important;
  color: var(--heading-color) !important;
  border-color: var(--surface-border) !important;
}

body:not([data-site-mode="chaos"]) main {
  max-width: 1200px !important;
}

body:not([data-site-mode="chaos"]) .section {
  padding: clamp(40px, 6vw, 72px) min(6vw, 72px) !important;
}

body:not([data-site-mode="chaos"]) main > .section + .section,
body:not([data-site-mode="chaos"]) main > article + article,
body:not([data-site-mode="chaos"]) main > section + article,
body:not([data-site-mode="chaos"]) main > article + section {
  margin-top: 24px !important;
}

body:not([data-site-mode="chaos"]) .wrap,
body:not([data-site-mode="chaos"]) .lead-form {
  max-width: 1080px !important;
  margin-inline: auto !important;
  border-radius: 22px !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
  gap: 18px !important;
}

body:not([data-site-mode="chaos"]) .hero-overlay {
  border-radius: 22px !important;
}

body:not([data-site-mode="chaos"]) .service-grid,
body:not([data-site-mode="chaos"]) .showcase .showcase-grid,
body:not([data-site-mode="chaos"]) .gallery,
body:not([data-site-mode="chaos"]) .actions {
  gap: 16px !important;
}

body:not([data-site-mode="chaos"]) .service-card:hover {
  transform: translateY(-2px) !important;
}

@media (max-width:760px) {
  body:not([data-site-mode="chaos"]) .site-header {
    padding: 0 14px !important;
    height: 64px !important;
  }
  body:not([data-site-mode="chaos"]) .section {
    padding: 28px 14px 24px !important;
  }
  body:not([data-site-mode="chaos"]) .wrap,
  body:not([data-site-mode="chaos"]) .lead-form {
    padding: 16px !important;
    border-radius: 18px !important;
  }
}

/* global-layout-audit-20260325b */
:root{
  --site-max: 1560px;
}

.head,
main{
  max-width: min(var(--site-max), calc(100vw - 40px)) !important;
}

main > section,
main > footer{
  width: 100% !important;
}

.reveal,
.reveal-up{
  opacity: 1 !important;
  transform: none !important;
}

@media (min-width: 900px){
  .hero{
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr) !important;
    gap: 18px !important;
    align-items: start !important;
    min-height: auto !important;
  }

  .hero .img-wrap{
    position: relative !important;
    display: block !important;
    min-height: 560px !important;
    overflow: hidden !important;
  }

  .hero .img-wrap img{
    display: block !important;
    width: 100% !important;
    height: 560px !important;
    min-height: 560px !important;
    object-fit: cover !important;
  }

  .hero .img-wrap::after{
    display: block !important;
  }

  .hero .hero-copy{
    position: absolute !important;
    left: 28px !important;
    right: 28px !important;
    bottom: 28px !important;
    max-width: min(780px, calc(100% - 56px)) !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    border-radius: 20px !important;
    background: color-mix(in srgb, var(--panel, rgba(7,17,31,.84)) 92%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--line, rgba(255,255,255,.18)) 88%, transparent) !important;
    box-shadow:
      0 0 0 1px color-mix(in srgb, var(--line, rgba(255,255,255,.18)) 44%, transparent),
      0 18px 34px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(6px) !important;
  }

  .hero .hero-copy p{
    max-width: 62ch !important;
  }

  .stats{
    align-content: start !important;
    gap: 14px !important;
  }

  .stats .stat{
    min-height: 118px !important;
  }
}

#leistungen > .sub,
#bewertungen,
#qualitaet,
#qualitaet-plus,
#qualit?t-plus,
#service-ablauf,
#anfrage .contact,
main > section > .sub,
main > section > .text-frame,
main > section > .map-wrap,
main > section > .map-link,
main > section > .review-grid{
  width: 100% !important;
  max-width: none !important;
}

#bewertungen .review-grid,
#bewertungen .map-wrap,
#bewertungen .map-link,
#service-ablauf > .sub.text-frame,
#service-ablauf > .text-frame,
#qualitaet-plus > .sub.text-frame,
#qualitaet-plus > .text-frame,
#qualit?t-plus > .sub.text-frame,
#qualit?t-plus > .text-frame,
#qualitaet .sub.text-frame,
#qualitaet .text-frame{
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 899px){
  .head,
  main{
    max-width: calc(100vw - 20px) !important;
  }

  .hero{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .hero .img-wrap{
    position: relative !important;
    display: block !important;
  }

  .hero .img-wrap img{
    height: min(62vh, 460px) !important;
    min-height: 320px !important;
    object-fit: cover !important;
  }

  .hero .hero-copy{
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 18px !important;
    background: color-mix(in srgb, var(--panel, rgba(7,17,31,.84)) 92%, transparent) !important;
    border: 1px solid color-mix(in srgb, var(--line, rgba(255,255,255,.18)) 88%, transparent) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.22) !important;
    backdrop-filter: blur(6px) !important;
  }

  .stats{
    grid-template-columns: 1fr !important;
  }
}

/* subpage-architecture-pass-20260325c */
body:not([data-site-mode="chaos"]) .site-header,
body:not([data-site-mode="chaos"]) main,
body:not([data-site-mode="chaos"]) .site-footer{
  width: min(var(--site-max), calc(100vw - 40px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:not([data-site-mode="chaos"]) .site-header{
  max-width: min(var(--site-max), calc(100vw - 40px)) !important;
  border-radius: 0 0 18px 18px;
}

body:not([data-site-mode="chaos"]) main > .section,
body:not([data-site-mode="chaos"]) main > article,
body:not([data-site-mode="chaos"]) main > section{
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:not([data-site-mode="chaos"]) main > .section:first-child,
body:not([data-site-mode="chaos"]) main > article:first-child,
body:not([data-site-mode="chaos"]) main > section:first-child{
  padding-top: clamp(28px, 4vw, 52px) !important;
}

body:not([data-site-mode="chaos"]) main > article{
  background: var(--surface-bg) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 16px var(--surface-glow-a),
    0 0 28px var(--surface-glow-b) !important;
  padding: clamp(22px, 3vw, 34px) !important;
}

body:not([data-site-mode="chaos"]) main > article > h1,
body:not([data-site-mode="chaos"]) main > article > p,
body:not([data-site-mode="chaos"]) main > article > h2,
body:not([data-site-mode="chaos"]) main > article > ul,
body:not([data-site-mode="chaos"]) main > article > .actions,
body:not([data-site-mode="chaos"]) main > article > .gallery{
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body:not([data-site-mode="chaos"]) main > article > img:first-of-type{
  display: block !important;
  width: 100% !important;
  max-width: 1100px !important;
  height: clamp(320px, 48vw, 560px) !important;
  object-fit: cover !important;
  margin: 18px auto 22px !important;
  border-radius: 20px !important;
  border: 1px solid var(--surface-border) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 14px var(--surface-glow-a),
    0 0 24px var(--surface-glow-b) !important;
}

body:not([data-site-mode="chaos"]) main > article > h1{
  font-size: clamp(2rem, 4.8vw, 4.8rem) !important;
  line-height: 1.02 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

body:not([data-site-mode="chaos"]) main > article > p:nth-of-type(1),
body:not([data-site-mode="chaos"]) main > article > p:nth-of-type(2){
  font-size: clamp(1rem, 1.2vw, 1.12rem) !important;
  line-height: 1.65 !important;
}

body:not([data-site-mode="chaos"]) .service-grid,
body:not([data-site-mode="chaos"]) .showcase-grid,
body:not([data-site-mode="chaos"]) .gallery,
body:not([data-site-mode="chaos"]) .actions{
  gap: 18px !important;
}

body:not([data-site-mode="chaos"]) .site-footer{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 760px){
  body:not([data-site-mode="chaos"]) .site-header,
  body:not([data-site-mode="chaos"]) main,
  body:not([data-site-mode="chaos"]) .site-footer{
    width: calc(100vw - 20px) !important;
  }

  body:not([data-site-mode="chaos"]) main > article{
    padding: 16px !important;
    border-radius: 18px !important;
  }

  body:not([data-site-mode="chaos"]) main > article > img:first-of-type{
    height: min(46vh, 360px) !important;
    margin-top: 14px !important;
  }
}

/* section-width-pass-20260325a */
body:not([data-site-mode="chaos"]) #leistungen,
body:not([data-site-mode="chaos"]) #anfrage{
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--surface-bg) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 18px var(--surface-glow-a),
    0 0 30px var(--surface-glow-b) !important;
  padding: 28px 22px !important;
}

body:not([data-site-mode="chaos"]) #leistungen > .cards,
body:not([data-site-mode="chaos"]) #leistungen > .sub,
body:not([data-site-mode="chaos"]) #anfrage > .contact{
  width: 100% !important;
  max-width: none !important;
}

body:not([data-site-mode="chaos"]) #anfrage > .contact{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body[data-site-mode="action"] #leistungen,
body[data-site-mode="chaos"] #leistungen,
body[data-site-mode="action"] #anfrage,
body[data-site-mode="chaos"] #anfrage{
  width: calc(100% - 32px) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 28px 22px !important;
}

body[data-site-mode="action"] #anfrage > .contact,
body[data-site-mode="chaos"] #anfrage > .contact{
  width: 100% !important;
  max-width: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (max-width: 899px){
  body:not([data-site-mode="chaos"]) #leistungen,
  body:not([data-site-mode="chaos"]) #anfrage,
  body[data-site-mode="action"] #leistungen,
  body[data-site-mode="chaos"] #leistungen,
  body[data-site-mode="action"] #anfrage,
  body[data-site-mode="chaos"] #anfrage{
    width: calc(100% - 16px) !important;
    padding: 18px 14px !important;
  }
}

/* section-width-pass-20260325b */
body:not([data-site-mode="chaos"]) #leistungen,
body:not([data-site-mode="chaos"]) #anfrage,
body[data-site-mode="action"] #leistungen,
body[data-site-mode="chaos"] #leistungen,
body[data-site-mode="action"] #anfrage,
body[data-site-mode="chaos"] #anfrage{
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

body:not([data-site-mode="chaos"]) #leistungen > .cards,
body:not([data-site-mode="chaos"]) #leistungen > .sub,
body:not([data-site-mode="chaos"]) #anfrage > .contact,
body[data-site-mode="action"] #leistungen > .cards,
body[data-site-mode="chaos"] #leistungen > .cards,
body[data-site-mode="action"] #leistungen > .sub,
body[data-site-mode="chaos"] #leistungen > .sub,
body[data-site-mode="action"] #anfrage > .contact,
body[data-site-mode="chaos"] #anfrage > .contact{
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* theme-harmony-pass-20260325c */
body:not([data-site-mode="chaos"]) {
  --surface-bg: color-mix(in srgb, var(--panel) 94%, var(--bg2) 6%) !important;
  --surface-soft: color-mix(in srgb, var(--panel) 86%, transparent) !important;
  --surface-strong: color-mix(in srgb, var(--panel) 98%, var(--bg) 2%) !important;
  --surface-border: color-mix(in srgb, var(--line) 68%, var(--accent) 32%) !important;
  --surface-glow-a: color-mix(in srgb, var(--accent) 16%, transparent) !important;
  --surface-glow-b: color-mix(in srgb, var(--accent2) 14%, transparent) !important;
  --heading-color: color-mix(in srgb, var(--text) 84%, white 16%) !important;
  --copy-color: color-mix(in srgb, var(--muted) 88%, var(--text) 12%) !important;
  --link-color: color-mix(in srgb, var(--accent) 84%, white 16%) !important;
  --link-hover: color-mix(in srgb, var(--accent) 68%, white 32%) !important;
  --field-bg: color-mix(in srgb, var(--bg2) 62%, var(--panel) 38%) !important;
  --field-text: color-mix(in srgb, var(--text) 94%, white 6%) !important;
  --field-placeholder: color-mix(in srgb, var(--muted) 80%, var(--text) 20%) !important;
}

body:not([data-site-mode="chaos"]) .brand,
body:not([data-site-mode="chaos"]) .hero-copy h1,
body:not([data-site-mode="chaos"]) .section h2,
body:not([data-site-mode="chaos"]) .section h3,
body:not([data-site-mode="chaos"]) .stat h2,
body:not([data-site-mode="chaos"]) .stat h3,
body:not([data-site-mode="chaos"]) .card h3,
body:not([data-site-mode="chaos"]) .contact h2,
body:not([data-site-mode="chaos"]) main > article > h1,
body:not([data-site-mode="chaos"]) main > article > h2 {
  color: var(--heading-color) !important;
  -webkit-text-fill-color: var(--heading-color) !important;
  text-shadow: none !important;
  background: none !important;
}

body:not([data-site-mode="chaos"]) .hero-copy .eyebrow,
body:not([data-site-mode="chaos"]) .hero-copy p,
body:not([data-site-mode="chaos"]) p,
body:not([data-site-mode="chaos"]) li,
body:not([data-site-mode="chaos"]) label,
body:not([data-site-mode="chaos"]) .sub,
body:not([data-site-mode="chaos"]) .text-frame,
body:not([data-site-mode="chaos"]) .card p,
body:not([data-site-mode="chaos"]) .review-card p,
body:not([data-site-mode="chaos"]) .review-mini,
body:not([data-site-mode="chaos"]) .review-time,
body:not([data-site-mode="chaos"]) #googleRatingCount,
body:not([data-site-mode="chaos"]) footer,
body:not([data-site-mode="chaos"]) .site-footer,
body:not([data-site-mode="chaos"]) .contact p {
  color: var(--copy-color) !important;
}

body:not([data-site-mode="chaos"]) a:not(.btn):not(.review-btn):not(.phone):not(.sticky-cta a):not(.siggi-toggle):not(.siggi-send):not(.siggi-confirm),
body:not([data-site-mode="chaos"]) .head nav a,
body:not([data-site-mode="chaos"]) header nav a,
body:not([data-site-mode="chaos"]) .map-link a,
body:not([data-site-mode="chaos"]) footer a,
body:not([data-site-mode="chaos"]) .site-footer a,
body:not([data-site-mode="chaos"]) .consent-row a,
body:not([data-site-mode="chaos"]) .siggi-note a,
body:not([data-site-mode="chaos"]) .siggi-consent a,
body:not([data-site-mode="chaos"]) .card h3 a,
body:not([data-site-mode="chaos"]) #service-ablauf a,
body:not([data-site-mode="chaos"]) #qualitaet a,
body:not([data-site-mode="chaos"]) #bewertungen a,
body:not([data-site-mode="chaos"]) #anfrage a {
  color: var(--link-color) !important;
}

body:not([data-site-mode="chaos"]) .head nav a:hover,
body:not([data-site-mode="chaos"]) header nav a:hover,
body:not([data-site-mode="chaos"]) footer a:hover,
body:not([data-site-mode="chaos"]) .site-footer a:hover,
body:not([data-site-mode="chaos"]) .map-link a:hover,
body:not([data-site-mode="chaos"]) #service-ablauf a:hover,
body:not([data-site-mode="chaos"]) #qualitaet a:hover,
body:not([data-site-mode="chaos"]) #bewertungen a:hover,
body:not([data-site-mode="chaos"]) #anfrage a:hover {
  color: var(--link-hover) !important;
}

body:not([data-site-mode="chaos"]) #leistungen,
body:not([data-site-mode="chaos"]) #qualitaet,
body:not([data-site-mode="chaos"]) #bewertungen,
body:not([data-site-mode="chaos"]) #service-ablauf,
body:not([data-site-mode="chaos"]) #anfrage,
body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"],
body:not([data-site-mode="chaos"]) main > article,
body:not([data-site-mode="chaos"]) .hero,
body:not([data-site-mode="chaos"]) .stat,
body:not([data-site-mode="chaos"]) .card,
body:not([data-site-mode="chaos"]) .review-card,
body:not([data-site-mode="chaos"]) .review-mini,
body:not([data-site-mode="chaos"]) .contact,
body:not([data-site-mode="chaos"]) .text-frame,
body:not([data-site-mode="chaos"]) .sub,
body:not([data-site-mode="chaos"]) .hero .hero-copy,
body:not([data-site-mode="chaos"]) .design-menu,
body:not([data-site-mode="chaos"]) .phone,
body:not([data-site-mode="chaos"]) .theme-toggle,
body:not([data-site-mode="chaos"]) .theme-preset-btn {
  border-color: var(--surface-border) !important;
}

body:not([data-site-mode="chaos"]) #leistungen,
body:not([data-site-mode="chaos"]) #qualitaet,
body:not([data-site-mode="chaos"]) #bewertungen,
body:not([data-site-mode="chaos"]) #service-ablauf,
body:not([data-site-mode="chaos"]) #anfrage,
body:not([data-site-mode="chaos"]) section[id^="qual"][id$="-plus"],
body:not([data-site-mode="chaos"]) main > article,
body:not([data-site-mode="chaos"]) .hero,
body:not([data-site-mode="chaos"]) .stat,
body:not([data-site-mode="chaos"]) .card,
body:not([data-site-mode="chaos"]) .review-card,
body:not([data-site-mode="chaos"]) .review-mini,
body:not([data-site-mode="chaos"]) .hero .hero-copy,
body:not([data-site-mode="chaos"]) .design-menu,
body:not([data-site-mode="chaos"]) .phone,
body:not([data-site-mode="chaos"]) .theme-toggle,
body:not([data-site-mode="chaos"]) .theme-preset-btn {
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 72%, transparent),
    0 0 16px var(--surface-glow-a),
    0 0 28px var(--surface-glow-b) !important;
}

body:not([data-site-mode="chaos"]) #anfrage input,
body:not([data-site-mode="chaos"]) #anfrage textarea,
body:not([data-site-mode="chaos"]) #anfrage select,
body:not([data-site-mode="chaos"]) input,
body:not([data-site-mode="chaos"]) textarea,
body:not([data-site-mode="chaos"]) select {
  background: var(--field-bg) !important;
  color: var(--field-text) !important;
  border-color: var(--surface-border) !important;
  box-shadow: none !important;
}

body:not([data-site-mode="chaos"]) input::placeholder,
body:not([data-site-mode="chaos"]) textarea::placeholder {
  color: var(--field-placeholder) !important;
}

body:not([data-site-mode="chaos"]) .section h2::after,
body:not([data-site-mode="chaos"]) .section-head::after,
body:not([data-site-mode="chaos"]) #leistungen > h2::after,
body:not([data-site-mode="chaos"]) #qualitaet h2::after,
body:not([data-site-mode="chaos"]) #bewertungen h2::after,
body:not([data-site-mode="chaos"]) #service-ablauf h2::after,
body:not([data-site-mode="chaos"]) #anfrage h2::after {
  background: linear-gradient(90deg, var(--accent2), var(--accent)) !important;
  box-shadow: 0 0 10px color-mix(in srgb, var(--accent) 30%, transparent) !important;
}

body[data-theme="light"]:not([data-site-mode="chaos"]) {
  --surface-glow-a: color-mix(in srgb, var(--accent) 10%, transparent) !important;
  --surface-glow-b: color-mix(in srgb, var(--accent2) 8%, transparent) !important;
}

/* layout-pass-20260326d */
:root{
  --site-max: 1320px !important;
}

header .brand,
.site-header .brand,
.head .brand{
  font-size: clamp(1.55rem, 1.7vw, 2.05rem) !important;
  letter-spacing: -0.02em !important;
}

header nav a,
.head nav a{
  font-size: 0.96rem !important;
  font-weight: 700 !important;
}

.phone,
.theme-toggle,
.design-menu-toggle{
  min-height: 46px !important;
  padding-inline: 16px !important;
}

@media (min-width: 900px){
  .hero{
    grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.42fr) !important;
    gap: 22px !important;
  }

  .hero .img-wrap{
    min-height: 500px !important;
  }

  .hero .img-wrap img{
    height: 500px !important;
    min-height: 500px !important;
  }

  .hero .hero-copy{
    left: 22px !important;
    right: 22px !important;
    bottom: 22px !important;
    max-width: min(720px, calc(100% - 44px)) !important;
    padding: 18px 20px !important;
  }

  .hero .hero-copy h1{
    font-size: clamp(2.1rem, 4.3vw, 4.25rem) !important;
    line-height: 1.02 !important;
    max-width: 12.5ch !important;
    margin-bottom: 0.8rem !important;
  }

  .hero .hero-copy p{
    font-size: 1.06rem !important;
    line-height: 1.58 !important;
    max-width: 46ch !important;
  }

  .stats{
    gap: 16px !important;
  }

  .stats .stat{
    min-height: 130px !important;
    padding: 18px 16px !important;
  }

  .stats .stat h3{
    font-size: 1.12rem !important;
    line-height: 1.2 !important;
    margin-bottom: 0.55rem !important;
  }

  .stats .stat p{
    font-size: 1rem !important;
    line-height: 1.58 !important;
  }
}

.cta-row .btn,
.cta-row a,
#anfrage button,
.review-btn{
  min-height: 46px !important;
  padding: 11px 16px !important;
  font-size: 0.96rem !important;
}

#leistungen .cards,
.cards{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

#leistungen .card,
.cards .card{
  display: flex !important;
  flex-direction: column !important;
  min-height: 100% !important;
}

#leistungen .card img,
.cards .card img{
  height: 220px !important;
}

#leistungen .card .pad,
.cards .card .pad{
  padding: 14px 14px 16px !important;
}

#leistungen .card h3,
.cards .card h3{
  font-size: 1.08rem !important;
  line-height: 1.2 !important;
  margin-bottom: 0.45rem !important;
}

#leistungen .card p,
.cards .card p{
  font-size: 0.96rem !important;
  line-height: 1.56 !important;
}

#bewertungen{
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

#bewertungen > h2{
  grid-column: 1 / -1 !important;
}

#bewertungen .review-grid{
  grid-column: 1 !important;
  margin: 0 !important;
}

#bewertungen .map-wrap{
  grid-column: 2 !important;
  margin-top: 0 !important;
  min-height: 100% !important;
  background: color-mix(in srgb, var(--field-bg, rgba(8,20,40,.75)) 88%, transparent) !important;
}

#bewertungen .map-wrap iframe{
  height: 100% !important;
  min-height: 520px !important;
  background: color-mix(in srgb, var(--field-bg, rgba(8,20,40,.75)) 88%, transparent) !important;
}

#bewertungen .map-link{
  grid-column: 2 !important;
  margin-top: -6px !important;
}

.review-card,
.review-mini,
.text-frame,
.section .sub,
#service-ablauf p,
#service-ablauf li,
#qualitaet p,
#qualitaet li,
#bewertungen p,
#bewertungen li,
#anfrage p,
#anfrage label,
#anfrage input,
#anfrage textarea,
#anfrage button,
.contact p,
.contact label{
  font-size: 1rem !important;
  line-height: 1.62 !important;
}

.review-card,
.contact,
.text-frame,
.section .sub{
  padding: 16px 18px !important;
}

.trust{
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 1.1fr) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.trust img{
  max-height: none !important;
  height: 100% !important;
  min-height: 300px !important;
}

#anfrage textarea{
  min-height: 180px !important;
}

.siggi-toggle,
button[aria-label*="Siggi"],
button:has-text("Siggi"){
  right: 18px !important;
  bottom: 18px !important;
  padding: 10px 14px !important;
  min-height: 40px !important;
  border-radius: 999px !important;
}

@media (max-width: 1280px){
  #leistungen .cards,
  .cards{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #bewertungen{
    grid-template-columns: 1fr !important;
  }

  #bewertungen > h2,
  #bewertungen .review-grid,
  #bewertungen .map-wrap,
  #bewertungen .map-link{
    grid-column: 1 !important;
  }

  #bewertungen .map-wrap iframe{
    min-height: 340px !important;
  }
}

@media (max-width: 760px){
  header .brand,
  .site-header .brand,
  .head .brand{
    font-size: 1.28rem !important;
  }

  .hero .hero-copy h1{
    font-size: clamp(1.95rem, 8vw, 3rem) !important;
    max-width: 11ch !important;
  }

  #leistungen .cards,
  .cards{
    grid-template-columns: 1fr !important;
  }

  .stats .stat{
    min-height: 0 !important;
  }
}


/* layout-harmony-pass-20260326b */
:root {
  --site-max: 1280px;
  --section-gap: clamp(22px, 3vw, 34px);
  --panel-radius: 24px;
  --panel-pad: clamp(18px, 2.2vw, 28px);
  --panel-pad-tight: clamp(14px, 1.8vw, 20px);
  --card-gap: clamp(12px, 1.6vw, 18px);
}

body:not([data-site-mode=chaos]) main {
  max-width: var(--site-max) !important;
  padding: 0 18px 56px !important;
}

body:not([data-site-mode=chaos]) main > .section,
body:not([data-site-mode=chaos]) main > .hero {
  margin-top: 0 !important;
  margin-bottom: var(--section-gap) !important;
}

body:not([data-site-mode=chaos]) .hero,
body:not([data-site-mode=chaos]) #leistungen,
body:not([data-site-mode=chaos]) #qualitaet,
body:not([data-site-mode=chaos]) #bewertungen,
body:not([data-site-mode=chaos]) section[id=qualität-plus],
body:not([data-site-mode=chaos]) #service-ablauf,
body:not([data-site-mode=chaos]) #anfrage {
  width: 100% !important;
  max-width: none !important;
  background: var(--surface-strong) !important;
  border: 1px solid var(--surface-border) !important;
  border-radius: var(--panel-radius) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--surface-border) 70%, transparent),
    0 0 18px var(--surface-glow-a),
    0 0 30px var(--surface-glow-b) !important;
  padding: var(--panel-pad) !important;
  overflow: hidden !important;
}

body:not([data-site-mode=chaos]) .hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.72fr) minmax(280px, .88fr) !important;
  align-items: stretch !important;
  gap: var(--card-gap) !important;
  min-height: 0 !important;
  padding-top: var(--panel-pad) !important;
}

body:not([data-site-mode=chaos]) .hero::before,
body:not([data-site-mode=chaos]) .hero::after,
body:not([data-site-mode=chaos]) #leistungen::before,
body:not([data-site-mode=chaos]) #leistungen::after,
body:not([data-site-mode=chaos]) #bewertungen::before,
body:not([data-site-mode=chaos]) #bewertungen::after,
body:not([data-site-mode=chaos]) #anfrage::before,
body:not([data-site-mode=chaos]) #anfrage::after {
  content: none !important;
  display: none !important;
}

body:not([data-site-mode=chaos]) .hero .img-wrap {
  min-height: clamp(390px, 44vw, 520px) !important;
  height: auto !important;
  display: block !important;
  position: relative !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: color-mix(in srgb, var(--bg2) 55%, var(--panel)) !important;
}

body:not([data-site-mode=chaos]) .hero .img-wrap img {
  width: 100% !important;
  height: clamp(390px, 44vw, 520px) !important;
  min-height: 0 !important;
  object-fit: cover !important;
  display: block !important;
}

body:not([data-site-mode=chaos]) .hero .img-wrap::after {
  display: block !important;
  content: " !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(92deg, rgba(8,14,24,.82) 0%, rgba(8,14,24,.56) 42%, rgba(8,14,24,.18) 70%, rgba(8,14,24,.38) 100%) !important;
}

body:not([data-site-mode=chaos]) .hero-copy {
  position: absolute !important;
  inset: auto auto clamp(18px, 2vw, 28px) clamp(18px, 2vw, 28px) !important;
  right: clamp(18px, 2vw, 28px) !important;
  max-width: min(620px, 68%) !important;
  padding: clamp(14px, 1.6vw, 20px) !important;
  background: color-mix(in srgb, var(--surface-strong) 78%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--surface-border) 84%, transparent) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(8px) saturate(1.05) !important;
}

body:not([data-site-mode=chaos]) .hero-copy .eyebrow {
  margin-bottom: 8px !important;
  font-size: .68rem !important;
  letter-spacing: .18em !important;
}

body:not([data-site-mode=chaos]) .hero-copy h1 {
  font-size: clamp(2.2rem, 4.6vw, 4.3rem) !important;
  line-height: .96 !important;
  margin: 0 0 12px !important;
  max-width: 11ch !important;
}

body:not([data-site-mode=chaos]) .hero-copy p {
  margin: 0 0 12px !important;
  max-width: 52ch !important;
  font-size: clamp(.98rem, 1.1vw, 1.08rem) !important;
}

body:not([data-site-mode=chaos]) .cta-row {
  gap: 10px !important;
}

body:not([data-site-mode=chaos]) .stats {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: var(--card-gap) !important;
  align-content: stretch !important;
}

body:not([data-site-mode=chaos]) .stats .stat {
  min-height: 0 !important;
  padding: clamp(16px, 1.9vw, 22px) !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

body:not([data-site-mode=chaos]) .stats .stat h2,
body:not([data-site-mode=chaos]) .stats .stat h3 {
  font-size: clamp(1.18rem, 1.5vw, 1.38rem) !important;
  line-height: 1.12 !important;
  margin: 0 0 8px !important;
}

body:not([data-site-mode=chaos]) .stats .stat p {
  font-size: .98rem !important;
  line-height: 1.55 !important;
}

body:not([data-site-mode=chaos]) .section h2 {
  margin: 0 0 12px !important;
  font-size: clamp(2rem, 3.5vw, 3rem) !important;
  line-height: 1.04 !important;
}

body:not([data-site-mode=chaos]) .section h2::after {
  width: min(320px, 100%) !important;
  margin-top: 10px !important;
}

body:not([data-site-mode=chaos]) #leistungen > .sub,
body:not([data-site-mode=chaos]) #anfrage > .contact > .sub,
body:not([data-site-mode=chaos]) #bewertungen .map-link.text-frame {
  width: 100% !important;
  max-width: none !important;
}

body:not([data-site-mode=chaos]) #leistungen > .sub,
body:not([data-site-mode=chaos]) #bewertungen > .map-link.text-frame {
  margin-bottom: 16px !important;
}

body:not([data-site-mode=chaos]) .cards {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: var(--card-gap) !important;
  align-items: stretch !important;
}

body:not([data-site-mode=chaos]) .cards .card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
}

body:not([data-site-mode=chaos]) .cards .card img,
body:not([data-site-mode=chaos]) .cards .card .card-media,
body:not([data-site-mode=chaos]) .cards .card .card-media-image,
body:not([data-site-mode=chaos]) .cards .card .card-media-video {
  height: clamp(180px, 19vw, 240px) !important;
}

body:not([data-site-mode=chaos]) .cards .card img,
body:not([data-site-mode=chaos]) .cards .card .card-media-image,
body:not([data-site-mode=chaos]) .cards .card .card-media-video {
  object-fit: cover !important;
  width: 100% !important;
}

body:not([data-site-mode=chaos]) .cards .card .pad {
  flex: 1 1 auto !important;
  padding: 14px 14px 16px !important;
}

body:not([data-site-mode=chaos]) .cards .card h3 {
  font-size: 1.2rem !important;
  margin: 0 0 8px !important;
}

body:not([data-site-mode=chaos]) .cards .card p {
  font-size: .96rem !important;
  line-height: 1.56 !important;
}

body:not([data-site-mode=chaos]) #qualitaet {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .92fr) !important;
  gap: clamp(16px, 2vw, 24px) !important;
  align-items: stretch !important;
}

body:not([data-site-mode=chaos]) #qualitaet > img {
  order: 2 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 320px !important;
  max-height: 420px !important;
  object-fit: cover !important;
  border-radius: 18px !important;
}

body:not([data-site-mode=chaos]) #qualitaet > div {
  order: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

body:not([data-site-mode=chaos]) #qualitaet .text-frame {
  width: 100% !important;
}

body:not([data-site-mode=chaos]) #bewertungen .review-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr) !important;
  gap: var(--card-gap) !important;
  margin-top: 0 !important;
  align-items: stretch !important;
}

body:not([data-site-mode=chaos]) #bewertungen .review-card,
body:not([data-site-mode=chaos]) #bewertungen .map-wrap {
  height: 100% !important;
  margin-top: 0 !important;
}

body:not([data-site-mode=chaos]) #bewertungen .map-wrap {
  min-height: 100% !important;
  border-radius: 16px !important;
}

body:not([data-site-mode=chaos]) #bewertungen .map-wrap iframe {
  height: 100% !important;
  min-height: 360px !important;
}

body:not([data-site-mode=chaos]) #bewertungen .review-card {
  padding: 16px !important;
}

body:not([data-site-mode=chaos]) #bewertungen .review-card h3 {
  font-size: 1.18rem !important;
  margin: 0 0 10px !important;
}

body:not([data-site-mode=chaos]) #bewertungen .review-card p,
body:not([data-site-mode=chaos]) #bewertungen .review-mini,
body:not([data-site-mode=chaos]) #bewertungen #googleRatingCount {
  font-size: .96rem !important;
  line-height: 1.58 !important;
}

body:not([data-site-mode=chaos]) section[id=qualität-plus],
body:not([data-site-mode=chaos]) #service-ablauf {
  padding-top: clamp(20px, 2vw, 26px) !important;
}

body:not([data-site-mode=chaos]) section[id=qualität-plus] > .sub.text-frame,
body:not([data-site-mode=chaos]) #service-ablauf > .sub.text-frame,
body:not([data-site-mode=chaos]) section[id=qualität-plus] > .text-frame,
body:not([data-site-mode=chaos]) #service-ablauf > .text-frame {
  margin-bottom: 16px !important;
  font-size: .99rem !important;
  line-height: 1.65 !important;
}

body:not([data-site-mode=chaos]) #anfrage {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not([data-site-mode=chaos]) #anfrage > .contact {
  width: 100% !important;
  max-width: none !important;
  padding: var(--panel-pad) !important;
  border-radius: var(--panel-radius) !important;
}

body:not([data-site-mode=chaos]) #anfrage .contact form {
  margin-top: 8px !important;
}

body:not([data-site-mode=chaos]) #anfrage label,
body:not([data-site-mode=chaos]) #anfrage input,
body:not([data-site-mode=chaos]) #anfrage textarea,
body:not([data-site-mode=chaos]) #anfrage .form-note,
body:not([data-site-mode=chaos]) #anfrage .consent-text {
  font-size: .97rem !important;
  line-height: 1.55 !important;
}

body:not([data-site-mode=chaos]) #anfrage textarea {
  min-height: 190px !important;
}

body:not([data-site-mode=chaos]) footer {
  padding-top: 10px !important;
}

@media (max-width: 1080px) {
  body:not([data-site-mode=chaos]) .hero {
    grid-template-columns: 1fr !important;
  }

  body:not([data-site-mode=chaos]) .stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body:not([data-site-mode=chaos]) .cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:not([data-site-mode=chaos]) #qualitaet,
  body:not([data-site-mode=chaos]) #bewertungen .review-grid {
    grid-template-columns: 1fr !important;
  }

  body:not([data-site-mode=chaos]) #qualitaet > img {
    order: 2 !important;
    max-height: 440px !important;
  }
}

@media (max-width: 760px) {
  body:not([data-site-mode=chaos]) main {
    padding: 0 10px 42px !important;
  }

  body:not([data-site-mode=chaos]) .hero,
  body:not([data-site-mode=chaos]) #leistungen,
  body:not([data-site-mode=chaos]) #qualitaet,
  body:not([data-site-mode=chaos]) #bewertungen,
  body:not([data-site-mode=chaos]) section[id=qualität-plus],
  body:not([data-site-mode=chaos]) #service-ablauf,
  body:not([data-site-mode=chaos]) #anfrage > .contact {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  body:not([data-site-mode=chaos]) .hero .img-wrap {
    min-height: 320px !important;
  }

  body:not([data-site-mode=chaos]) .hero .img-wrap img {
    height: 320px !important;
  }

  body:not([data-site-mode=chaos]) .hero-copy {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    max-width: none !important;
    padding: 12px !important;
  }

  body:not([data-site-mode=chaos]) .hero-copy h1 {
    font-size: clamp(1.9rem, 9vw, 2.95rem) !important;
    max-width: 10ch !important;
  }

  body:not([data-site-mode=chaos]) .stats {
    grid-template-columns: 1fr !important;
  }

  body:not([data-site-mode=chaos]) .cards {
    grid-template-columns: 1fr !important;
  }

  body:not([data-site-mode=chaos]) #bewertungen .map-wrap iframe {
    min-height: 280px !important;
  }
}



/* layout-harmony-pass-20260326c */
body .hero,
body #leistungen,
body #qualitaet,
body #bewertungen,
body section[id=qualität-plus],
body #service-ablauf,
body #anfrage {
  box-sizing: border-box !important;
}

body .hero {
  grid-template-columns: minmax(0, 1.76fr) minmax(300px, .84fr) !important;
}

body .hero-copy {
  padding-top: 18px !important;
}

body .hero-copy h1 {
  font-size: clamp(2rem, 4.1vw, 3.9rem) !important;
  line-height: .98 !important;
  max-width: 10.5ch !important;
}

body .hero-copy p,
body .stats .stat p,
body .cards .card p,
body #bewertungen .review-card p,
body section[id=qualität-plus] > .sub.text-frame,
body #service-ablauf > .sub.text-frame,
body section[id=qualität-plus] > .text-frame,
body #service-ablauf > .text-frame,
body #anfrage label,
body #anfrage input,
body #anfrage textarea,
body #anfrage .form-note,
body #anfrage .consent-text {
  font-size: 1.02rem !important;
  line-height: 1.62 !important;
}

body .cards .card h3,
body #bewertungen .review-card h3 {
  font-size: 1.26rem !important;
}

body #bewertungen {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  gap: var(--card-gap) !important;
  align-items: stretch !important;
}

body #bewertungen > h2,
body #bewertungen > .map-link.text-frame {
  grid-column: 1 / -1 !important;
}

body #bewertungen > .review-grid {
  grid-column: 1 !important;
  margin: 0 !important;
}

body #bewertungen > .map-wrap {
  grid-column: 2 !important;
  grid-row: 2 / span 2 !important;
  margin: 0 !important;
}

body #bewertungen .review-grid {
  grid-template-columns: 1fr !important;
}

body #bewertungen .map-wrap iframe {
  min-height: 420px !important;
}

body #anfrage .contact {
  padding-bottom: calc(var(--panel-pad) + 2px) !important;
}

@media (max-width: 1080px) {
  body #bewertungen {
    grid-template-columns: 1fr !important;
  }

  body #bewertungen > .review-grid,
  body #bewertungen > .map-wrap,
  body #bewertungen > .map-link.text-frame {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 760px) {
  body .hero-copy h1 {
    font-size: clamp(1.85rem, 8.2vw, 2.75rem) !important;
  }

  body .hero-copy p,
  body .stats .stat p,
  body .cards .card p,
  body #bewertungen .review-card p,
  body section[id=qualität-plus] > .sub.text-frame,
  body #service-ablauf > .sub.text-frame,
  body section[id=qualität-plus] > .text-frame,
  body #service-ablauf > .text-frame,
  body #anfrage label,
  body #anfrage input,
  body #anfrage textarea,
  body #anfrage .form-note,
  body #anfrage .consent-text {
    font-size: .97rem !important;
  }
}



/* hero-clip-fix-20260326d */
body .hero-copy {
  padding-top: 22px !important;
}

body .hero-copy h1 {
  line-height: 1.04 !important;
  margin-top: 2px !important;
}

@media (max-width: 760px) {
  body .hero-copy {
    padding-top: 16px !important;
  }

  body .hero-copy h1 {
    line-height: 1.05 !important;
  }
}



/* hero-wrap-fix-20260326e */
body .hero-copy {
  max-width: min(700px, 76%) !important;
}

body .hero-copy h1 {
  max-width: 13ch !important;
}

@media (max-width: 760px) {
  body .hero-copy {
    max-width: none !important;
  }

  body .hero-copy h1 {
    max-width: 10.5ch !important;
  }
}



/* hero-anchor-fix-20260326f */
@media (min-width: 761px) {
  body .hero-copy {
    top: 20px !important;
    left: 20px !important;
    right: auto !important;
    bottom: auto !important;
    width: min(700px, calc(100% - 40px)) !important;
    max-width: min(700px, calc(100% - 40px)) !important;
  }

  body .hero-copy h1 {
    max-width: 13ch !important;
  }
}