/* /AdminUI/Components/HtmlEditor.razor.rz.scp.css */
.html-editor[b-koye0bbabg] {
    border-radius: 8px;
    overflow: hidden;
}

    /* align Jodit with the Fluent UI look */
    .html-editor[b-koye0bbabg]  .jodit-container:not(.jodit_inline) {
        border-color: var(--neutral-stroke-rest);
        border-radius: 8px;
    }

    .html-editor[b-koye0bbabg]  .jodit-workplace {
        font-family: var(--body-font);
        font-size: 15px;
        line-height: 1.55;
    }
/* /AdminUI/Components/Pages/AdminImport.razor.rz.scp.css */
.import-step[b-pkk3h5pfc5] {
    padding: 16px 4px;
}

.import-done[b-pkk3h5pfc5] {
    text-align: center;
    padding: 40px 0;
}

.file-button[b-pkk3h5pfc5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border: 1px solid var(--neutral-stroke-rest);
    border-radius: 6px;
    cursor: pointer;
}

    .file-button:hover[b-pkk3h5pfc5] {
        background: var(--neutral-fill-stealth-hover);
    }

.diff-list[b-pkk3h5pfc5] {
    max-height: 45vh;
    overflow-y: auto;
    margin: 16px 0;
    padding: 12px 12px 12px 32px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 8px;
    font-family: var(--app-mono-font);
    font-size: 13px;
}
/* /AdminUI/Components/Texts/TextEditor.razor.rz.scp.css */
.editor-page[b-2lh3o8j31x] {
    max-width: 1500px;
    margin: 0 auto;
}

.editor-tags[b-2lh3o8j31x] {
    display: flex;
    gap: 6px;
    margin-top: 6px;
}

.editor-card[b-2lh3o8j31x] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.editor-id[b-2lh3o8j31x] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
}

.editor-id-hint[b-2lh3o8j31x] {
    padding-bottom: 8px;
    font-size: 13px;
}

.line-field[b-2lh3o8j31x] {
    display: inline-block;
    margin: 0 8px 0 0;
    white-space: nowrap;
}

.editor-bar[b-2lh3o8j31x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid var(--neutral-stroke-divider-rest);
}

.editor-area[b-2lh3o8j31x] {
    min-height: 460px;
}
/* /Components/CompanyFiguresSectionItem.razor.rz.scp.css */

.svgIcon[b-i9jaqjbbag] {
    text-align: center;
    margin: 0.6rem 0;
    height: 3rem;
    /* To make it white */
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(200%) contrast(100%);
}

.number[b-i9jaqjbbag] {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-top: -0.85rem;
    text-transform: none;
}

.text[b-i9jaqjbbag] {
    text-align: center;
    font-size: 1rem;
}

.main[b-i9jaqjbbag] {
    margin: 0.5rem 0.2rem;
    width: 11rem;
    max-width: 100%; /* phones: the two columns are narrower than 11rem */
    height: 10rem;
    color: white;
    display: inline-block;
    text-transform: uppercase;
}

/* phones: smaller numbers and texts, so two items fit side by side */
@media (max-width: 500px) {
    .number[b-i9jaqjbbag] {
        font-size: 1.5rem;
        margin-top: -0.6rem;
    }

    .text[b-i9jaqjbbag] {
        font-size: 0.75rem;
    }

    .main[b-i9jaqjbbag] {
        height: auto;
        min-height: 8rem;
    }
}
/* /Components/ContactForm.razor.rz.scp.css */
/* contact form: white card below the locations on the blue contact section */
.contactForm[b-g00jv8tj3g] {
    margin-top: var(--lx-space-md);
    padding: var(--lx-space-md);
    color: var(--lx-text);
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: var(--lx-shadow-card);
    scroll-margin-top: 80px; /* below the fixed page header after the post (action="#ContactForm") */
}

.contactFormTitle[b-g00jv8tj3g] {
    margin: 0 0 var(--lx-space-sm) 0;
    font-family: Lato, arial;
    font-size: 1.25rem;
    color: var(--lx-blue-text);
}

.contactFormGrid[b-g00jv8tj3g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: 0 var(--lx-space-sm);
}

.contactFormField[b-g00jv8tj3g] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: var(--lx-space-sm);
}

    .contactFormField label[b-g00jv8tj3g] {
        font-size: 0.85rem;
        font-weight: 600;
    }

    .contactFormField input[b-g00jv8tj3g],
    .contactFormField textarea[b-g00jv8tj3g] {
        padding: 10px 12px;
        font: inherit;
        font-size: 0.95rem;
        color: var(--lx-text);
        background-color: var(--lx-bg);
        border: 1px solid var(--lx-text-muted);
        border-radius: var(--lx-radius-sm);
    }

    .contactFormField textarea[b-g00jv8tj3g] {
        resize: vertical;
    }

        .contactFormField input[aria-invalid="true"][b-g00jv8tj3g],
        .contactFormField textarea[aria-invalid="true"][b-g00jv8tj3g] {
            border-color: #C62828;
            box-shadow: 0 0 0 1px #C62828;
        }

.contactFormError[b-g00jv8tj3g] {
    font-size: 0.8rem;
    color: light-dark(#B71C1C, #FF8A80);
}

.contactFormPrivacy[b-g00jv8tj3g] {
    margin: 0 0 var(--lx-space-sm) 0;
    font-size: 0.8rem;
    color: var(--lx-text-muted);
}

    .contactFormPrivacy a[b-g00jv8tj3g] {
        color: var(--lx-blue-text);
    }

.contactFormNotice[b-g00jv8tj3g] {
    margin: 0 0 var(--lx-space-sm) 0;
    padding: 12px 16px;
    border-radius: var(--lx-radius-sm);
}

.contactFormNotice--success[b-g00jv8tj3g] {
    color: light-dark(#1B5E20, #C8E6C9);
    background-color: light-dark(#E8F5E9, rgba(76, 175, 80, 0.18));
}

.contactFormNotice--error[b-g00jv8tj3g] {
    color: light-dark(#B71C1C, #FFCDD2);
    background-color: light-dark(#FFEBEE, rgba(244, 67, 54, 0.18));
}

/* honeypot: not visible, not focusable (tabindex -1), hidden from screen readers (aria-hidden) */
.contactFormHp[b-g00jv8tj3g] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* /Components/ContactPerson.razor.rz.scp.css */
.person[b-buskpb2znp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: var(--lx-space-md) var(--lx-space-sm);
    text-align: center;
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: var(--lx-shadow-card);
    transition: box-shadow var(--lx-transition), transform var(--lx-transition);
}

    .person:hover[b-buskpb2znp] {
        box-shadow: var(--lx-shadow-card-hover);
        transform: translateY(-3px);
    }

.picture[b-buskpb2znp] {
    width: 128px;
    height: 128px;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
    box-shadow: 0 0 0 4px var(--lx-surface), 0 0 0 6px color-mix(in srgb, var(--lx-blue) 40%, transparent);
}

.name[b-buskpb2znp] {
    margin: var(--lx-space-sm) 0 2px 0;
    font-family: Lato, arial;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lx-text);
}

.position[b-buskpb2znp] {
    min-height: 1.4em;
    margin-bottom: var(--lx-space-sm);
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--lx-blue-text);
}

/* e-mail and vCard always below each other (side by side only fits for short addresses) */
.actions[b-buskpb2znp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: auto;
}

.mail[b-buskpb2znp],
.vcard[b-buskpb2znp] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    font-size: 0.68rem;
    color: var(--lx-text);
    text-decoration: none;
    border: 1px solid var(--lx-border);
    border-radius: 999px;
    transition: background-color var(--lx-transition), border-color var(--lx-transition), color var(--lx-transition);
}

    .mail:hover[b-buskpb2znp],
    .vcard:hover[b-buskpb2znp] {
        color: var(--lx-blue-text);
        border-color: var(--lx-blue);
        background-color: color-mix(in srgb, var(--lx-blue) 8%, transparent);
    }

/* icons as mask in the text color, so they adapt to light and dark mode */
.icon[b-buskpb2znp] {
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: var(--icon) center / contain no-repeat;
    mask: var(--icon) center / contain no-repeat;
}

.mailIcon[b-buskpb2znp] {
    --icon: url("/fluentui-system-icons/ic_fluent_mail_20_filled.svg");
    width: 14px;
    height: 14px;
}

.vcardArrow[b-buskpb2znp] {
    --icon: url("/fluentui-system-icons/ic_fluent_arrow_download_20_regular.svg");
    width: 12px;
    height: 12px;
}
/* /Components/CookieConsent.razor.rz.scp.css */
/* Floating card at the bottom left */
.main[b-jyoi2yt4ap] {
    position: fixed;
    left: var(--lx-space-md);
    bottom: var(--lx-space-md);
    z-index: 9999;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--lx-space-sm);
    padding: var(--lx-space-md);
    color: var(--lx-text);
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    border-top: 4px solid var(--lx-blue);
    box-shadow: 0 8px 32px rgba(16, 24, 40, 0.22);
    font-size: 15px;
    line-height: 1.5;
}

.Text[b-jyoi2yt4ap] {
    display: block;
}

.Link[b-jyoi2yt4ap] {
    color: var(--lx-blue-text);
    text-decoration: underline;
    cursor: pointer;
}

    .Link:hover[b-jyoi2yt4ap] {
        color: var(--lx-blue-dark);
    }

.Button[b-jyoi2yt4ap] {
    align-self: flex-end;
    padding: 0.4rem 1.4rem;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: white;
    background-color: var(--lx-blue-section);
    border: none;
    font-family: inherit;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color var(--lx-transition);
}

    .Button:hover[b-jyoi2yt4ap] {
        color: white;
        background-color: var(--lx-blue-dark);
    }

/* phones: full width at the bottom */
@media (max-width: 500px) {
    .main[b-jyoi2yt4ap] {
        left: var(--lx-space-xs);
        right: var(--lx-space-xs);
        bottom: var(--lx-space-xs);
        max-width: none;
        padding: var(--lx-space-sm);
    }
}
/* /Components/FeatureGrid.razor.rz.scp.css */
.featureGrid[b-s4vykxlq2a] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--lx-space-sm);
    margin: 0;
    padding: 0;
    list-style: none;
}

