/* Mercury 1.0.5 webroot override: global tokens and native navbar branding. */
:root {
  --background: #f3f1ea;
  --foreground: #0b1116;
  --card: #ffffff;
  --card-foreground: #0b1116;
  --primary: #0b1116;
  --primary-foreground: #ffffff;
  --secondary: #333333;
  --secondary-foreground: #ffffff;
  --muted: #e8e7e1;
  --muted-foreground: #333333;
  --accent: #4ba6b2;
  --accent-foreground: #0b1116;
  --destructive: #a83530;
  --destructive-foreground: #ffffff;
  --border: #c9cbd0;
  --input: #737c80;
  --font-sans: system-ui, "Segoe UI", Arial, sans-serif;
  --font-body: system-ui, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;
  --radius: 0.25rem;
  --spacing: 0.25rem;
  --navbar-height: calc(var(--spacing) * 15);
}

.dark {
  --background: #0b1116;
  --foreground: #f3f1ea;
  --card: #1b252c;
  --card-foreground: #f3f1ea;
  --primary: #4ba6b2;
  --primary-foreground: #0b1116;
  --secondary: #333333;
  --secondary-foreground: #f3f1ea;
  --muted: #333333;
  --muted-foreground: #f3f1ea;
  --accent: #4ba6b2;
  --accent-foreground: #0b1116;
  --destructive: #a83530;
  --destructive-foreground: #ffffff;
  --border: #596168;
  --input: #8d999f;
}

@media (min-width: 48rem) {
  :root {
    --navbar-height: calc(var(--spacing) * 18);
  }
}

/* Mercury uses site_name for the image alt and also prints it beside the logo.
   configure-branding.php enables the native name input; keep its visual copy hidden. */
.navbar--logo .branding + .heading-responsive-4xl,
.navbar--modal-logo .branding + .heading-responsive-4xl {
  display: none;
}

/* Keep the fixed-color SVG readable if the native dark scheme is selected. */
.dark .navbar--logo .branding,
.dark .navbar--modal-logo .branding {
  background: #f3f1ea;
  outline: 4px solid #f3f1ea;
  border-radius: 2px;
}

/* Two contrasting edges remain visible on both light and inverted sections. */
.layout-container :is(a, button, input, select, textarea):focus-visible {
  outline: 2px solid #f3f1ea;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #0b1116;
}

