/** Shopify CDN: Minification failed

Line 501:0 Unexpected "}"

**/
/* ==========================================================================
   SIEGO design system – set once, applies to the whole website
   (Website Changes 03.10.2026, items 1, 2.3, 3.2, 3.3)
   Loaded last from layout/theme.liquid.
   ========================================================================== */

:root {
  /* page width (item 3.2) – text blocks and FAQ keep their own narrower max-widths */
  --sg-page-max: 1400px;

  /* colours */
  --sg-ink: #1F233E;                    /* headings */
  --sg-text: rgba(31, 35, 62, 0.82);    /* all text (82 %) */
  --sg-blue: #1668A9;
  --sg-green: #166E30;                  /* WhatsApp green */
  --sg-red: #D0021B;                    /* special offers */

  /* weights – only two are allowed */
  --sg-w-text: 500;
  --sg-w-strong: 700;

  /* fixed sizes */
  --sg-fs-h3: 24px;
  --sg-fs-h4: 20px;
  --sg-fs-body: 16px;
  --sg-fs-small: 14.4px;
  --sg-fs-xs: 12.8px;

  /* fluid sizes: max reached at the full content width of 1400px */
  --sg-fs-hero: clamp(2.35rem, 3.7vw, 3rem);          /* 48px max (homepage hero only) */
  --sg-fs-h1: clamp(1.75rem, 3vw, 2.4375rem);         /* 39px max */
  --sg-fs-h2: clamp(1.55rem, 2.4vw, 1.9375rem);       /* 31px max */

  /* line heights */
  --sg-lh-heading: 1.2;
  --sg-lh-text: 1.6;
  --sg-lh-card: 1.5;
}

@media (max-width: 820px) {
  :root {
    --sg-fs-hero: 28px;
    --sg-fs-h1: 28px;
    --sg-fs-h2: 25px;
  }
}