.feature[b-s4vykxlq2a] {
    padding: var(--lx-space-md) 20px;
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: var(--lx-shadow-card);
    transition: box-shadow var(--lx-transition), transform var(--lx-transition);
}

    .feature:hover[b-s4vykxlq2a] {
        box-shadow: var(--lx-shadow-card-hover);
        transform: translateY(-2px);
    }

.featureIcon[b-s4vykxlq2a] {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 12px;
    border-radius: 12px;
    color: var(--lx-blue-text);
    background-color: color-mix(in srgb, var(--lx-blue-text) 12%, transparent);
}

.featureTitle[b-s4vykxlq2a] {
    margin: 0 0 6px 0;
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--lx-text);
}

.featureText[b-s4vykxlq2a] {
    margin: 0;
    font-size: 0.74rem;
    line-height: 1.5;
    color: var(--lx-text-muted);
}

@media (max-width: 860px) {
    .featureGrid[b-s4vykxlq2a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .featureGrid[b-s4vykxlq2a] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/JobsColleagueQuote.razor.rz.scp.css */
/* Card with the photo left and the quote right */
.colleagueQuoteRectangle[b-j4za0dioxp] {
    border-radius: var(--lx-radius);
    background-color: var(--lx-surface);
    padding: var(--lx-space-sm);
    margin: var(--lx-space-sm);
    box-shadow: var(--lx-shadow-card);
    max-width: 24em;
    text-align: left;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.colleagueQuoteBlock[b-j4za0dioxp] {
    font-size: smaller;
    font-style: italic;
    flex: 1; /* takes the remaining width */
}

    /* the quote is an editable text (content.json: JobsQuote-*) */
    .colleagueQuoteBlock[b-j4za0dioxp]  p:last-of-type {
        margin-bottom: 0;
    }

.colleagueQuoteLeft[b-j4za0dioxp] {
    width: 75px;
}

.colleagueQuoteImage[b-j4za0dioxp] {
    display: block;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    object-fit: cover;
    object-position: top;
    margin-left: 5px;
}

.colleagueQuoteName[b-j4za0dioxp] {
    font-size: small;
    font-weight: 500;
    text-align: left;
    margin-top: 6px;
    text-align: center;
}

.colleagueQuoteJobDescription[b-j4za0dioxp] {
    font-size: 8pt;
    color: var(--lx-text-muted);
    text-align: center;
}

/* /Components/Maps.razor.rz.scp.css */
.map[b-v9nve3pgs5] {
    position: relative;
    display: block;
    width: 300px;
    max-width: 100%;
    margin: auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    color: var(--lx-text);
    text-decoration: none;
}

.mapImage[b-v9nve3pgs5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.map:hover .mapImage[b-v9nve3pgs5] {
    transform: scale(1.04);
}

/* label like a map pin card, centered */
.mapLabel[b-v9nve3pgs5] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 10px 16px;
    white-space: nowrap;
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius-sm);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.mapTitle[b-v9nve3pgs5] {
    font-size: 14px;
    font-weight: 500;
    color: var(--lx-text);
}

.mapLink[b-v9nve3pgs5] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: var(--lx-blue-text);
}

.map:hover .mapLink[b-v9nve3pgs5] {
    text-decoration: underline;
}
/* /Components/SectionHeader.razor.rz.scp.css */
/* Section title: centered, uppercase (see EffectiveHeaderText), with a short accent bar below in the text color */
h1.sectionHeader[b-dh2bpqvpuk], h2.sectionHeader[b-dh2bpqvpuk] {
    width: 100%;
    font-size: 1.75rem;
    line-height: 1.2;
    letter-spacing: 0.03em;
    text-align: center;
    font-family: Lato, arial;
    font-weight: 700;
    padding: 2.5rem 0 1rem 0;
    margin: 0 0 0.5rem 0;
    color: var(--lx-blue-text);
    hyphens: manual;
    overflow-wrap: break-word; /* long single words (e.g. "DATENSCHUTZERKLÄRUNG") must not widen the page */
}

/* phones: long uppercase titles fit in one or two lines */
@media (max-width: 500px) {
    .sectionHeader[b-dh2bpqvpuk] {
        font-size: 1.3rem;
        letter-spacing: 0.01em;
        padding-top: 1.75rem;
    }
}

    .sectionHeader[b-dh2bpqvpuk]::after {
        content: "";
        display: block;
        width: 3rem;
        height: 4px;
        margin: 0.6rem auto 0;
        border-radius: 2px;
        background-color: currentColor;
        opacity: 0.35;
    }
/* /Components/SectionPanel.razor.rz.scp.css */
.SectionPanel-grid[b-rd364vm8s2] {
    display: grid;
    /* minmax: the media query width includes the scrollbar, so the column may shrink slightly just above 1000px */
    grid-template-columns: auto minmax(0, 1000px) auto;
    overflow: hidden;
}

.SectionPanel-side[b-rd364vm8s2] {
    width: 100%;
}

.SectionPanel-content[b-rd364vm8s2] {
    width: 100%;
    min-height: 8.75rem;
    padding: 0.75rem 0 var(--lx-space-lg) 0; /* more air between the sections */
}

/* Up to 1000px: content uses the full width */
@media (max-width: 1000px) {
    .SectionPanel-grid[b-rd364vm8s2] {
        display: block;
    }

    .SectionPanel-side[b-rd364vm8s2] {
        display: none;
    }

    .SectionPanel-content[b-rd364vm8s2] {
        padding: 0.75rem 0.75rem var(--lx-space-md) 0.75rem;
    }
}
/* /Components/Sections/CompanyFiguresSection.razor.rz.scp.css */
.row[b-5gnimmu8b4] {
    /* 
       Aufheben des äußeren Paddings 
       und kleine korrektur damit es 
       auf Smartphone mittiger aussieht.
    */
    overflow: hidden;
    margin-left: -1.25rem;
    width: calc(100% + 2rem);
}

.CompanyFiguresSection-numberRowGrid[b-5gnimmu8b4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(480px, 100%), 1fr));
    gap: 15px;
}

@media (max-width: 700px) {
    .CompanyFiguresSection-numberRowGrid[b-5gnimmu8b4] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
        gap: 15px;
    }
}
/* /Components/Sections/CompanySection.razor.rz.scp.css */
.company[b-bnowthhbwn] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    gap: var(--lx-space-lg);
    align-items: center;
}