/* OTEC preview 20261025 BEGIN */
:root:has(#otec-preview-20261025) {
  --background:#d7d5d3; --foreground:#151719;
  --card:#eeece9; --card-foreground:#151719;
  --primary:#bf0717; --primary-foreground:#ffffff;
  --secondary:#303438; --secondary-foreground:#ffffff;
  --muted:#d9d7d4; --muted-foreground:#34373a;
  --accent:#bf0717; --accent-foreground:#ffffff;
  --border:#b8b7b4; --font-sans:Arial,Helvetica,sans-serif;
  --font-body:Arial,Helvetica,sans-serif; --radius:0;
  --navbar-height:80px;
}
body:has(#otec-preview-20261025) {background:#d7d5d3;color:#151719;font-family:Arial,Helvetica,sans-serif}
body:has(#otec-preview-20261025) section {isolation:isolate}
body:has(#otec-preview-20261025) :is(h1,h2,h3) {font-weight:800;letter-spacing:-.045em;line-height:1.1;white-space:pre-line;overflow-wrap:anywhere}
body:has(#otec-preview-20261025) h1 {font-size:clamp(34px,4vw,68px);max-width:100%}
body:has(#otec-preview-20261025) section:has(h1)>.container>div:has(>h1) {max-width:62%}
body:has(#otec-preview-page-communications) h1 {font-size:clamp(34px,3.6vw,52px)}
body:has(#otec-preview-page-startseite) section:has(h1)>.container>div:has(>h1) {max-width:85%}
body:has(#otec-preview-page-industries) section:has(h1)>.container>div:has(>h1) {max-width:42%}
body:has(#otec-preview-20261025) h2 {font-size:clamp(34px,3.65vw,62px)}
body:has(#otec-preview-20261025) h3 {font-size:clamp(24px,2.1vw,34px)}
body:has(#otec-preview-20261025) .font-body {line-height:1.75}
body:has(#otec-preview-20261025) .text-xs {letter-spacing:.14em;line-height:1.65}
body:has(#otec-preview-20261025) header .text-xs {text-transform:uppercase}
body:has(#otec-preview-20261025) section:has(h1) {min-height:clamp(600px,56.25vw,940px)}
body:has(#otec-preview-page-industries) section:has(h1) {min-height:clamp(480px,38vw,650px)}
body:has(#otec-preview-20261025) section:has(h1)>.container {padding-inline:clamp(24px,4.5vw,80px)}
body:has(#otec-preview-20261025) section:has(h1) .text-xs {letter-spacing:.35em}
body:has(#otec-preview-20261025) section:has(h3):has(>div.absolute img) {border-top:5px solid #efeeec}
body:has(#otec-preview-20261025) section:has(>div.absolute img):has(h3) h3 {max-width:520px}
body:has(#otec-preview-20261025) .navbar {background:#e5e3e0e6;min-height:80px;padding-inline:clamp(24px,4.5vw,80px);max-width:none}
body:has(#otec-preview-20261025) .navbar--logo img,
body:has(#otec-preview-20261025) .navbar--modal-logo img {width:150px;height:44px;aspect-ratio:auto;object-fit:contain;border-radius:0}
body:has(#otec-preview-20261025) .navbar--dropdown-menu {gap:clamp(18px,2vw,38px)}
body:has(#otec-preview-20261025) .navbar--dropdown-menu a {background:transparent;color:#151719;padding:6px 0;border:0;border-radius:0;box-shadow:none;font-size:13px;font-weight:600}
body:has(#otec-preview-20261025) .navbar--dropdown-menu a:hover {color:#bf0717}
body:has(#otec-preview-20261025) .navbar--links:empty {display:none}
body:has(#otec-preview-20261025) .font-body ul {list-style:none;padding-left:0}
body:has(#otec-preview-20261025) .font-body li {padding:10px 0 10px 22px;border-bottom:1px solid #a3a5a247;position:relative}
body:has(#otec-preview-20261025) .font-body li::before {content:"–";position:absolute;left:0;color:#bf0717}
body:has(#otec-preview-20261025) :is(footer,.footer,.site-footer) img {width:90px;height:32px;aspect-ratio:auto;object-fit:contain;border-radius:0}
body:has(#otec-preview-20261025) :is(footer,.footer,.site-footer) a {border-radius:0}
@media(max-width:820px) {
  body:has(#otec-preview-20261025) h1,
  body:has(#otec-preview-page-startseite) h1,
  body:has(#otec-preview-page-industries) h1 {max-width:100%;font-size:clamp(28px,7vw,48px)}
  body:has(#otec-preview-20261025) h2 {font-size:clamp(32px,7vw,46px)}
  body:has(#otec-preview-20261025) section:has(h1)>.container>div:has(>h1) {max-width:100%}
  body:has(#otec-preview-20261025) :is(h1,h2,h3) {hyphens:auto}
  body:has(#otec-preview-20261025) section:has(h1) {min-height:720px}
  body:has(#otec-preview-page-industries) section:has(h1) {min-height:520px}
  body:has(#otec-preview-20261025) .navbar--menu {background:#e6e4e1}
  body:has(#otec-preview-20261025) .navbar--dropdown-menu {gap:12px}
}

body:has(#otec-preview-20261025) :is(.navbar--logo,.navbar--modal-logo) figure {width:150px;margin:0}
body:has(#otec-preview-20261025) :is(.navbar--logo,.navbar--modal-logo) figure>div {aspect-ratio:auto;width:100%;max-width:100%;margin-inline:0}
body:has(#otec-preview-20261025) :is(footer,.footer,.site-footer) figure {width:90px;margin:0}
body:has(#otec-preview-20261025) :is(footer,.footer,.site-footer) figure>div {aspect-ratio:auto;width:100%;max-width:100%;margin-inline:0}
@media(max-width:820px) {
  body:has(#otec-preview-20261025) section:has(h1) {background:#dfddda;padding-bottom:280px}
  body:has(#otec-preview-20261025) section:has(h1)>div.absolute {top:auto;bottom:0;height:280px}
  body:has(#otec-preview-20261025) section:has(h1)>div.absolute img {object-position:right center}
}

body:has(#otec-preview-20261025) section.cq-full {width:100%;margin-inline:0}
@media(max-width:820px) {
  body:has(#otec-preview-20261025) .top-bar__content {grid-template-columns:0 minmax(0,1fr) auto;gap:8px}
  body:has(#otec-preview-20261025) .top-bar__context {min-width:0}
  body:has(#otec-preview-20261025) .top-bar__title {max-width:100%}
}
/* OTEC preview 20261025 END */