/* --- base ---------------------------------------------------------------- */
body {
  font-family: 'Hanken Grotesk', -apple-system, sans-serif;
  font-weight: var(--sg-w-text);
  color: var(--sg-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Hanken Grotesk', -apple-system, sans-serif !important;
  font-weight: var(--sg-w-strong);
  line-height: var(--sg-lh-heading);
}

b, strong { font-weight: var(--sg-w-strong); }

/* --- H1 on subpages: always larger than H2 -------------------------------- */
h1.svc-feature__h1 {
  font-size: var(--sg-fs-h1) !important;
  font-weight: var(--sg-w-strong) !important;
  line-height: var(--sg-lh-heading) !important;
}

/* --- H2 section headings -------------------------------------------------- */
.sg-faq h2.sec-title,
h2.img-grid__title,
h2.cat-grid__title,
.svc-article-card > h2.svc-article__title,
.svc-related__title,
.siego-g2t-sec-title {
  font-size: var(--sg-fs-h2) !important;
  font-weight: var(--sg-w-strong) !important;
  line-height: var(--sg-lh-heading) !important;
  color: var(--sg-ink);
}

/* H2 content headings inside the article card (same level as the section headings) */
.svc-article-card h2:not(.svc-article__title) {
  font-size: var(--sg-fs-h2) !important;
  font-weight: var(--sg-w-strong) !important;
  line-height: var(--sg-lh-heading) !important;
}

/* H3 / H4 */
.svc-article-card h3,
.svc-related-card__h {
  font-size: var(--sg-fs-h3) !important;
  font-weight: var(--sg-w-strong) !important;
  line-height: var(--sg-lh-heading) !important;
}
.svc-article-card .svc-tier-head h4 {
  font-size: var(--sg-fs-h4) !important;
  font-weight: var(--sg-w-strong) !important;
}

/* heading italics keep the accent colour but never change the weight */
h1 em, h2 em, h3 em { font-weight: inherit; }

/* --- body / tile text: one grey, 82 % ------------------------------------- */
.svc-article-card p,
.svc-article-card ul li,
.svc-feature__intro,
.faq-a-inner,
.svc-related-card__p,
.siego-sb-txt-DISABLED {
  color: var(--sg-text) !important;
  font-weight: var(--sg-w-text) !important;
}
.svc-article-card p,
.svc-article-card ul li,
.svc-feature__intro { font-size: var(--sg-fs-body); line-height: var(--sg-lh-text); }

/* --- eyebrows (item 2.3): no side lines, one thin line centred underneath -- */
.eyebrow,
.cat-grid__eyebrow,
.img-grid__eyebrow,
.sortiment-band__eyebrow,
.siego-g2t-eyebrow,
.svc-related__eyebrow {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
  letter-spacing: 0.14em !important;
  font-weight: var(--sg-w-strong) !important;
  text-transform: uppercase;
  color: var(--sg-blue);
}
.eyebrow::before,
.cat-grid__eyebrow::before,
.img-grid__eyebrow::before,
.sortiment-band__eyebrow::before,
.siego-g2t-eyebrow::before,
.svc-related__eyebrow::before { content: none !important; display: none !important; }
.eyebrow::after,
.cat-grid__eyebrow::after,
.img-grid__eyebrow::after,
.sortiment-band__eyebrow::after,
.siego-g2t-eyebrow::after,
.svc-related__eyebrow::after {
  content: '' !important;
  display: block !important;
  width: 80px !important;
  height: 1px !important;
  background: var(--sg-blue) !important;
  opacity: 0.6 !important;
}
.eyebrow--short::after { width: 40px !important; }

/* eyebrow in the article card is left aligned: line sits under the word, left */
.svc-article-card .svc-article__eyebrow {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  letter-spacing: 0.14em !important;
  font-weight: var(--sg-w-strong) !important;
}
.svc-article-card .svc-article__eyebrow::after {
  content: ''; display: block; width: 80px; height: 1px;
  background: var(--sg-blue); opacity: 0.6;
}

/* --- consistent hover effect on all tiles/cards (item 3.3) ----------------
   Same lift + shadow as the tiles on the new homepage (V19.64): cards -4px, FAQ rows -2px. */
.svc-related-card,
.svc-chip,
a.cat-grid__card,
.img-grid__item,
.sg-faq .faq-item {
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.svc-related-card:hover,
.svc-chip:hover,
a.cat-grid__card:hover,
a.img-grid__item:hover,
.img-grid--hover .img-grid__item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 30px rgba(31, 35, 62, 0.10) !important;
}
.sg-faq .faq-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(31, 35, 62, 0.08);
}
.img-grid__item img,
.cat-grid__media img { transition: transform 0.35s ease; }
/* 22.10.2026: only clickable grid images move (linked items, or grids with "Hover-Zoom" switched on,
   e.g. the Montage-Beispiele that get the lightbox). Static grid images under the hero stay still. */
a.img-grid__item:hover img,
.img-grid--hover .img-grid__item:hover img,
a.cat-grid__card:hover .cat-grid__media img { transform: scale(1.04); }
@media (hover: none) {
  .svc-related-card:hover,
  .svc-chip:hover,
  a.cat-grid__card:hover,
  .img-grid__item:hover,
  .sg-faq .faq-item:hover { transform: none !important; box-shadow: none !important; }
}

/* --- small text ----------------------------------------------------------- */
.svc-tier-note,
.svc-vid-sub,
.siego-sb-footnote { font-size: var(--sg-fs-xs); }

/* --- fixes from site crawl 12.10.2026 --------------------------------------- */
/* special-offer pages: H2 section headings follow the central H2 scale */
.sg-v h2.sec-title { font-size: var(--sg-fs-h2) !important; }

/* buttons / summaries must not fall back to the browser's Arial */
button, summary, input, select, textarea { font-family: inherit; }

/* eyebrows: one size everywhere (12.8px) */
.eyebrow, .img-grid__eyebrow, .svc-related__eyebrow, .siego-g2t-eyebrow { font-size: 0.8rem !important; }

/* spec lists on the special-offer pages must wrap instead of overflowing on mobile */
.sg-v .spec-list li { flex-wrap: wrap; }
.sg-v .spec-list .spec-v { min-width: 0; overflow-wrap: anywhere; }