/* intro text: lead size, left-aligned, bold words in the text color */
.intro[b-bnowthhbwn] {
    font-size: 1.05em;
    line-height: 1.7;
    color: var(--lx-text-muted);
}

    .intro[b-bnowthhbwn]  b,
    .intro[b-bnowthhbwn]  strong {
        color: var(--lx-text);
    }

    /* first-of-type, not first-child: the edit link (TextEditLink) of logged in text editors comes first */
    .intro[b-bnowthhbwn]  p:first-of-type {
        font-family: Lato, arial;
        font-size: 1.3em;
        line-height: 1.45;
        color: var(--lx-text);
    }

.values[b-bnowthhbwn] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.value[b-bnowthhbwn] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: var(--lx-shadow-card);
    transition: box-shadow var(--lx-transition), transform var(--lx-transition);
}

    .value:hover[b-bnowthhbwn] {
        box-shadow: var(--lx-shadow-card-hover);
        transform: translateY(-2px);
    }

.valueIcon[b-bnowthhbwn] {
    flex: none;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: var(--lx-blue-text);
    background-color: color-mix(in srgb, var(--lx-blue) 12%, transparent);
    border-radius: 12px;
}

.valueTitle[b-bnowthhbwn] {
    display: block;
    font-family: Lato, arial;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--lx-text);
}

.valueText[b-bnowthhbwn] {
    display: block;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--lx-text-muted);
}

@media (max-width: 860px) {
    .company[b-bnowthhbwn] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--lx-space-md);
    }
}
/* /Components/Sections/ContactPersonsSection.razor.rz.scp.css */
/* three cards in a row, below each other on phones */
.persons[b-kmovmtut5q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--lx-space-md);
    max-width: 860px;
    margin: 0 auto;
}

@media (max-width: 760px) {
    .persons[b-kmovmtut5q] {
        grid-template-columns: minmax(0, 1fr);
        max-width: 360px;
    }
}
/* /Components/Sections/ContactSection.razor.rz.scp.css */
.locations[b-chxetkdnw7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
    gap: var(--lx-space-md);
    margin-bottom: var(--lx-space-sm);
}

/* location card: translucent white on the blue section */
.location[b-chxetkdnw7] {
    padding: var(--lx-space-md);
    color: white;
    border-radius: var(--lx-radius);
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

.locationCity[b-chxetkdnw7] {
    font-family: Lato, arial;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.locationKind[b-chxetkdnw7] {
    margin-bottom: var(--lx-space-sm);
    padding-bottom: var(--lx-space-sm);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    opacity: 0.85;
}

.locationLine[b-chxetkdnw7] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
    line-height: 1.5;
}

    .locationLine a[b-chxetkdnw7] {
        color: white;
    }

        .locationLine a:hover[b-chxetkdnw7] {
            text-decoration: underline;
        }

.lineIcon[b-chxetkdnw7] {
    flex: none;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    filter: invert(100%) brightness(200%);
}

.locationMap[b-chxetkdnw7] {
    width: 300px;
    max-width: 100%;
    margin: var(--lx-space-md) auto 0 auto;
    border-radius: var(--lx-radius-sm);
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

@media (max-width: 500px) {
    .location[b-chxetkdnw7] {
        padding: var(--lx-space-sm);
    }
}
/* /Components/Sections/FooterSection.razor.rz.scp.css */
.limexDe-Footer[b-wgslc3ljgu] {
    color: rgba(255, 255, 255, 0.85);
    background-color: var(--lx-blue-dark);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(0, 0, 0, 0.12));
    font-size: 15px;
    line-height: 1.6;
}

    .limexDe-Footer a[b-wgslc3ljgu] {
        color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
        transition: color var(--lx-transition);
    }

        .limexDe-Footer a:hover[b-wgslc3ljgu] {
            color: white;
            text-decoration: underline;
        }

/* two columns: logo/locations and navigation (phones: one below the other) */
.limexDe-Footer-main[b-wgslc3ljgu] {
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--lx-space-lg) var(--lx-space-md) var(--lx-space-md) var(--lx-space-md);
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--lx-space-lg);
}

.limexDe-Footer-logo[b-wgslc3ljgu] {
    height: 32px;
}

.limexDe-Footer-claim[b-wgslc3ljgu] {
    margin: var(--lx-space-xs) 0 var(--lx-space-md) 0;
    font-size: 12px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    opacity: 0.7;
}

.limexDe-Footer-locations[b-wgslc3ljgu] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));
    gap: var(--lx-space-md);
}

    .limexDe-Footer-locations address[b-wgslc3ljgu] {
        margin: 0;
        font-style: normal;
    }

    .limexDe-Footer-locations strong[b-wgslc3ljgu] {
        color: white;
    }

.limexDe-Footer-mail[b-wgslc3ljgu] {
    display: inline-block;
    margin-top: var(--lx-space-sm);
    font-weight: 500;
}

.limexDe-Footer-nav[b-wgslc3ljgu] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.limexDe-Footer-navTitle[b-wgslc3ljgu] {
    margin-bottom: var(--lx-space-xs);
    color: white;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* bar: copyright left, legal links middle, version right */
.limexDe-Footer-bar[b-wgslc3ljgu] {
    max-width: 1000px;
    margin: 0 auto;
    padding: var(--lx-space-sm) var(--lx-space-md);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: var(--lx-space-sm);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    font-size: 13px;
}

.limexDe-Footer-legal[b-wgslc3ljgu] {
    display: flex;
    align-items: center;
    gap: var(--lx-space-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.limexDe-Footer-version[b-wgslc3ljgu] {
    text-align: right;
    font-size: 11px;
    opacity: 0.6;
}

.limexDe-Footer-adminLink[b-wgslc3ljgu] {
    display: inline-flex;
    opacity: 0.35;
    transition: opacity var(--lx-transition);
}

    .limexDe-Footer-adminLink:hover[b-wgslc3ljgu],
    .limexDe-Footer-adminLink:focus-visible[b-wgslc3ljgu] {
        opacity: 1;
    }

@media (max-width: 700px) {
    .limexDe-Footer-main[b-wgslc3ljgu] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--lx-space-md);
        padding-top: var(--lx-space-md);
    }

    .limexDe-Footer-bar[b-wgslc3ljgu] {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        text-align: center;
    }

    .limexDe-Footer-version[b-wgslc3ljgu] {
        text-align: center;
    }
}
/* /Components/Sections/GreenItSection.razor.rz.scp.css */
.greenIt[b-0ny8vidv7e] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: var(--lx-space-lg);
    align-items: center;
}

.greenItText[b-0ny8vidv7e] {
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--lx-text-muted);
}

    .greenItText[b-0ny8vidv7e]  b,
    .greenItText[b-0ny8vidv7e]  strong {
        color: var(--lx-text);
    }

/* the three cornerstones: light green tiles with a green icon */
.facts[b-0ny8vidv7e] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.fact[b-0ny8vidv7e] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 18px;
    background-color: var(--lx-green-bg);
    border-radius: var(--lx-radius);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lx-green) 18%, transparent);
}

.factIcon[b-0ny8vidv7e] {
    flex: none;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(135deg, var(--lx-green), color-mix(in srgb, var(--lx-green) 70%, #0B6B3A));
    border-radius: 12px;
}

.factTitle[b-0ny8vidv7e] {
    display: block;
    font-family: Lato, arial;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--lx-text);
}

.factText[b-0ny8vidv7e] {
    display: block;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--lx-text-muted);
}

@media (max-width: 860px) {
    .greenIt[b-0ny8vidv7e] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--lx-space-md);
    }

    /* the short cornerstones first, then the long text */
    .facts[b-0ny8vidv7e] {
        order: -1;
    }
}
/* /Components/Sections/JobsSection.razor.rz.scp.css */
.jobsClaim[b-3fnbagae9a] {
    margin: -0.25rem 0 var(--lx-space-md) 0;
    text-align: center;
    font-family: Lato, arial;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--lx-text);
}

/* introduction (content.json: Jobs-Top, two blocks): two columns */
.jobsIntro[b-3fnbagae9a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
    gap: var(--lx-space-md);
    align-items: start;
    color: var(--lx-text-muted);
    line-height: 1.6;
}

    .jobsIntro[b-3fnbagae9a]  b,
    .jobsIntro[b-3fnbagae9a]  strong {
        color: var(--lx-text);
    }

    .jobsIntro[b-3fnbagae9a]  img {
        display: block;
        width: 100% !important;
        height: auto;
        margin: 12px auto 0 auto;
        border-radius: var(--lx-radius);
        box-shadow: var(--lx-shadow-card);
    }

