/* =========================================
   MAREL BAU – HEADER (Hero + Sticky)
   CLEAN v3 – consolidated, deduped, structured
   ========================================= */

/* ---------------------
   Design Tokens
--------------------- */
:root {
  --brand-blue: #1e61ff;
  --text-dark: #0f172a;
  --text-dim: rgba(15,23,42,0.7);
  --glass-dark: rgba(15,23,42,0.7);
  --glass-light: rgba(255,255,255,0.85);
  --border-light: rgba(0,0,0,0.08);
  --ring-light: rgba(169,225,254,0.4);
  --shadow-strong: 0 24px 48px rgba(0,0,0,0.6);
  --shadow-soft: 0 12px 24px rgba(0,0,0,0.15);
  --header-max-width: 1500px;
  --header-side-pad: 2rem;
  --radius: .6rem;
  --easing: cubic-bezier(.25,1,.5,1);
  --t-fast: .2s;
  --t-base: .3s;
}

/* a11y helper */
.visually-hidden {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); border:0;
}

/* =========================================
   HEADER BASE (over hero)
========================================= */
.site-header {
  position: fixed; inset-block-start: 40px; inset-inline: 0; z-index: 1000;
  background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none;
  box-shadow: none; border-bottom: 0; transition: all var(--t-base) var(--easing);
}

/* WP Admin-Bar Offset */
body.admin-bar .site-header { top: calc(40px + 32px); }
@media (max-width:782px){ body.admin-bar .site-header { top: calc(40px + 46px); } }

.site-header-inner {
  box-sizing: border-box; width: 100%; max-width: var(--header-max-width); margin: 0 auto;
  min-height: 64px; padding: .5rem var(--header-side-pad); column-gap: 1rem;
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; justify-items: center;
  transition: all var(--t-base) var(--easing);
}

/* STATE: sticky */
.site-header.is-small {
  background: rgba(30,97,255,0.15);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  border-bottom: 1px solid rgba(169,225,254,0.35);
  box-shadow: 0 10px 28px rgba(0,0,0,0.3);
  min-height: 60px;
}
.site-header.is-small .site-header-inner { min-height: 60px; padding: .4rem 1.5rem; }

/* =========================================
   LOGO
========================================= */
.header-left { display:flex; align-items:center; }
.site-logo { display:flex; align-items:center; text-decoration:none; }
.site-logo-img {
  display:block; width:auto; height:auto; max-height:none; object-fit:contain;
  transition: height var(--t-base) var(--easing), transform var(--t-base) var(--easing);
}

/* sizes by state */
.site-header:not(.is-small) .site-logo-img { height: 72px; transform: translateY(0); }
.site-header.is-small .site-logo-img { height: 44px; }

/* =========================================
   NAVIGATION (Desktop)
========================================= */
.mainnav { display:flex; justify-content:center; align-items:center; line-height:1.4; text-align:center; }
.mainnav ul { list-style:none; display:flex; flex-wrap:nowrap; align-items:center; gap:2.5rem; margin:0; padding:0; transition: gap var(--t-base) var(--easing); }
.mainnav li { position:relative; white-space:nowrap; }

.mainnav > ul > li > a,
.mainnav > ul > li .nav-trigger,
.mainnav > ul > li.nav-contact-wrapper > a {
  display:inline-flex; align-items:center; gap:.4rem; font-size:1.05rem; font-weight:600; line-height:1.3; text-decoration:none;
  padding:0; border:0; background:none; border-radius:0; box-shadow:none; position:relative; color:#fff;
  text-shadow: 0 10px 32px rgba(0,0,0,0.75);
  transition: color .25s ease, text-shadow .4s ease;
}

/* Hover on hero */
.site-header:not(.is-small) .mainnav > ul > li > a:hover:not(.nav-shop),
.site-header:not(.is-small) .mainnav > ul > li .nav-trigger:hover:not(.nav-shop){
  color:#4d8dff; text-shadow: 0 0 8px rgba(30,97,255,0.4), 0 0 20px rgba(169,225,254,0.6), 0 20px 40px rgba(0,0,0,0.9);
}