/* hidden skip link: same font system */
.skip-to-content-link, a.skip-to-content-link.button-secondary { font-family: inherit !important; font-weight: var(--sg-w-text) !important; }

/* inline text links in article copy: ink colour instead of browser black */
.svc-article-card p a, .svc-article-card li a { color: var(--sg-ink); }

/* --- exact PDF sizes (item 1) ---------------------------------------------- */
/* hero heading "Schlüssel nachmachen": 48px max, exactly 28px on mobile */
@media (max-width: 820px) { .sg-v .hero-h1 { font-size: 28px !important; } }
/* H1 of the special-offer overview and of the two tool pages: subpage H1 scale (39px / 28px) */
.sg-v h1.page-h1, h1.tp-h1 { font-size: var(--sg-fs-h1) !important; }
/* section titles on Check & Tipps: same size as the H1 (39px / 28px) */
.ck-area-title { font-size: var(--sg-fs-h1) !important; }
/* H2 that carries the H1 class on the special-offer overview: H2 scale (31px / 25px) */
h2.svc-feature__h1 { font-size: var(--sg-fs-h2) !important; }

/* --- leftover grey text -> 82 % text colour (item 3.2) ----------------------- */
.siego-sb-footnote, .sg-v .price-note { color: var(--sg-text) !important; }

/* --- policy pages: long words / URLs must not push the page wider than the screen --- */
.shopify-policy__container, .shopify-policy__body, .shopify-policy__body * { max-width: 100%; overflow-wrap: anywhere; word-break: normal; }
.shopify-policy__body table { display: block; overflow-x: auto; }

/* --- font-size scale (item 1) for the service-page templates: only 12.8 / 14.4 / 16 / 20 / 24 px (H1/H2 use the fluid scale) ---- */
/* body text 16px */
.svc-article-card p, .svc-article-card li, .svc-article-card strong, .svc-article-card b, .svc-article-card em, .svc-article-card a,
.svc-ms-text p, .svc-ms-text strong, .svc-feature__intro, .svc-feature__highlights p, .svc-feature__highlights strong,
.img-grid__sub, .img-grid__toggle span, .siego-sb-brandlead, .siego-sb-brandlead em, .siego-sb-inner h3, .svc-tier p,
.siego-g2t-showcase-sub, .svc-info-box a, .svc-vid-link span, .svc-phone-card__num, .svc-calc-cta__main { font-size: 16px !important; }
/* secondary text 14.4px */
.svc-chip, .siego-sb-txt, .siego-sb-txt strong, .skip-to-content-link, .svc-related-card__p, .svc-related-card__link,
.svc-calc-cta__sub, .svc-meas-note { font-size: 14.4px !important; }
/* small text 12.8px */
.siego-sb-trust, .siego-sb-trust span, .siego-sb-rating-link, .siego-sb-rating-link span,
.svc-score, .svc-of, .svc-use, .svc-vid-h, .svc-vid-sub, .svc-tier-note, .siego-sb-footnote { font-size: 12.8px !important; }
/* small headings 20px */
.svc-subtopics__label, .svc-subtopics__label em { font-size: 20px !important; }