.jobsSubhead[b-3fnbagae9a] {
    margin: var(--lx-space-lg) 0 var(--lx-space-xs) 0;
    text-align: center;
    font-family: Lato, arial;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--lx-text);
}

.colleagueQuoteMain[b-3fnbagae9a] {
    display: flex;
    text-align: center;
}

@media (max-width: 966px) {
    .colleagueQuoteMain[b-3fnbagae9a] {
        flex-wrap: wrap;
    }
}

/* "why Limex": tiles on the blue section; a random tile lights up (data-animation="true", see LimexDe.ts) */
.benefits[b-3fnbagae9a] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 var(--lx-space-sm) 0;
    padding: 0;
    list-style: none;
}

.benefit[b-3fnbagae9a] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1.3;
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: var(--lx-radius-sm);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    transition: background-color 0.6s ease, transform 0.6s ease;
}

    .benefit img[b-3fnbagae9a] {
        flex: none;
        width: 28px;
        height: 28px;
        filter: invert(1);
    }

    .benefit[data-animation="true"][b-3fnbagae9a] {
        background-color: rgba(255, 255, 255, 0.24);
        transform: translateY(-2px);
    }

/* team picture above the job offers */
.teamImage[b-3fnbagae9a] {
    max-width: 720px;
    margin: var(--lx-space-sm) auto 0 auto;
}

    .teamImage img[b-3fnbagae9a] {
        display: block;
        width: 100%;
        height: auto;
        border-radius: var(--lx-radius);
        box-shadow: var(--lx-shadow-card-hover);
    }

/* job offer: card with image left (phones: image above) */
.job[b-3fnbagae9a] {
    margin-bottom: var(--lx-space-md);
    padding: var(--lx-space-md);
    display: flex;
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: var(--lx-shadow-card);
}

.joblocation[b-3fnbagae9a] {
    text-transform: uppercase;
    font-size: small;
    letter-spacing: 0.06em;
    color: var(--lx-text-muted);
}

.jobimage[b-3fnbagae9a] {
    margin-right: var(--lx-space-md);
    border-radius: var(--lx-radius-sm);
    align-self: flex-start;
}

.jobtitle[b-3fnbagae9a] {
    font-size: larger;
    color: var(--lx-blue-text);
    margin: 0.15rem 0;
    font-weight: bold;
}

.jobdescription[b-3fnbagae9a] {
    margin-bottom: 10px;
}

.jobdetails[b-3fnbagae9a] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease-in-out 0.15s;
}

    .jobdetails[data-visible="1"][b-3fnbagae9a] {
        max-height: 10000px;
    }

/* application: card with icon, text and mail button */
.apply[b-3fnbagae9a] {
    display: flex;
    align-items: center;
    gap: var(--lx-space-md);
    margin-top: var(--lx-space-lg);
    padding: var(--lx-space-md);
    color: white;
    border-radius: var(--lx-radius);
    background: linear-gradient(135deg, var(--lx-blue-dark), var(--lx-blue-section));
    box-shadow: var(--lx-shadow-card-hover);
}

.applyIcon[b-3fnbagae9a] {
    flex: none;
    width: 56px;
    height: 56px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background-color: rgba(255, 255, 255, 0.16);
}

.applyText[b-3fnbagae9a] {
    flex: 1;
    font-size: 0.8rem;
    line-height: 1.5;
    opacity: 0.95;
}

.applyTitle[b-3fnbagae9a] {
    font-family: Lato, arial;
    font-size: 1.1rem;
    font-weight: 700;
}

.apply .lx-button[b-3fnbagae9a] {
    flex: none;
    margin: 0;
    font-size: 0.85rem;
    text-transform: none;
    letter-spacing: 0;
}

@media (max-width: 900px) {
    .benefits[b-3fnbagae9a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .job[b-3fnbagae9a] {
        display: block;
    }

    .jobimage[b-3fnbagae9a] {
        margin-right: 0;
        margin-bottom: var(--lx-space-sm);
    }

    .apply[b-3fnbagae9a] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .benefits[b-3fnbagae9a] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Sections/LeadingSolutions.razor.rz.scp.css */
/* text left, app image right (phones: image below) */
.lsGrid[b-86zmgnccnr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 280px;
    gap: var(--lx-space-lg);
    align-items: center;
}

.lsText[b-86zmgnccnr] {
    color: var(--lx-text-muted);
    line-height: 1.6;
}

    .lsText[b-86zmgnccnr]  b,
    .lsText[b-86zmgnccnr]  strong {
        color: var(--lx-text);
    }

    /* the bullet list (PDM, DMS, apps) as three cards */
    .lsText[b-86zmgnccnr]  ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin: var(--lx-space-sm) 0 var(--lx-space-md) 0;
        padding: 0;
        list-style: none;
    }

    .lsText[b-86zmgnccnr]  li {
        position: relative;
        padding: 16px 14px 14px 14px;
        font-size: 0.74rem;
        line-height: 1.45;
        background-color: var(--lx-gray-bg);
        border-radius: var(--lx-radius-sm);
        border-top: 3px solid var(--lx-blue);
    }

.lsMore[b-86zmgnccnr] {
    font-size: 0.86rem;
}

.lsText .lx-button[b-86zmgnccnr] {
    margin: var(--lx-space-xs) 0 0 0;
}

/* image on a soft gradient circle */
.lsStage[b-86zmgnccnr] {
    position: relative;
    display: grid;
    place-items: center;
    padding: var(--lx-space-md) 0;
}

    .lsStage[b-86zmgnccnr]::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 260px;
        border-radius: 50%;
        background: radial-gradient(circle, color-mix(in srgb, var(--lx-blue) 35%, transparent) 0%, transparent 70%);
    }

.lsPhone[b-86zmgnccnr] {
    position: relative;
    width: 180px;
    height: auto;
    filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.25));
    transform: rotate(-4deg);
}

@media (max-width: 860px) {
    .lsGrid[b-86zmgnccnr] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--lx-space-sm);
    }

    .lsText[b-86zmgnccnr]  ul {
        grid-template-columns: minmax(0, 1fr);
    }

    .lsPhone[b-86zmgnccnr] {
        width: 140px;
    }
}
/* /Components/Sections/MainImageSectionForProducts.razor.rz.scp.css */
/* Three images crossfading in a 30s loop, each slowly zooming out (scale 1.1 -> 1) while visible. */
.limexDe-MainImageSection[b-lo2fhylrmk] {
    background-color: black;
}

.limexDe-MainImageSection-backgroundImage[b-lo2fhylrmk] {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    will-change: transform, opacity;
}

.limexDe-MainImageSection-backgroundImage[data-imageidx="1"][b-lo2fhylrmk] {
    animation: limexDe-MainImageSectionZoomOutImage1-b-lo2fhylrmk 30s linear infinite;
}

@keyframes limexDe-MainImageSectionZoomOutImage1-b-lo2fhylrmk {
    0% {
        transform: scale(1.10, 1.10);
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    33% {
        opacity: 0;
        transform: scale(1, 1);
    }

    33.1% {
        transform: scale(1.10, 1.10);
    }

    97% {
        opacity: 0;
        transform: scale(1.10, 1.10);
    }

    100% {
        opacity: 1;
        transform: scale(1.10, 1.10);
    }
}

.limexDe-MainImageSection-backgroundImage[data-imageidx="2"][b-lo2fhylrmk] {
    animation: limexDe-MainImageSectionZoomOutImage2-b-lo2fhylrmk 30s linear infinite;
}


@keyframes limexDe-MainImageSectionZoomOutImage2-b-lo2fhylrmk {
    0% {
        opacity: 0;
        transform: scale(1.10, 1.10);
    }

    30% {
        opacity: 0;
        transform: scale(1.10, 1.10);
    }

    33% {
        opacity: 1;
        transform: scale(1.10, 1.10);
    }

    63% {
        opacity: 1;
    }

    66% {
        opacity: 0;
        transform: scale(1, 1);
    }

    66.1% {
        transform: scale(1.10, 1.10);
    }

    100% {
        opacity: 0;
    }
}

.limexDe-MainImageSection-backgroundImage[data-imageidx="3"][b-lo2fhylrmk] {
    animation: limexDe-MainImageSectionZoomOutImage3-b-lo2fhylrmk 30s linear infinite;
}

@keyframes limexDe-MainImageSectionZoomOutImage3-b-lo2fhylrmk {

    0% {
        opacity: 0;
        transform: scale(1.10, 1.10);
    }

    63% {
        transform: scale(1.10, 1.10);
        opacity: 0;
    }

    66% {
        transform: scale(1.10, 1.10);
        opacity: 1;
    }

    96% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: scale(1, 1);
    }
}

