/*
 * ═══════════════════════════════════════════════════════════════
 * LBMAIN.CSS — Layoutbuilder Base Styles v3.0 (Mobile-First)
 * ═══════════════════════════════════════════════════════════════
 *
 * Diese Datei wird auf BEIDE Seiten hochgeladen:
 *   - pik.de (WordPress)
 *   - pik.de/shop/ (Adobe Commerce)
 *
 * ENTHÄLT: Alles was der Layoutbuilder an CSS braucht und was
 * auf den Seiten NICHT bereits existiert.
 *
 * ENTHÄLT NICHT: Globale PIK-Klassen (.sehr-gross, .farbig-text,
 * .center, .font-900, .pik-button etc.) — die liefern die Sites.
 *
 * MOBILE-FIRST: Base = Mobile, Desktop via @media (min-width: 769px)
 * ═══════════════════════════════════════════════════════════════
 */


/* ──────────────────────────────────────────────
   1. FOUNDATION
   ────────────────────────────────────────────── */

.LBmain *, .LBmain *::before, .LBmain *::after {
    box-sizing: border-box;
}

.LBmain {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
}


/* ──────────────────────────────────────────────
   2. GRID SYSTEM — Mobile-First
   ────────────────────────────────────────────── */

/* Flex Row Container */
.pik-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

/* Mobile Base: Alle Spalten 100% gestapelt */
.LBmain .grid-20,
.LBmain .grid-25,
.LBmain .grid-33,
.LBmain .grid-40 {
    width: 100%;
}

.LBmain .grid-30,
.LBmain .grid-50,
.LBmain .grid-60,
.LBmain .grid-70 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.LBmain .grid-100 { width: 100%; }

/* Full-Width Sections */
.pik-full-row {
    width: 100%;
    overflow: hidden;
}

.pik-full-row .pik-row {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-wrap: wrap;
}


/* ──────────────────────────────────────────────
   3. SPACING — 16 Klassen unter .LBmain
   ────────────────────────────────────────────── */

/* Padding Top */
.LBmain .p-top-0      { padding-top: 0 !important; }
.LBmain .p-top-normal { padding-top: 15px !important; }
.LBmain .p-top-doppel { padding-top: 30px !important; }
.LBmain .p-top-big    { padding-top: 60px !important; }

/* Padding Bottom */
.LBmain .p-bottom-0      { padding-bottom: 0 !important; }
.LBmain .p-bottom-normal { padding-bottom: 15px !important; }
.LBmain .p-bottom-doppel { padding-bottom: 30px !important; }
.LBmain .p-bottom-big    { padding-bottom: 60px !important; }

/* Margin Top */
.LBmain .m-top-0      { margin-top: 0 !important; }
.LBmain .m-top-normal { margin-top: 15px !important; }
.LBmain .m-top-doppel { margin-top: 30px !important; }
.LBmain .m-top-big    { margin-top: 60px !important; }

/* Margin Bottom */
.LBmain .m-bottom-0      { margin-bottom: 0 !important; }
.LBmain .m-bottom-normal { margin-bottom: 15px !important; }
.LBmain .m-bottom-doppel { margin-bottom: 30px !important; }
.LBmain .m-bottom-big    { margin-bottom: 60px !important; }

/* Padding Left/Right */
.LBmain .p-right-15 { padding-right: 15px !important; }
.LBmain .p-left-15  { padding-left: 15px !important; }


/* ──────────────────────────────────────────────
   4. FARBEN (nicht auf pik.de vorhanden)
   ────────────────────────────────────────────── */