/* Compact nav in sticky */
.site-header.is-small .mainnav > ul { gap:1.2rem; }
.site-header.is-small .mainnav > ul > li > a,
.site-header.is-small .mainnav > ul > li .nav-trigger,
.site-header.is-small .mainnav > ul > li.nav-contact-wrapper > a {
  font-size:.9rem; font-weight:500; line-height:1.2; color:var(--text-dark); text-shadow:none; transition: color var(--t-fast) ease;
}
.site-header.is-small .mainnav > ul > li > a:hover:not(.nav-shop),
.site-header.is-small .mainnav > ul > li .nav-trigger:hover:not(.nav-shop){ color:var(--brand-blue); }

/* Contact link only in sticky */
.nav-contact-wrapper { display:none; }
.site-header.is-small .nav-contact-wrapper { display:block; }

/* SHOP CTA */
.mainnav .nav-shop {
  background: var(--brand-blue); color:#fff; font-weight:600; border-radius:.6rem; padding:.7rem 1.1rem; line-height:1.3; font-size:1rem;
  box-shadow: 0 20px 40px rgba(0,0,0,0.6), 0 0 30px rgba(30,97,255,0.6); transition: all var(--t-fast) ease;
}
.mainnav .nav-shop:hover { background:#a9e1fe; color:#0f172a; box-shadow: 0 8px 20px rgba(169,225,254,0.6), 0 0 30px rgba(169,225,254,0.6); }
.site-header.is-small .nav-shop { font-size:.9rem; line-height:1.2; box-shadow:none; }

/* =========================================
   RIGHT SIDE (Desktop)
========================================= */
.header-right { display:flex; align-items:center; gap:1.25rem; transition: transform var(--t-base) var(--easing); }
.header-cta-wrap { display:flex; align-items:center; }

/* Burger (visible via media ≤1024) */
.burger-btn { display:none; flex-direction:column; justify-content:center; gap:.4rem; width:2.5rem; height:2.5rem; padding:.5rem; border-radius:.5rem; border:1px solid rgba(255,255,255,0.5); background:rgba(0,0,0,0.4); color:#fff; cursor:pointer; box-shadow: 0 12px 30px rgba(0,0,0,0.5); transition: all var(--t-base) var(--easing); }
.burger-btn .bar { width:100%; height:2px; background:currentColor; border-radius:2px; display:block; }
.site-header.is-small .burger-btn { border-color: rgba(0,0,0,0.15); background:#fff; color:var(--text-dark); box-shadow: 0 8px 20px rgba(0,0,0,0.12); }

/* =========================================
   AQUAMATIK CTA (Base)
========================================= */
.header-cta--aquamatik{
  position: relative; overflow: hidden; cursor: pointer;
  display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:.5rem; width:auto; max-width:320px;
  padding:.5rem 1rem .6rem; border-radius:var(--radius);
  background: radial-gradient(circle at 20% 10%, rgba(30,97,255,0.35) 0%, rgba(15,23,42,0) 60%), var(--glass-dark);
  color:#fff; border:1px solid var(--ring-light); box-shadow: var(--shadow-strong), 0 0 60px rgba(30,97,255,0.4);
  backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%);
  text-shadow: 0 0 18px rgba(0,0,0,0.8), 0 0 60px rgba(169,225,254,0.5);
  transition: background .4s var(--easing), box-shadow .35s var(--easing), transform .25s ease, border-color .35s ease;
}
.aquamatik-headline{ display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; line-height:1.2; }
.aquamatik-headline__logo{ width:auto; height:20px; display:block; }
.aquamatik-headline__label{ font-size:.8rem; font-weight:600; color:#a9e1fe; text-shadow: 0 0 12px rgba(30,97,255,0.6), 0 20px 40px rgba(0,0,0,0.8); }
.aquamatik-subline{ font-size:.75rem; line-height:1.4; color:rgba(255,255,255,0.9); text-shadow: 0 0 12px rgba(30,97,255,0.5), 0 18px 40px rgba(0,0,0,0.9); }
.aquamatik-cta-link{ position: relative; z-index: 2; font-size:.8rem; font-weight:500; color:#a9e1fe; text-decoration:underline; line-height:1.3; }
.aquamatik-cta-link:hover{ color:#fff; text-decoration:underline; }
.header-cta--aquamatik .aquamatik-hit { position:absolute; inset:0; z-index:1; border-radius:inherit; }

/* HERO tweaks */
.site-header:not(.is-small) .header-cta--aquamatik { max-width: 370px; min-height: 64px; padding: 10px 14px; flex-direction: row; align-items: center; gap: 10px; }
.site-header:not(.is-small) .aquamatik-headline__logo{ height:54px; width:54px; border-radius:50%; object-fit:cover; background:#fff; box-shadow:0 0 12px rgba(0,0,0,0.25); }
.site-header:not(.is-small) .aquamatik-headline__label{ font-size:1rem; line-height:1.3; }
.site-header:not(.is-small) .aquamatik-subline{ font-size:.9rem; line-height:1.4; max-width:240px; white-space:normal; }
.site-header:not(.is-small) .aquamatik-cta-link{ font-size:.85rem; margin-top:2px; }

/* STICKY tweaks – consistent 3 rows (headline, subline, link) */
.site-header.is-small .header-cta--aquamatik{
  background: var(--glass-light); color: var(--text-dark); text-shadow:none;
  border:1px solid var(--border-light); box-shadow: var(--shadow-soft);
  max-width: 420px; min-height: 44px; padding: 4px 12px 5px; 
  display:grid; grid-template-columns:36px 1fr; grid-template-rows:auto auto auto; column-gap:8px; row-gap:2px; align-items:center;
}
.site-header.is-small .aquamatik-headline__logo{ grid-column:1; grid-row:1 / span 3; height:34px; width:34px; border-radius:999px; object-fit:cover; position:static; }
.site-header.is-small .aquamatik-headline{ grid-column:2; grid-row:1; display:flex; align-items:center; gap:6px; margin:0; line-height:1.2; }
.site-header.is-small .aquamatik-subline{ grid-column:2; grid-row:2; margin:0; padding:0; font-size:.78rem; line-height:1.25; white-space:nowrap; color: rgba(15,23,42,0.8); }
.site-header.is-small .aquamatik-headline__label{ font-size:.85rem; font-weight:600; color:var(--brand-blue); }
.site-header.is-small .aquamatik-cta-link{ grid-column:2; grid-row:3; align-self:start; margin:0; font-size:.8rem; line-height:1.2; font-weight:600; color:var(--brand-blue); text-decoration:underline; }

/* Hover/Focus – Hero (dark) */
@keyframes aqua-glow {
  0%,100% { box-shadow: 0 0 20px rgba(30,97,255,0.3), 0 0 60px rgba(169,225,254,0.25); }
  50%     { box-shadow: 0 0 40px rgba(30,97,255,0.6), 0 0 90px rgba(169,225,254,0.45); }
}
.site-header:not(.is-small) .header-cta--aquamatik:hover,
.site-header:not(.is-small) .header-cta--aquamatik:focus-within {
  background: linear-gradient(135deg, rgba(30,97,255,0.55) 0%, rgba(15,23,42,0.85) 100%);
  border-color: rgba(169,225,254,0.7);
  transform: translateY(-2px) scale(1.01);
  animation: aqua-glow 1.8s ease-in-out infinite;
}

/* Hover/Focus – Sticky (light) */
.site-header.is-small .header-cta--aquamatik:hover,
.site-header.is-small .header-cta--aquamatik:focus-within {
  background: linear-gradient(135deg, rgba(255,255,255,0.96) 0%, rgba(169,225,254,0.8) 100%);
  border-color: rgba(30,97,255,0.35);
  box-shadow: 0 14px 28px rgba(0,0,0,0.18);
  transform: translateY(-1px) scale(1.005);
}

/* Active feedback + focus ring */
.header-cta--aquamatik:active { transform: scale(0.98); animation: none; }
.header-cta--aquamatik:focus-within { outline: 2px solid rgba(30,97,255,0.55); outline-offset: 2px; border-color: rgba(30,97,255,0.35); }

/* =========================================
   RESPONSIVE ≤1024px – emergency bar & offcanvas trigger
========================================= */
@media (max-width:1024px) {
  .mainnav { display:none; }
  .burger-btn { display:flex; }
  .header-cta-wrap { display:none; }
  .site-header-inner { grid-template-columns: auto 1fr auto; justify-items:start; }
  /* intentionally hide desktop header in mobile */
  .site-header { display:none !important; }

  .emergency-bar { display:flex !important; height:56px; background:#0f172a; align-items:center; box-shadow:0 4px 12px rgba(0,0,0,0.3); }
  .emergency-mobile { display:flex !important; justify-content:space-between; align-items:center; width:100%; padding:0 var(--header-side-pad, 1rem); }
  .emergency-logo img { height:34px; width:auto; display:block; }
  .emergency-mobile-hotline { display:flex; flex-direction:column; line-height:1.2; }
  .emergency-mobile-label { font-size:.7rem; font-weight:600; color:#a9e1fe; }
  .emergency-mobile-phone { font-size:.9rem; font-weight:600; color:#fff; text-decoration:none; }
  .emergency-mobile-burger { display:flex !important; flex-direction:column; justify-content:center; gap:.35rem; width:2.4rem; height:2.4rem; border:none; background:transparent; color:#fff; cursor:pointer; }
  .emergency-mobile-burger .bar { width:100%; height:2px; background:currentColor; border-radius:2px; }
}

/* =========================================
   MOBILE NAV / OFFCANVAS
========================================= */
.mobile-nav-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.5); opacity:0; visibility:hidden; transition:all .25s ease; z-index:999998; }
.mobile-nav-overlay.is-active { opacity:1; visibility:visible; }

.mobile-nav-panel { position:fixed; inset-block:0; inset-inline-end:0; width:min(80vw,360px); max-width:400px; background:#0f172a; color:#fff; border-left:1px solid var(--border-light); box-shadow:-10px 0 40px rgba(0,0,0,0.2); transform:translateX(100%); transition:transform .25s ease; padding:24px 20px 40px; overflow-y:auto; z-index:999999; display:flex; flex-direction:column; }
.mobile-nav-panel.is-active { transform:translateX(0); }

.mobile-nav-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.mobile-close-btn { background:transparent; border:1px solid rgba(255,255,255,0.15); border-radius:.5rem; width:2rem; height:2rem; font-size:1rem; line-height:2rem; text-align:center; color:#fff; cursor:pointer; }

.mobile-nav-list { list-style:none; margin:0; padding:0 0 6rem 0; flex:1 1 auto; overflow-y:auto; }
.mobile-nav-list > li { border-bottom:1px solid rgba(255,255,255,0.1); }
.mobile-nav-list a { display:block; padding:.8rem 1rem; font-size:1rem; font-weight:500; color:#fff; text-decoration:none; border-radius:.5rem; transition:all .2s ease; }
.mobile-nav-list a:hover { background:rgba(255,255,255,0.08); color:#a9e1fe; }

.mobile-sublist { list-style:none; margin:0; padding:0 0 12px 12px; }
.mobile-sublist a { font-size:.9rem; font-weight:400; padding:8px 0; color:rgba(255,255,255,0.9); line-height:1.4; opacity:.9; }

/* SHOP highlight */
.mobile-nav-list a[href*="/shop/"] { background: var(--brand-blue); color:#fff; font-weight:600; border-radius:.5rem; padding:.75rem 1rem; margin:.5rem 0 1rem; text-align:center; box-shadow:0 0 20px rgba(30,97,255,0.5); }
.mobile-nav-list a[href*="/shop/"]:hover { background:#a9e1fe; color:#0f172a; box-shadow:0 0 25px rgba(169,225,254,0.6); }

/* Drawer CTA/footer */
.mobile-cta { margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.1); text-align:center; }
.btn-mobile-offer { display:inline-block; background:var(--brand-blue); color:#fff; font-weight:600; padding:.9rem 1.4rem; border-radius:.6rem; text-decoration:none; font-size:.95rem; transition: background var(--t-fast) ease, color var(--t-fast) ease; }
.btn-mobile-offer:hover { background:#a9e1fe; color:#0f172a; }
.mobile-contact { margin-top:1rem; font-size:.85rem; line-height:1.5; color:rgba(255,255,255,0.8); }
.mobile-contact a { color:rgba(255,255,255,0.9); text-decoration:none; font-weight:500; }
.mobile-contact a:hover { color:#a9e1fe; }
.mobile-footer-links { margin-top:1.2rem; font-size:.75rem; color:rgba(255,255,255,0.6); display:flex; justify-content:center; align-items:center; gap:.6rem; flex-wrap:wrap; }
.mobile-footer-links a { color:rgba(255,255,255,0.6); text-decoration:none; }
.mobile-footer-links a:hover { color:#a9e1fe; }
.mobile-footer-links span { color:rgba(255,255,255,0.4); font-size:.8rem; line-height:1; }

/* avoid duplicates in drawer */
.mobile-nav-list a[href*="/impressum/"],
.mobile-nav-list a[href*="/datenschutz/"],
.mobile-nav-list a[href*="/kontakt/"] { display:none !important; }

/* =========================================
   MEGA MENU (Desktop Hover Panels)
========================================= */
.nav-has-mega { position:relative; }
.nav-has-mega::after { content:""; position:absolute; top:100%; left:-2rem; right:-2rem; height:40px; background:transparent; }

.mega-surface {
  position:absolute; top:100%; left:50%; width:calc(100vw - 80px); max-width:1690px; padding-top:25px;
  opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%, 24px) scale(.98);
  transition: opacity .45s ease, visibility .45s ease, transform .45s var(--easing), filter .45s ease;
  z-index:99999; filter: drop-shadow(0 30px 80px rgba(15,23,42,.4));
}
.nav-has-mega:hover .mega-surface, .nav-has-mega:focus-within .mega-surface {
  opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%, 0) scale(1); filter: drop-shadow(0 40px 90px rgba(15,23,42,.55));
}

.mega-inner {
  position:relative; max-width:var(--header-max-width); margin:0 auto; padding:1.5rem 2rem 2rem;
  display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:1rem; align-items:flex-start;
  border-radius:1rem; overflow:hidden; backdrop-filter: blur(16px) saturate(160%); -webkit-backdrop-filter: blur(16px) saturate(160%);
  background: rgba(255,255,255,0.78); border:1px solid rgba(255,255,255,0.45);
  box-shadow: 0 20px 60px rgba(15,23,42,.25), 0 0 120px rgba(30,97,255,.35);
}
.mega-inner::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 20% 0%, rgba(30,97,255,0.22) 0%, rgba(169,225,254,0) 60%), radial-gradient(circle at 80% 0%, rgba(169,225,254,0.2) 0%, rgba(30,97,255,0) 60%); pointer-events:none; mix-blend-mode:screen; }

.mega-col { background:rgba(255,255,255,0.9); border-radius:.75rem; border:1px solid rgba(15,23,42,0.06); box-shadow: 0 8px 20px rgba(0,0,0,0.07), 0 0 40px rgba(169,225,254,0.35); padding:.9rem 1rem 1.1rem; min-width:0; transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.mega-col:hover { transform:translateY(-2px); box-shadow: 0 16px 32px rgba(0,0,0,0.12), 0 0 60px rgba(30,97,255,0.4); background:rgba(255,255,255,0.96); }

.mega-heading { font-size:.8rem; font-weight:600; text-transform:uppercase; letter-spacing:.03em; color:#0f172a; margin-bottom:.5rem; line-height:1.4; display:flex; align-items:center; gap:.4rem; }
.mega-heading::before { content:""; display:inline-block; width:.5rem; height:.5rem; border-radius:999px; background: radial-gradient(circle at 30% 30%, #a9e1fe 0%, #1e61ff 80%); box-shadow: 0 0 10px rgba(30,97,255,0.7); }

.mega-linklist a { display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; color:#0f172a; text-decoration:none; font-size:.9rem; line-height:1.4; padding:.4rem 0; transition: color .18s ease, transform .18s ease; }
.mega-linklist a:hover { color:var(--brand-blue); }
.mega-linklist a::after { content:"→"; font-size:.8rem; line-height:1; color:rgba(15,23,42,0.2); transition: color .18s ease, transform .18s ease; }
.mega-linklist a:hover::after { color:var(--brand-blue); transform:translateX(2px); }

/* CTA column */
.mega-col-cta { text-align:center; background: radial-gradient(circle at 30% 20%, rgba(169,225,254,0.9) 0%, rgba(255,255,255,0.9) 60%); border:1px solid rgba(30,97,255,0.2); box-shadow: 0 8px 24px rgba(0,0,0,0.08), 0 0 80px rgba(30,97,255,0.45), 0 0 140px rgba(169,225,254,0.3); }
.mega-col-cta .subtext { font-size:.75rem; line-height:1.4; color:#0f172a; margin:0 0 .75rem; opacity:.8; }
.mega-col-cta .btn-primary { display:inline-block; background-image:linear-gradient(to right,#1e61ff 0%,#a9e1fe 100%); color:#fff; border:0; border-radius:12px; font-weight:600; font-size:.95rem; line-height:1.2; padding:.9rem 1.2rem; text-decoration:none; box-shadow: 0 10px 30px rgba(0,0,0,0.22), 0 0 50px rgba(30,97,255,0.6), 0 0 90px rgba(169,225,254,0.5); transition: all .22s ease; }
.mega-col-cta .btn-primary:hover { background-image:linear-gradient(to right,#0f172a 0%,#1e61ff 100%); box-shadow: 0 16px 36px rgba(0,0,0,0.3), 0 0 60px rgba(30,97,255,0.75), 0 0 110px rgba(169,225,254,0.6); color:#fff; }

/* Offset anchors */
.nav-bauleistungen .mega-surface { left: calc(50% + 225px); }
.nav-facility .mega-surface { left: calc(50% + 400px); }

@media (max-width:1100px){ .mega-inner { grid-template-columns: repeat(2, minmax(0,1fr)); } }

/* =========================================
   SHOP-LITE variation (subtle card look)
========================================= */
.header-cta--aquamatik.shop-lite{
  background: rgba(15,23,42,.72);
  border: 1px solid rgba(169,225,254,.28);
  border-radius: var(--radius);
  backdrop-filter: blur(14px) saturate(150%);
  -webkit-backdrop-filter: blur(14px) saturate(150%);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
}
.header-cta--aquamatik.shop-lite::before{
  content:""; position:absolute; inset:-2px; pointer-events:none; mix-blend-mode:screen;
  background: radial-gradient(480px 180px at 85% 20%, rgba(169,225,254,.25) 0%, rgba(169,225,254,0) 60%),
              radial-gradient(360px 160px at 10% 0%, rgba(30,97,255,.18) 0%, rgba(30,97,255,0) 55%);
}
.header-cta--aquamatik.shop-lite .aquamatik-cta-link{ color:#a9e1fe; text-decoration:none; }
.header-cta--aquamatik.shop-lite .aquamatik-cta-link:hover{ text-decoration:underline; }

/* Sticky look for shop-lite */
.site-header.is-small .header-cta--aquamatik.shop-lite{
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}
.site-header.is-small .header-cta--aquamatik.shop-lite:hover,
.site-header.is-small .header-cta--aquamatik.shop-lite:focus-within{
  background: rgba(255,255,255,.96);
  border-color: rgba(30,97,255,.22);
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
.site-header.is-small .header-cta--aquamatik.shop-lite .aquamatik-subline{ color: rgba(15,23,42,.82); }
.site-header.is-small .header-cta--aquamatik.shop-lite .aquamatik-headline__label{ color: var(--brand-blue); }
.site-header.is-small .header-cta--aquamatik.shop-lite .aquamatik-cta-link{ color:#334155; text-decoration:underline; text-decoration-color: rgba(51,65,85,.45); }
.site-header.is-small .header-cta--aquamatik.shop-lite .aquamatik-cta-link:hover{ color: var(--brand-blue); text-decoration-color: currentColor; }