/* product name on the image: bottom left on a dark gradient */
.productTitleShade[b-lo2fhylrmk] {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 45%, rgba(6, 40, 64, 0.75) 100%);
}

.productTitle[b-lo2fhylrmk] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 var(--lx-space-md) var(--lx-space-md) var(--lx-space-md);
    color: white;
}

.productTitleEyebrow[b-lo2fhylrmk] {
    display: inline-block;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

    .productTitleEyebrow:hover[b-lo2fhylrmk] {
        color: white;
        text-decoration: underline;
    }

.productTitleText[b-lo2fhylrmk] {
    margin: 0;
    font-family: Lato, arial;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.1;
    color: white;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

.productTitleSub[b-lo2fhylrmk] {
    margin-top: 6px;
    max-width: 36rem;
    font-size: 0.9rem;
    opacity: 0.92;
}

@media (max-width: 600px) {
    .productTitle[b-lo2fhylrmk] {
        padding: 0 var(--lx-space-sm) var(--lx-space-sm) var(--lx-space-sm);
    }

    .productTitleText[b-lo2fhylrmk] {
        font-size: 1.3rem;
    }

    .productTitleSub[b-lo2fhylrmk] {
        display: none;
    }
}
/* /Components/Sections/MainImageSectionWithVideo.razor.rz.scp.css */
/* Start area of the home page: video (or image) cut to 55% of the width (max. 600px), logo, buttons and scroll hint on top */
.video-container[b-xjnnwykjiy] {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-color: var(--lx-blue-dark);
    overflow: hidden;
    max-height: 600px;
    height: 55vw;
}

    .video-container video[b-xjnnwykjiy] {
        background-color: var(--lx-blue-dark);
        width: 100%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

/* image instead of the video (after the maximum play time or with reduced motion, see LimexDe.ts): fills the container */
#limexBackgroundVideoAlternativeImg[b-xjnnwykjiy] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

/* portrait screens: higher and the video zoomed in */
@media (max-aspect-ratio: 25/30) {
    .video-container[b-xjnnwykjiy] {
        height: 120vw;
    }

        .video-container video[b-xjnnwykjiy] {
            width: 220%;
            height: 120vw;
        }
}

.hero-shade[b-xjnnwykjiy] {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 55%, rgba(6, 40, 64, 0.55) 100%);
}

.logo-overlay[b-xjnnwykjiy] {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

    .logo-overlay img[b-xjnnwykjiy] {
        width: 700px;
        max-width: 65vw; /* smaller screens: 65% of the width */
        height: auto;
        filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.25));
    }

.hero-actions[b-xjnnwykjiy] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 17%;
    z-index: 10;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--lx-space-xs);
    padding: 0 var(--lx-space-sm);
}

.hero-facts[b-xjnnwykjiy] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9%;
    z-index: 10;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 0;
    margin: 0;
    padding: 0 var(--lx-space-sm);
    list-style: none;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.75rem;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

    .hero-facts li[b-xjnnwykjiy] {
        padding: 0 var(--lx-space-sm);
    }

        /* separators between the facts */
        .hero-facts li + li[b-xjnnwykjiy] {
            border-left: 1px solid rgba(255, 255, 255, 0.45);
        }

    .hero-facts strong[b-xjnnwykjiy] {
        font-weight: 700;
        color: white;
    }

.hero-scroll[b-xjnnwykjiy] {
    position: absolute;
    left: 50%;
    bottom: 3%;
    z-index: 10;
    transform: translateX(-50%);
    color: white;
    opacity: 0.8;
    animation: hero-scroll-bounce-b-xjnnwykjiy 2.4s ease-in-out infinite;
}

    .hero-scroll:hover[b-xjnnwykjiy] {
        opacity: 1;
    }

@keyframes hero-scroll-bounce-b-xjnnwykjiy {
    0%, 100% {
        transform: translate(-50%, 0);
    }

    50% {
        transform: translate(-50%, 6px);
    }
}

/* small screens: smaller buttons, no scroll hint (not enough room) */
@media (max-width: 600px) {
    .hero-actions[b-xjnnwykjiy] {
        bottom: 13%;
    }

    .hero-facts[b-xjnnwykjiy] {
        bottom: 4%;
        font-size: 0.6rem;
    }

        .hero-facts li[b-xjnnwykjiy] {
            padding: 0 var(--lx-space-xs);
        }

            /* the facts may wrap: no separator at the start of a line */
            .hero-facts li + li[b-xjnnwykjiy] {
                border-left: 0;
            }

        .hero-actions .lx-button[b-xjnnwykjiy] {
            font-size: 0.65rem;
            padding: 0.3rem 0.9rem;
        }

    .hero-scroll[b-xjnnwykjiy] {
        display: none;
    }
}
/* /Components/Sections/NewsSection.razor.rz.scp.css */
/* latest news as cards (three columns, phones: one) */
.newsCards[b-ykq4da7h79] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    gap: var(--lx-space-sm);
    margin: 0;
    padding: 0;
    list-style: none;
}

.newsCard[b-ykq4da7h79] {
    position: relative;
    padding: var(--lx-space-sm);
    color: var(--lx-text);
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: var(--lx-shadow-card);
}

    .newsCard time[b-ykq4da7h79] {
        font-size: 0.8rem;
        color: var(--lx-text-muted);
    }

    .newsCard h3[b-ykq4da7h79] {
        margin: 4px 0 8px 0;
        font-family: Lato, arial;
        font-size: 1.1rem;
        line-height: 1.3;
    }

    .newsCard a[b-ykq4da7h79] {
        color: var(--lx-blue-text);
        text-decoration: none;
    }

        /* the whole card is clickable (link stretched over the card) */
        .newsCard h3 a[b-ykq4da7h79]::after {
            content: "";
            position: absolute;
            inset: 0;
        }

        .newsCard a:hover[b-ykq4da7h79],
        .newsCard a:focus-visible[b-ykq4da7h79] {
            text-decoration: underline;
        }

    .newsCard p[b-ykq4da7h79] {
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.55;
        color: var(--lx-text-muted);
    }

.newsAll[b-ykq4da7h79] {
    margin: var(--lx-space-md) 0 0 0;
    text-align: center;
}
/* /Components/Sections/ObituarySection.razor.rz.scp.css */
.Main[b-wnlxhc1abl] {
    margin-top: 1.5rem;
    color: var(--lx-text);
}

.Frame[b-wnlxhc1abl] {
    max-width: 760px;
    margin: 0 auto;
    padding: 1.5rem 2rem;
    border: 2px solid var(--lx-text);
    outline: 1px solid var(--lx-text);
    outline-offset: 5px;
    text-align: center;
}

/* ::deep: the elements below come from the editable text (content.json: Obituary) */
.Frame[b-wnlxhc1abl]  .Intro {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0.04em;
}

.Frame[b-wnlxhc1abl]  .Name {
    margin-top: 0.4rem;
    font-size: 30px;
    font-weight: 500;
}

.Frame[b-wnlxhc1abl]  .Dates {
    font-size: 15px;
    color: var(--lx-text-muted);
}

/* portrait (grayscale) between introduction and name, with a thin frame like the obituary itself */
.Frame[b-wnlxhc1abl]  .Photo {
    display: block;
    width: 180px;
    max-width: 60%;
    height: auto;
    margin: 0.9rem auto 0.3rem auto;
    border: 1px solid var(--lx-text);
    outline: 1px solid var(--lx-border);
    outline-offset: 3px;
}

.Frame[b-wnlxhc1abl]  .Text {
    margin-top: 1.25rem;
    font-size: 15px;
    line-height: 1.45;
}

    .Frame[b-wnlxhc1abl]  .Text p {
        margin-bottom: 0.5rem;
    }

.Frame[b-wnlxhc1abl]  .Signature {
    margin-top: 1.25rem;
    font-size: 15px;
    font-weight: 500;
}

.Frame[b-wnlxhc1abl]  .Place {
    margin-top: 0.5rem;
    font-size: 14px;
    color: var(--lx-text-muted);
}