/* --- one hover effect for all tiles (item 3.2): cards that had none get the same lift + shadow ---------------- */
.vcard, .review-card, .tp-card, .tp-tip, .svc-tier { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
/* 23.10.2026: tips, tier boxes and review cards are not links, so they no longer lift (rule: only clickable things move). */

/* Related cards: the whole card is the link now, not only the "→" text, so the lift is correct. */
.svc-related-card { position: relative; }
.svc-related-card__link::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.svc-related-card:hover .svc-related-card__link { text-decoration: underline; }

@media (hover: none) { .vcard:hover, .review-card:hover, .tp-card:hover, .tp-tip:hover, .svc-tier:hover { transform: none !important; box-shadow: none !important; } }

/* --- A4 (Offene Punkte 17.10.2026): the homepage tiles already lift, but the image did not zoom in.
   The reference is the hover on the subpages (.img-grid__item above). The image boxes need their own
   overflow: hidden – without it the scaled image would grow over the text below it, because only the
   outer card clips. The hero photo is not a link, it gets the zoom on its own frame. ------------------ */
.sg-v .svc-img,
.sg-v .prod-img,
.sg-v .feature-img { overflow: hidden; }
.sg-v .svc-img img,
.sg-v .prod-img img,
.sg-v .feature-img img { transition: transform 0.35s ease; }
/* 22.10.2026: the shop photo in the homepage hero is not clickable, so it no longer zooms. */
.sg-v .svc-card:hover .svc-img img,
.sg-v a.prod-card:hover .prod-img img,
.sg-v .feature:hover .feature-img img { transform: scale(1.04); }
@media (hover: none) {
  .sg-v .svc-card:hover .svc-img img,
  .sg-v a.prod-card:hover .prod-img img,
  .sg-v .feature:hover .feature-img img { transform: none; }
}

/* --- every H1 except the homepage hero follows the H1 scale (39px, mobile 28px): contact, policies, product, 404 ----- */
h1:not(.hero-h1) { font-size: var(--sg-fs-h1) !important; line-height: var(--sg-lh-heading) !important; }

/* mobile menu close button: weights 500/700 only */
.nav-close { font-weight: var(--sg-w-text) !important; }

/* --- advantages tile: columns must be able to shrink at tablet widths (768 - 1100px) ------------------------- */
.siego-sb-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.siego-sb-col { min-width: 0; }
.siego-sb-inner { max-width: 100%; }
.siego-sb-list li, .siego-sb-txt, .siego-sb-txt * { white-space: normal !important; overflow-wrap: anywhere; }
@media (max-width: 760px) { .siego-sb-cols { grid-template-columns: minmax(0, 1fr); } }

/* --- phones <= 400px: chips and hero images must not push the page wider ------------------------------------ */
@media (max-width: 400px) {
.svc-chip { white-space: nowrap !important; max-width: 100%; font-size: min(0.86rem, 3.8vw) !important; padding: 7px 12px !important; }
.svc-feature__img, .svc-feature__img img { max-width: 100%; }
}

/* long German compound words must wrap instead of widening the page (small phones) */
.svc-article-card, .svc-article-card p, .svc-article-card li, .svc-article-card a, .svc-feature__body { overflow-wrap: anywhere; }
@media (max-width: 400px) {
  .svc-feature { grid-template-columns: minmax(0, 1fr) !important; }
  .svc-feature__body { min-width: 0; max-width: 100%; white-space: normal !important; }
}

/* very long German compound words in headings (e.g. "Schließanlagenschlüssel") must wrap on 320px phones */
h1, h2, h3, .sec-title { overflow-wrap: anywhere; }
.footer-bottom, .footer-bottom span, .footer-bottom a { overflow-wrap: anywhere; max-width: 100%; }
@media (max-width: 750px) {
  .sg-faq { grid-template-columns: minmax(0, 1fr); }
}
.sg-faq .container { min-width: 0; width: 100%; }
.footer-bottom span, .footer-bottom a { white-space: normal !important; }

/* ==========================================================================
   SIEGO Schriftsystem 3 (Part B, 17.10.2026) – unified type scale.
   Must stay the LAST block in this file: this file is the last stylesheet
   loaded from layout/theme.liquid, so these rules win ties on source order.
   Replaces change-document point 1 (H1 39px / H2 31px).
   Levels at a 1280px window: hero 44 / Stufe 1 = 28 / Stufe 2 = 24 / Stufe 3 = 20.
   ========================================================================== */

/* SIEGO Schriftsystem 3 – Laptop/Desktop */
/* Doppelte Klassen (z. B. .sec-title.sec-title) sind Absicht: */
/* Sie überschreiben die bisherigen Einträge im Theme.         */
@media (min-width: 821px) {
  /* Hero Startseite: 44 px */
  .hero-h1.hero-h1 { font-size: clamp(2rem, 3.45vw, 2.75rem) !important; }
  /* Stufe 1: 28 px */
  h1.svc-feature__h1.svc-feature__h1, h2.svc-feature__h1.svc-feature__h1,
  .tp-h1.tp-h1, h1.page-h1.page-h1, h2.ck-area-title.ck-area-title,
  h2.sec-title.sec-title, .feature-h.feature-h,
  h2.img-grid__title.img-grid__title,
  .svc-related__head.svc-related__head h2,
  .siego-g2t-sec-head.siego-g2t-sec-head h2
    { font-size: clamp(1.5rem, 2.2vw, 1.75rem) !important; line-height: 1.2; }
  /* Stufe 2: 24 px */
  /* line-height zusätzlich !important (Rückfrage Part B, 20.10.2026): ohne das gewinnt die
     ältere Regel weiter oben in dieser Datei mit 1.2, und die 1.25 aus dem Block greift nicht. */
  .svc-title.svc-title, .check-h.check-h, .contact-h.contact-h,
  .svc-article-card.svc-article-card h2:not(.svc-article__title),
  .svc-article-card.svc-article-card h3
    { font-size: 1.5rem !important; line-height: 1.25 !important; }
  /* Stufe 3: 20 px */
  .prod-title.prod-title, .v-title.v-title,
  .svc-related-card__h.svc-related-card__h,
  p.svc-subtopics__label.svc-subtopics__label, .tp-h3.tp-h3,
  .svc-article-card.svc-article-card .svc-tier-head h4
    { font-size: 1.25rem !important; line-height: 1.25 !important; }
}
/* SIEGO Schriftsystem 3 – Handy (nur diese 3 Änderungen) */
/* Feste px statt rem (Rückfrage Part B, 20.10.2026): die Sonderangebote-Seite skaliert unter
   820px ihre Grundschriftgröße mit der Fensterbreite (html.sg-fluid, siego-v.css), 1 rem ist dort
   also 16–18,5px. In rem wären die Überschriften dadurch zwischen 600 und 820px auf ~25px
   gewachsen statt auf den 22px der Tabelle. Die 40 Unterseiten skalieren nicht mit und lagen
   schon vorher exakt richtig – für sie ändert sich durch die festen px nichts. */
@media (max-width: 820px) {
  .svc-article-card.svc-article-card h2:not(.svc-article__title),
  .svc-article-card.svc-article-card h3 { font-size: 22px !important; }
  .svc-related-card__h.svc-related-card__h { font-size: 20px !important; }
}

/* --- Hover rules (Website-Änderungen 22.10.2026) ------------------------------------------------
   Rule: only elements that can be clicked may move on hover. All other images are static.
   Removed: image grids under the hero (sections/collection-grid.liquid, unless "Hover-Zoom" is on),
   Schließzylinder "Marken & Modelle" (sections/multi-image-service.liquid), homepage hero shop photo.
   Kept unchanged: media gallery on the special-offer pages (.gallery-main, Henry 22.10.2026). ------ */

/* "Weitere Angebote" tiles on the special-offer pages: the tile is a link and already lifts –
   the image now zooms in like on all other clickable tiles. */
a.siego-tool__product .siego-tool__product-image { overflow: hidden; }
a.siego-tool__product .siego-tool__product-image img { transition: transform 0.35s ease; }
a.siego-tool__product:hover .siego-tool__product-image img { transform: scale(1.04); }
@media (hover: none) {
  a.siego-tool__product:hover .siego-tool__product-image img { transform: none; }
}

/* Visitors with "reduce motion": no custom hover movement at all (no lift, no zoom, no slide)
   and no transitions on these elements. Colour / shadow feedback stays. The theme's own
   Horizon card effects are already limited to prefers-reduced-motion: no-preference in base.css. */
/* @media (prefers-reduced-motion: reduce) {
  .svc-related-card, .svc-chip, .cat-grid__card, .cat-grid__media img,
  .img-grid__item, .img-grid__item img, .faq-item,
  .vcard, .review-card, .tp-card, .tp-tip, .tp-step, .svc-tier,
  .svc-card, .svc-img img, .prod-card, .prod-img img, .feature-img img, .hero-photo,
  .sg-v .feature, .sg-v .tool-card, .sg-v .ck-opt, .sg-v .rel-card, .sg-v .thumb,
  .sg-v .btn-cart, .sg-v .funnel-btn, .sg-v .mega,
  .siego-tool__product, .siego-tool__product-image img,
  .siego-g2t-tile, .siego-g2t-tile img,
  .gallery-main img, .svc-feature__img img,
  .sg-wa-float, .ka-arrow { transition: none !important; }

  .svc-related-card:hover, .svc-chip:hover, a.cat-grid__card:hover,
  .img-grid__item:hover, .faq-item:hover,
  .vcard:hover, .review-card:hover, .tp-card:hover, .tp-tip:hover, .tp-step:hover, .svc-tier:hover,
  .svc-card:hover, .prod-card:hover,
  .sg-v .feature:hover, .sg-v a.tool-card:hover, .sg-v .ck-opt:hover, .sg-v .rel-card:hover,
  .sg-v .thumb:hover, .sg-v .btn-cart:hover, .sg-v .funnel-btn:hover,
  .siego-tool__product:hover, .siego-g2t-tile:hover,
  .sg-wa-float:hover, .sg-wa-float:focus-visible,
  .kachel-action:hover .ka-arrow,
  .img-grid__item:hover img, a.cat-grid__card:hover .cat-grid__media img,
  .svc-card:hover .svc-img img, .prod-card:hover .prod-img img,
  .feature:hover .feature-img img, .hero-img-kachel:hover .hero-photo,
  .siego-tool__product:hover img, .siego-g2t-tile:hover img,
  .gallery-main:hover img, .svc-feature__img:hover img { transform: none !important; }
} */

/* Video-Link: Unterstrich nur so lang wie der Text (Feedback Ralph) */
.svc-ms-text .svc-vid-link { align-self: flex-start; }

/* Gruene WhatsApp-Boxen: einheitlicher Hover wie Startseite - Nummer wird unterstrichen, Farbe bleibt (Feedback Ralph) */
:is(.wa-note, .svc-box--green) :is(a[href*="wa.me"], a[href^="tel:"]) { text-decoration: none !important; }
:is(.wa-note, .svc-box--green) :is(a[href*="wa.me"], a[href^="tel:"]):is(:hover, :focus-visible) { text-decoration: underline !important; text-decoration-color: currentColor !important; }
:is(.wa-note, .svc-box--green) :is(a[href*="wa.me"], a[href^="tel:"]):not(.wa-num):is(:hover, :focus-visible) { color: #1A7D35 !important; }

/* Startseite: Button unter den Google-Bewertungen wie der Produkt-Button .prod-toggle (Feedback Ralph) */
a.button-secondary[href*="google."] { background: #fff !important; border: 1.5px solid #1668A9 !important; box-shadow: none !important; color: #1668A9 !important; font-weight: 700 !important; font-size: 1rem !important; line-height: normal !important; padding: 13px 30px !important; border-radius: 12px !important; transition: background .15s, color .15s !important; }
a.button-secondary[href*="google."]:hover { background: #DCE8F2 !important; color: #1668A9 !important; box-shadow: none !important; }

/* ==========================================================================
   Navigation: aktuelle Seite (Anleitung für Henry, Punkt 4)
   aria-current="page" setzt sections/header.liquid. Reiter der Rubrik und
   aktueller Menüpunkt bleiben dauerhaft blau – wie der Hover-Zustand.
   ========================================================================== */
.sg-v .nav-dropdown:has(a[aria-current="page"]) > a { color: #1668A9; text-decoration: underline; text-underline-offset: 4px; }
.sg-v .nav-dd-grid a[aria-current="page"],
.sg-v .nav-dd-list a[aria-current="page"] { color: #1668A9; text-decoration: underline; text-underline-offset: 3px; }
.sg-v .mnav-item:has(a[aria-current="page"]) .mnav-link { color: #1668A9; }
.sg-v .mnav-sub a[aria-current="page"] { color: #1668A9; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* ==========================================================================
   Startseite, große Kachel „Schlüssel nachmachen“ (Änderungen Hero/Eyebrow, Punkt 1)
   Desktop: Überschrift in einer Zeile (Schrift passt sich der Kachelbreite an),
   Abstände über und unter der Überschrift wie bei den Leistungs-Kacheln
   (.svc-body: 26px 26px 28px, .svc-title: margin-bottom 12px).
   ========================================================================== */
@media (min-width: 1025px) {
  .sg-v .feature-body { padding: 26px 26px 28px; justify-content: flex-start; container-type: inline-size; }
  /* Link wie in den Leistungs-Kacheln unten an der Kachel (mind. 26 px Abstand zum Text darüber) */
  .sg-v .feature-body > .svc-link { margin-top: auto !important; padding-top: 26px; }
  .sg-v .feature-h.feature-h-fit { font-size: min(1.75rem, 100cqi / 22.5) !important; white-space: nowrap; margin-bottom: 12px; }
  .sg-v .feature-h-fit .ffh-br { display: none; }
}

/* Text links in content text (article, info box, FAQ answer, source note): visible underline. base.css sets a { text-decoration-color: transparent }, which hid it. Plain links only (no class) – buttons, chips, cards, nav not affected. :where() keeps it low-specificity, so .svc-link / .ck-links (Einbruchschutz-Check, underline on hover only) stay as they are. */
:where(.svc-article-card, .svc-info-box, .faq-a-inner, .tp-source) a:not([class]) { text-decoration: underline currentColor 0.075em; text-underline-offset: 0.125em; }

/* Startseite, Box "Besuchen Sie unser Fachgeschäft": die 6 Punkte als Block mittig unter den Überschriften (Spalten nur so breit wie der Text, Punkte bleiben linksbündig). */
.sg-v .va-main .svc-list { grid-template-columns: repeat(3, max-content); justify-content: center; column-gap: 48px; }
@media (max-width: 720px) { .sg-v .va-main .svc-list { justify-content: left; grid-template-columns: max-content; } }

/* Einbruchschutz-Check (V4.9): Dachzeile im Seitenkopf linksbündig, Linie darunter links unter dem Text. Nur .tp-eb-left – alle anderen Eyebrows bleiben zentriert. Leeres Feld = keine Dachzeile. */
.eyebrow.tp-eb-left { align-items: flex-start !important; }
.eyebrow.tp-eb-left:empty { display: none !important; }

/* Bild-Grid Lightbox: Pfeile vorheriges/nächstes Bild (Script in sections/collection-grid.liquid). */
.img-lb__nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #1F233E; font-size: 30px; line-height: 40px; text-align: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
.img-lb__nav:hover { background: #dce8f2; }
.img-lb__nav:focus-visible { outline: 2px solid #1668A9; outline-offset: 3px; }
.img-lb__nav--prev { left: -60px; }
.img-lb__nav--next { right: -60px; }
.img-lb__nav[hidden] { display: none; }
/* Room for the arrows beside the image */
dialog.img-lb, dialog.img-lb .img-lb__img { max-width: min(94vw, calc(100vw - 150px)) !important; }
@media (max-width: 600px) {
  dialog.img-lb, dialog.img-lb .img-lb__img { max-width: 94vw !important; }
  .img-lb__nav { width: 36px; height: 36px; font-size: 24px; line-height: 32px; }
  .img-lb__nav--prev { left: 8px; }
  .img-lb__nav--next { right: 8px; }
}

@media (min-width: 1025px) { .sg-v .feature-h.feature-h-fit { white-space: nowrap; font-size: calc(100cqi / 22.5) !important; line-height: 1.2; } .sg-v .feature-h-fit .ffh-br { display: none; } }

@media (max-width: 820px) {
  .sg-v .nav-toggle { order: 1; margin-left: auto; margin-right: -4px; } }
  .sg-v .nav-drawer { left: auto; right: 0; transform: translateX(102%); box-shadow: -10px 0 34px rgba(31,35,62,0.20); }
  body.nav-open .sg-v .nav-drawer { transform: translateX(0); }

}