.bg-light-blue { background-color: #e2e8f0; }
.bg-light-gray { background-color: #f5f5f5; }


/* ──────────────────────────────────────────────
   5. BILDER & CONTAINER
   ────────────────────────────────────────────── */

.image-container { position: relative; overflow: hidden; width: 100%; }
.image-container img { width: 100%; height: auto; display: block; }
/* Fix: WYSIWYG wrapper in grid-100 darf NICHT height:100% haben — kein expliziter
   Parent-Height vorhanden, sonst bläht sich der Wrapper im Flex-Kontext auf und
   drückt Geschwister-Elemente (Text) aus der Section → sichtbarer Overlap-Bug */
.grid-100 .image-container .wysiwyg-image-wrapper { height: auto !important; }


/* ──────────────────────────────────────────────
   6. TEXT UTILITIES
   ────────────────────────────────────────────── */

.text-white { color: #fff !important; }
.text-center { text-align: center; }


/* ──────────────────────────────────────────────
   6b. UTILITY CLASSES — Inline-Style Replacement
   ────────────────────────────────────────────── */

/* -- Farben -- */
.LBmain .farbig-text { color: #1b4f80 !important; }
.LBmain .text-muted { color: #666; }
.LBmain .text-dark { color: #333; }
.LBmain .text-light { color: #999; }
.LBmain .bg-white { background-color: #fff; }

/* -- Layout -- */
.LBmain .overlay-fill { position: absolute; inset: 0; }
.LBmain .flex-center { display: flex; align-items: center; justify-content: center; }
.LBmain .pos-relative { position: relative; }
.LBmain .overflow-hidden { overflow: hidden; }
.LBmain .max-w-800 { max-width: 800px; margin-left: auto; margin-right: auto; }
.LBmain .max-w-900 { max-width: 900px; margin-left: auto; margin-right: auto; }

/* -- Bilder -- */
.LBmain .img-cover { width: 100%; height: 100%; object-fit: cover; display: block; }
.LBmain .img-contain { width: 100%; object-fit: contain; }

/* -- Overlay-Hintergruende -- */
.LBmain .overlay-dark { background: rgba(0,0,0,0.45); }
.LBmain .overlay-dark-strong { background: rgba(0,0,0,0.55); }
.LBmain .overlay-blue { background: rgba(27,79,128,0.7); }
.LBmain .overlay-blue-strong { background: rgba(27,79,128,0.92); }

/* -- Typografie -- */
.LBmain .font-800 { font-weight: 800; }
.LBmain .font-300 { font-weight: 300; }
.LBmain .clamp-hero { font-size: clamp(2.2rem, 5vw, 4.5rem); }
.LBmain .clamp-number { font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 900; line-height: 1; }
.LBmain .clamp-statement { font-size: clamp(1.5rem, 3.5vw, 2.5rem); }
.LBmain .clamp-jumbo { font-size: clamp(6rem, 15vw, 12rem); font-weight: 900; line-height: 0.85; }

/* -- Dekorativ -- */
.LBmain .card, .LBmain .lb-card {
    background: #fff; border: 1px solid #e2e8f0; border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.03);
    transition: transform 0.2s, box-shadow 0.2s;
}
.LBmain .card:hover, .LBmain .lb-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }
.LBmain .accent-line { width: 60px; height: 3px; background: #1b4f80; }
.LBmain .accent-border-left { border-left: 4px solid #1b4f80; padding-left: 24px; }
.LBmain .opacity-70 { opacity: 0.7; }
.LBmain .opacity-80 { opacity: 0.8; }

/* -- Gradient-Hintergruende -- */
.LBmain .bg-gradient-pik { background: linear-gradient(135deg, #1b4f80 0%, #0d2f4f 100%); }
.LBmain .bg-gradient-hero { background: linear-gradient(135deg, rgba(27,79,128,0.92) 0%, rgba(13,47,79,0.88) 100%); }

/* -- Zusaetzliche Layout-Utilities -- */
.LBmain .mx-auto { margin-left: auto; margin-right: auto; }
.LBmain .d-block { display: block; }
.LBmain .d-inline-block { display: inline-block; }
.LBmain .flex-col { display: flex; flex-direction: column; }
.LBmain .text-shadow { text-shadow: 0 2px 8px rgba(0,0,0,0.3); }
.LBmain .text-shadow-light { text-shadow: 0 1px 4px rgba(0,0,0,0.3); }
.LBmain .h-150 { height: 150px; }
.LBmain .h-220 { height: 220px; }

/* -- Cover Full-Width -- */
.LBmain .full-bleed { position: relative; width: 100vw; margin-left: calc(-50vw + 50%); }
.LBmain .cover-img { width: 100%; aspect-ratio: 21/9; object-fit: cover; display: block; }
.LBmain .cover-text-overlay {
    position: absolute; inset: 0;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    text-align: center; padding: 40px 20px;
}

/* -- Button Invertiert -- */
.LBmain .pik-button-white {
    background: #fff; color: #1b4f80; padding: 1rem 2.5rem;
    font-weight: 700; display: inline-block; border-radius: 4px; text-decoration: none;
}
.LBmain .pik-button-white:hover { background: #e2e8f0; }


/* ──────────────────────────────────────────────
   7. LISTEN — Fallback-Definitionen
   ────────────────────────────────────────────── */

/* Haken-Liste — inline-block Ansatz (kompatibel mit CSS columns/zweispaltig)
   pik.de Shop hat natives CSS mit gleicher Technik (inline-block + negative margin) */
ul.liste-haken { list-style: none; padding-left: 0; margin: 0; }
ul.liste-haken li { padding-left: 32px; margin-bottom: 10px; line-height: 1.5; break-inside: avoid; }
ul.liste-haken li::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 24px;
    margin-left: -32px;
    margin-right: 10px;
    vertical-align: text-top;
    background: #1b4f80;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi44IDI4LjczIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFCNEY4MDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwxNS4wN2M1LTMuMzUsNC43Ny0zLjY4LDEwLjA1LDIuODJoMEMxMy40NCw5Ljc4LDE5LjM0LDQuMzEsMjYuOCwwaDBjLS4xNiwxLjYtLjI2LDIuODMtLjk1LDMuNTUtNS42Myw2LTkuNjEsMTMtMTMuMjcsMjAuMjZBNTQuNzMsNTQuNzMsMCwwLDEsOS43NywyOC43YzAsLjA2LS4xMywwLS4yLDAtLjkzLS4xMS0yLjgxLTIuOTItMy40Ny00LjQ1QzQuNjMsMjAuODIsMy4zNSwxNy4zNCwwLDE1LjFBMCwwLDAsMCwxLDAsMTUuMDdaIi8+PC9zdmc+) no-repeat 50% 50%;
    mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi44IDI4LjczIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFCNEY4MDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwxNS4wN2M1LTMuMzUsNC43Ny0zLjY4LDEwLjA1LDIuODJoMEMxMy40NCw5Ljc4LDE5LjM0LDQuMzEsMjYuOCwwaDBjLS4xNiwxLjYtLjI2LDIuODMtLjk1LDMuNTUtNS42Myw2LTkuNjEsMTMtMTMuMjcsMjAuMjZBNTQuNzMsNTQuNzMsMCwwLDEsOS43NywyOC43YzAsLjA2LS4xMywwLS4yLDAtLjkzLS4xMS0yLjgxLTIuOTItMy40Ny00LjQ1QzQuNjMsMjAuODIsMy4zNSwxNy4zNCwwLDE1LjFBMCwwLDAsMCwxLDAsMTUuMDdaIi8+PC9zdmc+) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}


/* Blaue Aufzaehlungspunkte (pik.de hat eigene, diese ist Fallback) */
ul.liste-punkte-klein { list-style: none; padding-left: 20px; }
ul.liste-punkte-klein li { position: relative; padding-left: 8px; margin-bottom: 6px; }
ul.liste-punkte-klein li::before {
    position: absolute; width: 10px; height: 10px;
    margin-left: -20px; margin-top: 5px;
    display: inline-block; content: "";
    border-radius: 15px; background: #1b4f80;
}

/* editor-html.haken — Preview-Fallback (WP-Theme liefert auf Live-Seiten)
   Auf WordPress greift das Theme-CSS (.editor-html.haken ul li:before via /wp-content/icons/haken.svg).
   Hier definieren wir den Fallback fuer Preview-iframes und Standalone-Ansichten.
   WICHTIG: Unter .LBmain gescoped! Ohne Scope wuerden diese Regeln das native
   WP-Theme-CSS auf ALLEN WordPress-Seiten ueberschreiben! */
.LBmain .editor-html.haken ul { list-style: none; padding-left: 0; margin: 0; }
.LBmain .editor-html.haken ul li { position: relative; padding-left: 35px; margin-bottom: 10px; line-height: 1.5; break-inside: avoid; }
.LBmain .editor-html.haken ul li::before {
    content: '';
    position: absolute;
    left: 0;
    margin-left: 0;
    top: 2px;
    width: 22px;
    height: 24px;
    background: #1b4f80;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi44IDI4LjczIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFCNEY4MDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwxNS4wN2M1LTMuMzUsNC43Ny0zLjY4LDEwLjA1LDIuODJoMEMxMy40NCw5Ljc4LDE5LjM0LDQuMzEsMjYuOCwwaDBjLS4xNiwxLjYtLjI2LDIuODMtLjk1LDMuNTUtNS42Myw2LTkuNjEsMTMtMTMuMjcsMjAuMjZBNTQuNzMsNTQuNzMsMCwwLDEsOS43NywyOC43YzAsLjA2LS4xMywwLS4yLDAtLjkzLS4xMS0yLjgxLTIuOTItMy40Ny00LjQ1QzQuNjMsMjAuODIsMy4zNSwxNy4zNCwwLDE1LjFBMCwwLDAsMCwxLDAsMTUuMDdaIi8+PC9zdmc+) no-repeat 50% 50%;
    mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi44IDI4LjczIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFCNEY4MDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwxNS4wN2M1LTMuMzUsNC43Ny0zLjY4LDEwLjA1LDIuODJoMEMxMy40NCw5Ljc4LDE5LjM0LDQuMzEsMjYuOCwwaDBjLS4xNiwxLjYtLjI2LDIuODMtLjk1LDMuNTUtNS42Myw2LTkuNjEsMTMtMTMuMjcsMjAuMjZBNTQuNzMsNTQuNzMsMCwwLDEsOS43NywyOC43YzAsLjA2LS4xMywwLS4yLDAtLjkzLS4xMS0yLjgxLTIuOTItMy40Ny00LjQ1QzQuNjMsMjAuODIsMy4zNSwxNy4zNCwwLDE1LjFBMCwwLDAsMCwxLDAsMTUuMDdaIi8+PC9zdmc+) no-repeat 50% 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.LBmain .editor-html.haken.zweispaltig ul { column-count: 2; column-gap: 10px; }

/* editor-html.punkt-klein — Preview-Fallback (unter .LBmain gescoped!) */
.LBmain .editor-html.punkt-klein ul { list-style: none; padding-left: 20px; }
.LBmain .editor-html.punkt-klein ul li { position: relative; padding-left: 8px; margin-bottom: 6px; }
.LBmain .editor-html.punkt-klein ul li::before {
    position: absolute; width: 10px; height: 10px;
    margin-left: -20px; margin-top: 5px;
    display: inline-block; content: "";
    border-radius: 15px; background: #1b4f80;
}


/* ──────────────────────────────────────────────
   8. TEXT-ONLY & MULTI-TEXT STYLES
   ────────────────────────────────────────────── */

.text-columns-2, .text-columns-3 { columns: 1; margin-top: 20px; }
.zweispaltig { columns: 1; }
.three-column-list { columns: 1; }

.text-focus-box {
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.text-highlight-border {
    border-left: 4px solid #1b4f80;
    padding-left: 20px;
    margin: 20px 0;
}

.multi-text-block {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.multi-text-block:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}


/* ──────────────────────────────────────────────
   9. COVER & CTA STYLES
   ────────────────────────────────────────────── */

.bg-cover {
    background-size: cover;
    background-position: center;
    position: relative;
}

.cta-section {
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}

.cta-overlay {
    position: relative;
    background: rgba(0,0,20,.85);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 30px 20px;
}

.cta-title-box { margin-bottom: 25px; }

.cta-boxes {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.cta-box {
    background: #fff;
    color: #1b4f80;
    padding: 25px 20px;
    width: 100%;
    max-width: 320px;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.cta-number { font-weight: 700; }

.cta-button {
    background: #1b4f80;
    color: #fff;
    text-decoration: none;
    padding: 14px 32px;
    font-weight: 600;
    display: inline-block;
    border-radius: 4px;
}

/* PIK Button — Komplett (pik.de-Werte, Stand 20.02.2026) */
.LBmain .pik-button {
    display: inline-block;
    padding: 16px 24px;
    background: #1b4f80;
    color: #fff;
    border: 1px solid #1b4f80;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 0 15px 0 #ddd;
    transition: color 0.3s ease-in, background-color 0.3s ease-in;
}
.LBmain .pik-button:hover {
    background: #fff;
    color: #1b4f80;
    border: 1px solid #1b4f80;
}

/* Box-Schatten — Standard-Klasse fuer Cards/Info-Boxen (pik.de-Werte) */
.LBmain .box-schatten {
    box-shadow: 0 0 15px 0px #eee;
    padding: 15px !important;
    overflow: hidden;
}


/* ──────────────────────────────────────────────
   10. HERO STYLES
   ────────────────────────────────────────────── */

.hero-wrapper { width: 100%; max-width: 1960px; margin: 0 auto; }
.hero-header { padding: 30px 15px 20px; text-align: center; background: #fff; }
.hero-image { width: 100%; height: 300px; overflow: hidden; }
.hero-image img { width: 100%; height: 100%; object-fit: cover; }
.hero-intro { padding: 40px 15px; max-width: 1200px; margin: 0 auto; }


/* ──────────────────────────────────────────────
   11. PREMIUM SERVICE STYLES
   ────────────────────────────────────────────── */

.service-banner {
    background: linear-gradient(to bottom, #2a1139 0%, #130820 100%);
    color: white;
    padding: 25px 20px 30px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

.service-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    width: 100%;
}

.service-seals {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.service-seal-top, .service-seal-40 { width: 100px; height: 100px; object-fit: contain; }

.service-features {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    text-align: left;
}

.service-contact {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.service-banner .sehr-gross.weiss,
.service-banner .gross,
.service-banner .medium,
.service-banner p,
.service-banner li { color: #ffffff !important; }

.service-banner .liste-haken { list-style: none !important; padding-left: 0; margin-left: 2em; }
.service-banner .liste-haken li { position: relative; padding-left: 35px; margin-bottom: 10px; }
.service-banner .liste-haken li::before {
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 28px; height: 30px;
    background: #ffffff;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi44IDI4LjczIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFCNEY4MDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwxNS4wN2M1LTMuMzUsNC43Ny0zLjY4LDEwLjA1LDIuODJoMEMxMy40NCw5Ljc4LDE5LjM0LDQuMzEsMjYuOCwwaDBjLS4xNiwxLjYtLjI2LDIuODMtLjk1LDMuNTUtNS42Myw2LTkuNjEsMTMtMTMuMjcsMjAuMjZBNTQuNzMsNTQuNzMsMCwwLDEsOS43NywyOC43YzAsLjA2LS4xMywwLS4yLDAtLjkzLS4xMS0yLjgxLTIuOTItMy40Ny00LjQ1QzQuNjMsMjAuODIsMy4zNSwxNy4zNCwwLDE1LjFBMCwwLDAsMCwxLDAsMTUuMDdaIi8+PC9zdmc+) no-repeat 50% 50%;
    mask: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRWJlbmVfMSIgZGF0YS1uYW1lPSJFYmVuZSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNi44IDI4LjczIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzFCNEY4MDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCwxNS4wN2M1LTMuMzUsNC43Ny0zLjY4LDEwLjA1LDIuODJoMEMxMy40NCw5Ljc4LDE5LjM0LDQuMzEsMjYuOCwwaDBjLS4xNiwxLjYtLjI2LDIuODMtLjk1LDMuNTUtNS42Myw2LTkuNjEsMTMtMTMuMjcsMjAuMjZBNTQuNzMsNTQuNzMsMCwwLDEsOS43NywyOC43YzAsLjA2LS4xMywwLS4yLDAtLjkzLS4xMS0yLjgxLTIuOTItMy40Ny00LjQ1QzQuNjMsMjAuODIsMy4zNSwxNy4zNCwwLDE1LjFBMCwwLDAsMCwxLDAsMTUuMDdaIi8+PC9zdmc+) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

/* PIK Button Weiss (nicht auf pik.de vorhanden) */
.pikbutton-weiss {
    display: inline-block;
    padding: 12px 35px;
    border: 2px solid #ffffff;
    color: #ffffff;
    background-color: transparent;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    text-transform: none;
    border-radius: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.pikbutton-weiss:hover {
    background-color: #ffffff;
    color: #2a1139;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.pikbutton-weiss:active {
    transform: translateY(0);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


/* ──────────────────────────────────────────────
   12. SNIPPET #31-#36 — Bildfreie Snippets
   ────────────────────────────────────────────── */

/* Process Timeline (#31) */
.timeline-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

.timeline-line { display: none; }

.timeline-step {
    flex: 1;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 0 15px;
}

/* Metric Comparison (#32) */
.metric-before { background: #f5f5f5; padding: 30px 20px; }
.metric-after { background: #1b4f80; padding: 30px 20px; color: #fff; }
.metric-label { text-transform: uppercase; letter-spacing: 3px; font-size: 12px; font-weight: 600; margin-bottom: 30px; }
.metric-value { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; margin-bottom: 5px; }

/* FAQ Accordion (#33) */
.faq-item {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
}

.faq-item summary {
    padding: 16px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-item summary::-webkit-details-marker { display: none; }

.faq-answer {
    padding: 0 20px 16px;
    color: #666;
    line-height: 1.7;
    border-top: 1px solid #e2e8f0;
}

/* Testimonial Cards (#34) */
.testimonial-card {
    flex: 1;
    min-width: 100%;
    max-width: 470px;
    background: #fff;
    border-radius: 12px;
    padding: 30px 24px;
    text-align: left;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.03);
    position: relative;
}

.testimonial-quote-mark {
    font-size: 5rem;
    line-height: 1;
    color: #e2e8f0;
    font-weight: 900;
    font-family: Georgia, serif;
    position: absolute;
    top: 15px;
    left: 24px;
    user-select: none;
}

.testimonial-metric {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 800;
    color: #1b4f80;
    margin-bottom: 15px;
}

/* Feature Comparison Table (#35) */
.comparison-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.comparison-table th { background: #1b4f80; color: #fff; padding: 10px 12px; font-weight: 600; }
.comparison-table td { padding: 10px 12px; border-bottom: 1px solid #e2e8f0; }
.comparison-table tr:nth-child(even) { background: #f9fafb; }
.comparison-table tr:nth-child(odd) { background: #fff; }
.check-yes { color: #1b4f80; font-weight: 700; text-align: center; }
.check-no { color: #999; text-align: center; }

/* Gradient Divider (#36) */
.gradient-divider {
    background: linear-gradient(135deg, #f5f5f5 0%, #e2e8f0 40%, #f5f5f5 100%);
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gradient-line {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #1b4f80, transparent);
    margin: 0 auto;
}


/* ── Kontakt-Icons (PIK Standard, mask-image) ── */
.LBmain .pik-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #1b4f80;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    flex-shrink: 0;
}
.LBmain .pik-icon-weiss { background-color: #fff; }
.LBmain .pik-icon-telefon {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC4wOCAzMS42OCI+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTMwLjA0LDIwLjkzYy0xLjQ1LS44Ni0zLjMzLTEuODMtNS4wMy0xLjEzLTEuMzEuNTMtMi4xNCwyLjU4LTIuOTksMy42Mi0uNDMuNTQtLjk1LjYyLTEuNjIuMzUtNC45LTEuOTUtOC42Ni01LjIzLTExLjM3LTkuNzQtLjQ2LS43LS4zOC0xLjI1LjE4LTEuOS44Mi0uOTYsMS44NC0yLjA2LDIuMDctMy4zNS4yMi0xLjMtLjM5LTIuODEtLjkyLTMuOTctLjY5LTEuNDgtMS40NS0zLjU4LTIuOTMtNC40MkM2LjA3LS4zNyw0LjI4LjA2LDMuMDcsMS4wNC45OCwyLjc0LS4wMyw1LjQxLDAsOC4wNWMwLC43NS4xLDEuNS4yOCwyLjIyLjQyLDEuNzQsMS4yMywzLjM3LDIuMTMsNC45Mi42OCwxLjE3LDEuNDMsMi4zLDIuMjMsMy4zOSwyLjYyLDMuNTYsNS44OSw2LjY2LDkuNjYsOC45NywxLjg5LDEuMTYsMy45MiwyLjE3LDYuMDMsMi44NywyLjM2Ljc4LDQuNDcsMS41OSw3LjAyLDEuMTEsMi42Ny0uNTEsNS4zLTIuMTYsNi4zNi00LjczLjMxLS43Ni40Ny0xLjYxLjMtMi40MS0uMzYtMS42Ni0yLjYxLTIuNjUtMy45Ni0zLjQ2WiIvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNC4wOCAzMS42OCI+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTMwLjA0LDIwLjkzYy0xLjQ1LS44Ni0zLjMzLTEuODMtNS4wMy0xLjEzLTEuMzEuNTMtMi4xNCwyLjU4LTIuOTksMy42Mi0uNDMuNTQtLjk1LjYyLTEuNjIuMzUtNC45LTEuOTUtOC42Ni01LjIzLTExLjM3LTkuNzQtLjQ2LS43LS4zOC0xLjI1LjE4LTEuOS44Mi0uOTYsMS44NC0yLjA2LDIuMDctMy4zNS4yMi0xLjMtLjM5LTIuODEtLjkyLTMuOTctLjY5LTEuNDgtMS40NS0zLjU4LTIuOTMtNC40MkM2LjA3LS4zNyw0LjI4LjA2LDMuMDcsMS4wNC45OCwyLjc0LS4wMyw1LjQxLDAsOC4wNWMwLC43NS4xLDEuNS4yOCwyLjIyLjQyLDEuNzQsMS4yMywzLjM3LDIuMTMsNC45Mi42OCwxLjE3LDEuNDMsMi4zLDIuMjMsMy4zOSwyLjYyLDMuNTYsNS44OSw2LjY2LDkuNjYsOC45NywxLjg5LDEuMTYsMy45MiwyLjE3LDYuMDMsMi44NywyLjM2Ljc4LDQuNDcsMS41OSw3LjAyLDEuMTEsMi42Ny0uNTEsNS4zLTIuMTYsNi4zNi00LjczLjMxLS43Ni40Ny0xLjYxLjMtMi40MS0uMzYtMS42Ni0yLjYxLTIuNjUtMy45Ni0zLjQ2WiIvPjwvc3ZnPg==");
}
.LBmain .pik-icon-whatsapp {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi40MyAzMi41MSI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Im0wLDMyLjUxbDIuMzMtOC43Yy0xLjMyLTIuMzgtMi4wMS01LjA1LTIuMDEtNy43NkMuMzIsNy4yLDcuNTIsMCwxNi4zNywwczE2LjA2LDcuMiwxNi4wNiwxNi4wNi03LjIsMTYuMDYtMTYuMDYsMTYuMDZjLTIuNjYsMC01LjI4LS42Ny03LjYzLTEuOTVsLTguNzQsMi4zNFptOS4xOC01LjZsLjU1LjMzYzIuMDIsMS4yLDQuMzIsMS44NCw2LjY1LDEuODQsNy4xOCwwLDEzLjAyLTUuODQsMTMuMDItMTMuMDJTMjMuNTUsMy4wNCwxNi4zNywzLjA0LDMuMzUsOC44OCwzLjM1LDE2LjA2YzAsMi4zNy42Niw0LjcxLDEuOSw2Ljc1bC4zNC41NS0xLjMsNC44NSw0Ljg4LTEuMzFaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTIyLjM1LDE4LjI5Yy0uNjYtLjQtMS41Mi0uODQtMi4zLS41Mi0uNi4yNC0uOTgsMS4xOC0xLjM3LDEuNjYtLjIuMjUtLjQ0LjI4LS43NC4xNi0yLjI0LS44OS0zLjk2LTIuMzktNS4yLTQuNDUtLjIxLS4zMi0uMTctLjU3LjA4LS44Ny4zNy0uNDQuODQtLjk0Ljk0LTEuNTMuMS0uNTktLjE4LTEuMjktLjQyLTEuODEtLjMxLS42Ny0uNjYtMS42NC0xLjM0LTIuMDItLjYyLS4zNS0xLjQ0LS4xNS0xLjk5LjMtLjk2Ljc4LTEuNDIsMi0xLjQsMy4yMSwwLC4zNC4wNS42OS4xMywxLjAyLjE5LjguNTYsMS41NC45OCwyLjI1LjMxLjUzLjY1LDEuMDUsMS4wMiwxLjU1LDEuMiwxLjYzLDIuNjksMy4wNCw0LjQyLDQuMS44Ni41MywxLjc5Ljk5LDIuNzYsMS4zMSwxLjA4LjM2LDIuMDQuNzMsMy4yMS41MSwxLjIyLS4yMywyLjQyLS45OSwyLjkxLTIuMTYuMTQtLjM1LjIyLS43NC4xMy0xLjEtLjE3LS43Ni0xLjItMS4yMS0xLjgxLTEuNThaIi8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMi40MyAzMi41MSI+PHBhdGggZmlsbD0iYmxhY2siIGQ9Im0wLDMyLjUxbDIuMzMtOC43Yy0xLjMyLTIuMzgtMi4wMS01LjA1LTIuMDEtNy43NkMuMzIsNy4yLDcuNTIsMCwxNi4zNywwczE2LjA2LDcuMiwxNi4wNiwxNi4wNi03LjIsMTYuMDYtMTYuMDYsMTYuMDZjLTIuNjYsMC01LjI4LS42Ny03LjYzLTEuOTVsLTguNzQsMi4zNFptOS4xOC01LjZsLjU1LjMzYzIuMDIsMS4yLDQuMzIsMS44NCw2LjY1LDEuODQsNy4xOCwwLDEzLjAyLTUuODQsMTMuMDItMTMuMDJTMjMuNTUsMy4wNCwxNi4zNywzLjA0LDMuMzUsOC44OCwzLjM1LDE2LjA2YzAsMi4zNy42Niw0LjcxLDEuOSw2Ljc1bC4zNC41NS0xLjMsNC44NSw0Ljg4LTEuMzFaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTIyLjM1LDE4LjI5Yy0uNjYtLjQtMS41Mi0uODQtMi4zLS41Mi0uNi4yNC0uOTgsMS4xOC0xLjM3LDEuNjYtLjIuMjUtLjQ0LjI4LS43NC4xNi0yLjI0LS44OS0zLjk2LTIuMzktNS4yLTQuNDUtLjIxLS4zMi0uMTctLjU3LjA4LS44Ny4zNy0uNDQuODQtLjk0Ljk0LTEuNTMuMS0uNTktLjE4LTEuMjktLjQyLTEuODEtLjMxLS42Ny0uNjYtMS42NC0xLjM0LTIuMDItLjYyLS4zNS0xLjQ0LS4xNS0xLjk5LjMtLjk2Ljc4LTEuNDIsMi0xLjQsMy4yMSwwLC4zNC4wNS42OS4xMywxLjAyLjE5LjguNTYsMS41NC45OCwyLjI1LjMxLjUzLjY1LDEuMDUsMS4wMiwxLjU1LDEuMiwxLjYzLDIuNjksMy4wNCw0LjQyLDQuMS44Ni41MywxLjc5Ljk5LDIuNzYsMS4zMSwxLjA4LjM2LDIuMDQuNzMsMy4yMS41MSwxLjIyLS4yMywyLjQyLS45OSwyLjkxLTIuMTYuMTQtLjM1LjIyLS43NC4xMy0xLjEtLjE3LS43Ni0xLjItMS4yMS0xLjgxLTEuNThaIi8+PC9zdmc+");
}
.LBmain .pik-icon-email {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OC40MyA0NS4wMiI+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTY4LjM4LDguODNjMC0xLjY3LS41MS0zLjE3LTEuMzQtNC41Ni0xLjMxLTIuMi0zLjIyLTMuNTMtNS43Ny0zLjk2QzU5LjA5LS4wNSw1Ni45MS0uMDEsNTQuNzMuMDJjLTUuMTIuMDctMTAuMjMuMTgtMTUuMzUuMjItNS4xNy4wNC0xMC4zNS4wMy0xNS41My4wMS0yLjMsMC00LjYtLjA5LTYuOS0uMTItMS45NS0uMDMtMy45MS0uMS01Ljg2LS4wNi0xLjMyLjAzLTIuNjQuMTQtMy45NC4zNEMyLjg3LDEuMSwwLDQuNDgsMCw4LjgyYzAsOS4xNC4wNCwxOC4yOS4wNywyNy40MywwLC42Mi4wNiwxLjI3LjIxLDEuODcsMS4wMyw0LjA3LDMuOSw2LjQzLDguMSw2Ljc5LDIuNDIuMjEsNC44Mi4wNiw3LjI0LjA0LDYuMTUtLjA1LDEyLjMxLS4wMiwxOC40Ni0uMDIsNi41LDAsMTMsMCwxOS40OSwwLDIuMTMsMCw0LjI1LjAzLDYuMzgtLjA1LDEuOTktLjA3LDMuODgtLjU4LDUuNDEtMS45NSwxLjk4LTEuNzcsMy4wOC0zLjk2LDMuMDctNi42Ny0uMDMtOS4xNC0uMDYtMTguMjktLjA1LTI3LjQzWm0tNC4xOCwyMy40NWMwLC4zMy0uMDIsMS4wNC0uMDUsMS41bC0xNC4xNi0xMC41NWMtLjIyLS4xNi0uNDEtLjM3LS42Mi0uNTYsMS4yNS0xLjMsMTIuNzctMTAuMDcsMTQuNjUtMTEuMTQuMDguNDEuMDMuOTIuMDUsMS4zLjA2LDEuMjYuMTEsMi41Mi4xMSwzLjc5LjAyLDUuMjIuMDIsMTAuNDQuMDIsMTUuNjdaTTQuNTQsNi44N2MuNTMtLjkzLDEuMzEtMS42MSwyLjMxLTEuOTkuNTMtLjIsMS4xLS4zLDEuNjctLjM5LDIuNTItLjM4LDUuMDUtLjI3LDcuNTgtLjIsMi45OS4wOSw2LjA2LjE1LDkuMDUuMTgsMy4zMy4wMyw2LjA5LDAsMTAuMDksMHYtLjAyYzYsMCwxMi40NiwwLDE4LjcyLDAsMS4zOCwwLDIuNzItLjA3LDQuMS0uMDguOCwwLDEuNTksMCwyLjM5LjA5LDEuNzIuMTksMy4xOSwxLjU0LDMuNjMsMy4yMi4xMy41MS0uMDIuOTMtLjM2LDEuMjYtLjQ5LjQ4LTEuMDIuOTMtMS41NywxLjM0LTUuMTIsMy44MS0xMC4yNiw3LjU5LTE1LjM4LDExLjQtMy4xNCwyLjMzLTYuMjUsNC42OS05LjM4LDcuMDQtLjIzLjE3LS40Ni4zNS0uNy41LTEuNDMuOTEtMi45MSwxLjA1LTQuNDEuMjItLjgtLjQ0LTEuNTgtLjk1LTIuMzEtMS40OS01Ljk2LTQuNDItMTEuOS04Ljg2LTE3Ljg1LTEzLjI4LTEuOTgtMS40Ny0zLjk5LTIuOTMtNS45Ny00LjM5LS40Mi0uMzEtLjgzLS42Mi0xLjIxLS45Ny0uODQtLjc3LS45NC0xLjQ2LS4zOC0yLjQ1Wm0tLjMyLDYuNzdjMC0uNjIsMC0xLjU5LjAxLTIuMjZsMTQuNzcsMTEuM2MtMS4zLDEuMi0xMy4xMSw5LjktMTQuMzksMTAuNTgtLjUxLS4yOS0uMzEtLjgtLjMyLTEuMjEtLjA0LTYuMTQtLjA2LTEyLjI3LS4wOC0xOC40MVptNTkuNzUsMjQuMzZjLS42NSwxLjI5LTEuNjIsMi4yNC0zLjEsMi40OS0uODQuMTQtMS43MS4yMS0yLjU3LjIxLTE0LjgyLDAtMjkuNjQtLjAzLTQ0LjQ3LS4wNC0xLjMyLDAtMi42NC4wNS0zLjk2LjA2LS41NywwLTEuMTUsMC0xLjcyLS4wNy0xLjg2LS4yLTIuOTctMS4zNC0zLjY3LTIuOTgtLjI4LS42Ni0uMTUtMS4yNS4zNS0xLjczLjM3LS4zNi43Ni0uNzEsMS4xOS0uOTgsMi44NC0xLjc2LDUuMzktMy45Miw4LjA1LTUuOTIsMS44NC0xLjM4LDMuNy0yLjczLDUuNTYtNC4wOC40Ni0uMzMuOTYtLjU5LDEuNTMtLjk0LjU2LjM3LDEuMDkuNjksMS41OSwxLjA3LDEuNzksMS4zNSwzLjU2LDIuNzIsNS4zNCw0LjA4Ljc4LjU5LDEuNTMsMS4yMiwyLjM1LDEuNzQsMi41NCwxLjYxLDUuMSwxLjU2LDcuNjEtLjA1Ljc3LS40OSwxLjQ5LTEuMDgsMi4yMi0xLjYzLDIuMi0xLjY3LDQuMzgtMy4zNCw2LjU4LTUuMDEuMTMtLjEuMy0uMTUuNTMtLjI2LjM1LjIzLjc0LjQ2LDEuMS43Myw0Ljc3LDMuNSw5LjUzLDcuMDEsMTQuMywxMC41Mi4yMy4xNy40Ny4zNC42OC41My44Ni43NSwxLjAxLDEuMjkuNTEsMi4yN1oiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2OC40MyA0NS4wMiI+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTY4LjM4LDguODNjMC0xLjY3LS41MS0zLjE3LTEuMzQtNC41Ni0xLjMxLTIuMi0zLjIyLTMuNTMtNS43Ny0zLjk2QzU5LjA5LS4wNSw1Ni45MS0uMDEsNTQuNzMuMDJjLTUuMTIuMDctMTAuMjMuMTgtMTUuMzUuMjItNS4xNy4wNC0xMC4zNS4wMy0xNS41My4wMS0yLjMsMC00LjYtLjA5LTYuOS0uMTItMS45NS0uMDMtMy45MS0uMS01Ljg2LS4wNi0xLjMyLjAzLTIuNjQuMTQtMy45NC4zNEMyLjg3LDEuMSwwLDQuNDgsMCw4LjgyYzAsOS4xNC4wNCwxOC4yOS4wNywyNy40MywwLC42Mi4wNiwxLjI3LjIxLDEuODcsMS4wMyw0LjA3LDMuOSw2LjQzLDguMSw2Ljc5LDIuNDIuMjEsNC44Mi4wNiw3LjI0LjA0LDYuMTUtLjA1LDEyLjMxLS4wMiwxOC40Ni0uMDIsNi41LDAsMTMsMCwxOS40OSwwLDIuMTMsMCw0LjI1LjAzLDYuMzgtLjA1LDEuOTktLjA3LDMuODgtLjU4LDUuNDEtMS45NSwxLjk4LTEuNzcsMy4wOC0zLjk2LDMuMDctNi42Ny0uMDMtOS4xNC0uMDYtMTguMjktLjA1LTI3LjQzWm0tNC4xOCwyMy40NWMwLC4zMy0uMDIsMS4wNC0uMDUsMS41bC0xNC4xNi0xMC41NWMtLjIyLS4xNi0uNDEtLjM3LS42Mi0uNTYsMS4yNS0xLjMsMTIuNzctMTAuMDcsMTQuNjUtMTEuMTQuMDguNDEuMDMuOTIuMDUsMS4zLjA2LDEuMjYuMTEsMi41Mi4xMSwzLjc5LjAyLDUuMjIuMDIsMTAuNDQuMDIsMTUuNjdaTTQuNTQsNi44N2MuNTMtLjkzLDEuMzEtMS42MSwyLjMxLTEuOTkuNTMtLjIsMS4xLS4zLDEuNjctLjM5LDIuNTItLjM4LDUuMDUtLjI3LDcuNTgtLjIsMi45OS4wOSw2LjA2LjE1LDkuMDUuMTgsMy4zMy4wMyw2LjA5LDAsMTAuMDksMHYtLjAyYzYsMCwxMi40NiwwLDE4LjcyLDAsMS4zOCwwLDIuNzItLjA3LDQuMS0uMDguOCwwLDEuNTksMCwyLjM5LjA5LDEuNzIuMTksMy4xOSwxLjU0LDMuNjMsMy4yMi4xMy41MS0uMDIuOTMtLjM2LDEuMjYtLjQ5LjQ4LTEuMDIuOTMtMS41NywxLjM0LTUuMTIsMy44MS0xMC4yNiw3LjU5LTE1LjM4LDExLjQtMy4xNCwyLjMzLTYuMjUsNC42OS05LjM4LDcuMDQtLjIzLjE3LS40Ni4zNS0uNy41LTEuNDMuOTEtMi45MSwxLjA1LTQuNDEuMjItLjgtLjQ0LTEuNTgtLjk1LTIuMzEtMS40OS01Ljk2LTQuNDItMTEuOS04Ljg2LTE3Ljg1LTEzLjI4LTEuOTgtMS40Ny0zLjk5LTIuOTMtNS45Ny00LjM5LS40Mi0uMzEtLjgzLS42Mi0xLjIxLS45Ny0uODQtLjc3LS45NC0xLjQ2LS4zOC0yLjQ1Wm0tLjMyLDYuNzdjMC0uNjIsMC0xLjU5LjAxLTIuMjZsMTQuNzcsMTEuM2MtMS4zLDEuMi0xMy4xMSw5LjktMTQuMzksMTAuNTgtLjUxLS4yOS0uMzEtLjgtLjMyLTEuMjEtLjA0LTYuMTQtLjA2LTEyLjI3LS4wOC0xOC40MVptNTkuNzUsMjQuMzZjLS42NSwxLjI5LTEuNjIsMi4yNC0zLjEsMi40OS0uODQuMTQtMS43MS4yMS0yLjU3LjIxLTE0LjgyLDAtMjkuNjQtLjAzLTQ0LjQ3LS4wNC0xLjMyLDAtMi42NC4wNS0zLjk2LjA2LS41NywwLTEuMTUsMC0xLjcyLS4wNy0xLjg2LS4yLTIuOTctMS4zNC0zLjY3LTIuOTgtLjI4LS42Ni0uMTUtMS4yNS4zNS0xLjczLjM3LS4zNi43Ni0uNzEsMS4xOS0uOTgsMi44NC0xLjc2LDUuMzktMy45Miw4LjA1LTUuOTIsMS44NC0xLjM4LDMuNy0yLjczLDUuNTYtNC4wOC40Ni0uMzMuOTYtLjU5LDEuNTMtLjk0LjU2LjM3LDEuMDkuNjksMS41OSwxLjA3LDEuNzksMS4zNSwzLjU2LDIuNzIsNS4zNCw0LjA4Ljc4LjU5LDEuNTMsMS4yMiwyLjM1LDEuNzQsMi41NCwxLjYxLDUuMSwxLjU2LDcuNjEtLjA1Ljc3LS40OSwxLjQ5LTEuMDgsMi4yMi0xLjYzLDIuMi0xLjY3LDQuMzgtMy4zNCw2LjU4LTUuMDEuMTMtLjEuMy0uMTUuNTMtLjI2LjM1LjIzLjc0LjQ2LDEuMS43Myw0Ljc3LDMuNSw5LjUzLDcuMDEsMTQuMywxMC41Mi4yMy4xNy40Ny4zNC42OC41My44Ni43NSwxLjAxLDEuMjkuNTEsMi4yN1oiLz48L3N2Zz4=");
}
.LBmain .pik-icon-kalender {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2My45NSA1OS40NiI+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTQ1LjE3LDQyLjU1Yy0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTMsMC0uODIuMy0uODIuODMsMCwxLjg2LDAsMy43MSwwLDUuNTcsMCwuNTQuMjguODEuODIuODIuOTMsMCwxLjg2LDAsMi43OCwwczEuODMsMCwyLjc1LDBjLjU2LDAsLjg1LS4yOC44NS0uODQsMC0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTUtLjMxLS44NS0uODYtLjg1WiIvPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0zOS42NCwzOS42NWMxLjg0LDAsMy42OSwwLDUuNTMsMCwuNTUsMCwuODUtLjI5Ljg2LS44NCwwLTEuODQsMC0zLjY5LDAtNS41MywwLS41NS0uMzEtLjg0LS44NS0uODQtMS44MywwLTMuNjYsMC01LjQ5LDAtLjU5LDAtLjg2LjI4LS44Ny44NiwwLC45MywwLDEuODYsMCwyLjc5czAsMS44MywwLDIuNzVjMCwuNTQuMjkuODIuODIuODJaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTM5LjY0LDI5LjUzYzEuODQsMCwzLjY5LDAsNS41MywwLC41NCwwLC44NS0uMy44NS0uODUsMC0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTYtLjMtLjg0LS44NS0uODQtLjkyLDAtMS44MywwLTIuNzUsMHMtMS44NiwwLTIuNzgsMGMtLjU0LDAtLjgyLjI4LS44Mi44MiwwLDEuODYsMCwzLjcxLDAsNS41NywwLC41My4yOS44My44Mi44M1oiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMzUuMDQsMzIuNDNjLTEuODQsMC0zLjY5LDAtNS41MywwLS41NCwwLS44Mi4yOC0uODIuODIsMCwuOTMsMCwxLjg2LDAsMi43OXMwLDEuODYsMCwyLjc5YzAsLjU0LjI4LjgyLjgyLjgyLDEuODQsMCwzLjY5LDAsNS41MywwLC41MywwLC44NS0uMjguODYtLjguMDEtMS44Ny4wMS0zLjc0LDAtNS42MSwwLS41Mi0uMzMtLjgtLjg2LS44WiIvPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNC42NCwzMi40M2MtLjkyLDAtMS44MywwLTIuNzUsMHMtMS44NiwwLTIuNzgsMGMtLjUxLDAtLjgyLjI4LS44My43OS0uMDEsMS44OC0uMDEsMy43NiwwLDUuNjUsMCwuNTEuMzEuNzguODMuNzgsMS44NCwwLDMuNjksMCw1LjUzLDAsLjU2LDAsLjg0LS4yOS44NC0uODQsMC0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTYtLjI4LS44NC0uODQtLjg0WiIvPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xNC42NCw0Mi41NWMtMS44MiwwLTMuNjMsMC01LjQ1LDAtLjU4LDAtLjg4LjI5LS44OS44NiwwLDEuODQsMCwzLjY5LDAsNS41MywwLC41Ni4yOS44My44Ni44My45MiwwLDEuODMsMCwyLjc1LDBzMS44MywwLDIuNzUsMGMuNTgsMCwuODYtLjI4Ljg2LS44NiwwLTEuODMsMC0zLjY2LDAtNS40OSwwLS41Ny0uMy0uODYtLjg4LS44NloiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNDkuOCwyOS41M2MxLjgzLDAsMy42NiwwLDUuNDksMCwuNTUsMCwuODYtLjMuODYtLjg0LDAtMS44NiwwLTMuNzEsMC01LjU3LDAtLjU0LS4zLS44MS0uODQtLjgxLS45MiwwLTEuODMsMC0yLjc1LDBzLTEuODYsMC0yLjc4LDBjLS41NiwwLS44NC4yOC0uODQuODUsMCwxLjg0LDAsMy42OSwwLDUuNTMsMCwuNTUuMzEuODQuODYuODRaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTI5LjU4LDI5LjUzYzEuOCwwLDMuNjEsMCw1LjQxLDAsLjU5LDAsLjktLjI5LjkxLS44OCwwLTEuODMsMC0zLjY2LDAtNS40OSwwLS41Ni0uMy0uODUtLjg1LS44NS0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTcsMC0uODMuMjctLjgzLjg1LDAsLjkxLDAsMS44MywwLDIuNzVzMCwxLjgzLDAsMi43NWMwLC42LjI4Ljg4Ljg5Ljg4WiIvPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNC42NSw0Mi41NWMtMS44NCwwLTMuNjgsMC01LjUzLDAtLjUzLDAtLjgzLjI5LS44My44MiwwLDEuODYsMCwzLjcxLDAsNS41NywwLC41Ni4yOS44My44Ni44My45MSwwLDEuODMsMCwyLjc0LDBzMS44MywwLDIuNzQsMGMuNTcsMCwuODUtLjI3Ljg1LS44MywwLTEuODQsMC0zLjY5LDAtNS41MywwLS41Ni0uMjgtLjg1LS44NC0uODZaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTM1LjEsNDIuNTZjLTEuODcsMC0zLjc0LDAtNS42MSwwLS41MSwwLS43OS4zLS43OS44MSwwLC45MywwLDEuODYsMCwyLjc5czAsMS44NiwwLDIuNzhjMCwuNTcuMjcuODMuODQuODMsMS44NCwwLDMuNjksMCw1LjUzLDAsLjUxLDAsLjgzLS4yOC44My0uNzguMDEtMS44OC4wMS0zLjc3LDAtNS42NSwwLS40OC0uMzMtLjc4LS44LS43OFoiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTkuMTYsMjkuNTNjMS44MiwwLDMuNjMsMCw1LjQ1LDAsLjU5LDAsLjg3LS4yOC44Ny0uODYsMC0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTYtLjI4LS44My0uODUtLjgzLS45MiwwLTEuODMsMC0yLjc1LDBzLTEuOCwwLTIuNzEsMGMtLjYyLDAtLjkuMjYtLjkuODcsMCwxLjgzLDAsMy42NiwwLDUuNDksMCwuNTcuMy44Ni44OC44NloiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNDkuNzksMzkuNjVjLjkyLDAsMS44MywwLDIuNzUsMHMxLjgzLDAsMi43NSwwYy41NiwwLC44Ny0uMjguODctLjgyLDAtMS44NiwwLTMuNzEsMC01LjU3LDAtLjUzLS4zMS0uODItLjgzLS44Mi0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTUsMC0uODUuMjktLjg1Ljg0LDAsMS44NCwwLDMuNjksMCw1LjUzLDAsLjU2LjMuODQuODUuODRaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTkuMTcsMzkuNjVjMS44MiwwLDMuNjMsMCw1LjQ1LDAsLjYsMCwuODktLjI4Ljg5LS44OCwwLTEuODIsMC0zLjYzLDAtNS40NSwwLS42LS4yOS0uODgtLjg5LS44OC0uOSwwLTEuOCwwLTIuNzEsMHMtMS44MywwLTIuNzUsMGMtLjU4LDAtLjg3LjI4LS44Ny44NiwwLDEuODMsMCwzLjY2LDAsNS40OSwwLC41OC4yOS44Ni44Ny44NloiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNjMuOTUsNS45M2MwLS4yMywwLS40OC0uMDUtLjctLjM1LTEuNTItMS40OC0yLjQyLTMuMDctMi40Mi0xLjgzLDAtMy43NSwwLTUuNTcsMCwwLDAtLjEsMC0uMS4wMnYxYzAsMi4yMS0xLjYsNC4xOC0zLjgxLDQuMThoLTdjLTIuMjEsMC00LjE5LTEuOTgtNC4xOS00LjE0di0xczAtLjAyLDAtLjAyaC0xN3YxLjAyYzAsMi4yMS0xLjYsNC4xOC0zLjgxLDQuMThoLTdjLTIuMjEsMC00LjE5LTEuOTgtNC4xOS00LjE0di0xYy0xLDAtMy4yOS0uMDEtNC45OCwwLS4zMSwwLS41OC4wMi0uODguMDlDLjkzLDMuMjQuMDcsNC4zOS4wMSw1LjljLS4wMy44NiwwLDEuNzMsMCwyLjU5LDAsMTUuOSwwLDMxLjgsMCw0Ny43LDAsMi4wMywxLjQ4LDMuMjcsMy4yMywzLjI3LDE5LjE4LS4wMiwzOC4zNy0uMDEsNTcuNTUtLjAxLDEuODYsMCwzLjE0LTEuMjYsMy4xNC0zLjExLDAtMTYuOCwwLTMzLjYxLDAtNTAuNDFabS0yLjc5LDEwLjMyYzAsMTIuODMtLjA5LDI1LjY1LS4xLDM4LjQ4LDAsMS41My0uMjIsMS43Mi0xLjc3LDEuNzItMTguMTUsMC0zNi4zMiwwLTU0LjQ3LDAtLjMsMC0uNjEtLjA1LS45MS0uMDctLjUxLS4wMy0uNzItLjM2LS43OC0uODEtLjA0LS4yOC0uMDItLjU3LS4wMi0uODYsMC0xMi44MS4wNS0yNS42My4wNS0zOC40NHYtLjI3aDU4di4yNVoiLz48cmVjdCBmaWxsPSJibGFjayIgeD0iOS4xNiIgd2lkdGg9IjEzIiBoZWlnaHQ9IjciIHJ4PSIzIiByeT0iMyIvPjxyZWN0IGZpbGw9ImJsYWNrIiB4PSI0MS4xNiIgd2lkdGg9IjEzIiBoZWlnaHQ9IjciIHJ4PSIzIiByeT0iMyIvPjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2My45NSA1OS40NiI+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTQ1LjE3LDQyLjU1Yy0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTMsMC0uODIuMy0uODIuODMsMCwxLjg2LDAsMy43MSwwLDUuNTcsMCwuNTQuMjguODEuODIuODIuOTMsMCwxLjg2LDAsMi43OCwwczEuODMsMCwyLjc1LDBjLjU2LDAsLjg1LS4yOC44NS0uODQsMC0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTUtLjMxLS44NS0uODYtLjg1WiIvPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0zOS42NCwzOS42NWMxLjg0LDAsMy42OSwwLDUuNTMsMCwuNTUsMCwuODUtLjI5Ljg2LS44NCwwLTEuODQsMC0zLjY5LDAtNS41MywwLS41NS0uMzEtLjg0LS44NS0uODQtMS44MywwLTMuNjYsMC01LjQ5LDAtLjU5LDAtLjg2LjI4LS44Ny44NiwwLC45MywwLDEuODYsMCwyLjc5czAsMS44MywwLDIuNzVjMCwuNTQuMjkuODIuODIuODJaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTM5LjY0LDI5LjUzYzEuODQsMCwzLjY5LDAsNS41MywwLC41NCwwLC44NS0uMy44NS0uODUsMC0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTYtLjMtLjg0LS44NS0uODQtLjkyLDAtMS44MywwLTIuNzUsMHMtMS44NiwwLTIuNzgsMGMtLjU0LDAtLjgyLjI4LS44Mi44MiwwLDEuODYsMCwzLjcxLDAsNS41NywwLC41My4yOS44My44Mi44M1oiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMzUuMDQsMzIuNDNjLTEuODQsMC0zLjY5LDAtNS41MywwLS41NCwwLS44Mi4yOC0uODIuODIsMCwuOTMsMCwxLjg2LDAsMi43OXMwLDEuODYsMCwyLjc5YzAsLjU0LjI4LjgyLjgyLjgyLDEuODQsMCwzLjY5LDAsNS41MywwLC41MywwLC44NS0uMjguODYtLjguMDEtMS44Ny4wMS0zLjc0LDAtNS42MSwwLS41Mi0uMzMtLjgtLjg2LS44WiIvPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNC42NCwzMi40M2MtLjkyLDAtMS44MywwLTIuNzUsMHMtMS44NiwwLTIuNzgsMGMtLjUxLDAtLjgyLjI4LS44My43OS0uMDEsMS44OC0uMDEsMy43NiwwLDUuNjUsMCwuNTEuMzEuNzguODMuNzgsMS44NCwwLDMuNjksMCw1LjUzLDAsLjU2LDAsLjg0LS4yOS44NC0uODQsMC0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTYtLjI4LS44NC0uODQtLjg0WiIvPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xNC42NCw0Mi41NWMtMS44MiwwLTMuNjMsMC01LjQ1LDAtLjU4LDAtLjg4LjI5LS44OS44NiwwLDEuODQsMCwzLjY5LDAsNS41MywwLC41Ni4yOS44My44Ni44My45MiwwLDEuODMsMCwyLjc1LDBzMS44MywwLDIuNzUsMGMuNTgsMCwuODYtLjI4Ljg2LS44NiwwLTEuODMsMC0zLjY2LDAtNS40OSwwLS41Ny0uMy0uODYtLjg4LS44NloiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNDkuOCwyOS41M2MxLjgzLDAsMy42NiwwLDUuNDksMCwuNTUsMCwuODYtLjMuODYtLjg0LDAtMS44NiwwLTMuNzEsMC01LjU3LDAtLjU0LS4zLS44MS0uODQtLjgxLS45MiwwLTEuODMsMC0yLjc1LDBzLTEuODYsMC0yLjc4LDBjLS41NiwwLS44NC4yOC0uODQuODUsMCwxLjg0LDAsMy42OSwwLDUuNTMsMCwuNTUuMzEuODQuODYuODRaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTI5LjU4LDI5LjUzYzEuOCwwLDMuNjEsMCw1LjQxLDAsLjU5LDAsLjktLjI5LjkxLS44OCwwLTEuODMsMC0zLjY2LDAtNS40OSwwLS41Ni0uMy0uODUtLjg1LS44NS0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTcsMC0uODMuMjctLjgzLjg1LDAsLjkxLDAsMS44MywwLDIuNzVzMCwxLjgzLDAsMi43NWMwLC42LjI4Ljg4Ljg5Ljg4WiIvPjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0yNC42NSw0Mi41NWMtMS44NCwwLTMuNjgsMC01LjUzLDAtLjUzLDAtLjgzLjI5LS44My44MiwwLDEuODYsMCwzLjcxLDAsNS41NywwLC41Ni4yOS44My44Ni44My45MSwwLDEuODMsMCwyLjc0LDBzMS44MywwLDIuNzQsMGMuNTcsMCwuODUtLjI3Ljg1LS44MywwLTEuODQsMC0zLjY5LDAtNS41MywwLS41Ni0uMjgtLjg1LS44NC0uODZaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTM1LjEsNDIuNTZjLTEuODcsMC0zLjc0LDAtNS42MSwwLS41MSwwLS43OS4zLS43OS44MSwwLC45MywwLDEuODYsMCwyLjc5czAsMS44NiwwLDIuNzhjMCwuNTcuMjcuODMuODQuODMsMS44NCwwLDMuNjksMCw1LjUzLDAsLjUxLDAsLjgzLS4yOC44My0uNzguMDEtMS44OC4wMS0zLjc3LDAtNS42NSwwLS40OC0uMzMtLjc4LS44LS43OFoiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTkuMTYsMjkuNTNjMS44MiwwLDMuNjMsMCw1LjQ1LDAsLjU5LDAsLjg3LS4yOC44Ny0uODYsMC0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTYtLjI4LS44My0uODUtLjgzLS45MiwwLTEuODMsMC0yLjc1LDBzLTEuOCwwLTIuNzEsMGMtLjYyLDAtLjkuMjYtLjkuODcsMCwxLjgzLDAsMy42NiwwLDUuNDksMCwuNTcuMy44Ni44OC44NloiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNDkuNzksMzkuNjVjLjkyLDAsMS44MywwLDIuNzUsMHMxLjgzLDAsMi43NSwwYy41NiwwLC44Ny0uMjguODctLjgyLDAtMS44NiwwLTMuNzEsMC01LjU3LDAtLjUzLS4zMS0uODItLjgzLS44Mi0xLjg0LDAtMy42OSwwLTUuNTMsMC0uNTUsMC0uODUuMjktLjg1Ljg0LDAsMS44NCwwLDMuNjksMCw1LjUzLDAsLjU2LjMuODQuODUuODRaIi8+PHBhdGggZmlsbD0iYmxhY2siIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTkuMTcsMzkuNjVjMS44MiwwLDMuNjMsMCw1LjQ1LDAsLjYsMCwuODktLjI4Ljg5LS44OCwwLTEuODIsMC0zLjYzLDAtNS40NSwwLS42LS4yOS0uODgtLjg5LS44OC0uOSwwLTEuOCwwLTIuNzEsMHMtMS44MywwLTIuNzUsMGMtLjU4LDAtLjg3LjI4LS44Ny44NiwwLDEuODMsMCwzLjY2LDAsNS40OSwwLC41OC4yOS44Ni44Ny44NloiLz48cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNjMuOTUsNS45M2MwLS4yMywwLS40OC0uMDUtLjctLjM1LTEuNTItMS40OC0yLjQyLTMuMDctMi40Mi0xLjgzLDAtMy43NSwwLTUuNTcsMCwwLDAtLjEsMC0uMS4wMnYxYzAsMi4yMS0xLjYsNC4xOC0zLjgxLDQuMThoLTdjLTIuMjEsMC00LjE5LTEuOTgtNC4xOS00LjE0di0xczAtLjAyLDAtLjAyaC0xN3YxLjAyYzAsMi4yMS0xLjYsNC4xOC0zLjgxLDQuMThoLTdjLTIuMjEsMC00LjE5LTEuOTgtNC4xOS00LjE0di0xYy0xLDAtMy4yOS0uMDEtNC45OCwwLS4zMSwwLS41OC4wMi0uODguMDlDLjkzLDMuMjQuMDcsNC4zOS4wMSw1LjljLS4wMy44NiwwLDEuNzMsMCwyLjU5LDAsMTUuOSwwLDMxLjgsMCw0Ny43LDAsMi4wMywxLjQ4LDMuMjcsMy4yMywzLjI3LDE5LjE4LS4wMiwzOC4zNy0uMDEsNTcuNTUtLjAxLDEuODYsMCwzLjE0LTEuMjYsMy4xNC0zLjExLDAtMTYuOCwwLTMzLjYxLDAtNTAuNDFabS0yLjc5LDEwLjMyYzAsMTIuODMtLjA5LDI1LjY1LS4xLDM4LjQ4LDAsMS41My0uMjIsMS43Mi0xLjc3LDEuNzItMTguMTUsMC0zNi4zMiwwLTU0LjQ3LDAtLjMsMC0uNjEtLjA1LS45MS0uMDctLjUxLS4wMy0uNzItLjM2LS43OC0uODEtLjA0LS4yOC0uMDItLjU3LS4wMi0uODYsMC0xMi44MS4wNS0yNS42My4wNS0zOC40NHYtLjI3aDU4di4yNVoiLz48cmVjdCBmaWxsPSJibGFjayIgeD0iOS4xNiIgd2lkdGg9IjEzIiBoZWlnaHQ9IjciIHJ4PSIzIiByeT0iMyIvPjxyZWN0IGZpbGw9ImJsYWNrIiB4PSI0MS4xNiIgd2lkdGg9IjEzIiBoZWlnaHQ9IjciIHJ4PSIzIiByeT0iMyIvPjwvc3ZnPg==");
}
.LBmain .pik-icon-standort {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEwMDQgMjI0IDQ3IDUwIj48cGF0aCBmaWxsPSJibGFjayIgZD0iTTEwNDMuNiAyMzIuM2wtMi40LTEuOS01LjUtMi40LTIuNSAxLjctNC43IDEuMS0uMS0yLjEtNC45LTEuNC0uMi0yLjMtMyAuOS0zLjYtLjguNCAzLjQgMS4yIDIuMi0zIDMtMS0xLjMtMy45LjMtLjkgMS4zIDEgMi0xIDUuNi0xLjEgMi4zaC0yLjlsMS4xIDYuNC0uNCA0LjIgMSAxLjQtLjIgMi43IDIuNCAxLjYgNy4xIDEuMi0yLjMgNC4yLS41IDQuNWg0LjJsMS0xLjQgNS40IDEuOSAxLjUtLjMgMi42IDEuNy42LTEuNiA0LjQuMyAzLjQtMS4yIDIuNC4yIDEuNyAxLjMuNC0xLjEtMS00IDEuNy0uOCAxLjUtMi45LTIuOS0yLjYtMi42LTEuNS0uNy0yLjYtMS0xLjkgMy40LTEuMyAxLjctMS41IDMuNC0xLjIgMS4xLTEuMiAxLjQuNyAyLjEtLjYtMi4zLTMuOS4xLTIuMS0xLjQtMy4zLTItMi4yIDEuMi0xLjYtMS40LTMuMXoiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjEwMDQgMjI0IDQ3IDUwIj48cGF0aCBmaWxsPSJibGFjayIgZD0iTTEwNDMuNiAyMzIuM2wtMi40LTEuOS01LjUtMi40LTIuNSAxLjctNC43IDEuMS0uMS0yLjEtNC45LTEuNC0uMi0yLjMtMyAuOS0zLjYtLjguNCAzLjQgMS4yIDIuMi0zIDMtMS0xLjMtMy45LjMtLjkgMS4zIDEgMi0xIDUuNi0xLjEgMi4zaC0yLjlsMS4xIDYuNC0uNCA0LjIgMSAxLjQtLjIgMi43IDIuNCAxLjYgNy4xIDEuMi0yLjMgNC4yLS41IDQuNWg0LjJsMS0xLjQgNS40IDEuOSAxLjUtLjMgMi42IDEuNy42LTEuNiA0LjQuMyAzLjQtMS4yIDIuNC4yIDEuNyAxLjMuNC0xLjEtMS00IDEuNy0uOCAxLjUtMi45LTIuOS0yLjYtMi42LTEuNS0uNy0yLjYtMS0xLjkgMy40LTEuMyAxLjctMS41IDMuNC0xLjIgMS4xLTEuMiAxLjQuNyAyLjEtLjYtMi4zLTMuOS4xLTIuMS0xLjQtMy4zLTItMi4yIDEuMi0xLjYtMS40LTMuMXoiLz48L3N2Zz4=");
}
.LBmain .pik-icon-beratung {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CjxjaXJjbGUgY3g9IjEyIiBjeT0iNiIgcj0iMy41IiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyAyMmMwLTUgNC05IDktOXM5IDQgOSA5SDN6TTEyIDE0bC0xLjUgNGgzTDEyIDE0eiIvPgo8L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CjxjaXJjbGUgY3g9IjEyIiBjeT0iNiIgcj0iMy41IiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsPSJibGFjayIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMyAyMmMwLTUgNC05IDktOXM5IDQgOSA5SDN6TTEyIDE0bC0xLjUgNGgzTDEyIDE0eiIvPgo8L3N2Zz4=");
}
.LBmain .pik-icon-versandkostenfrei {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+Cjxwb2x5Z29uIGZpbGw9ImJsYWNrIiBwb2ludHM9IjQsMjAgMTQsOCAyNCwyMCIvPgo8cG9seWdvbiBmaWxsPSJibGFjayIgcG9pbnRzPSIyNCwyMCAzNCw4IDQ0LDIwIi8+CjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDIwaDQwdjI0SDRWMjB6bTQgNHYxNmgzMlYyNEg4eiIvPgo8cGF0aCBkPSJNMzAgMjhjLTEtMi0zLTMuNS01LjUtMy41LTMuNSAwLTYgMi44LTYgNi41czIuNSA2LjUgNiA2LjVjMi41IDAgNC41LTEuNSA1LjUtMy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIvPgo8cmVjdCB4PSIxNiIgeT0iMjkuNSIgd2lkdGg9IjkiIGhlaWdodD0iMi41IiByeD0iLjUiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjE2IiB5PSIzMyIgd2lkdGg9IjkiIGhlaWdodD0iMi41IiByeD0iLjUiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+Cjxwb2x5Z29uIGZpbGw9ImJsYWNrIiBwb2ludHM9IjQsMjAgMTQsOCAyNCwyMCIvPgo8cG9seWdvbiBmaWxsPSJibGFjayIgcG9pbnRzPSIyNCwyMCAzNCw4IDQ0LDIwIi8+CjxwYXRoIGZpbGw9ImJsYWNrIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDIwaDQwdjI0SDRWMjB6bTQgNHYxNmgzMlYyNEg4eiIvPgo8cGF0aCBkPSJNMzAgMjhjLTEtMi0zLTMuNS01LjUtMy41LTMuNSAwLTYgMi44LTYgNi41czIuNSA2LjUgNiA2LjVjMi41IDAgNC41LTEuNSA1LjUtMy41IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIvPgo8cmVjdCB4PSIxNiIgeT0iMjkuNSIgd2lkdGg9IjkiIGhlaWdodD0iMi41IiByeD0iLjUiIGZpbGw9ImJsYWNrIi8+CjxyZWN0IHg9IjE2IiB5PSIzMyIgd2lkdGg9IjkiIGhlaWdodD0iMi41IiByeD0iLjUiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPg==");
}
.LBmain .pik-icon-lieferwagen {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyNCI+CjxyZWN0IHg9IjAiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjEuNSIgcng9Ii43NSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMSIgeT0iOSIgd2lkdGg9IjQiIGhlaWdodD0iMS41IiByeD0iLjc1IiBmaWxsPSJibGFjayIvPgo8cmVjdCB4PSIwIiB5PSIxMyIgd2lkdGg9IjUiIGhlaWdodD0iMS41IiByeD0iLjc1IiBmaWxsPSJibGFjayIvPgo8cmVjdCB4PSI3IiB5PSIyIiB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHJ4PSIxIiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsPSJibGFjayIgZD0iTTIxIDdoNWMyIDAgMyAxLjUgMy41IDNsLjUgMnY1SDIxVjd6Ii8+CjxyZWN0IHg9IjciIHk9IjE3IiB3aWR0aD0iMjMiIGhlaWdodD0iMSIgZmlsbD0iYmxhY2siLz4KPGNpcmNsZSBjeD0iMTMiIGN5PSIyMCIgcj0iMyIgZmlsbD0iYmxhY2siLz4KPGNpcmNsZSBjeD0iMjYiIGN5PSIyMCIgcj0iMyIgZmlsbD0iYmxhY2siLz4KPC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAyNCI+CjxyZWN0IHg9IjAiIHk9IjUiIHdpZHRoPSI1IiBoZWlnaHQ9IjEuNSIgcng9Ii43NSIgZmlsbD0iYmxhY2siLz4KPHJlY3QgeD0iMSIgeT0iOSIgd2lkdGg9IjQiIGhlaWdodD0iMS41IiByeD0iLjc1IiBmaWxsPSJibGFjayIvPgo8cmVjdCB4PSIwIiB5PSIxMyIgd2lkdGg9IjUiIGhlaWdodD0iMS41IiByeD0iLjc1IiBmaWxsPSJibGFjayIvPgo8cmVjdCB4PSI3IiB5PSIyIiB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHJ4PSIxIiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsPSJibGFjayIgZD0iTTIxIDdoNWMyIDAgMyAxLjUgMy41IDNsLjUgMnY1SDIxVjd6Ii8+CjxyZWN0IHg9IjciIHk9IjE3IiB3aWR0aD0iMjMiIGhlaWdodD0iMSIgZmlsbD0iYmxhY2siLz4KPGNpcmNsZSBjeD0iMTMiIGN5PSIyMCIgcj0iMyIgZmlsbD0iYmxhY2siLz4KPGNpcmNsZSBjeD0iMjYiIGN5PSIyMCIgcj0iMyIgZmlsbD0iYmxhY2siLz4KPC9zdmc+");
}
.LBmain .pik-icon-kompetenz {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CjxsaW5lIHgxPSIzIiB5MT0iMyIgeDI9IjMiIHkyPSIyMSIvPgo8bGluZSB4MT0iMyIgeTE9IjIxIiB4Mj0iMjEiIHkyPSIyMSIvPgo8cG9seWxpbmUgcG9pbnRzPSI2LDE3IDEwLDEzIDEzLDE1IDE5LDYiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTUsNiAxOSw2IDE5LDEwIi8+Cjwvc3ZnPg==");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CjxsaW5lIHgxPSIzIiB5MT0iMyIgeDI9IjMiIHkyPSIyMSIvPgo8bGluZSB4MT0iMyIgeTE9IjIxIiB4Mj0iMjEiIHkyPSIyMSIvPgo8cG9seWxpbmUgcG9pbnRzPSI2LDE3IDEwLDEzIDEzLDE1IDE5LDYiLz4KPHBvbHlsaW5lIHBvaW50cz0iMTUsNiAxOSw2IDE5LDEwIi8+Cjwvc3ZnPg==");
}
.LBmain .nearicon { text-decoration: none; vertical-align: middle; color: #1b4f80; }

/* ── Playbutton-Link (PIK Medientechnik-Stil) ── */
.LBmain .pb-linktext {
    color: #666 !important;
    display: block;
    padding-bottom: 20px;
    text-decoration: none;
}
.LBmain .pb-linktext .linktext {
    display: block;
    float: left;
    width: calc(100% - 60px);
    min-height: 40px !important;
}
.LBmain .circle {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: 0 0 10px 0px #aaa;
    display: inline-block;
    margin-bottom: -14px;
    margin-left: 5px;
    float: right;
    transition: all 0.3s ease;
}
.LBmain .button-play {
    border-color: transparent transparent transparent #fff;
    width: 20px;
    height: 20px;
    border-style: solid;
    box-sizing: border-box;
    border-width: 10px 0 10px 14px;
    position: absolute;
    top: 11px;
    left: 16px;
    display: inline-block;
    transition: all 0.3s ease;
}
.LBmain .pb-linktext:hover .circle {
    background-color: #fff !important;
}
.LBmain .pb-linktext:hover .button-play {
    border-color: transparent transparent transparent #1b4f80;
}

/* Playbutton: Centered-Variante (Text + Circle inline, zentriert) */
.LBmain .pb-linktext.pb-centered {
    text-align: center;
}
.LBmain .pb-linktext.pb-centered .linktext {
    display: inline;
    float: none;
    width: auto;
    min-height: auto !important;
}
.LBmain .pb-linktext.pb-centered .circle {
    float: none;
    display: inline-block;
    margin-bottom: -15px;
    margin-left: 10px;
}


/* ── Fehlende PIK-Elternseiten-Klassen ── */
/* Diese Klassen existieren auf pik.de global, muessen aber hier
   definiert werden fuer: Preview-iframe, Standalone-Exports, Shop */
.LBmain .weiss { color: #fff !important; }
.LBmain .main-color { color: #1b4f80; }
.LBmain .bg-pik { background-color: #1b4f80; }
.LBmain .bg-weiss { background-color: #fff; }
.LBmain .pik { color: #1b4f80; }

/* ══════════════════════════════════════════════
   AUTO-KONTRAST — Weisser Text auf dunklen BGs
   Deterministische CSS-Loesung: faengt ALLE Faelle
   ab, auch wenn Claude .weiss vergisst.
   ══════════════════════════════════════════════ */

/* Text-Elemente auf dunklen Hintergruenden */
.LBmain :is(
    [style*="background"][style*="#1b4f80"],
    [style*="background"][style*="#536687"],
    [style*="background"][style*="#294955"],
    [style*="background"][style*="#401b40"],
    [style*="background"][style*="#2e6d79"],
    [style*="background"][style*="#e2732a"],
    [style*="background"][style*="#a80021"]
) :is(h1, h2, h3, h4, h5, h6, p, li, label, strong, em, b, i, small, blockquote, figcaption, td, th, dt, dd) {
    color: #fff !important;
}

/* Spans auf dunklem BG (exkl. Icon-/Button-Komponenten) */
.LBmain :is(
    [style*="background"][style*="#1b4f80"],
    [style*="background"][style*="#536687"],
    [style*="background"][style*="#294955"],
    [style*="background"][style*="#401b40"],
    [style*="background"][style*="#2e6d79"],
    [style*="background"][style*="#e2732a"],
    [style*="background"][style*="#a80021"]
) span:not(.pik-icon):not(.circle):not(.button-play) {
    color: #fff !important;
}

/* Links auf dunklem BG (exkl. Buttons mit eigener Hover-Logik) */
.LBmain :is(
    [style*="background"][style*="#1b4f80"],
    [style*="background"][style*="#536687"],
    [style*="background"][style*="#294955"],
    [style*="background"][style*="#401b40"],
    [style*="background"][style*="#2e6d79"],
    [style*="background"][style*="#e2732a"],
    [style*="background"][style*="#a80021"]
) a:not(.pik-button):not(.sw-subbutton) {
    color: #fff !important;
}

/* Haken-Liste auf dunklem BG — weisse Haken */
.LBmain :is(
    [style*="background"][style*="#1b4f80"],
    [style*="background"][style*="#536687"],
    [style*="background"][style*="#294955"],
    [style*="background"][style*="#401b40"],
    [style*="background"][style*="#2e6d79"],
    [style*="background"][style*="#e2732a"],
    [style*="background"][style*="#a80021"]
) ul.liste-haken li::before {
    background-color: #fff !important;
}

/* Icons auf dunklem BG — weiss */
.LBmain :is(
    [style*="background"][style*="#1b4f80"],
    [style*="background"][style*="#536687"],
    [style*="background"][style*="#294955"],
    [style*="background"][style*="#401b40"],
    [style*="background"][style*="#2e6d79"],
    [style*="background"][style*="#e2732a"],
    [style*="background"][style*="#a80021"]
) .pik-icon {
    background-color: #fff !important;
}

/* .bg-pik Klasse als Alternative zu Inline-Background */
.LBmain .bg-pik :is(h1, h2, h3, h4, h5, h6, p, li, label, strong, em, b, i, small, blockquote, figcaption) { color: #fff !important; }
.LBmain .bg-pik span:not(.pik-icon):not(.circle):not(.button-play) { color: #fff !important; }
.LBmain .bg-pik a:not(.pik-button):not(.sw-subbutton) { color: #fff !important; }
.LBmain .bg-pik ul.liste-haken li::before { background-color: #fff !important; }
.LBmain .bg-pik .pik-icon { background-color: #fff !important; }

/* Auto-Kontrast: Utility-Klassen fuer dunkle Hintergruende */
.LBmain :is(.bg-gradient-pik, .bg-gradient-hero, .overlay-dark, .overlay-dark-strong, .overlay-blue, .overlay-blue-strong, .hero-overlay-box, .hero-gradient-overlay, .metric-after) :is(h1, h2, h3, h4, h5, h6, p, li, label, strong, em, b, i, small, blockquote, figcaption, td, th, dt, dd) {
    color: #fff !important;
}
.LBmain :is(.bg-gradient-pik, .bg-gradient-hero, .overlay-dark, .overlay-dark-strong, .overlay-blue, .overlay-blue-strong, .hero-overlay-box, .hero-gradient-overlay, .metric-after) span:not(.pik-icon):not(.circle):not(.button-play) {
    color: #fff !important;
}
.LBmain :is(.bg-gradient-pik, .bg-gradient-hero, .overlay-dark, .overlay-dark-strong, .overlay-blue, .overlay-blue-strong, .hero-overlay-box, .hero-gradient-overlay, .metric-after) a:not(.pik-button):not(.sw-subbutton) {
    color: #fff !important;
}
.LBmain :is(.bg-gradient-pik, .bg-gradient-hero, .overlay-dark, .overlay-dark-strong, .overlay-blue, .overlay-blue-strong, .hero-overlay-box, .hero-gradient-overlay, .metric-after) ul.liste-haken li::before {
    background-color: #fff !important;
}
.LBmain :is(.bg-gradient-pik, .bg-gradient-hero, .overlay-dark, .overlay-dark-strong, .overlay-blue, .overlay-blue-strong, .hero-overlay-box, .hero-gradient-overlay, .metric-after) .pik-icon {
    background-color: #fff !important;
}
.LBmain :is(.bg-gradient-pik, .bg-gradient-hero, .overlay-dark, .overlay-dark-strong, .overlay-blue, .overlay-blue-strong, .hero-overlay-box, .hero-gradient-overlay, .metric-after) .nearicon {
    color: #fff !important;
}
.LBmain :is(.bg-gradient-pik, .bg-gradient-hero, .overlay-dark, .overlay-dark-strong, .overlay-blue, .overlay-blue-strong, .hero-overlay-box, .hero-gradient-overlay, .metric-after) .section-label {
    color: #fff;
}

/* Nearicon auf dunklem BG */
.LBmain :is(
    [style*="background"][style*="#1b4f80"],
    [style*="background"][style*="#536687"],
    [style*="background"][style*="#294955"],
    [style*="background"][style*="#401b40"],
    [style*="background"][style*="#2e6d79"],
    [style*="background"][style*="#e2732a"],
    [style*="background"][style*="#a80021"]
) .nearicon {
    color: #fff !important;
}


/* ══════════════════════════════════════════════
   DESKTOP ENHANCEMENT — @media (min-width: 769px)
   ══════════════════════════════════════════════ */

@media (min-width: 769px) {

    /* Grid: Spaltenbreiten */
    .LBmain .grid-20 { width: 20%; }
    .LBmain .grid-25 { width: 25%; }
    .LBmain .grid-30 { width: 30%; }
    .LBmain .grid-33 { width: 33.333%; }
    .LBmain .grid-40 { width: 40%; }
    .LBmain .grid-50 { width: 50%; }
    .LBmain .grid-60 { width: 60%; }
    .LBmain .grid-70 { width: 70%; }

    /* Full-Width Row Desktop */
    .pik-full-row .pik-row {
        max-width: 1440px;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* Bilder: volle Hoehe in Split-Layouts */
    .LBmain .grid-50 .image-container,
    .LBmain .grid-30 .image-container,
    .LBmain .grid-70 .image-container { height: 100%; }
    .LBmain .grid-50 .image-container img,
    .LBmain .grid-30 .image-container img,
    .LBmain .grid-70 .image-container img { height: 100% !important; object-fit: cover !important; }
    .LBmain .grid-50 .image-container img.img-contain,
    .LBmain .grid-30 .image-container img.img-contain,
    .LBmain .grid-70 .image-container img.img-contain { height: auto !important; object-fit: contain !important; }

    /* Listen Desktop */
    ul.liste-haken li { padding-left: 35px; }
    ul.liste-haken li::before { width: 28px; height: 30px; margin-left: -35px; margin-right: 7px; }
    .LBmain .editor-html.haken ul li::before { width: 28px; height: 30px; }
    .LBmain .editor-html.haken.zweispaltig ul { column-gap: 30px; }

    /* Text-Columns Desktop */
    .zweispaltig { column-gap: 40px; }
    .text-columns-2 { columns: 2; column-gap: 40px; }
    .text-columns-3 { columns: 3; column-gap: 30px; }


    .three-column-list { columns: 3; column-gap: 30px; }
    .text-focus-box { padding: 40px; }
    .text-highlight-border { padding-left: 30px; }

    /* Cover/CTA Desktop */
    .bg-cover { min-height: 500px; }
    .cta-section { margin-top: 60px; }
    .cta-overlay { position: absolute; inset: 0; padding: 40px; background: transparent; }
    .cta-boxes { flex-direction: row; flex-wrap: wrap; width: auto; max-width: 900px; margin: 0 auto 30px; }
    .cta-box { width: 260px; max-width: none; }

    /* Hero Desktop */
    .hero-header { padding: 40px 20px 30px; }
    .hero-image { height: 600px; }
    .hero-intro { padding: 60px 20px; }

    /* Premium Service Desktop */
    .service-banner { padding: 30px 30px 40px; }
    .service-content { flex-direction: row; justify-content: space-between; }
    .service-seals { width: 25%; flex-direction: row; gap: 15px; justify-content: flex-start; }
    .service-features { width: 40%; }
    .service-contact { width: 35%; text-align: right; align-items: flex-end; }

    /* Snippet #31: Timeline horizontal */
    .timeline-container { flex-direction: row; align-items: flex-start; justify-content: center; gap: 0; }
    .timeline-line { display: block; position: absolute; top: 40px; left: 15%; right: 15%; height: 3px; background: linear-gradient(90deg, #e2e8f0, #1b4f80, #e2e8f0); z-index: 0; }

    /* Snippet #32: Metric Desktop */
    .metric-before { padding: 50px 40px; border-right: 3px solid #e2e8f0; }
    .metric-after { padding: 50px 40px; }

    /* Snippet #33: FAQ Desktop */
    .faq-item summary { padding: 20px 24px; }
    .faq-answer { padding: 0 24px 20px; }

    /* Snippet #34: Testimonial Desktop */
    .testimonial-card { min-width: 300px; padding: 40px 32px; }

    /* Snippet #35: Table Desktop */
    .comparison-table { font-size: 15px; }
    .comparison-table th { padding: 16px 20px; }
    .comparison-table td { padding: 14px 20px; }

    /* Snippet #37: Bento Grid Desktop */
    .LBmain .lb-bento-grid { grid-template-columns: 1fr 1fr; gap: 16px; }

    /* Snippet #39: Sticky Split Desktop */
    .LBmain .lb-sticky-image { position: sticky; top: 40px; max-height: calc(100vh - 80px); }
}

/* ═══ SNIPPET #37: Bento Feature Grid ═══ */
.LBmain .lb-bento-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.LBmain .lb-bento-featured { grid-column: 1 / -1; }
.LBmain .lb-bento-card {
    background: #fff; border-top: 2px solid #e2e8f0; padding: 32px;
    border-radius: 4px; box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.LBmain .lb-bento-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.10); border-top-color: #1b4f80; }
.LBmain .lb-bento-card.lb-bento-featured { background: #f5f5f5; border-top: 4px solid #1b4f80; padding: 48px 40px; }
/* lb-bento-label → see consolidated .section-label above */

/* ═══ SNIPPET #38: SVG Section Divider ═══ */
.LBmain .lb-svg-divider { display: block; width: 100%; height: auto; line-height: 0; margin-bottom: -1px; }
.LBmain .lb-svg-divider-flip { margin-bottom: 0; margin-top: -1px; }

/* ═══ SNIPPET #39: Sticky Split ═══ */
.LBmain .lb-sticky-image { align-self: flex-start; display: block !important; justify-content: initial !important; }
.LBmain .lb-feature-item { border-left: 3px solid #e2e8f0; padding-left: 24px; margin-bottom: 40px; transition: border-color 0.3s ease; }
.LBmain .lb-feature-item:first-child { border-left-color: #1b4f80; }
.LBmain .lb-feature-item:hover { border-left-color: #1b4f80; }
/* lb-feature-label → see consolidated .section-label above */

/* ═══ Section-Label Utility (+ Legacy Aliases) ═══ */
.LBmain .section-label,
.LBmain .lb-bento-label,
.LBmain .lb-float-card-label,
.LBmain .lb-feature-label {
    color: #1b4f80; font-weight: 700; 
    text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px;
}

/* ═══ SNIPPET #41: Floating Caption Card ═══ */
.LBmain .lb-float-card-wrap { position: relative; width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; }
.LBmain .lb-float-card-wrap .image-container img { width: 100%; height: 360px !important; object-fit: cover !important; object-position: center 30%; display: block; }
.LBmain .lb-float-card { max-width: 100vw;background: #fff; box-shadow: 0 8px 32px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06); padding: 32px; border-top: 4px solid #1b4f80; margin: 0 15px; }
/* lb-float-card-label → see consolidated .section-label above */
.LBmain .lb-float-card-bottom { display: none; }
@media (min-width: 769px) {
    .LBmain .lb-float-card-wrap .image-container img { height: 480px !important; }
    .LBmain .lb-float-card-row { display: flex; align-items: stretch; margin-top: -120px; position: relative; z-index: 2; }
    .LBmain .lb-float-card-bottom { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; padding-top: 120px; }
    .LBmain .lb-float-card { max-width:30vw; margin: 0 60px 0 0; }
}

/* ═══ SNIPPET #42: Magazine Caption Bar ═══ */
.LBmain .lb-magazine-wrap { position: relative; width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; overflow: hidden; }
.LBmain .lb-magazine-wrap .image-container { position: relative; }
.LBmain .lb-magazine-wrap .image-container img { width: 100%; height: 280px !important; object-fit: cover !important; object-position: center 30%; display: block; }
.LBmain .lb-magazine-wrap .image-container::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background: linear-gradient(to top, rgba(11,25,40,0.95) 0%, rgba(11,25,40,0.75) 45%, rgba(11,25,40,0.15) 75%, transparent 100%); pointer-events: none; }
.LBmain .lb-magazine-caption { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 28px 20px 24px; color: #fff; background: linear-gradient(to right, rgba(11,25,40,0.85) 0%, rgba(11,25,40,0.6) 60%, transparent 100%); }
.LBmain .lb-magazine-caption-label { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #fff; margin-bottom: 8px; }
.LBmain .lb-magazine-caption-text { font-size: 22px; font-weight: 700; line-height: 1.25; color: #fff; margin-bottom: 16px; }
.LBmain .lb-magazine-caption-sub { font-size: 15px; color: #fff; line-height: 1.5; margin-bottom: 20px; }
.LBmain .lb-magazine-cta { display: inline-block; background: #fff; color: #1b4f80; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.06em; padding: 10px 20px; text-decoration: none; border-radius: 2px; transition: background 0.2s, color 0.2s; }
.LBmain .lb-magazine-cta:hover { background: #e2e8f0; color: #1b4f80; }
@media (min-width: 769px) {
    .LBmain .lb-magazine-wrap .image-container img { height: 520px !important; }
    .LBmain .lb-magazine-caption { padding: 40px 60px 48px; max-width: 700px; }
    .LBmain .lb-magazine-caption-text { font-size: 32px; }
    .LBmain .lb-magazine-caption-sub { font-size: 17px; }
}

/* ═══ SNIPPET #43: Image Breakout ═══ */
.LBmain .lb-breakout-section { position: relative; overflow: hidden; max-width: 1440px; margin-left: auto; margin-right: auto; }
.LBmain .lb-breakout-img { width: 100%; }
.LBmain .lb-breakout-img img { width: 100%; height: 300px !important; object-fit: cover !important; object-position: center 30%; display: block; }
.LBmain .lb-breakout-text { background: #1b4f80; padding: 40px 20px; color: #fff; }
.LBmain .lb-breakout-accent { width: 40px; height: 3px; background: #e2e8f0; margin-bottom: 20px; }
.LBmain .lb-breakout-text h3 { color: #fff; font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 16px; }
.LBmain .lb-breakout-text p { color: rgba(255,255,255,0.85); font-size: 18px; line-height: 1.6; margin-bottom: 24px; }
.LBmain .lb-breakout-text ul.liste-haken li::before { background-color: #fff !important; }
.LBmain .lb-breakout-text ul.liste-haken li { color: rgba(255,255,255,0.9); }
.LBmain .lb-breakout-link { display: inline-flex; align-items: center; gap: 8px; color: #e2e8f0; font-weight: 700; font-size: 15px; letter-spacing: 0.04em; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid rgba(226,232,240,0.4); padding-bottom: 4px; transition: border-color 0.2s, color 0.2s; }
.LBmain .lb-breakout-link:hover { color: #fff; border-color: #fff; }
@media (min-width: 769px) {
    .LBmain .lb-breakout-section { display: flex; min-height: 460px; }
    .LBmain .lb-breakout-img { width: 72%; flex-shrink: 0; }
    .LBmain .lb-breakout-img img { height: 100% !important; }
    .LBmain .lb-breakout-text { width: 36%; flex-shrink: 0; margin-left: -8%; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 48px 40px; align-self: center; box-shadow: -12px 0 40px rgba(0,0,0,0.18); }
    .LBmain .lb-breakout-text h3 { font-size: 28px; }
}

/* ═══ SNIPPET #44: Image Stack / Detail Overlay ═══ */
.LBmain .lb-stack-wrap { position: relative; width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 15px; }
.LBmain .lb-stack-main { position: relative; width: 100%; }
.LBmain .lb-stack-main img { width: 100%; height: 300px !important; object-fit: cover !important; object-position: center 30%; display: block; border-radius: 2px; }
.LBmain .lb-stack-detail { position: absolute; bottom: -30px; right: 0; width: 40%; max-width: 220px; box-shadow: 0 8px 24px rgba(0,0,0,0.22); border: 3px solid #fff; border-radius: 2px; overflow: hidden; z-index: 3; }
.LBmain .lb-stack-detail img { width: 100%; height: 120px !important; object-fit: cover !important; display: block; }
.LBmain .lb-stack-text { padding: 30px 0 20px; border-left: 4px solid #1b4f80; padding-left: 24px; margin-top: 30px; }
@media (min-width: 769px) {
    .LBmain .lb-stack-wrap { padding: 0 40px 0 60px; }
    .LBmain .lb-stack-main img { height: 460px !important; }
    .LBmain .lb-stack-detail { bottom: -50px; right: -20px; width: 32%; max-width: 300px; }
    .LBmain .lb-stack-detail img { height: 200px !important; }
    .LBmain .lb-stack-text { padding: 30px 40px 20px 24px; margin-top: 30px; max-width: 860px; }
}

/* ═══ Secondary Link-CTA (fuer #41, #44 und allgemein) ═══ */
.LBmain .lb-link-cta { display: inline-flex; align-items: center; gap: 6px; color: #1b4f80; font-weight: 600; font-size: 16px; text-decoration: none; padding: 14px 0; border-bottom: 2px solid transparent; transition: border-color 0.3s, color 0.3s; font-family: 'Roboto Condensed', sans-serif; }
.LBmain .lb-link-cta:hover { border-bottom-color: #1b4f80; }
.LBmain .lb-link-cta span { font-size: 18px; line-height: 1; transition: transform 0.2s; }
.LBmain .lb-link-cta:hover span { transform: translateX(4px); }

/* ═══ SNIPPET-SPEZIFISCHE UTILITIES ═══ */

/* #26 Gradient Hero */
.LBmain .hero-img { width: 100%; min-height: 70vh !important; max-height: 85vh !important; object-fit: cover !important; display: block; }
.LBmain .hero-content-left { position: absolute; inset: 0; display: flex; align-items: center; }
.LBmain .hero-content-box { max-width: 700px; padding: 4rem 5rem; }
.LBmain .tagline { text-transform: uppercase; letter-spacing: 3px; }

/* #27 Asymmetric Feature */
.LBmain .accent-block-left { position: absolute; top: -20px; left: -20px; width: 45%; height: calc(100% + 40px); background: #e2e8f0; z-index: 0; }
.LBmain .accent-block-right { position: absolute; top: -20px; right: -20px; width: 45%; height: calc(100% + 40px); background: #e2e8f0; z-index: 0; }
.LBmain .shadow-image { overflow: hidden; box-shadow: 0 12px 40px rgba(27,79,128,0.15); }
.LBmain .z-1 { position: relative; z-index: 1; }

/* #28 Key Numbers */
.LBmain .number-divider { border-right: 1px solid rgba(255,255,255,0.15); }

/* #29 Feature Cards */
.LBmain .card-icon, .LBmain .lb-card-icon {
    width: 64px; height: 64px; background: #e2e8f0; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 24px; font-size: 1.8rem; color: #1b4f80; font-weight: 700;
}
.LBmain .h-200 { height: 200px; }
.LBmain .gap-30 { gap: 30px; }

/* #30 Bold Statement */
.LBmain .deko-quote {
    font-size: 8rem; line-height: 1; color: #e2e8f0; font-weight: 900;
    position: absolute; top: 20px; left: 50%; transform: translateX(-50%);
    font-family: Georgia, serif; user-select: none;
}
.LBmain .bg-gradient-pik .deko-quote { color: rgba(255,255,255,0.08); }
.LBmain .accent-line-center { width: 60px; height: 3px; background: #1b4f80; margin: 0 auto 1.5rem; }
.LBmain .bg-gradient-pik .accent-line-center { background: rgba(255,255,255,0.4); }
.LBmain .min-h-50vh { min-height: 50vh; }

/* #33 FAQ Toggle-Icon */
.LBmain .faq-toggle { color: #1b4f80; font-size: 20px; transition: transform 0.3s; }

/* #34 Testimonial */
.LBmain .testimonial-attribution { border-top: 1px solid #e2e8f0; padding-top: 15px; }

/* Kontakt-CTA in Float-Card */
.LBmain .cta-flex { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }

/* ═══ ADDITIONAL UTILITIES (Phase 2) ═══ */

/* -- Max-Width Varianten -- */
.LBmain .max-w-700 { max-width: 700px; margin-left: auto; margin-right: auto; }
.LBmain .max-w-1000 { max-width: 1000px; margin-left: auto; margin-right: auto; }
.LBmain .max-w-1200 { max-width: 1200px; margin-left: auto; margin-right: auto; }
.LBmain .max-w-520 { max-width: 520px; }
.LBmain .max-w-580 { max-width: 580px; margin-left: auto; margin-right: auto; }

/* -- Line-Height -- */
.LBmain .leading-relaxed { line-height: 1.7; }
.LBmain .leading-loose { line-height: 1.8; }

/* -- Font-Size Small -- */
.LBmain .text-small { font-size: 14px; }
.LBmain .text-13 { font-size: 13px; }
.LBmain .font-600 { font-weight: 600; }
.LBmain .font-500 { font-weight: 500; }

/* -- Opacity erweitert -- */
.LBmain .opacity-90 { opacity: 0.9; }

/* #17 Product Hero */
.LBmain .hero-wrapper { width: 100%; position: relative; }
.LBmain .hero-image { width: 100%; height: 600px; position: relative; overflow: hidden; }
.LBmain .hero-overlay { position: absolute; bottom: 60px; left: 0; right: 0; }
.LBmain .hero-overlay-box { background: rgba(0,0,0,0.75); padding: 30px 40px; }
.LBmain .hero-intro { max-width: 1200px; margin: 0 auto; padding: 60px 20px; }
.LBmain .contact-box { background: #f5f5f5; padding: 30px 20px; border-radius: 8px; text-align: center; min-height: 200px; }

/* #26 Gradient Hero — Overlay */
.LBmain .hero-gradient-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(27,79,128,0.92) 0%, rgba(27,79,128,0.6) 40%, rgba(27,79,128,0.15) 100%);
}

/* #31 Timeline */
.LBmain .timeline-container {
    display: flex; align-items: flex-start; justify-content: center;
    gap: 0; max-width: 1000px; margin: 0 auto; position: relative;
}
.LBmain .timeline-line {
    position: absolute; top: 40px; left: 15%; right: 15%; height: 3px;
    background: linear-gradient(90deg, #e2e8f0, #1b4f80, #e2e8f0); z-index: 0;
}
.LBmain .timeline-step {
    flex: 1; text-align: center; position: relative; z-index: 1; padding: 0 15px;
}
.LBmain .timeline-step p { color: #666; font-size: 14px; line-height: 1.5; }

/* #32 Metric — Before/After */
.LBmain .metric-before { background: #f5f5f5; padding: 50px 40px; border-right: 3px solid #e2e8f0; }
.LBmain .metric-after { background: #1b4f80; padding: 50px 40px; color: #fff; }
.LBmain .metric-value { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; line-height: 1.1; margin-bottom: 5px; }
.LBmain .metric-before .metric-value { color: #999; }
.LBmain .metric-after .metric-value { color: #fff; }
.LBmain .metric-desc { font-size: 14px; }
.LBmain .metric-before .metric-desc { color: #666; }
.LBmain .metric-after .metric-desc { color: rgba(255,255,255,0.7); }
.LBmain .metric-change { font-size: 0.5em; color: rgba(255,255,255,0.6); }

/* #34 Testimonial — Text/Attribution */
.LBmain .testimonial-text { color: #555; line-height: 1.7; margin-bottom: 20px; position: relative; z-index: 1; }
.LBmain .testimonial-name { font-weight: 600; color: #333; margin-bottom: 2px; }
.LBmain .testimonial-company { font-size: 13px; color: #999; }

/* #36 Divider */
.LBmain .divider-line { height: 3px; background: linear-gradient(90deg, transparent, #1b4f80, transparent); margin: 0 auto 20px; }
.LBmain .divider-text { font-size: clamp(1rem, 2vw, 1.25rem); font-weight: 500; color: #1b4f80; letter-spacing: 1px; }

/* #30 Statement container */
.LBmain .statement-container { max-width: 900px; margin: 0 auto; text-align: center; padding: 80px 40px; position: relative; }

/* ═══ CSS-UTILITY: Scroll-Reveal ═══ */
@supports (animation-timeline: view()) {
    .LBmain .lb-reveal { opacity: 0; transform: translateY(24px); animation: lb-fade-in linear both; animation-timeline: view(); animation-range: entry 0% entry 60%; }
    @keyframes lb-fade-in { to { opacity: 1; transform: translateY(0); } }
}

/* Design-Element: Section Kicker Pill */
.LBmain .section-kicker {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #1b4f80;
    background: rgba(27,79,128,0.07);
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 16px;
}

/* Design-Element: Trust-Line */
/* Bottom divider */
.LBmain .pik-logos-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin-top: 44px;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;}
.LBmain .pik-logos-bottom-line {
    flex: 1;
    max-width: 180px;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(27,79,128,0.2));}
.LBmain .pik-logos-bottom-line.right {
    background: linear-gradient(to left, transparent, rgba(27,79,128,0.2));}
.LBmain .pik-logos-trust-badge {
    font-size: 16px;
    color: #888;
    letter-spacing: 0.03em;
    white-space: nowrap;}
.LBmain .pik-logos-trust-badge strong {
    color: #1b4f80;
    font-weight: 600;}