@media (max-width: 600px) {
    .Frame[b-wnlxhc1abl] {
        padding: 1.25rem 1rem;
    }

    .Frame[b-wnlxhc1abl]  .Name {
        font-size: 26px;
    }
}
/* /Components/Sections/PageHeader.razor.rz.scp.css */
/* Fixed header: transparent at the top of the page, then dark blue "glass" (slightly translucent, blurred background) */
.limexDe-PageHeader[b-phfkf7jpz4] {
    background-color: rgba(6, 84, 128, 0.82); /* --lx-blue-dark, translucent */
    -webkit-backdrop-filter: blur(12px) saturate(1.4);
    backdrop-filter: blur(12px) saturate(1.4);
    transition: background-color 0.8s, box-shadow 0.6s 0.2s;
    height: 3rem;
    margin-bottom: -3rem;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    color: white;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.18);
    user-select: none;
}

/* browsers without backdrop-filter: opaque, otherwise the text behind would be readable */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .limexDe-PageHeader[b-phfkf7jpz4] {
        background-color: var(--lx-blue-dark);
    }
}

    .limexDe-PageHeader[data-IsBackgroundTransparent="true"][b-phfkf7jpz4] {
        background-color: rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 0 0 transparent;
    }

.limexDe-PageHeader-navButtons[b-phfkf7jpz4] {
    padding-top: 0.2rem;
    padding-right: 1rem;
    text-align: right;
    text-decoration: none;
}

.limexDe-PageHeader-menuArea[b-phfkf7jpz4] {
    padding-top: 0.2rem;
    text-align: right;
    text-decoration: none;
    position: relative;
    display: none;
}

#limexDe-PageHeader-menu[b-phfkf7jpz4] {
    position: fixed;
    right: 0;
    top: 60px;
    display: none;
    background-color: var(--lx-blue-dark);
    transition: background-color 0.8s, box-shadow 0.6s 0.2s;
    z-index: 1001;
    color: white;
    box-shadow: 0 1px 3px 0 black;
    text-align: left;
    user-select: none;
    padding: 8px;
}

    #limexDe-PageHeader-menu[data-visible="1"][b-phfkf7jpz4] {
        display: block;
    }

    #limexDe-PageHeader-menu > a[b-phfkf7jpz4],
    #limexDe-PageHeader-menu > span[b-phfkf7jpz4] {
        display: block;
        padding-left: 16px;
        padding-right: 16px;
    }

.limexDe-PageHeader-button[b-phfkf7jpz4] {
    color: white;
    margin: -0.5rem 0;
    text-shadow: 1px 1px rgba(0,0,0,0.3);
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
    padding: 0.75rem 0.25rem;
    text-decoration: none;
    position: relative;
    /* also used for <button> (language switch, burger menu) */
    background-color: transparent;
    border: 0;
    font-family: inherit;
    line-height: inherit;
}

    .limexDe-PageHeader-button:hover[b-phfkf7jpz4] {
        background-color: rgba(0,0,0,0.1);
    }

    /* underline of the section buttons: current section (data-active, see LimexDe.ts) and hover */
    .limexDe-PageHeader-button[data-lx-section-button][b-phfkf7jpz4]::after {
        content: "";
        position: absolute;
        left: 0.25rem;
        right: 0.25rem;
        bottom: 0.5rem;
        height: 2px;
        border-radius: 1px;
        background-color: currentColor;
        transform: scaleX(0);
        transition: transform var(--lx-transition), opacity var(--lx-transition);
    }

    .limexDe-PageHeader-button[data-lx-section-button]:hover[b-phfkf7jpz4]::after {
        transform: scaleX(1);
        opacity: 0.5;
    }

    .limexDe-PageHeader-button[data-active="true"][b-phfkf7jpz4]::after {
        transform: scaleX(1);
        opacity: 1;
    }

/* light/dark switch (half filled circle) */
.limexDe-PageHeader-theme[b-phfkf7jpz4] {
    margin-right: 0.4rem;
    vertical-align: middle;
    line-height: 0;
    padding: 0.5rem 0.3rem;
    border-radius: 50%;
}

/* "Contact" in the button bar: outlined pill (no underline) */
.limexDe-PageHeader-navButtons .limexDe-PageHeader-cta[b-phfkf7jpz4] {
    margin-left: 0.5rem;
    padding: 0.3rem 0.9rem;
    border: 1.5px solid rgba(255, 255, 255, 0.85);
    border-radius: 999px;
    transition: background-color var(--lx-transition), color var(--lx-transition);
}

    .limexDe-PageHeader-navButtons .limexDe-PageHeader-cta:hover[b-phfkf7jpz4],
    .limexDe-PageHeader-navButtons .limexDe-PageHeader-cta[data-active="true"][b-phfkf7jpz4] {
        color: var(--lx-blue-dark);
        background-color: white;
        text-shadow: none;
    }

    .limexDe-PageHeader-navButtons .limexDe-PageHeader-cta[b-phfkf7jpz4]::after {
        display: none;
    }

#limexDe-PageHeader-menu > .limexDe-PageHeader-button[b-phfkf7jpz4]::after {
    left: 16px;
    right: auto;
    width: 3rem;
}

.limexDe-PageHeader-LimexImg[b-phfkf7jpz4] {
    height: 1.5em;
    margin-top: 0.25rem;
}

@media (max-width:900px) {
    .limexDe-PageHeader-navButtons[b-phfkf7jpz4] {
        display: none;
    }

    .limexDe-PageHeader-menuArea[b-phfkf7jpz4] {
        display: block;
    }

    .limexDe-PageHeader[data-IsBackgroundTransparent="true"] .limexDe-PageHeader-LimexImg[b-phfkf7jpz4] {
        display: none;
    }
}

@media (max-width:700px) {
    #limexDe-PageHeader-menu[b-phfkf7jpz4] {
        top: 48px;
    }
}

/* /Components/Sections/ProductCta.razor.rz.scp.css */
.productCta[b-94b4q9gq4n] {
    text-align: center;
    color: white;
}

.productCtaText[b-94b4q9gq4n] {
    max-width: 36rem;
    margin: 0 auto var(--lx-space-md) auto;
    opacity: 0.9;
}

.productCtaButtons[b-94b4q9gq4n] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--lx-space-xs);
}
/* /Components/Sections/ProductsSection.razor.rz.scp.css */
.productCards[b-mn2mzyu1wv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--lx-space-md);
}

/* card: image with title on top, text, "explore" at the bottom; lifted on hover */
.productCard[b-mn2mzyu1wv] {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: var(--lx-shadow-card);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

    .productCard:hover[b-mn2mzyu1wv],
    .productCard:focus-within[b-mn2mzyu1wv] {
        box-shadow: var(--lx-shadow-card-hover);
        transform: translateY(-4px);
    }

.productImage[b-mn2mzyu1wv] {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background-color: var(--lx-blue-dark);
}

    .productImage img[b-mn2mzyu1wv] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

.productCard:hover .productImage img[b-mn2mzyu1wv] {
    transform: scale(1.06);
}

    /* dark gradient for the title */
    .productImage[b-mn2mzyu1wv]::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(6, 40, 64, 0) 35%, rgba(6, 40, 64, 0.85) 100%);
    }

.productIcon[b-mn2mzyu1wv] {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: white;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.18);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.productTitle[b-mn2mzyu1wv] {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 16px;
    z-index: 1;
    margin: 0;
    color: white;
    font-family: Lato, arial;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

/* empty link over the whole card: the card is one click target (name: aria-label) */
.productLink[b-mn2mzyu1wv] {
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: var(--lx-radius);
}

    .productLink:focus-visible[b-mn2mzyu1wv] {
        outline-offset: 3px;
    }

.productBody[b-mn2mzyu1wv] {
    flex: 1;
    padding: 20px 20px 4px 20px;
    font-size: 0.78rem;
    line-height: 1.55;
    color: var(--lx-text-muted);
}

    .productBody[b-mn2mzyu1wv]  b,
    .productBody[b-mn2mzyu1wv]  strong {
        color: var(--lx-text);
    }

    /* other links in the text (e.g. the edit link of the AdminUi) above the card link */
    .productBody[b-mn2mzyu1wv]  a {
        position: relative;
        z-index: 3;
    }

.productMore[b-mn2mzyu1wv] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px 20px 20px;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--lx-blue-text);
}

.productArrow[b-mn2mzyu1wv] {
    transition: transform 0.3s ease;
}

.productCard:hover .productArrow[b-mn2mzyu1wv] {
    transform: translateX(5px);
}

@media (max-width: 900px) {
    .productCards[b-mn2mzyu1wv] {
        grid-template-columns: minmax(0, 1fr);
        max-width: 520px;
        margin: 0 auto;
    }
}
/* /Components/Sections/ReferencesSection.razor.rz.scp.css */
/* logos of the quoted customers: small white cards in color (some logos are squares with colored background) */
.customerLogos[b-7zzglkxzhr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--lx-space-sm);
    margin: 0 auto var(--lx-space-md) auto;
    max-width: 52rem;
}

.customerLogo[b-7zzglkxzhr] {
    height: 64px;
    width: auto;
    max-width: 180px;
    padding: 6px;
    object-fit: contain;
    background-color: white;
    border-radius: var(--lx-radius-sm);
    box-shadow: var(--lx-shadow-card);
    transition: box-shadow var(--lx-transition), transform var(--lx-transition);
}

    .customerLogo:hover[b-7zzglkxzhr] {
        box-shadow: var(--lx-shadow-card-hover);
        transform: translateY(-2px);
    }

.quoteMain[b-7zzglkxzhr] {
    display: flex;
    text-align: center;
}

@media(max-width:966px) {
    .quoteMain[b-7zzglkxzhr] {
        flex-wrap: wrap;
    }
}

.quoteRectangle[b-7zzglkxzhr] {
    border-radius: var(--lx-radius);
    background-color: var(--lx-surface);
    padding: var(--lx-space-md);
    margin: var(--lx-space-sm);
    box-shadow: var(--lx-shadow-card);
    border-top: 4px solid var(--lx-blue);
    max-width: 24em;
    display: inline-block;
    text-align: left;
}

.quoteBlock[b-7zzglkxzhr] {
    font-size: smaller;
}

.quoteFooter[b-7zzglkxzhr] {
    display: flex;
}

.quoteImage[b-7zzglkxzhr] {
    border-radius: 50%;
    height: 2.5rem;
    width: 2.5rem;
    object-fit: cover;
    object-position: top;
    display: inline-block;
    margin: 0 10px;
}

.quoteName[b-7zzglkxzhr] {
    font-size: small;
    text-align: left;
    margin-top: 6px;
}

.quoteCompany[b-7zzglkxzhr] {
    font-size: small;
    color: var(--lx-text-muted);
}

/* quote mark top right of each quote */
.quoteRectangle[b-7zzglkxzhr] {
    position: relative;
}

.quoteMark[b-7zzglkxzhr] {
    position: absolute;
    top: 14px;
    right: 16px;
    color: color-mix(in srgb, var(--lx-blue) 35%, transparent);
}

.quoteBlock[b-7zzglkxzhr] {
    padding-right: 28px;
}

/* call to action: gradient card */
.interested[b-7zzglkxzhr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--lx-space-md);
    margin: var(--lx-space-sm) 0 var(--lx-space-md) 0;
    padding: var(--lx-space-lg);
    color: white;
    border-radius: calc(var(--lx-radius) * 1.5);
    background:
        radial-gradient(circle at 85% 20%, rgba(0, 159, 221, 0.45), transparent 55%),
        linear-gradient(135deg, var(--lx-blue-dark), var(--lx-blue-section));
    box-shadow: var(--lx-shadow-card-hover);
    hyphens: manual;
}

.interestedCaption[b-7zzglkxzhr] {
    margin: 0 0 6px 0;
    font-family: Lato, arial;
    font-size: 1.6rem;
    font-weight: 700;
    color: white;
}

.interestedSubCaption[b-7zzglkxzhr] {
    margin: 0;
    font-size: 0.9rem;
    opacity: 0.9;
}

.interestedActions[b-7zzglkxzhr] {
    flex: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .interestedActions .lx-button[b-7zzglkxzhr] {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0;
    }

@media (max-width: 760px) {
    .interested[b-7zzglkxzhr] {
        flex-direction: column;
        align-items: flex-start;
        padding: var(--lx-space-md);
    }
}
/* /Components/Sections/ServicesSection.razor.rz.scp.css */
.servicesClaim[b-q1tkd7cw8k] {
    max-width: 44rem;
    margin: -0.25rem auto 0.6rem auto;
    text-align: center;
    font-family: Lato, arial;
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--lx-text);
}

.servicesLead[b-q1tkd7cw8k] {
    max-width: 40rem;
    margin: 0 auto var(--lx-space-lg) auto;
    text-align: center;
    color: var(--lx-text-muted);
    line-height: 1.6;
}

/* three pillars; subgrid: the headers of all pillars share one grid row and are therefore equally high */
.pillars[b-q1tkd7cw8k] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: auto 1fr;
    gap: 0 var(--lx-space-md);
}

.pillar[b-q1tkd7cw8k] {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    overflow: hidden;
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: var(--lx-shadow-card);
}

/* browsers without subgrid: equal header height via min-height */
@supports not (grid-template-rows: subgrid) {
    .pillar[b-q1tkd7cw8k] {
        display: flex;
        flex-direction: column;
    }

    .pillarHead[b-q1tkd7cw8k] {
        min-height: 9.5rem;
    }
}

.pillarHead[b-q1tkd7cw8k] {
    position: relative;
    padding: var(--lx-space-md) var(--lx-space-md) 20px var(--lx-space-md);
    color: white;
    background: linear-gradient(135deg, #065480, #0077B6);
}

    .pillarHead[data-pillar="2"][b-q1tkd7cw8k] {
        background: linear-gradient(135deg, #0B5E91, #0A8BCB);
    }

    .pillarHead[data-pillar="3"][b-q1tkd7cw8k] {
        background: linear-gradient(135deg, #0A4A6E, #0B6FA4);
    }

.pillarIcon[b-q1tkd7cw8k] {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.16);
}

.pillarStep[b-q1tkd7cw8k] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    opacity: 0.8;
}

.pillarTitle[b-q1tkd7cw8k] {
    margin: 6px 0;
    padding-right: 52px; /* room for the icon */
    font-family: Lato, arial;
    font-size: 1.3rem;
    font-weight: 700;
    color: white;
}

.pillarClaim[b-q1tkd7cw8k] {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.5;
    opacity: 0.92;
}

.services[b-q1tkd7cw8k] {
    margin: 0;
    padding: 6px var(--lx-space-md) 18px var(--lx-space-md);
    list-style: none;
}

.service[b-q1tkd7cw8k] {
    padding: var(--lx-space-sm) 0;
    border-bottom: 1px solid var(--lx-border);
}

    .service:last-child[b-q1tkd7cw8k] {
        border-bottom: 0;
    }

.serviceTitle[b-q1tkd7cw8k] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px 0;
    font-size: 0.84rem;
    font-weight: 700;
    color: var(--lx-text);
}

    .serviceTitle[b-q1tkd7cw8k]::before {
        content: "";
        flex: none;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--lx-blue);
    }

.serviceText[b-q1tkd7cw8k] {
    margin: 0 0 8px 16px;
    font-size: 0.74rem;
    line-height: 1.5;
    color: var(--lx-text-muted);
}

.tags[b-q1tkd7cw8k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0 0 0 16px;
    padding: 0;
    list-style: none;
}

.tag[b-q1tkd7cw8k] {
    padding: 2px 9px;
    font-size: 0.6rem;
    font-weight: 500;
    border-radius: 999px;
    color: var(--lx-blue-text);
    background-color: color-mix(in srgb, var(--lx-blue-text) 12%, transparent);
}

/* trust bar */
.proof[b-q1tkd7cw8k] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--lx-space-sm);
    margin: var(--lx-space-lg) 0 0 0;
    padding: 0;
    list-style: none;
}

    .proof li[b-q1tkd7cw8k] {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
        font-size: 0.7rem;
        line-height: 1.35;
        color: var(--lx-text-muted);
        background-color: var(--lx-surface);
        border-radius: var(--lx-radius-sm);
        box-shadow: var(--lx-shadow-card);
    }

    .proof b[b-q1tkd7cw8k] {
        display: block;
        font-size: 0.78rem;
        color: var(--lx-text);
    }

.proofIcon[b-q1tkd7cw8k] {
    flex: none;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--lx-blue-text);
    background-color: color-mix(in srgb, var(--lx-blue-text) 12%, transparent);
}

.servicesCta[b-q1tkd7cw8k] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--lx-space-xs);
    margin-top: var(--lx-space-md);
}

/* tablets: trust bar in two columns */
@media (max-width: 900px) {
    .proof[b-q1tkd7cw8k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* phones: pillars below each other */
@media (max-width: 760px) {
    .pillars[b-q1tkd7cw8k] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: none;
        gap: var(--lx-space-md);
    }

    .pillar[b-q1tkd7cw8k] {
        grid-row: auto;
        grid-template-rows: auto 1fr;
    }
}

@media (max-width: 460px) {
    .proof[b-q1tkd7cw8k] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Sections/StartBanner.razor.rz.scp.css */
.Main[b-6utu5uaj4o] {
    margin-top: 3rem;
    color: black;
}

.Title[b-6utu5uaj4o] {
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
}

.Details[b-6utu5uaj4o] {
    font-size: 17px;
}
/* /Components/Sections/StrongPartners.razor.rz.scp.css */
/* tabs as pills: the selected one white */
.tabs[b-k08wbx172w] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: var(--lx-space-md);
}

.tab[b-k08wbx172w] {
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
    cursor: pointer;
    padding: 0.35rem 1.1rem;
    border-radius: 999px;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: background-color var(--lx-transition), color var(--lx-transition);
}

    .tab:hover[b-k08wbx172w] {
        background-color: rgba(255, 255, 255, 0.25);
    }

    .tab[data-selected="true"][b-k08wbx172w] {
        color: var(--lx-blue-dark);
        background-color: white;
        border-color: white;
    }

/* texts: all in the same grid cell; the invisible copies give the height of the longest one */
.texts[b-k08wbx172w] {
    display: grid;
    max-width: 46rem;
    margin: 0 auto var(--lx-space-md) auto;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1.65;
    color: white;
}

.text[b-k08wbx172w] {
    grid-area: 1 / 1;
}

.textSizer[b-k08wbx172w] {
    visibility: hidden;
}

.textSlide[b-k08wbx172w] {
    opacity: 1;
    transition: opacity 0.8s;
}

    .textSlide[data-visible="0"][b-k08wbx172w] {
        opacity: 0;
        pointer-events: none;
    }

    .text[b-k08wbx172w]  p:last-child {
        margin-bottom: 0;
    }

/* logos: white card (logos stay on white in dark mode too) between the arrow buttons */
.logoStage[b-k08wbx172w] {
    display: flex;
    align-items: center;
    gap: var(--lx-space-sm);
    margin-bottom: var(--lx-space-sm);
}

.logoCard[b-k08wbx172w] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    padding: var(--lx-space-sm) var(--lx-space-md);
    background-color: white;
    border-radius: var(--lx-radius);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.track[b-k08wbx172w] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 400%;
    margin-left: 0;
    transition: margin 0.5s;
}

    .track img[b-k08wbx172w] {
        display: block;
        width: 100%;
        height: auto;
    }

.nav[b-k08wbx172w] {
    flex: none;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    padding: 0;
    color: white;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 50%;
    transition: background-color var(--lx-transition), color var(--lx-transition);
}

    .nav:hover[b-k08wbx172w] {
        color: var(--lx-blue-dark);
        background-color: white;
    }

@media (max-width: 600px) {
    .tab[b-k08wbx172w] {
        font-size: 0.65rem;
        padding: 0.3rem 0.7rem;
    }

    .logoStage[b-k08wbx172w] {
        gap: 6px;
    }

    .logoCard[b-k08wbx172w] {
        padding: 8px;
    }

    .nav[b-k08wbx172w] {
        width: 34px;
        height: 34px;
    }
}
/* /Components/Sections/SupportSection.razor.rz.scp.css */
.support[b-168wckrw8a] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: var(--lx-space-lg);
    align-items: center;
    margin-bottom: var(--lx-space-sm);
}

.supportText[b-168wckrw8a] {
    color: white;
    line-height: 1.65;
}

    .supportText .lx-button[b-168wckrw8a] {
        margin: var(--lx-space-xs) 0 0 0;
    }

/* ways to get help: translucent tiles on the blue section */
.channels[b-168wckrw8a] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.channel[b-168wckrw8a] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 14px 16px;
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: var(--lx-radius);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.channelIcon[b-168wckrw8a] {
    flex: none;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    color: var(--lx-blue-dark);
    background-color: white;
    border-radius: 12px;
}

.channelTitle[b-168wckrw8a] {
    display: block;
    font-family: Lato, arial;
    font-size: 0.95rem;
    font-weight: 700;
}

.channelText[b-168wckrw8a] {
    display: block;
    font-size: 0.78rem;
    line-height: 1.45;
    opacity: 0.9;
}

@media (max-width: 860px) {
    .support[b-168wckrw8a] {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--lx-space-md);
    }
}
/* /Components/Sections/WorkshopHighlights.razor.rz.scp.css */
.whLead[b-7d9svz4mqb] {
    max-width: 40rem;
    margin: -0.25rem auto var(--lx-space-md) auto;
    text-align: center;
    color: white;
    opacity: 0.95;
    line-height: 1.6;
}

/* the most important functions: white pills with star */
.whTop[b-7d9svz4mqb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0 0 var(--lx-space-lg) 0;
    padding: 0;
    list-style: none;
}

    .whTop li[b-7d9svz4mqb] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 14px;
        font-size: 0.72rem;
        font-weight: 700;
        color: #8A3F00;
        background-color: white;
        border-radius: 999px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    }

        .whTop li[b-7d9svz4mqb]  .lxIcon {
            color: var(--lx-orange);
            fill: currentColor;
        }

/* six areas as cards */
.whGroups[b-7d9svz4mqb] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--lx-space-sm);
}

.whGroup[b-7d9svz4mqb] {
    padding: 20px;
    background-color: var(--lx-surface);
    border-radius: var(--lx-radius);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.whGroupHead[b-7d9svz4mqb] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--lx-border);
}

    .whGroupHead h4[b-7d9svz4mqb] {
        flex: 1;
        margin: 0;
        font-size: 0.86rem;
        font-weight: 700;
        color: var(--lx-text);
    }

.whGroupIcon[b-7d9svz4mqb] {
    flex: none;
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: var(--lx-orange);
    background-color: color-mix(in srgb, var(--lx-orange) 14%, transparent);
}

.whCount[b-7d9svz4mqb] {
    flex: none;
    min-width: 26px;
    padding: 1px 8px;
    font-size: 0.62rem;
    font-weight: 700;
    text-align: center;
    color: var(--lx-orange);
    background-color: color-mix(in srgb, var(--lx-orange) 14%, transparent);
    border-radius: 999px;
}

.whList[b-7d9svz4mqb] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .whList li[b-7d9svz4mqb] {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 3px 0;
        font-size: 0.72rem;
        line-height: 1.45;
        color: var(--lx-text-muted);
    }

        .whList li[b-7d9svz4mqb]  .lxIcon {
            flex: none;
            margin-top: 2px;
            color: var(--lx-orange);
        }

    .whList .whHighlight[b-7d9svz4mqb] {
        font-weight: 700;
        color: var(--lx-text);
    }

.whMore[b-7d9svz4mqb] {
    margin: var(--lx-space-md) 0 0 0;
    text-align: center;
    font-weight: 600;
    color: white;
}

@media (max-width: 900px) {
    .whGroups[b-7d9svz4mqb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .whGroups[b-7d9svz4mqb] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* keywords below the lead text */
.whKeywords[b-7d9svz4mqb] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 18px;
    margin: 0 0 var(--lx-space-md) 0;
    padding: 0;
    list-style: none;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: white;
}

    .whKeywords li + li[b-7d9svz4mqb]::before {
        content: "·";
        margin-right: 12px;
        opacity: 0.7;
    }

/* "coming soon" badge */
.whSoon[b-7d9svz4mqb] {
    display: inline-block;
    margin-left: 6px;
    padding: 0 7px;
    font-size: 0.55rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    vertical-align: 1px;
    white-space: nowrap;
    color: white;
    background-color: var(--lx-blue-section);
    border-radius: 999px;
}
/* /Components/SlideInContainer.razor.rz.scp.css */
/* Fades in and slides up slightly as soon as visible (data-animate, see LimexDe.ts) */
.slideInContainer[b-0tw4x7bpy6] {
    transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.6s ease-out;
    transform: translateY(12px);
    opacity: 0.2;
}

.slideInContainer[data-animate="true"][b-0tw4x7bpy6] {
    transform: translateY(0);
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .slideInContainer[b-0tw4x7bpy6] {
        transform: none;
        opacity: 1;
    }
}