/*
 =========================================================
 HEADER: LOGO LINKS UND NAVIGATION RECHTS
 =========================================================
 */

.container-header .header-main-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.container-header .header-main-row .navbar-brand {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    min-width: 0;
    margin: 0;
    padding: 0;
}
.container-header .brand-logo {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    text-decoration: none;
}
.container-header .brand-logo img, .container-header .brand-logo svg, .container-header .navbar-brand img, .container-header .navbar-brand svg, .container-header .navbar-brand .logo {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 320px;
    max-height: 70px;
    object-fit: contain;
}
.container-header .header-main-row .container-nav {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 1.25rem;
    width: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
}
.container-header .header-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
    margin-left: auto;
}
.container-header .header-menu > *, .container-header .header-menu nav, .container-header .header-menu .navbar {
    width: auto;
    margin: 0;
}
.container-header .header-menu .navbar {
    justify-content: flex-end;
}
.container-header .header-menu .mod-menu {
    justify-content: flex-end;
    margin-top: 0;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    .container-header .header-main-row, .container-header .header-main-row .container-nav {
        flex-wrap: nowrap;
    }
    .container-header .header-menu {
        flex: 1 1 auto;
    }
    .container-header .header-menu .navbar-collapse {
        display: flex !important;
        justify-content: flex-end;
    }
    .container-header .header-menu .mod-menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}
.container-header .header-menu .mod-menu > li > a, .container-header .header-menu .mod-menu > li > span {
    padding: 0.75rem 1rem;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.3;
}
@media (max-width: 991.98px) {
    .container-header .header-menu .mod-menu > li > a, .container-header .header-menu .mod-menu > li > span {
        padding: 0.65rem 0.75rem;
        font-size: 1rem;
    }
}
.container-header .header-menu .mod-menu > li > a {
    border-radius: 0.4rem;
    transition: background-color 0.2s ease, color 0.2s ease;
}
.container-header .header-menu .mod-menu > li > a:hover, .container-header .header-menu .mod-menu > li > a:focus-visible {
    background-color: var(--body-bg);
}
.container-footer .footer-module-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 30px 15px;
    margin: 0 auto;
    text-align: center;
}
.container-footer .footer-module-position {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
}
.container-footer .footer-nav-position .mod-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    width: 100%;
    margin: 0;
    padding: 0;
}
.container-footer .footer-nav-position .mod-menu > li {
    margin: 0;
}
.container-footer .footer-main-position {
    text-align: center;
}
.container-footer .footer-main-position p {
    margin: 0;
    text-align: center;
}

/*
 =========================================================
 GLOBALES LITTERON-SEITENRASTER
 Einheitlicher Seitenhintergrund und 1320-px-Contentbreite
 =========================================================
 */

:root {
    --litteron-content-width: 1320px;
    --litteron-page-background: #f8fafc;
    --litteron-navy-950: #021a38;
    --litteron-navy-900: #032752;
    --litteron-blue-800: #063b81;
    --litteron-blue-700: #0754b8;
    --litteron-blue-600: #0870e6;
    --litteron-cyan-500: #12b8e8;
    --litteron-violet-500: #7c6cf2;
    --litteron-slate-950: #0f172a;
    --litteron-slate-700: #334155;
    --litteron-slate-600: #475569;
    --litteron-slate-500: #64748b;
    --litteron-slate-300: #cbd5e1;
    --litteron-slate-200: #e2e8f0;
    --litteron-slate-100: #f1f5f9;
    --litteron-slate-50: #f8fafc;
    --litteron-white: #ffffff;
    --litteron-success: #10b981;
    --litteron-shadow-sm: 0 12px 30px rgba(15, 23, 42, 0.08);
    --litteron-shadow-lg: 0 32px 80px rgba(2, 26, 56, 0.18);
    --litteron-radius-sm: 0.75rem;
    --litteron-radius-md: 1.25rem;
    --litteron-radius-lg: 2rem;
    --litteron-shell: var(--litteron-content-width);
    --litteron-form-navy-950: #071b3a;
    --litteron-form-text: #15243a;
    --litteron-form-muted: #65758b;
    --litteron-form-border: #cfdbe7;
    --litteron-form-border-hover: #aebfd0;
    --litteron-form-blue: #0877c9;
    --litteron-form-surface: #fbfdff;
    --litteron-form-captcha-bg: #f6fafe;
    --litteron-form-captcha-border: #dce7f0;
    --litteron-form-success: #0b8f65;
    --litteron-form-radius: 13px;
    --litteron-form-captcha-radius: 17px;
    --oj-support-navy: var(--litteron-navy-950, #021a38);
    --oj-support-navy-2: var(--litteron-navy-900, #032752);
    --oj-support-blue: var(--litteron-blue-700, #0754b8);
    --oj-support-blue-light: var(--litteron-blue-600, #0870e6);
    --oj-support-cyan: var(--litteron-cyan-500, #12b8e8);
    --oj-support-text: var(--litteron-slate-950, #0f172a);
    --oj-support-body: var(--litteron-slate-700, #334155);
    --oj-support-muted: var(--litteron-slate-500, #64748b);
    --oj-support-border: var(--litteron-slate-200, #e2e8f0);
    --oj-support-surface: var(--litteron-white, #fff);
    --oj-support-shadow: var(--litteron-shadow-sm, 0 12px 30px rgba(15,23,42,.08));
    --oj-support-radius: var(--litteron-radius-md, 1.25rem);
}
html, body, body.site, .site-grid {
    background: var(--litteron-page-background);
}
.grid-child.container-component {
    box-sizing: border-box;
}
@media (min-width: 992px) {
    body:not(.itemid-101):not(.itemid-197):not(.itemid-200):not(.itemid-201):not(.itemid-202) .site-grid > .grid-child.container-component {
        width: min(calc(100% - 3rem), var(--litteron-content-width));
        max-width: var(--litteron-content-width);
        margin-inline: auto;
    }
}

/*
 =========================================================
 LITTERON STARTSEITE
 Gilt ausschließlich für den Startseiten-Beitrag
 =========================================================
 */

body.itemid-101 {
    overflow-x: hidden;
}
body.itemid-101 .site-grid, body.itemid-101 .grid-child.container-component, body.itemid-101 .com-content-article, body.itemid-101 .com-content-article__body, body.itemid-101 main {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
body.itemid-101 .container-component {
    grid-column: 1 / -1;
}
.litteron-home, .litteron-home *, .litteron-home *::before, .litteron-home *::after {
    box-sizing: border-box;
}
.litteron-home {
    width: 100%;
    margin: 0;
    color: var(--litteron-slate-700);
    background: var(--litteron-page-background);
    font-size: 1rem;
    line-height: 1.7;
    overflow: visible;
}
.litteron-home :where(h1, h2, h3, p, ul, ol) {
    margin-top: 0;
}
.litteron-home :where(h1, h2, h3) {
    color: var(--litteron-slate-950);
    font-weight: 750;
    letter-spacing: -0.035em;
    text-wrap: balance;
}
.litteron-home h1 {
    margin-bottom: 1.5rem;
    font-size: clamp(2.65rem, 5.2vw, 5.25rem);
    line-height: 1.02;
}
.litteron-home h2 {
    margin-bottom: 1.25rem;
    font-size: clamp(2rem, 3.6vw, 3.5rem);
    line-height: 1.08;
}
.litteron-home h3 {
    margin-bottom: 0.75rem;
    font-size: clamp(1.2rem, 1.8vw, 1.55rem);
    line-height: 1.25;
}
.litteron-home a {
    text-underline-offset: 0.2em;
}
.litteron-home svg {
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.litteron-home section[id] {
    scroll-margin-top: 7rem;
}
.litteron-shell {
    width: min(calc(100% - 2.5rem), var(--litteron-shell));
    margin-inline: auto;
}
.litteron-section {
    padding: clamp(5rem, 8vw, 8rem) 0;
}
.litteron-kicker, .litteron-eyebrow {
    margin-bottom: 1rem;
    color: var(--litteron-blue-700);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.3;
    text-transform: uppercase;
}
.litteron-kicker--light {
    color: #9fddff;
}
.litteron-section-heading {
    max-width: 760px;
    margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}
.litteron-section-heading--center {
    margin-inline: auto;
    text-align: center;
}
.litteron-section-heading > p:last-child {
    margin-bottom: 0;
    color: var(--litteron-slate-600);
    font-size: clamp(1.05rem, 1.6vw, 1.2rem);
}
.litteron-hero {
    position: relative;
    isolation: isolate;
    padding: clamp(4.5rem, 8vw, 8rem) 0 clamp(5.5rem, 9vw, 9rem);
    color: var(--litteron-white);
    background: radial-gradient(circle at 83% 20%, rgba(18, 184, 232, 0.22), transparent 26rem), radial-gradient(circle at 14% 82%, rgba(124, 108, 242, 0.16), transparent 24rem), linear-gradient(135deg, #021a38 0%, #032b5c 52%, #063b81 100%);
}
.litteron-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.9), transparent 88%);
    content: "";
}
.litteron-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(450px, 0.98fr);
    gap: clamp(3rem, 6vw, 6.5rem);
    align-items: center;
}
.litteron-hero__content {
    position: relative;
    z-index: 2;
}
.litteron-eyebrow {
    display: inline-flex;
    gap: 0.6rem;
    align-items: center;
    color: #a7e3ff;
}
.litteron-eyebrow__dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: var(--litteron-cyan-500);
    box-shadow: 0 0 0 0.38rem rgba(18, 184, 232, 0.14);
}
.litteron-hero h1 {
    color: var(--litteron-white);
}
.litteron-hero__lead {
    max-width: 690px;
    margin-bottom: 2rem;
    color: #dbeafe;
    font-size: clamp(1.08rem, 1.65vw, 1.3rem);
    line-height: 1.65;
}
.litteron-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
    margin-bottom: 2rem;
}
.litteron-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.65rem;
    min-height: 3.35rem;
    padding: 0.9rem 1.35rem;
    border: 1px solid transparent;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.litteron-button:hover, .litteron-button:focus-visible {
    transform: translateY(-2px);
    text-decoration: none;
}
.litteron-button:focus-visible {
    outline: 3px solid rgba(18, 184, 232, 0.45);
    outline-offset: 3px;
}
.litteron-button--primary {
    color: var(--litteron-navy-950);
    background: var(--litteron-white);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.2);
}
.litteron-button--primary:hover, .litteron-button--primary:focus-visible {
    color: var(--litteron-navy-950);
    background: #eaf8ff;
    box-shadow: 0 20px 42px rgba(0, 0, 0, 0.26);
}
.litteron-button--secondary {
    color: var(--litteron-white);
    border-color: rgba(255,255,255,0.24);
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(10px);
}
.litteron-button--secondary:hover, .litteron-button--secondary:focus-visible {
    color: var(--litteron-white);
    border-color: rgba(255,255,255,0.4);
    background: rgba(255,255,255,0.14);
}
.litteron-button--light {
    color: var(--litteron-navy-950);
    background: var(--litteron-white);
    box-shadow: 0 14px 32px rgba(0,0,0,0.18);
}
.litteron-button--light:hover, .litteron-button--light:focus-visible {
    color: var(--litteron-navy-950);
    background: #eaf8ff;
}
.litteron-trust-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.4rem;
    margin: 0;
    padding: 0;
    color: #c7dcf7;
    font-size: 0.92rem;
    list-style: none;
}
.litteron-trust-list li {
    display: inline-flex;
    gap: 0.45rem;
    align-items: center;
}
.litteron-trust-list svg {
    width: 1rem;
    height: 1rem;
    color: #60d6ff;
    stroke-width: 2.4;
}
.litteron-product {
    position: relative;
    min-width: 0;
    padding: 1.5rem 0;
}
.litteron-product__glow {
    position: absolute;
    inset: 8% 4% 4%;
    border-radius: 50%;
    background: rgba(18, 184, 232, 0.23);
    filter: blur(70px);
}
.litteron-browser {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 1.25rem;
    background: #f8fafc;
    box-shadow: var(--litteron-shadow-lg);
    transform: perspective(1200px) rotateY(-4deg) rotateX(1deg);
    transform-origin: center;
}
.litteron-browser__bar {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    height: 2.5rem;
    padding: 0 0.75rem;
    border-bottom: 1px solid var(--litteron-slate-200);
    background: #edf2f7;
}
.litteron-browser__bar > span {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    background: #cbd5e1;
}
.litteron-browser__bar > span:first-child {
    background: #fb7185;
}
.litteron-browser__bar > span:nth-child(2) {
    background: #fbbf24;
}
.litteron-browser__bar > span:nth-child(3) {
    background: #34d399;
}
.litteron-browser__address {
    width: 46%;
    margin-left: 0.5rem;
    padding: 0.24rem 0.6rem;
    border-radius: 0.35rem;
    color: var(--litteron-slate-500);
    background: var(--litteron-white);
    font-size: 0.62rem;
}
.litteron-app {
    display: grid;
    grid-template-columns: 3.25rem 1fr;
    min-height: 370px;
    color: var(--litteron-slate-700);
}
.litteron-app__sidebar {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 0.9rem 0;
    background: var(--litteron-navy-950);
}
.litteron-app__brand {
    display: grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    margin-bottom: 0.5rem;
    border-radius: 0.45rem;
    color: var(--litteron-white);
    background: var(--litteron-blue-600);
    font-size: 0.82rem;
    font-weight: 800;
}
.litteron-app__sidebar > span {
    width: 1rem;
    height: 1rem;
    border-radius: 0.3rem;
    background: rgba(255,255,255,0.18);
}
.litteron-app__sidebar > span.is-active {
    background: #4cc9f0;
    box-shadow: 0 0 0 0.35rem rgba(76,201,240,0.12);
}
.litteron-app__main {
    min-width: 0;
    padding: 1.1rem;
}
.litteron-app__topline {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1rem;
}
.litteron-app__topline div {
    display: grid;
}
.litteron-app__topline small {
    color: var(--litteron-slate-500);
    font-size: 0.62rem;
}
.litteron-app__topline strong {
    color: var(--litteron-slate-950);
    font-size: 0.85rem;
}
.litteron-status {
    display: inline-flex;
    align-items: center;
    padding: 0.32rem 0.55rem;
    border-radius: 999px;
    font-size: 0.58rem;
    font-weight: 750;
}
.litteron-status--live {
    color: #047857;
    background: #d1fae5;
}
.litteron-app__stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 0.75rem;
}
.litteron-app__stats > div {
    display: grid;
    padding: 0.72rem;
    border: 1px solid var(--litteron-slate-200);
    border-radius: 0.65rem;
    background: var(--litteron-white);
}
.litteron-app__stats span, .litteron-app__stats small {
    color: var(--litteron-slate-500);
    font-size: 0.52rem;
}
.litteron-app__stats strong {
    color: var(--litteron-slate-950);
    font-size: 1.18rem;
    line-height: 1.2;
}
.litteron-app__workspace {
    display: grid;
    grid-template-columns: 1.5fr 0.82fr;
    gap: 0.75rem;
}
.litteron-calendar, .litteron-task-card {
    border: 1px solid var(--litteron-slate-200);
    border-radius: 0.75rem;
    background: var(--litteron-white);
}
.litteron-calendar {
    padding: 0.8rem;
}
.litteron-calendar__head {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}
.litteron-calendar__head strong {
    color: var(--litteron-slate-950);
    font-size: 0.68rem;
}
.litteron-calendar__head span, .litteron-calendar__week span {
    color: var(--litteron-slate-500);
    font-size: 0.48rem;
}
.litteron-calendar__week, .litteron-calendar__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0.35rem;
}
.litteron-calendar__week {
    margin-bottom: 0.35rem;
    text-align: center;
}
.litteron-calendar__grid span {
    position: relative;
    display: block;
    min-height: 2.35rem;
    border-radius: 0.35rem;
    background: var(--litteron-slate-50);
}
.litteron-calendar__grid span.has-item::after {
    position: absolute;
    right: 0.22rem;
    bottom: 0.22rem;
    left: 0.22rem;
    height: 0.32rem;
    border-radius: 999px;
    background: var(--litteron-blue-600);
    content: "";
}
.litteron-calendar__grid span.is-cyan::after {
    background: var(--litteron-cyan-500);
}
.litteron-calendar__grid span.is-violet::after {
    background: var(--litteron-violet-500);
}
.litteron-task-card {
    align-content: center;
    padding: 0.85rem;
}
.litteron-task-card__icon {
    display: grid;
    place-items: center;
    width: 2.1rem;
    height: 2.1rem;
    margin-bottom: 0.7rem;
    border-radius: 0.6rem;
    color: var(--litteron-blue-700);
    background: #dbeafe;
}
.litteron-task-card__icon svg {
    width: 1rem;
    height: 1rem;
}
.litteron-task-card > span, .litteron-task-card > small {
    display: block;
    color: var(--litteron-slate-500);
    font-size: 0.5rem;
}
.litteron-task-card > strong {
    display: block;
    margin-bottom: 0.65rem;
    color: var(--litteron-slate-950);
    font-size: 0.68rem;
    line-height: 1.35;
}
.litteron-progress {
    height: 0.3rem;
    margin-bottom: 0.45rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--litteron-slate-100);
}
.litteron-progress span {
    display: block;
    width: 72%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--litteron-blue-600), var(--litteron-cyan-500));
}
.litteron-float-card {
    position: absolute;
    z-index: 2;
    display: flex;
    gap: 0.65rem;
    align-items: center;
    min-width: 190px;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 0.75rem;
    color: var(--litteron-slate-700);
    background: rgba(255,255,255,0.94);
    box-shadow: 0 18px 38px rgba(2, 26, 56, 0.2);
    backdrop-filter: blur(14px);
}
.litteron-float-card--quality {
    top: -0.2rem;
    right: -1.2rem;
}
.litteron-float-card--publish {
    right: 1rem;
    bottom: -0.35rem;
}
.litteron-float-card__icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.55rem;
    color: #047857;
    background: #d1fae5;
}
.litteron-float-card--publish .litteron-float-card__icon {
    color: var(--litteron-blue-700);
    background: #dbeafe;
}
.litteron-float-card__icon svg {
    width: 1rem;
    height: 1rem;
    stroke-width: 2.3;
}
.litteron-float-card > span:last-child {
    display: grid;
}
.litteron-float-card strong {
    color: var(--litteron-slate-950);
    font-size: 0.7rem;
    line-height: 1.25;
}
.litteron-float-card small {
    color: var(--litteron-slate-500);
    font-size: 0.56rem;
}
.litteron-audience-strip {
    border-bottom: 1px solid var(--litteron-slate-200);
    background: var(--litteron-page-background);
}
.litteron-audience-strip .litteron-shell {
    display: flex;
    gap: 2rem;
    align-items: center;
    padding-block: 1.4rem;
}
.litteron-audience-strip p {
    flex: 0 0 auto;
    margin: 0;
    color: var(--litteron-slate-500);
    font-size: 0.75rem;
    font-weight: 750;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.litteron-audience-strip ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem 1.6rem;
    margin: 0;
    padding: 0;
    color: var(--litteron-slate-600);
    font-size: 0.95rem;
    font-weight: 650;
    list-style: none;
}
.litteron-audience-strip li {
    position: relative;
}
.litteron-audience-strip li:not(:last-child)::after {
    position: absolute;
    top: 50%;
    right: -0.9rem;
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 50%;
    background: var(--litteron-slate-300);
    transform: translateY(-50%);
    content: "";
}
.litteron-section--intro {
    background: var(--litteron-slate-50);
}
.litteron-process {
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.litteron-process::before {
    position: absolute;
    top: 2.2rem;
    right: 8%;
    left: 8%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--litteron-slate-300) 10%, var(--litteron-slate-300) 90%, transparent);
    content: "";
}
.litteron-process li {
    position: relative;
    padding: 0 0.8rem;
    text-align: center;
}
.litteron-process__number {
    position: absolute;
    top: -0.45rem;
    right: 0.6rem;
    color: var(--litteron-slate-300);
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.1em;
}
.litteron-process__icon {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 4.4rem;
    height: 4.4rem;
    margin: 0 auto 1.25rem;
    border: 1px solid #dbeafe;
    border-radius: 1.25rem;
    color: var(--litteron-blue-700);
    background: var(--litteron-white);
    box-shadow: var(--litteron-shadow-sm);
}
.litteron-process__icon svg {
    width: 1.7rem;
    height: 1.7rem;
}
.litteron-process li p {
    margin-bottom: 0;
    color: var(--litteron-slate-600);
    font-size: 0.93rem;
    line-height: 1.6;
}
.litteron-section--models {
    background: radial-gradient(circle at 90% 10%, rgba(18,184,232,0.08), transparent 28rem), var(--litteron-page-background);
}
.litteron-model-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}
.litteron-model-card {
    position: relative;
    overflow: hidden;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid var(--litteron-slate-200);
    border-radius: var(--litteron-radius-md);
    background: var(--litteron-white);
    box-shadow: var(--litteron-shadow-sm);
}
.litteron-model-card--featured {
    color: #dbeafe;
    border-color: transparent;
    background: radial-gradient(circle at 90% 10%, rgba(18,184,232,0.24), transparent 16rem), linear-gradient(145deg, var(--litteron-navy-950), var(--litteron-blue-800));
    box-shadow: var(--litteron-shadow-lg);
}
.litteron-model-card--featured::after {
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 15rem;
    height: 15rem;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    box-shadow: 0 0 0 2.5rem rgba(255,255,255,0.025), 0 0 0 5rem rgba(255,255,255,0.018);
    content: "";
}
.litteron-model-card__top {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
    margin-bottom: 1.5rem;
}
.litteron-model-card__icon, .litteron-feature-card__icon {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.85rem;
    color: var(--litteron-blue-700);
    background: #e8f2ff;
}
.litteron-model-card--featured .litteron-model-card__icon {
    color: #b7ebff;
    background: rgba(255,255,255,0.12);
}
.litteron-pill {
    display: inline-flex;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    color: var(--litteron-blue-700);
    background: #e8f2ff;
    font-size: 0.7rem;
    font-weight: 750;
}
.litteron-pill--light {
    color: #dff7ff;
    background: rgba(255,255,255,0.12);
}
.litteron-model-card__label {
    margin-bottom: 0.6rem;
    color: var(--litteron-blue-700);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.litteron-model-card--featured .litteron-model-card__label {
    color: #7ddcff;
}
.litteron-model-card h3 {
    max-width: 620px;
    font-size: clamp(1.65rem, 2.5vw, 2.35rem);
}
.litteron-model-card--featured h3 {
    color: var(--litteron-white);
}
.litteron-model-card > p:not(.litteron-model-card__label) {
    color: var(--litteron-slate-600);
}
.litteron-model-card--featured > p:not(.litteron-model-card__label) {
    color: #c7dcf7;
}
.litteron-check-list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.75rem;
    margin: 1.5rem 0 0;
    padding: 0;
    list-style: none;
}
.litteron-check-list li {
    position: relative;
    padding-left: 1.7rem;
}
.litteron-check-list li::before {
    position: absolute;
    top: 0.52em;
    left: 0;
    width: 0.9rem;
    height: 0.5rem;
    border-bottom: 2px solid var(--litteron-blue-600);
    border-left: 2px solid var(--litteron-blue-600);
    transform: rotate(-45deg);
    content: "";
}
.litteron-model-card--featured .litteron-check-list li::before, .litteron-cta .litteron-check-list li::before {
    border-color: #55d8ff;
}
.litteron-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}
.litteron-feature-card {
    min-height: 100%;
    padding: 1.5rem;
    border: 1px solid var(--litteron-slate-200);
    border-radius: var(--litteron-radius-md);
    background: var(--litteron-white);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.litteron-feature-card:hover {
    border-color: #bfdbfe;
    box-shadow: var(--litteron-shadow-sm);
    transform: translateY(-4px);
}
.litteron-feature-card__icon {
    margin-bottom: 1.2rem;
}
.litteron-feature-card h3 {
    font-size: 1.2rem;
    letter-spacing: -0.02em;
}
.litteron-feature-card p {
    margin-bottom: 0;
    color: var(--litteron-slate-600);
    font-size: 0.94rem;
}
.litteron-section--integration {
    color: #dbeafe;
    background: radial-gradient(circle at 18% 10%, rgba(18,184,232,0.16), transparent 25rem), linear-gradient(135deg, var(--litteron-navy-950), #042c5d);
}
.litteron-integration {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 0.82fr);
    gap: clamp(3rem, 7vw, 7rem);
    align-items: center;
}
.litteron-integration h2 {
    color: var(--litteron-white);
}
.litteron-integration__content > p:not(.litteron-kicker) {
    color: #c7dcf7;
    font-size: 1.08rem;
}
.litteron-check-list--columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    color: #dbeafe;
}
.litteron-integration__visual {
    display: grid;
    gap: 0.8rem;
}
.litteron-platform-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.9rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 1rem;
    background: rgba(255,255,255,0.08);
    box-shadow: 0 18px 42px rgba(0,0,0,0.14);
    backdrop-filter: blur(12px);
}
.litteron-platform-card--litteron {
    margin-inline: 2.5rem;
    border-color: rgba(96,214,255,0.38);
    background: rgba(8,112,230,0.28);
}
.litteron-platform-card__mark {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 0.8rem;
    color: var(--litteron-white);
    background: rgba(255,255,255,0.11);
    font-weight: 850;
}
.litteron-platform-card--litteron .litteron-platform-card__mark {
    background: var(--litteron-blue-600);
}
.litteron-platform-card div {
    display: grid;
}
.litteron-platform-card strong {
    color: var(--litteron-white);
}
.litteron-platform-card small {
    color: #9fb9d7;
}
.litteron-status-dot {
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: var(--litteron-success);
    box-shadow: 0 0 0 0.35rem rgba(16,185,129,0.12);
}
.litteron-connector {
    display: grid;
    justify-content: center;
    gap: 0.22rem;
}
.litteron-connector span {
    width: 0.22rem;
    height: 0.22rem;
    border-radius: 50%;
    background: rgba(125,220,255,0.65);
}
.litteron-target-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}
.litteron-target-grid article {
    position: relative;
    overflow: hidden;
    min-height: 260px;
    padding: 2rem;
    border: 1px solid var(--litteron-slate-200);
    border-radius: var(--litteron-radius-md);
    background: linear-gradient(145deg, var(--litteron-white), var(--litteron-slate-50));
}
.litteron-target-grid article > span {
    display: inline-block;
    margin-bottom: 3.5rem;
    color: var(--litteron-blue-700);
    font-size: 0.75rem;
    font-weight: 850;
    letter-spacing: 0.1em;
}
.litteron-target-grid article::after {
    position: absolute;
    top: -3rem;
    right: -3rem;
    width: 9rem;
    height: 9rem;
    border: 1px solid #dbeafe;
    border-radius: 50%;
    box-shadow: 0 0 0 1.5rem rgba(219,234,254,0.42), 0 0 0 3rem rgba(219,234,254,0.22);
    content: "";
}
.litteron-target-grid p {
    margin-bottom: 0;
    color: var(--litteron-slate-600);
}
.litteron-cta {
    padding: clamp(4rem, 7vw, 6.5rem) 0;
    color: #dbeafe;
    background: radial-gradient(circle at 78% 20%, rgba(18,184,232,0.22), transparent 20rem), linear-gradient(120deg, #063b81, #0754b8 55%, #0870e6);
}
.litteron-cta__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(260px, 0.6fr);
    gap: 3rem;
    align-items: center;
}
.litteron-cta h2 {
    max-width: 800px;
    color: var(--litteron-white);
}
.litteron-cta p:not(.litteron-kicker) {
    max-width: 720px;
    margin-bottom: 0;
    color: #dbeafe;
    font-size: 1.08rem;
}
.litteron-cta__actions {
    display: grid;
    justify-items: start;
    gap: 0.75rem;
}
.litteron-cta__actions small {
    color: #c7dcf7;
}
@media (max-width: 1180px) {
    .litteron-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(390px, 0.9fr);
        gap: 3rem;
    }
    .litteron-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .litteron-float-card--quality {
        right: -0.4rem;
    }
}
@media (max-width: 991.98px) {
    body.itemid-101 .container-header.position-sticky {
        position: relative !important;
    }
    .litteron-hero__grid, .litteron-integration, .litteron-cta__inner {
        grid-template-columns: 1fr;
    }
    .litteron-hero__content {
        max-width: 760px;
    }
    .litteron-product {
        width: min(100%, 720px);
        margin-inline: auto;
    }
    .litteron-browser {
        transform: none;
    }
    .litteron-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2.2rem 1rem;
    }
    .litteron-process::before {
        display: none;
    }
    .litteron-process li:last-child {
        grid-column: 1 / -1;
        max-width: 50%;
        margin-inline: auto;
    }
    .litteron-target-grid {
        grid-template-columns: 1fr;
    }
    .litteron-target-grid article {
        min-height: auto;
    }
    .litteron-target-grid article > span {
        margin-bottom: 2rem;
    }
}
@media (max-width: 767.98px) {
    .litteron-shell {
        width: min(calc(100% - 1.5rem), var(--litteron-shell));
    }
    .litteron-section {
        padding: 4.5rem 0;
    }
    .litteron-hero {
        padding: 3.75rem 0 5rem;
    }
    .litteron-home h1 {
        font-size: clamp(2.35rem, 12vw, 3.75rem);
    }
    .litteron-actions {
        display: grid;
    }
    .litteron-button {
        width: 100%;
    }
    .litteron-trust-list {
        display: grid;
        gap: 0.6rem;
    }
    .litteron-audience-strip .litteron-shell {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }
    .litteron-audience-strip ul {
        gap: 0.55rem 1.25rem;
    }
    .litteron-model-grid, .litteron-feature-grid, .litteron-check-list--columns {
        grid-template-columns: 1fr;
    }
    .litteron-process {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .litteron-process li, .litteron-process li:last-child {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 1rem;
        max-width: none;
        padding: 0;
        text-align: left;
    }
    .litteron-process__icon {
        grid-row: 1 / span 2;
        width: 3.75rem;
        height: 3.75rem;
        margin: 0;
    }
    .litteron-process__number {
        display: none;
    }
    .litteron-process li h3 {
        align-self: end;
        margin-bottom: 0.25rem;
    }
    .litteron-process li p {
        grid-column: 2;
    }
    .litteron-app {
        grid-template-columns: 2.75rem 1fr;
        min-height: 330px;
    }
    .litteron-app__stats {
        gap: 0.4rem;
    }
    .litteron-app__stats > div {
        padding: 0.55rem;
    }
    .litteron-app__workspace {
        grid-template-columns: 1fr;
    }
    .litteron-task-card {
        display: none;
    }
    .litteron-float-card {
        position: relative;
        inset: auto;
        width: calc(100% - 1.5rem);
        min-width: 0;
        margin: -0.4rem auto 0;
    }
    .litteron-float-card--publish {
        display: none;
    }
    .litteron-platform-card--litteron {
        margin-inline: 0;
    }
    .litteron-cta__actions {
        justify-items: stretch;
    }
}
@media (max-width: 479.98px) {
    .litteron-browser__address {
        width: 58%;
    }
    .litteron-app__main {
        padding: 0.75rem;
    }
    .litteron-app__stats small {
        display: none;
    }
    .litteron-calendar__grid span {
        min-height: 1.85rem;
    }
    .litteron-model-card, .litteron-target-grid article {
        padding: 1.35rem;
    }
    .litteron-model-card__top {
        align-items: flex-start;
        flex-direction: column;
    }
}
@media (prefers-reduced-motion: reduce) {
    .litteron-home *, .litteron-home *::before, .litteron-home *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/*
 =========================================================
 LITTERON ICON-FIX FÜR JOOMLA-BEITRÄGE
 Am Ende der bestehenden user.css einfügen.
 =========================================================
 */

.litteron-home .litteron-button svg, .litteron-home .litteron-trust-list svg, .litteron-home .litteron-task-card__icon svg, .litteron-home .litteron-float-card__icon svg, .litteron-home .litteron-process__icon svg, .litteron-home .litteron-model-card__icon svg, .litteron-home .litteron-feature-card__icon svg {
    display: none !important;
}
.litteron-home .litteron-button--primary::after, .litteron-home .litteron-button--light::after, .litteron-home .litteron-trust-list li::before, .litteron-home .litteron-task-card__icon::before, .litteron-home .litteron-float-card__icon::before, .litteron-home .litteron-process__icon::before, .litteron-home .litteron-model-card__icon::before, .litteron-home .litteron-feature-card__icon::before {
    display: block;
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    background-color: currentColor;
    -webkit-mask-image: var(--litteron-fallback-icon);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-image: var(--litteron-fallback-icon);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    content: "";
}
.litteron-home .litteron-button--primary, .litteron-home .litteron-button--light {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14M13%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-button--primary::after, .litteron-home .litteron-button--light::after {
    width: 1.15rem;
    height: 1.15rem;
}
.litteron-home .litteron-trust-list li {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-trust-list li::before {
    width: 1rem;
    height: 1rem;
    background-color: #60d6ff;
}
.litteron-home .litteron-task-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18M3%2012h18M5.6%205.6l12.8%2012.8M18.4%205.6%205.6%2018.4%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-float-card--quality .litteron-float-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-float-card--publish .litteron-float-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2016V4m0%200L7%209m5-5%205%205M5%2014v5h14v-5%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-task-card__icon::before, .litteron-home .litteron-float-card__icon::before {
    width: 1rem;
    height: 1rem;
}
.litteron-home .litteron-process li:nth-child(1) .litteron-process__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22m20%2020-4-4M11%208v6M8%2011h6%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-process li:nth-child(2) .litteron-process__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203v4M16%203v4M4%2010h16%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-process li:nth-child(3) .litteron-process__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019.5V5a2%202%200%200%201%202-2h9l5%205v11.5A1.5%201.5%200%200%201%2018.5%2021h-13A1.5%201.5%200%200%201%204%2019.5Z%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M8%2013h8M8%2017h6%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-process li:nth-child(4) .litteron-process__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204%207v5c0%205%203.4%208%208%209%204.6-1%208-4%208-9V7l-8-4Z%22%2F%3E%3Cpath%20d%3D%22m8.5%2012%202.2%202.2%204.8-5%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-process li:nth-child(5) .litteron-process__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2016V4m0%200L7%209m5-5%205%205M5%2014v5h14v-5%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-process__icon::before {
    width: 1.75rem;
    height: 1.75rem;
}
.litteron-home .litteron-process__number {
    position: absolute;
    z-index: 2;
    top: -0.55rem;
    right: auto;
    left: calc(50% + 0.85rem);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border: 2px solid var(--litteron-slate-50);
    border-radius: 999px;
    color: var(--litteron-white);
    background: var(--litteron-blue-700);
    box-shadow: 0 6px 16px rgba(7, 84, 184, 0.22);
    font-size: 0.58rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    line-height: 1;
}
.litteron-home .litteron-model-card:nth-child(1) .litteron-model-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a6%206%200%200%200-3.7%2010.7c.8.7%201.2%201.4%201.2%202.3h5c0-.9.4-1.6%201.2-2.3A6%206%200%200%200%2012%203Z%22%2F%3E%3Cpath%20d%3D%22M9.5%2019h5M10.5%2022h3%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-model-card:nth-child(2) .litteron-model-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%201.7%204.3L18%209l-4.3%201.7L12%2015l-1.7-4.3L6%209l4.3-1.7L12%203Z%22%2F%3E%3Cpath%20d%3D%22m18.5%2015%20.9%202.1%202.1.9-2.1.9-.9%202.1-.9-2.1-2.1-.9%202.1-.9.9-2.1Z%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-feature-card:nth-child(1) .litteron-feature-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22m20%2020-4-4M11%208v6M8%2011h6%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-feature-card:nth-child(2) .litteron-feature-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203v4M16%203v4M4%2010h16%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-feature-card:nth-child(3) .litteron-feature-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2019.5V5a2%202%200%200%201%202-2h9l5%205v11.5A1.5%201.5%200%200%201%2018.5%2021h-13A1.5%201.5%200%200%201%204%2019.5Z%22%2F%3E%3Cpath%20d%3D%22M14%203v6h6M8%2013h8M8%2017h6%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-feature-card:nth-child(4) .litteron-feature-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204%207v5c0%205%203.4%208%208%209%204.6-1%208-4%208-9V7l-8-4Z%22%2F%3E%3Cpath%20d%3D%22m8.5%2012%202.2%202.2%204.8-5%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-feature-card:nth-child(5) .litteron-feature-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M2.5%2021v-2a6.5%206.5%200%200%201%2013%200v2M16%207h6M19%204v6%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-feature-card:nth-child(6) .litteron-feature-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%208h8v8H8z%22%2F%3E%3Cpath%20d%3D%22M4%2012H2m20%200h-2M12%204V2m0%2020v-2M5.6%205.6%204.2%204.2m15.6%2015.6-1.4-1.4M18.4%205.6l1.4-1.4M4.2%2019.8l1.4-1.4%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-feature-card:nth-child(7) .litteron-feature-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16v12H4z%22%2F%3E%3Cpath%20d%3D%22M7%207V5h10v2M8%2012h8M8%2016h5%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-feature-card:nth-child(8) .litteron-feature-card__icon {
    --litteron-fallback-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V10M10%2020V4M16%2020v-7M22%2020H2%22%2F%3E%3C%2Fsvg%3E");
}
.litteron-home .litteron-model-card__icon::before, .litteron-home .litteron-feature-card__icon::before {
    width: 1.45rem;
    height: 1.45rem;
}
@media (max-width: 767.98px) {
    .litteron-home .litteron-process__number {
        display: none;
    }
}

/*
 =========================================================
 LITTERON WORKFLOW – ÜBERARBEITETE DARSTELLUNG
 Diese Regeln ersetzen ausschließlich die bisherige
 Workflow-Darstellung. Am Ende der user.css einfügen.
 =========================================================
 */

@media (min-width: 992px) {
    .litteron-home .litteron-process {
        align-items: start;
        gap: clamp(1rem, 2.2vw, 2rem);
        margin-top: clamp(2.75rem, 5vw, 4.25rem);
        padding-top: 0;
    }
    .litteron-home .litteron-process::before {
        top: 2.55rem;
        right: 8.5%;
        left: 8.5%;
        height: 2px;
        background: linear-gradient( 90deg, rgba(203, 213, 225, 0), rgba(148, 163, 184, 0.55) 8%, rgba(14, 116, 210, 0.35) 50%, rgba(148, 163, 184, 0.55) 92%, rgba(203, 213, 225, 0) );
    }
    .litteron-home .litteron-process li {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 0;
        padding: 0 0.55rem;
    }
    .litteron-home .litteron-process__icon {
        order: 1;
        width: 5.1rem;
        height: 5.1rem;
        margin: 0 auto 0.8rem;
        border: 1px solid rgba(14, 116, 210, 0.18);
        border-radius: 50%;
        color: var(--litteron-blue-700);
        background: radial-gradient(circle at 32% 25%, #ffffff 0 25%, transparent 26%), linear-gradient(145deg, #ffffff, #eff7ff);
        box-shadow: 0 18px 38px rgba(15, 23, 42, 0.10), inset 0 0 0 7px rgba(255, 255, 255, 0.72);
    }
    .litteron-home .litteron-process__icon::before {
        width: 1.85rem;
        height: 1.85rem;
    }
    .litteron-home .litteron-process__number {
        position: static;
        order: 2;
        display: inline-flex;
        align-items: center;
        min-width: 0;
        height: auto;
        margin: 0 0 0.45rem;
        padding: 0;
        border: 0;
        border-radius: 0;
        color: var(--litteron-blue-700);
        background: transparent;
        box-shadow: none;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.14em;
        line-height: 1.2;
        text-transform: uppercase;
        transform: none;
    }
    .litteron-home .litteron-process__number::before {
        content: "Schritt ";
    }
    .litteron-home .litteron-process li h3 {
        order: 3;
        margin-bottom: 0.55rem;
        font-size: clamp(1.12rem, 1.5vw, 1.35rem);
        line-height: 1.2;
    }
    .litteron-home .litteron-process li p {
        order: 4;
        max-width: 15.5rem;
        font-size: 0.94rem;
        line-height: 1.58;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .litteron-home .litteron-process {
        gap: 2.5rem 1.5rem;
        margin-top: 2.75rem;
    }
    .litteron-home .litteron-process li {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .litteron-home .litteron-process__icon {
        order: 1;
        width: 4.75rem;
        height: 4.75rem;
        margin-bottom: 0.75rem;
        border-radius: 50%;
        background: linear-gradient(145deg, #ffffff, #eff7ff);
    }
    .litteron-home .litteron-process__number {
        position: static;
        order: 2;
        display: inline-flex;
        min-width: 0;
        height: auto;
        margin: 0 0 0.4rem;
        padding: 0;
        border: 0;
        color: var(--litteron-blue-700);
        background: transparent;
        box-shadow: none;
        font-size: 0.66rem;
        font-weight: 800;
        letter-spacing: 0.13em;
        line-height: 1.2;
        text-transform: uppercase;
    }
    .litteron-home .litteron-process__number::before {
        content: "Schritt ";
    }
    .litteron-home .litteron-process li h3 {
        order: 3;
    }
    .litteron-home .litteron-process li p {
        order: 4;
        max-width: 18rem;
    }
}
@media (max-width: 767.98px) {
    .litteron-home .litteron-process {
        gap: 1.25rem;
        margin-top: 2.25rem;
    }
    .litteron-home .litteron-process li, .litteron-home .litteron-process li:last-child {
        position: relative;
        display: grid;
        grid-template-columns: 3.8rem minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 1rem;
        min-height: 5.4rem;
        padding: 1rem;
        border: 1px solid var(--litteron-slate-200);
        border-radius: 1.1rem;
        background: rgba(255, 255, 255, 0.86);
        box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
        text-align: left;
    }
    .litteron-home .litteron-process__icon {
        grid-row: 1 / span 2;
        width: 3.8rem;
        height: 3.8rem;
        margin: 0;
        border-radius: 50%;
        background: linear-gradient(145deg, #ffffff, #eff7ff);
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.09);
    }
    .litteron-home .litteron-process__icon::before {
        width: 1.45rem;
        height: 1.45rem;
    }
    .litteron-home .litteron-process__number {
        display: none !important;
    }
    .litteron-home .litteron-process li h3 {
        align-self: end;
        margin-bottom: 0.25rem;
        font-size: 1.1rem;
    }
    .litteron-home .litteron-process li p {
        grid-column: 2;
        margin: 0;
        font-size: 0.9rem;
        line-height: 1.5;
    }
}

/*
 =========================================================
 LITTERON WORKFLOW – FINALE ICON-ZENTRIERUNG
 Erzwingt eine exakte horizontale und vertikale Ausrichtung
 der CSS-generierten Workflow-Symbole in allen Viewports.
 =========================================================
 */

body.itemid-101 .litteron-home .litteron-process__icon {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 0 !important;
    text-align: center !important;
}
body.itemid-101 .litteron-home .litteron-process__icon::before {
    position: absolute !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    display: block !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: 50% 50% !important;
    -webkit-mask-position: 50% 50% !important;
    mask-position: 50% 50% !important;
}
body.itemid-101 .litteron-home .litteron-process__icon > svg {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: 50% 50% !important;
}

/*
 =========================================================
 LITTERON ANMELDUNG
 Joomla com_users Login – Menüeintrag 197
 =========================================================
 */

body.itemid-197 {
    --litteron-login-navy: #021a38;
    --litteron-login-blue: #063b81;
    --litteron-login-blue-light: #0870e6;
    --litteron-login-cyan: #12b8e8;
    --litteron-login-text: #0f172a;
    --litteron-login-muted: #64748b;
    --litteron-login-border: #dbe5f0;
    --litteron-login-surface: #ffffff;
    --litteron-login-background: var(--litteron-page-background);
    background: var(--litteron-login-background);
    color: var(--litteron-login-text);
}
body.itemid-197 .site-grid {
    display: block;
    background: var(--litteron-page-background);
}
body.itemid-197 .container-component {
    width: 100%;
    max-width: none;
    min-height: 43rem;
    margin: 0;
    padding: clamp(2.5rem, 6vw, 5.5rem) 1.5rem;
    background: transparent;
}
body.itemid-197 .container-component > main {
    width: 100%;
    max-width: var(--litteron-content-width);
    margin-inline: auto;
}
body.itemid-197 .mod-breadcrumbs__wrapper {
    display: none;
}
body.itemid-197 #system-message-container {
    width: 100%;
    max-width: var(--litteron-content-width);
    margin: 0 auto 1.25rem;
}
body.itemid-197 .com-users-login.login {
    position: relative;
    display: grid;
    grid-template-columns: minmax(18rem, 0.9fr) minmax(25rem, 1.1fr);
    grid-template-rows: auto auto;
    width: 100%;
    max-width: var(--litteron-content-width);
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, 0.82);
    border-radius: 1.75rem;
    background: var(--litteron-login-surface);
    box-shadow: 0 32px 80px rgba(2, 26, 56, 0.15);
    isolation: isolate;
}
body.itemid-197 .com-users-login.login::before {
    position: relative;
    z-index: 2;
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex;
    align-items: flex-start;
    min-height: 37rem;
    padding: clamp(2.5rem, 5vw, 4.25rem);
    color: rgba(255, 255, 255, 0.88);
    background: radial-gradient(circle at 82% 15%, rgba(18, 184, 232, 0.38), transparent 14rem), radial-gradient(circle at 15% 90%, rgba(8, 112, 230, 0.45), transparent 18rem), linear-gradient(145deg, #021a38 0%, #063b81 62%, #0754b8 100%);
    font-size: 1.02rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.75;
    white-space: pre-line;
}
body.itemid-197 .com-users-login.login::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 45.5%;
    pointer-events: none;
    opacity: 0.16;
    background-image: linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}
body.itemid-197 #com-users-login__form {
    position: relative;
    z-index: 3;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    margin: 0;
    padding: clamp(2.25rem, 5vw, 4rem) clamp(2rem, 5vw, 4rem) 1.5rem;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}
body.itemid-197 #com-users-login__form::before {
    content: "Willkommen zurück";
    display: block;
    margin-bottom: 0.55rem;
    color: var(--litteron-login-text);
    font-size: clamp(2rem, 4vw, 2.75rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.08;
}
body.itemid-197 #com-users-login__form::after {
    content: "Melde dich mit deinen Zugangsdaten bei Litteron an.";
    display: block;
    position: absolute;
    top: calc(clamp(2.25rem, 5vw, 4rem) + 3.45rem);
    color: var(--litteron-login-muted);
    font-size: 1rem;
    line-height: 1.6;
}
body.itemid-197 #com-users-login__form fieldset {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin: 4.25rem 0 0;
    padding: 0;
    border: 0;
}
body.itemid-197 #com-users-login__form .control-group {
    width: 100%;
    margin: 0 0 1.15rem;
}
body.itemid-197 #com-users-login__form .control-label, body.itemid-197 #com-users-login__form .controls {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    padding-top: 0;
    text-align: left;
}
body.itemid-197 #com-users-login__form label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: var(--litteron-login-text);
    font-size: 0.93rem;
    font-weight: 750;
    letter-spacing: 0.005em;
}
body.itemid-197 #com-users-login__form .star {
    color: #dc2626;
}
body.itemid-197 #com-users-login__form .form-control {
    width: 100%;
    min-height: 3.35rem;
    padding: 0.78rem 1rem;
    border: 1px solid var(--litteron-login-border);
    border-radius: 0.85rem;
    color: var(--litteron-login-text);
    background: #fbfdff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    font-size: 1rem;
    line-height: 1.4;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
body.itemid-197 #com-users-login__form .form-control:hover {
    border-color: #b8c9da;
    background: #ffffff;
}
body.itemid-197 #com-users-login__form .form-control:focus {
    border-color: var(--litteron-login-blue-light);
    outline: 0;
    background: #ffffff;
    box-shadow: 0 0 0 0.25rem rgba(8, 112, 230, 0.13);
}
body.itemid-197 #com-users-login__form .password-group .input-group > .form-control {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    width: 1% !important;
    min-width: 0;
    margin: 0;
    border-radius: 0.85rem 0 0 0.85rem !important;
}
body.itemid-197 #com-users-login__form .input-password-toggle {
    position: relative;
    z-index: 2;
    display: inline-flex !important;
    flex: 0 0 3.35rem;
    align-items: center;
    justify-content: center;
    width: 3.35rem;
    min-width: 3.35rem;
    min-height: 3.35rem;
    margin: 0 0 0 -1px;
    padding: 0;
    border: 1px solid var(--litteron-login-border);
    border-left: 1px solid var(--litteron-login-border);
    border-radius: 0 0.85rem 0.85rem 0 !important;
    color: var(--litteron-login-blue);
    background: #f4f8fc;
    box-shadow: none;
    line-height: 1;
}
body.itemid-197 #com-users-login__form .input-password-toggle .icon-eye, body.itemid-197 #com-users-login__form .input-password-toggle .icon-eye-slash {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    line-height: 1;
}
body.itemid-197 #com-users-login__form .input-password-toggle:hover, body.itemid-197 #com-users-login__form .input-password-toggle:focus-visible {
    color: #ffffff;
    background: var(--litteron-login-blue);
}
body.itemid-197 #com-users-login__form .com-users-login__remember {
    order: 3;
    margin: 0.1rem 0 1.35rem;
}
body.itemid-197 #com-users-login__form .form-check {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 1.5rem;
    padding-left: 0;
}
body.itemid-197 #com-users-login__form .form-check-input {
    position: static;
    flex: 0 0 auto;
    margin: 0;
    border: 1px solid #b9c8d8;
    border-radius: 0.35rem;
    box-shadow: none;
}
body.itemid-197 #com-users-login__form .form-check-input:checked {
    border-color: var(--litteron-login-blue);
    background-color: var(--litteron-login-blue);
}
body.itemid-197 #com-users-login__form .form-check-input:focus {
    border-color: var(--litteron-login-blue-light);
    box-shadow: 0 0 0 0.22rem rgba(8, 112, 230, 0.13);
}
body.itemid-197 #com-users-login__form .form-check-label {
    margin: 0;
    color: var(--litteron-login-muted);
    font-size: 0.93rem;
    font-weight: 600;
}
body.itemid-197 #com-users-login__form .com-users-login__input {
    order: 1;
}
body.itemid-197 #com-users-login__form .com-users-login__submit:has(.btn-primary) {
    order: 4;
    margin-bottom: 0;
}
body.itemid-197 #com-users-login__form fieldset::after {
    content: "oder";
    order: 5;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 1.15rem 0;
    color: #94a3b8;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: linear-gradient(var(--litteron-login-border), var(--litteron-login-border)) left center / calc(50% - 2rem) 1px no-repeat, linear-gradient(var(--litteron-login-border), var(--litteron-login-border)) right center / calc(50% - 2rem) 1px no-repeat;
    justify-content: center;
}
body.itemid-197 #com-users-login__form .com-users-login__submit:has(.plg_system_webauthn_login_button) {
    order: 6;
    margin-bottom: 0;
}
body.itemid-197 #com-users-login__form .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.35rem;
    padding: 0.82rem 1.25rem;
    border: 1px solid var(--litteron-login-blue);
    border-radius: 0.85rem;
    color: #ffffff;
    background: linear-gradient(135deg, var(--litteron-login-blue) 0%, var(--litteron-login-blue-light) 100%);
    box-shadow: 0 14px 30px rgba(6, 59, 129, 0.22);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.2;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
body.itemid-197 #com-users-login__form .btn-primary:hover, body.itemid-197 #com-users-login__form .btn-primary:focus-visible {
    border-color: #052f67;
    background: linear-gradient(135deg, #052f67 0%, #0754b8 100%);
    box-shadow: 0 18px 36px rgba(6, 59, 129, 0.28);
    transform: translateY(-1px);
}
body.itemid-197 #com-users-login__form .btn-primary:active {
    transform: translateY(0);
}
body.itemid-197 #com-users-login__form .plg_system_webauthn_login_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    width: 100%;
    min-height: 3.35rem;
    padding: 0.78rem 1.15rem;
    border: 1px solid var(--litteron-login-border);
    border-radius: 0.85rem;
    color: var(--litteron-login-blue);
    background: #f8fbff;
    box-shadow: none;
    font-size: 0.96rem;
    font-weight: 700;
}
body.itemid-197 #com-users-login__form .plg_system_webauthn_login_button svg {
    width: 1.35rem;
    height: 1.35rem;
    fill: currentColor;
}
body.itemid-197 #com-users-login__form .plg_system_webauthn_login_button:hover, body.itemid-197 #com-users-login__form .plg_system_webauthn_login_button:focus-visible {
    border-color: #b9d5f2;
    color: #052f67;
    background: #edf6ff;
    box-shadow: 0 0 0 0.22rem rgba(8, 112, 230, 0.1);
}
body.itemid-197 .com-users-login__options {
    position: relative;
    z-index: 3;
    grid-column: 2;
    grid-row: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
    margin: 0;
    padding: 0 4rem 3.25rem;
    border: 0;
    border-radius: 0;
    background: #ffffff;
}
body.itemid-197 .com-users-login__options .list-group-item {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3rem;
    padding: 0.75rem 2.35rem 0.75rem 0.95rem;
    border: 1px solid #e2eaf3;
    border-radius: 0.75rem;
    color: var(--litteron-login-blue);
    background: #fbfdff;
    font-size: 0.88rem;
    font-weight: 650;
    line-height: 1.35;
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
body.itemid-197 .com-users-login__options .list-group-item::after {
    content: "→";
    position: absolute;
    top: 50%;
    right: 0.95rem;
    font-size: 1rem;
    transform: translateY(-50%);
}
body.itemid-197 .com-users-login__options .com-users-login__register {
    grid-column: 1 / -1;
}
body.itemid-197 .com-users-login__options .list-group-item:hover, body.itemid-197 .com-users-login__options .list-group-item:focus-visible {
    border-color: #b9d5f2;
    color: #052f67;
    background: #edf6ff;
    transform: translateY(-1px);
}
body.itemid-197 .joomla-alert, body.itemid-197 .alert {
    border-radius: 0.9rem;
}
@media (max-width: 991.98px) {
    body.itemid-197 .container-component {
        padding: 3rem 1.25rem;
    }
    body.itemid-197 .com-users-login.login {
        grid-template-columns: minmax(15rem, 0.78fr) minmax(23rem, 1.22fr);
        max-width: 860px;
    }
    body.itemid-197 .com-users-login.login::before {
        padding: 2.5rem 2rem;
        font-size: 0.95rem;
    }
    body.itemid-197 #com-users-login__form {
        padding-inline: 2.5rem;
    }
    body.itemid-197 .com-users-login__options {
        padding-inline: 2.5rem;
    }
}
@media (max-width: 767.98px) {
    body.itemid-197 .container-component {
        min-height: 0;
        padding: 2rem 0.9rem 2.5rem;
    }
    body.itemid-197 .com-users-login.login {
        display: block;
        overflow: hidden;
        border-radius: 1.25rem;
        box-shadow: 0 22px 55px rgba(2, 26, 56, 0.13);
    }
    body.itemid-197 .com-users-login.login::before {
        content: "CONTENT MIT SYSTEM\A Dein Zugang zum Litteron-Workflow.";
        display: block;
        min-height: 0;
        padding: 1.5rem;
        font-size: 0.87rem;
        font-weight: 650;
        line-height: 1.55;
    }
    body.itemid-197 .com-users-login.login::after {
        width: 100%;
        height: 8rem;
        mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
    }
    body.itemid-197 #com-users-login__form {
        padding: 2rem 1.35rem 1.25rem;
    }
    body.itemid-197 #com-users-login__form::before {
        font-size: 1.85rem;
    }
    body.itemid-197 #com-users-login__form::after {
        top: 5rem;
        right: 1.35rem;
        left: 1.35rem;
        font-size: 0.92rem;
    }
    body.itemid-197 #com-users-login__form fieldset {
        margin-top: 4rem;
    }
    body.itemid-197 .com-users-login__options {
        grid-template-columns: 1fr;
        gap: 0.6rem;
        padding: 0 1.35rem 2rem;
    }
    body.itemid-197 .com-users-login__options .com-users-login__register {
        grid-column: auto;
    }
}
@media (max-width: 480px) {
    body.itemid-197 #com-users-login__form {
        padding-inline: 1rem;
    }
    body.itemid-197 #com-users-login__form::after {
        right: 1rem;
        left: 1rem;
    }
    body.itemid-197 .com-users-login__options {
        padding-inline: 1rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.itemid-197 .com-users-login *, body.itemid-197 .com-users-login *::before, body.itemid-197 .com-users-login *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/*
 =========================================================
 LOGIN – FINALE TECHNISCHE ABSICHERUNG
 =========================================================
 */

body.itemid-197 #com-users-login__form .password-group {
    width: 100%;
}
body.itemid-197 #com-users-login__form .password-group .input-group {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: stretch;
    width: 100%;
}
body.itemid-197 #com-users-login__form .password-group .input-group > input.form-control {
    position: relative;
    z-index: 1;
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    margin: 0;
    border-radius: 0.85rem 0 0 0.85rem !important;
}
body.itemid-197 #com-users-login__form .password-group .input-password-toggle {
    position: relative;
    z-index: 2;
    display: inline-flex !important;
    flex: 0 0 3.35rem !important;
    align-items: center;
    justify-content: center;
    width: 3.35rem !important;
    min-width: 3.35rem;
    min-height: 3.35rem;
    margin: 0 0 0 -1px !important;
    padding: 0;
    border: 1px solid var(--litteron-login-border);
    border-radius: 0 0.85rem 0.85rem 0 !important;
    color: var(--litteron-login-blue);
    background: #f4f8fc;
    box-shadow: none;
    line-height: 1;
}
body.itemid-197 .com-users-login.login::before {
    content: "CONTENT MIT SYSTEM\A \A Dein redaktioneller Workflow beginnt hier.\A \A Plane Themen, erstelle hochwertige Inhalte und veröffentliche sicher auf Joomla oder WordPress." !important;
}
@media (max-width: 767.98px) {
    body.itemid-197 .com-users-login.login::before {
        content: "CONTENT MIT SYSTEM\A Dein Zugang zum Litteron-Workflow." !important;
    }
}

/*
 =========================================================
 LITTERON – PASSWORT / BENUTZERNAME VERGESSEN
 Gilt ausschließlich für:
 - itemid-201: Benutzername vergessen
 - itemid-202: Passwort vergessen
 
 Hauptmenü, Supportmenü und Footer bleiben unverändert.
 =========================================================
 */

body.itemid-201, body.itemid-202 {
    --litteron-recovery-navy: #021a38;
    --litteron-recovery-blue: #063b81;
    --litteron-recovery-blue-light: #0870e6;
    --litteron-recovery-cyan: #12b8e8;
    --litteron-recovery-text: #0f172a;
    --litteron-recovery-muted: #64748b;
    --litteron-recovery-border: #dbe5f0;
    --litteron-recovery-surface: #ffffff;
    --litteron-recovery-background: var(--litteron-page-background);
    color: var(--litteron-recovery-text);
    background: var(--litteron-recovery-background);
}
body.itemid-201 .site-grid, body.itemid-202 .site-grid {
    display: block;
    background: var(--litteron-page-background);
}
body.itemid-201 .container-component, body.itemid-202 .container-component {
    width: 100%;
    max-width: none;
    min-height: 40rem;
    margin: 0;
    padding: clamp(2.5rem, 6vw, 5.5rem) 1.5rem;
    background: transparent;
}
body.itemid-201 .container-component > main, body.itemid-202 .container-component > main {
    width: 100%;
    max-width: var(--litteron-content-width);
    margin-inline: auto;
}
body.itemid-201 .mod-breadcrumbs__wrapper, body.itemid-202 .mod-breadcrumbs__wrapper {
    display: none;
}
body.itemid-201 #system-message-container, body.itemid-202 #system-message-container {
    width: 100%;
    max-width: var(--litteron-content-width);
    margin: 0 auto 1.25rem;
}
body.itemid-201 .com-users-remind.remind, body.itemid-202 .com-users-reset.reset {
    position: relative;
    display: grid;
    grid-template-columns: minmax(18rem, 0.9fr) minmax(25rem, 1.1fr);
    width: 100%;
    max-width: var(--litteron-content-width);
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid rgba(203, 213, 225, 0.82);
    border-radius: 1.75rem;
    background: var(--litteron-recovery-surface);
    box-shadow: 0 32px 80px rgba(2, 26, 56, 0.15);
    isolation: isolate;
}
body.itemid-202 .com-users-reset.reset::before {
    content: "ZUGANG WIEDERHERSTELLEN\A \A Passwort sicher zurücksetzen.\A \A Wir senden dir einen Bestätigungscode an die hinterlegte E-Mail-Adresse.";
}
body.itemid-201 .com-users-remind.remind::before {
    content: "ZUGANG WIEDERHERSTELLEN\A \A Benutzername wiederfinden.\A \A Die Zugangsdaten werden sicher an die hinterlegte E-Mail-Adresse gesendet.";
}
body.itemid-201 .com-users-remind.remind::before, body.itemid-202 .com-users-reset.reset::before {
    position: relative;
    z-index: 2;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: flex-start;
    min-height: 32rem;
    padding: clamp(2.5rem, 5vw, 4.25rem);
    color: rgba(255, 255, 255, 0.90);
    background: radial-gradient(circle at 82% 15%, rgba(18, 184, 232, 0.38), transparent 14rem), radial-gradient(circle at 15% 90%, rgba(8, 112, 230, 0.45), transparent 18rem), linear-gradient(145deg, #021a38 0%, #063b81 62%, #0754b8 100%);
    font-size: 1rem;
    font-weight: 550;
    line-height: 1.75;
    white-space: pre-line;
}
body.itemid-201 .com-users-remind.remind::after, body.itemid-202 .com-users-reset.reset::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 45.5%;
    pointer-events: none;
    opacity: 0.16;
    background-image: linear-gradient(rgba(255, 255, 255, 0.30) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.30) 1px, transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}
body.itemid-201 .com-users-remind__form, body.itemid-202 .com-users-reset__form {
    position: relative;
    z-index: 3;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    margin: 0;
    padding: clamp(2.5rem, 5vw, 4rem);
    border: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
}
body.itemid-201 .com-users-remind__form fieldset, body.itemid-202 .com-users-reset__form fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
body.itemid-202 .com-users-reset__form legend {
    display: block;
    width: 100%;
    margin: 0 0 0.7rem;
    padding: 0;
    color: var(--litteron-recovery-text);
    font-size: clamp(2rem, 4vw, 2.65rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.08;
}
body.itemid-202 .com-users-reset__form fieldset > p {
    margin: 0 0 2rem;
    color: var(--litteron-recovery-muted);
    font-size: 1rem;
    line-height: 1.65;
}
body.itemid-201 .com-users-remind__form::before {
    content: "Benutzername anfordern";
    display: block;
    margin: 0 0 0.7rem;
    color: var(--litteron-recovery-text);
    font-size: clamp(2rem, 4vw, 2.65rem);
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.08;
}
body.itemid-201 .com-users-remind__form legend {
    display: block;
    width: 100%;
    margin: 0 0 2rem;
    padding: 0;
    color: var(--litteron-recovery-muted);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.65;
}
body.itemid-201 .com-users-remind__form .control-group, body.itemid-202 .com-users-reset__form .control-group {
    width: 100%;
    margin: 0 0 1.2rem;
}
body.itemid-201 .com-users-remind__form .control-label, body.itemid-201 .com-users-remind__form .controls, body.itemid-202 .com-users-reset__form .control-label, body.itemid-202 .com-users-reset__form .controls {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
body.itemid-201 .com-users-remind__form label, body.itemid-202 .com-users-reset__form label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: var(--litteron-recovery-text);
    font-size: 0.93rem;
    font-weight: 750;
    letter-spacing: 0.005em;
}
body.itemid-201 .com-users-remind__form .star, body.itemid-202 .com-users-reset__form .star {
    color: #dc2626;
}
body.itemid-201 .com-users-remind__form .form-control, body.itemid-202 .com-users-reset__form .form-control {
    width: 100%;
    min-height: 3.35rem;
    padding: 0.78rem 1rem;
    border: 1px solid var(--litteron-recovery-border);
    border-radius: 0.85rem;
    color: var(--litteron-recovery-text);
    background: #fbfdff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    font-size: 1rem;
    line-height: 1.4;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
body.itemid-201 .com-users-remind__form .form-control:hover, body.itemid-202 .com-users-reset__form .form-control:hover {
    border-color: #b8c9da;
    background: #ffffff;
}
body.itemid-201 .com-users-remind__form .form-control:focus, body.itemid-202 .com-users-reset__form .form-control:focus {
    border-color: var(--litteron-recovery-blue-light);
    outline: 0;
    background: #ffffff;
    box-shadow: 0 0 0 0.25rem rgba(8, 112, 230, 0.13);
}
body.itemid-201 .com-users-remind__form altcha-widget, body.itemid-202 .com-users-reset__form altcha-widget {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 3.35rem;
    margin: 0;
}
body.itemid-201 .com-users-remind__submit, body.itemid-202 .com-users-reset__submit {
    width: 100%;
    margin: 1.65rem 0 0;
}
body.itemid-201 .com-users-remind__submit .controls, body.itemid-202 .com-users-reset__submit .controls {
    width: 100%;
    margin: 0;
    padding: 0;
}
body.itemid-201 .com-users-remind__form .btn-primary, body.itemid-202 .com-users-reset__form .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.35rem;
    padding: 0.82rem 1.25rem;
    border: 1px solid var(--litteron-recovery-blue);
    border-radius: 0.85rem;
    color: #ffffff;
    background: linear-gradient(135deg, var(--litteron-recovery-blue) 0%, var(--litteron-recovery-blue-light) 100%);
    box-shadow: 0 14px 30px rgba(6, 59, 129, 0.22);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.2;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
body.itemid-201 .com-users-remind__form .btn-primary:hover, body.itemid-201 .com-users-remind__form .btn-primary:focus-visible, body.itemid-202 .com-users-reset__form .btn-primary:hover, body.itemid-202 .com-users-reset__form .btn-primary:focus-visible {
    border-color: #052f67;
    background: linear-gradient(135deg, #052f67 0%, #0754b8 100%);
    box-shadow: 0 18px 36px rgba(6, 59, 129, 0.28);
    transform: translateY(-1px);
}
body.itemid-201 .com-users-remind__form .btn-primary:active, body.itemid-202 .com-users-reset__form .btn-primary:active {
    transform: translateY(0);
}
body.itemid-201 .joomla-alert, body.itemid-201 .alert, body.itemid-202 .joomla-alert, body.itemid-202 .alert {
    border-radius: 0.9rem;
}
@media (max-width: 991.98px) {
    body.itemid-201 .container-component, body.itemid-202 .container-component {
        padding: 3rem 1.25rem;
    }
    body.itemid-201 .com-users-remind.remind, body.itemid-202 .com-users-reset.reset {
        grid-template-columns: minmax(15rem, 0.78fr) minmax(23rem, 1.22fr);
        max-width: 860px;
    }
    body.itemid-201 .com-users-remind.remind::before, body.itemid-202 .com-users-reset.reset::before {
        padding: 2.5rem 2rem;
        font-size: 0.95rem;
    }
    body.itemid-201 .com-users-remind__form, body.itemid-202 .com-users-reset__form {
        padding-inline: 2.5rem;
    }
}
@media (max-width: 767.98px) {
    body.itemid-201 .container-component, body.itemid-202 .container-component {
        min-height: 0;
        padding: 2rem 0.9rem 2.5rem;
    }
    body.itemid-201 .com-users-remind.remind, body.itemid-202 .com-users-reset.reset {
        display: block;
        overflow: hidden;
        border-radius: 1.25rem;
        box-shadow: 0 22px 55px rgba(2, 26, 56, 0.13);
    }
    body.itemid-202 .com-users-reset.reset::before {
        content: "ZUGANG WIEDERHERSTELLEN\A Passwort sicher zurücksetzen.";
    }
    body.itemid-201 .com-users-remind.remind::before {
        content: "ZUGANG WIEDERHERSTELLEN\A Benutzername wiederfinden.";
    }
    body.itemid-201 .com-users-remind.remind::before, body.itemid-202 .com-users-reset.reset::before {
        display: block;
        min-height: 0;
        padding: 1.5rem;
        font-size: 0.87rem;
        font-weight: 650;
        line-height: 1.55;
    }
    body.itemid-201 .com-users-remind.remind::after, body.itemid-202 .com-users-reset.reset::after {
        width: 100%;
        height: 8rem;
        mask-image: linear-gradient(to right, transparent, #000 20%, #000 80%, transparent);
    }
    body.itemid-201 .com-users-remind__form, body.itemid-202 .com-users-reset__form {
        padding: 2rem 1.35rem;
    }
    body.itemid-201 .com-users-remind__form::before, body.itemid-202 .com-users-reset__form legend {
        font-size: 1.85rem;
    }
}
@media (max-width: 480px) {
    body.itemid-201 .com-users-remind__form, body.itemid-202 .com-users-reset__form {
        padding-inline: 1rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.itemid-201 .com-users-remind *, body.itemid-201 .com-users-remind *::before, body.itemid-201 .com-users-remind *::after, body.itemid-202 .com-users-reset *, body.itemid-202 .com-users-reset *::before, body.itemid-202 .com-users-reset *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/*
 =========================================================
 LITTERON – BENUTZERREGISTRIERUNG
 Ausschließlich Menüeintrag itemid-200 / view-registration.
 Hauptmenü, Supportmenü und Footer werden nicht verändert.
 =========================================================
 */

body.itemid-200 {
    --litteron-register-navy: #021a38;
    --litteron-register-blue: #063b81;
    --litteron-register-blue-light: #0870e6;
    --litteron-register-cyan: #12b8e8;
    --litteron-register-text: #0f172a;
    --litteron-register-muted: #64748b;
    --litteron-register-border: #d7e1eb;
    --litteron-register-surface: #ffffff;
    --litteron-register-soft: #f8fafc;
    --litteron-register-danger: #dc2626;
    color: var(--litteron-register-text);
    background: var(--litteron-page-background);
}
body.itemid-200 .site-grid {
    display: block;
    background: var(--litteron-page-background);
}
body.itemid-200 .mod-breadcrumbs__wrapper {
    display: none;
}
body.itemid-200 .container-component {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    max-width: none;
    min-height: 48rem;
    margin: 0;
    padding: clamp(2.5rem, 6vw, 5.5rem) clamp(1rem, 4vw, 2.5rem);
    background: var(--litteron-page-background);
}
body.itemid-200 .container-component > main {
    width: 100%;
    max-width: var(--litteron-content-width);
    margin-inline: auto;
}
body.itemid-200 .com-users-registration.registration {
    position: relative;
    display: grid;
    grid-template-columns: minmax(18rem, 0.82fr) minmax(34rem, 1.38fr);
    width: min(100%, var(--litteron-content-width));
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 1.75rem;
    background: var(--litteron-register-surface);
    box-shadow: 0 30px 80px rgba(2, 26, 56, 0.15);
}
body.itemid-200 .com-users-registration.registration::before {
    content: "DEIN LITTERON-ZUGANG — Plane Themen, organisiere Inhalte und steuere Veröffentlichungen zentral in einem durchgängigen Workflow.";
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    min-height: 100%;
    padding: clamp(2.5rem, 5vw, 4.75rem) clamp(2rem, 4vw, 3.75rem);
    color: rgba(255, 255, 255, 0.92);
    background: radial-gradient(circle at 22% 18%, rgba(18, 184, 232, 0.26), transparent 17rem), radial-gradient(circle at 86% 82%, rgba(8, 112, 230, 0.32), transparent 20rem), linear-gradient(155deg, #021a38 0%, #063b81 58%, #0754b8 100%);
    font-size: clamp(1rem, 1.6vw, 1.15rem);
    font-weight: 650;
    letter-spacing: 0.01em;
    line-height: 1.8;
    white-space: normal;
}
body.itemid-200 .com-users-registration__form {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0;
    padding: clamp(2.4rem, 5vw, 4.5rem);
    border: 0;
    background: #ffffff;
    box-shadow: none;
}
body.itemid-200 .com-users-registration__form fieldset {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem 1.15rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
body.itemid-200 .com-users-registration__form legend {
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--litteron-register-text);
    font-size: clamp(2rem, 4vw, 2.7rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    line-height: 1.08;
}
body.itemid-200 .com-users-registration__form > fieldset:first-of-type > legend::after {
    content: "Erstelle deinen persönlichen Zugang und starte mit einem strukturierten Contentprozess.";
    display: block;
    max-width: 42rem;
    margin-top: 0.85rem;
    color: var(--litteron-register-muted);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.65;
}
body.itemid-200 .com-users-registration__form .field-spacer {
    grid-column: 1 / -1;
    margin: 0.15rem 0 0.25rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #dbe7f2;
    border-radius: 0.8rem;
    background: #f7fbff;
}
body.itemid-200 .com-users-registration__form .field-spacer .control-label, body.itemid-200 .com-users-registration__form .field-spacer .controls {
    width: 100%;
    margin: 0;
    padding: 0;
}
body.itemid-200 .com-users-registration__form .field-spacer .spacer, body.itemid-200 .com-users-registration__form .field-spacer label {
    margin: 0;
    color: var(--litteron-register-muted);
    font-size: 0.88rem;
    font-weight: 600;
}
body.itemid-200 .com-users-registration__form .field-spacer .red {
    color: var(--litteron-register-danger);
}
body.itemid-200 .com-users-registration__form .control-group {
    min-width: 0;
    margin: 0;
}
body.itemid-200 .com-users-registration__form .control-group:has(#jform_email1) {
    grid-column: 1 / -1;
}
body.itemid-200 .com-users-registration__form .control-label, body.itemid-200 .com-users-registration__form .controls {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
body.itemid-200 .com-users-registration__form label {
    display: inline-block;
    margin: 0 0 0.5rem;
    color: var(--litteron-register-text);
    font-size: 0.92rem;
    font-weight: 750;
    letter-spacing: 0.005em;
}
body.itemid-200 .com-users-registration__form .star {
    color: var(--litteron-register-danger);
}
body.itemid-200 .com-users-registration__form .form-control {
    width: 100%;
    min-height: 3.35rem;
    padding: 0.78rem 1rem;
    border: 1px solid var(--litteron-register-border);
    border-radius: 0.85rem;
    color: var(--litteron-register-text);
    background: #fbfdff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
    font-size: 1rem;
    line-height: 1.4;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
body.itemid-200 .com-users-registration__form .form-control:hover {
    border-color: #b8c9da;
    background: #ffffff;
}
body.itemid-200 .com-users-registration__form .form-control:focus {
    border-color: var(--litteron-register-blue-light);
    outline: 0;
    background: #ffffff;
    box-shadow: 0 0 0 0.25rem rgba(8, 112, 230, 0.13);
}
body.itemid-200 .com-users-registration__form .small.text-muted {
    display: block;
    margin: 0 0 0.45rem;
    color: var(--litteron-register-muted) !important;
    font-size: 0.8rem;
    line-height: 1.45;
}
body.itemid-200 .com-users-registration__form .password-group, body.itemid-200 .com-users-registration__form .input-group {
    width: 100%;
    min-width: 0;
}
body.itemid-200 .com-users-registration__form .input-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}
body.itemid-200 .com-users-registration__form .input-group > .form-control {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
body.itemid-200 .com-users-registration__form .input-password-toggle {
    display: inline-flex;
    flex: 0 0 3.35rem;
    align-items: center;
    justify-content: center;
    width: 3.35rem;
    min-width: 3.35rem;
    min-height: 3.35rem;
    margin: 0;
    padding: 0;
    border: 1px solid var(--litteron-register-border);
    border-left: 0;
    border-radius: 0 0.85rem 0.85rem 0;
    color: var(--litteron-register-blue);
    background: #f6f9fc;
    box-shadow: none;
}
body.itemid-200 .com-users-registration__form .input-password-toggle:hover, body.itemid-200 .com-users-registration__form .input-password-toggle:focus-visible {
    color: #ffffff;
    border-color: var(--litteron-register-blue);
    background: var(--litteron-register-blue);
}
body.itemid-200 .com-users-registration__form .input-password-toggle .icon-eye, body.itemid-200 .com-users-registration__form .input-password-toggle .icon-eye-slash {
    margin: 0;
    font-size: 1rem;
    line-height: 1;
}
body.itemid-200 .com-users-registration__form > .control-group {
    width: 100%;
    margin: 1.35rem 0 0;
}
body.itemid-200 .com-users-registration__form altcha-widget {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 3.35rem;
    margin: 0;
}
body.itemid-200 .com-users-registration__submit {
    width: 100%;
    margin: 1.5rem 0 0 !important;
}
body.itemid-200 .com-users-registration__submit .controls {
    width: 100%;
    margin: 0;
    padding: 0;
}
body.itemid-200 .com-users-registration__register.btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.45rem;
    padding: 0.85rem 1.25rem;
    border: 1px solid var(--litteron-register-blue);
    border-radius: 0.85rem;
    color: #ffffff;
    background: linear-gradient(135deg, var(--litteron-register-blue) 0%, var(--litteron-register-blue-light) 100%);
    box-shadow: 0 14px 30px rgba(6, 59, 129, 0.22);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.2;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
body.itemid-200 .com-users-registration__register.btn-primary:hover, body.itemid-200 .com-users-registration__register.btn-primary:focus-visible {
    border-color: #052f67;
    background: linear-gradient(135deg, #052f67 0%, #0754b8 100%);
    box-shadow: 0 18px 36px rgba(6, 59, 129, 0.28);
    transform: translateY(-1px);
}
body.itemid-200 .com-users-registration__register.btn-primary:active {
    transform: translateY(0);
}
body.itemid-200 .joomla-alert, body.itemid-200 .alert {
    border-radius: 0.9rem;
}
@media (max-width: 991.98px) {
    body.itemid-200 .container-component {
        padding: 3rem 1.25rem;
    }
    body.itemid-200 .com-users-registration.registration {
        grid-template-columns: minmax(15rem, 0.72fr) minmax(27rem, 1.28fr);
        max-width: 900px;
    }
    body.itemid-200 .com-users-registration.registration::before {
        padding: 2.75rem 2rem;
        font-size: 0.96rem;
    }
    body.itemid-200 .com-users-registration__form {
        padding: 3rem 2.5rem;
    }
    body.itemid-200 .com-users-registration__form fieldset {
        grid-template-columns: 1fr;
    }
    body.itemid-200 .com-users-registration__form fieldset > * {
        grid-column: 1 / -1;
    }
}
@media (max-width: 767.98px) {
    body.itemid-200 .container-component {
        min-height: 0;
        padding: 2rem 0.9rem 2.5rem;
    }
    body.itemid-200 .com-users-registration.registration {
        display: block;
        overflow: hidden;
        border-radius: 1.25rem;
        box-shadow: 0 22px 55px rgba(2, 26, 56, 0.13);
    }
    body.itemid-200 .com-users-registration.registration::before {
        display: block;
        min-height: 0;
        padding: 1.5rem;
        font-size: 0.88rem;
        font-weight: 650;
        line-height: 1.6;
    }
    body.itemid-200 .com-users-registration__form {
        padding: 2rem 1.35rem;
    }
    body.itemid-200 .com-users-registration__form legend {
        font-size: 1.9rem;
    }
    body.itemid-200 .com-users-registration__form legend::after {
        font-size: 0.95rem;
        line-height: 1.55;
    }
}
@media (max-width: 480px) {
    body.itemid-200 .com-users-registration__form {
        padding-inline: 1rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.itemid-200 .com-users-registration *, body.itemid-200 .com-users-registration *::before, body.itemid-200 .com-users-registration *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/*
 =========================================================
 FINALE LAYOUT-ABSICHERUNG
 Alle aktuellen Litteron-Seiten: #f8fafc und 1320 px Desktop
 =========================================================
 */

body.itemid-101, body.itemid-197, body.itemid-200, body.itemid-201, body.itemid-202, body.itemid-101 .site-grid, body.itemid-197 .site-grid, body.itemid-200 .site-grid, body.itemid-201 .site-grid, body.itemid-202 .site-grid {
    background: var(--litteron-page-background);
}
body.itemid-197 .container-component > main, body.itemid-200 .container-component > main, body.itemid-201 .container-component > main, body.itemid-202 .container-component > main, body.itemid-197 #system-message-container, body.itemid-200 #system-message-container, body.itemid-201 #system-message-container, body.itemid-202 #system-message-container {
    width: 100%;
    max-width: var(--litteron-content-width);
    margin-inline: auto;
}
body.itemid-197 .com-users-login.login, body.itemid-200 .com-users-registration.registration, body.itemid-201 .com-users-remind.remind, body.itemid-202 .com-users-reset.reset {
    max-width: var(--litteron-content-width);
}

/*
 =========================================================
 LITTERON – FORMULARKONSISTENZ UND STARTSEITEN-FULLBLEED
 - Benutzerregistrierung: Passwortfelder untereinander
 - Benutzerformulare: Feldstil wie im Kontaktformular
 - ALTCHA: Darstellung wie im Kontaktformular
 - Startseite: blauer Hero-Hintergrund über volle Breite
 Hauptmenü, Supportmenü und Footer bleiben unverändert.
 =========================================================
 */

body.itemid-200 .com-users-registration__form .control-group:has(#jform_password1), body.itemid-200 .com-users-registration__form .control-group:has(#jform_password2) {
    grid-column: 1 / -1;
    width: 100%;
}
body.itemid-197 #com-users-login__form label, body.itemid-200 .com-users-registration__form label, body.itemid-201 .com-users-remind__form label, body.itemid-202 .com-users-reset__form label {
    display: inline-block;
    margin: 0 0 8px;
    color: var(--litteron-form-navy-950);
    font-size: 0.9rem;
    font-weight: 750;
    line-height: 1.35;
}
body.itemid-197 #com-users-login__form input.form-control, body.itemid-197 #com-users-login__form select.form-control, body.itemid-197 #com-users-login__form textarea.form-control, body.itemid-200 .com-users-registration__form input.form-control, body.itemid-200 .com-users-registration__form select.form-control, body.itemid-200 .com-users-registration__form textarea.form-control, body.itemid-201 .com-users-remind__form input.form-control, body.itemid-201 .com-users-remind__form select.form-control, body.itemid-201 .com-users-remind__form textarea.form-control, body.itemid-202 .com-users-reset__form input.form-control, body.itemid-202 .com-users-reset__form select.form-control, body.itemid-202 .com-users-reset__form textarea.form-control {
    width: 100%;
    min-height: 54px;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid var(--litteron-form-border);
    border-radius: var(--litteron-form-radius);
    color: var(--litteron-form-text);
    background: var(--litteron-form-surface);
    box-shadow: none;
    font: inherit;
    line-height: 1.45;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
body.itemid-197 #com-users-login__form input.form-control:hover, body.itemid-197 #com-users-login__form select.form-control:hover, body.itemid-197 #com-users-login__form textarea.form-control:hover, body.itemid-200 .com-users-registration__form input.form-control:hover, body.itemid-200 .com-users-registration__form select.form-control:hover, body.itemid-200 .com-users-registration__form textarea.form-control:hover, body.itemid-201 .com-users-remind__form input.form-control:hover, body.itemid-201 .com-users-remind__form select.form-control:hover, body.itemid-201 .com-users-remind__form textarea.form-control:hover, body.itemid-202 .com-users-reset__form input.form-control:hover, body.itemid-202 .com-users-reset__form select.form-control:hover, body.itemid-202 .com-users-reset__form textarea.form-control:hover {
    border-color: var(--litteron-form-border-hover);
    background: #ffffff;
}
body.itemid-197 #com-users-login__form input.form-control:focus, body.itemid-197 #com-users-login__form select.form-control:focus, body.itemid-197 #com-users-login__form textarea.form-control:focus, body.itemid-200 .com-users-registration__form input.form-control:focus, body.itemid-200 .com-users-registration__form select.form-control:focus, body.itemid-200 .com-users-registration__form textarea.form-control:focus, body.itemid-201 .com-users-remind__form input.form-control:focus, body.itemid-201 .com-users-remind__form select.form-control:focus, body.itemid-201 .com-users-remind__form textarea.form-control:focus, body.itemid-202 .com-users-reset__form input.form-control:focus, body.itemid-202 .com-users-reset__form select.form-control:focus, body.itemid-202 .com-users-reset__form textarea.form-control:focus {
    border-color: var(--litteron-form-blue);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(8, 119, 201, 0.12);
}
body.itemid-197 #com-users-login__form .form-control.invalid, body.itemid-197 #com-users-login__form .form-control[aria-invalid="true"], body.itemid-200 .com-users-registration__form .form-control.invalid, body.itemid-200 .com-users-registration__form .form-control[aria-invalid="true"], body.itemid-201 .com-users-remind__form .form-control.invalid, body.itemid-201 .com-users-remind__form .form-control[aria-invalid="true"], body.itemid-202 .com-users-reset__form .form-control.invalid, body.itemid-202 .com-users-reset__form .form-control[aria-invalid="true"] {
    border-color: #c62828;
    box-shadow: 0 0 0 4px rgba(198, 40, 40, 0.09);
}
body.itemid-197 #com-users-login__form .password-group .input-group, body.itemid-200 .com-users-registration__form .password-group .input-group {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 0;
    align-items: stretch;
}
body.itemid-197 #com-users-login__form .password-group .input-group > input.form-control, body.itemid-200 .com-users-registration__form .password-group .input-group > input.form-control {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
body.itemid-197 #com-users-login__form .input-password-toggle, body.itemid-200 .com-users-registration__form .input-password-toggle {
    display: inline-flex;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    width: 54px;
    min-width: 54px;
    min-height: 54px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--litteron-form-border);
    border-left: 0;
    border-radius: 0 var(--litteron-form-radius) var(--litteron-form-radius) 0;
    color: #075aa5;
    background: #f6fafe;
    box-shadow: none;
}
body.itemid-197 #com-users-login__form .input-password-toggle:hover, body.itemid-197 #com-users-login__form .input-password-toggle:focus-visible, body.itemid-200 .com-users-registration__form .input-password-toggle:hover, body.itemid-200 .com-users-registration__form .input-password-toggle:focus-visible {
    color: #ffffff;
    border-color: var(--litteron-form-blue);
    background: var(--litteron-form-blue);
    outline: none;
}
body.itemid-197 #com-users-login__form .form-check-input {
    width: 18px;
    height: 18px;
    accent-color: #075aa5;
}
body.itemid-200 .com-users-registration__form > .control-group:has(altcha-widget), body.itemid-201 .com-users-remind__form .control-group:has(altcha-widget), body.itemid-202 .com-users-reset__form .control-group:has(altcha-widget), body .oj-support-wrap .oj-captcha-field > .control-group {
    display: grid;
    grid-template-columns: minmax(230px, 0.9fr) minmax(240px, 1.1fr);
    gap: 20px;
    align-items: center;
    width: 100%;
    margin: 24px 0 0;
    padding: 18px;
    border: 1px solid var(--litteron-form-captcha-border);
    border-radius: var(--litteron-form-captcha-radius);
    background: var(--litteron-form-captcha-bg);
}
body.itemid-200 .com-users-registration__form > .control-group:has(altcha-widget) .control-label, body.itemid-201 .com-users-remind__form .control-group:has(altcha-widget) .control-label, body.itemid-202 .com-users-reset__form .control-group:has(altcha-widget) .control-label, body .oj-support-wrap .oj-captcha-field > .control-group > .control-label {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 2px 12px;
    align-items: center;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}
body.itemid-200 .com-users-registration__form > .control-group:has(altcha-widget) .control-label::before, body.itemid-201 .com-users-remind__form .control-group:has(altcha-widget) .control-label::before, body.itemid-202 .com-users-reset__form .control-group:has(altcha-widget) .control-label::before, body .oj-support-wrap .oj-captcha-field > .control-group > .control-label::before {
    content: "✓";
    display: grid;
    grid-column: 1;
    grid-row: 1 / 3;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 12px;
    color: var(--litteron-form-success);
    background: #e4f6ef;
    font-size: 1.15rem;
    font-weight: 850;
    line-height: 1;
}
body.itemid-200 .com-users-registration__form > .control-group:has(altcha-widget) .control-label::after, body.itemid-201 .com-users-remind__form .control-group:has(altcha-widget) .control-label::after, body.itemid-202 .com-users-reset__form .control-group:has(altcha-widget) .control-label::after, body .oj-support-wrap .oj-captcha-field > .control-group > .control-label::after {
    content: "Kurze Sicherheitsprüfung gegen automatisierte Anfragen";
    grid-column: 2;
    grid-row: 2;
    color: var(--litteron-form-muted);
    font-size: 0.77rem;
    line-height: 1.35;
}
body.itemid-200 .com-users-registration__form > .control-group:has(altcha-widget) .control-label label, body.itemid-201 .com-users-remind__form .control-group:has(altcha-widget) .control-label label, body.itemid-202 .com-users-reset__form .control-group:has(altcha-widget) .control-label label, body .oj-support-wrap .oj-captcha-field > .control-group > .control-label label {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    color: var(--litteron-form-navy-950);
    font-size: 0.9rem;
    font-weight: 750;
}
body.itemid-200 .com-users-registration__form > .control-group:has(altcha-widget) .controls, body.itemid-201 .com-users-remind__form .control-group:has(altcha-widget) .controls, body.itemid-202 .com-users-reset__form .control-group:has(altcha-widget) .controls, body .oj-support-wrap .oj-captcha-field > .control-group > .controls {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
}
body.itemid-200 .com-users-registration__form altcha-widget, body.itemid-201 .com-users-remind__form altcha-widget, body.itemid-202 .com-users-reset__form altcha-widget, body .oj-support-wrap .oj-captcha-field altcha-widget {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    --altcha-border-radius: 13px;
    --altcha-color-border: #cfdbe7;
    --altcha-color-base: #ffffff;
}
body.itemid-101 .site-grid, body.itemid-101 .grid-child.container-component, body.itemid-101 .container-component > main, body.itemid-101 .com-content-article, body.itemid-101 .com-content-article__body, body.itemid-101 .litteron-home {
    width: 100%;
    max-width: none !important;
    margin-inline: 0;
    padding-inline: 0;
}
body.itemid-101 .litteron-home {
    overflow: visible;
}
body.itemid-101 .litteron-hero {
    left: auto;
    right: auto;
    width: 100vw;
    max-width: none;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    transform: none;
}
@media (max-width: 767.98px) {
    body.itemid-200 .com-users-registration__form > .control-group:has(altcha-widget), body.itemid-201 .com-users-remind__form .control-group:has(altcha-widget), body.itemid-202 .com-users-reset__form .control-group:has(altcha-widget), body .oj-support-wrap .oj-captcha-field > .control-group {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 16px;
    }
}

/*
 =========================================================
 LITTERON FOOTERBEREICH
 Footer-Top: 6 + 3 + 3
 Desktop:  6 / 3 / 3
 Tablet:  12 / 6 / 6
 Mobil:   12 / 12 / 12
 =========================================================
 */

.container-footer-top {
    width: 100%;
    margin-top: 100px;
    padding: 48px 0 40px;
    border-bottom: 1px solid rgba(219, 234, 254, 0.22);
    color: var(--footercolor, #dbeafe);
    background: var(--footerbg, #021a38);
}
.container-footer-top > .container, .container-footer-top > .container-fluid {
    width: min(calc(100% - 2.5rem), var(--litteron-content-width, 1320px));
    max-width: var(--litteron-content-width, 1320px);
    margin-inline: auto;
    padding-inline: 0;
}
.container-footer-top .row {
    align-items: flex-start;
}
.container-footer-top .row > [class*="col-"] {
    min-width: 0;
}
.container-footer-top .moduletable, .container-footer-top .moduletable-own, .container-footer-top .mod-custom {
    width: 100%;
    margin: 0;
}
.container-footer-top :where(h1, h2, h3, h4, h5, h6) {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #ffffff;
}
.container-footer-top h3 {
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.3;
}
.container-footer-top :where(p, li, span, small) {
    color: var(--footercolor, #dbeafe);
}
.container-footer-top p {
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.7;
}
.container-footer-top a {
    color: var(--footercolor, #dbeafe);
    text-decoration: none;
    transition: color .18s ease;
}
.container-footer-top a:hover, .container-footer-top a:focus-visible {
    color: #ffffff;
}
.container-footer-top .mod-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.container-footer-top .mod-menu > li {
    width: 100%;
    margin: 0;
}
.container-footer-top .mod-menu > li > a {
    display: inline-flex;
    padding: .15rem 0;
    color: var(--footercolor, #dbeafe);
    line-height: 1.5;
}
.container-footer-top .mod-menu > li > a:hover, .container-footer-top .mod-menu > li > a:focus-visible {
    color: #ffffff;
}

/*
 =========================================================
 ERSTE SPALTE / 6ER-BEREICH
 Logo, Beschreibung usw.
 =========================================================
 */

@media (min-width: 992px) {
    .container-footer-top .row > [class*="col-"]:first-child .moduletable, .container-footer-top .row > [class*="col-"]:first-child .mod-custom {
        max-width: 560px;
    }
}
.container-footer-top .row > [class*="col-"]:first-child img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 320px);
    margin-bottom: 1.25rem;
}

/*
 =========================================================
 TABLET
 footer-top-1 = volle Breite
 footer-top-2 + footer-top-3 = je Hälfte
 =========================================================
 */

@media (min-width: 768px) and (max-width: 991.98px) {
    .container-footer-top {
        padding: 42px 0 36px;
    }
    .container-footer-top .row > [class*="col-"]:first-child {
        margin-bottom: .75rem;
    }
}

/*
 =========================================================
 MOBIL
 Alle drei Bereiche untereinander
 =========================================================
 */

@media (max-width: 767.98px) {
    .container-footer-top {
        margin-top: 70px;
        padding: 36px 0 32px;
    }
    .container-footer-top > .container, .container-footer-top > .container-fluid {
        width: min(calc(100% - 2rem), var(--litteron-content-width, 1320px));
    }
    .container-footer-top .row {
        --bs-gutter-y: 2.25rem;
    }
    .container-footer-top .row > [class*="col-"]:first-child img {
        max-width: min(100%, 280px);
    }
}

/*
 =========================================================
 UNTERER FOOTER
 Direkt an Footer-Top anschließen
 =========================================================
 */

.container-footer {
    margin-top: 0;
    background: var(--footerbg, #021a38);
}
.container-footer .footer-module-container {
    width: min(calc(100% - 2.5rem), var(--litteron-content-width, 1320px));
    max-width: var(--litteron-content-width, 1320px);
    margin-inline: auto;
}
@media (max-width: 767.98px) {
    .container-footer .footer-module-container {
        width: min(calc(100% - 2rem), var(--litteron-content-width, 1320px));
    }
}

/*
 =========================================================
 OJ SUPPORT SUITE – LITTERON FRONTEND-DESIGN
 Ticketportal + Knowledge Base
 =========================================================
 */

body .oj-support-wrap, body .oj-kb {
    width: min(100%, var(--litteron-content-width, 1320px));
    max-width: var(--litteron-content-width, 1320px) !important;
    margin-inline: auto;
    color: var(--oj-support-body);
    font-size: 1rem;
    line-height: 1.7;
}
body .oj-support-wrap *, body .oj-support-wrap *::before, body .oj-support-wrap *::after, body .oj-kb *, body .oj-kb *::before, body .oj-kb *::after {
    box-sizing: border-box;
}
body .oj-support-wrap :where(h1,h2,h3,h4), body .oj-kb :where(h1,h2,h3,h4) {
    color: var(--oj-support-text);
    font-weight: 750;
    letter-spacing: -.03em;
    text-wrap: balance;
}
body .oj-support-wrap h1, body .oj-kb h1 {
    font-size: clamp(2.05rem, 4vw, 3.35rem);
    line-height: 1.06;
}
body .oj-kicker, body .oj-kb-eyebrow {
    color: var(--oj-support-blue) !important;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
body .oj-support-header, body .oj-kb .oj-kb-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(1.7rem, 4vw, 3rem);
    border: 0;
    border-radius: var(--oj-support-radius);
    color: #dbeafe;
    background: radial-gradient(circle at 86% 18%, rgba(18,184,232,.22), transparent 22rem), radial-gradient(circle at 10% 96%, rgba(124,108,242,.13), transparent 20rem), linear-gradient(135deg, #021a38 0%, #032752 52%, #063b81 100%);
    box-shadow: var(--litteron-shadow-lg, 0 32px 80px rgba(2,26,56,.18));
}
body .oj-support-header::before, body .oj-kb .oj-kb-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 46px 46px;
    content: "";
}
body .oj-support-header {
    align-items: center;
    margin-bottom: 2rem;
}
body .oj-support-header h1, body .oj-kb .oj-kb-hero h1 {
    color: #fff;
    margin: .2rem 0 .65rem;
}
body .oj-support-header p, body .oj-kb .oj-kb-hero p {
    color: #dbeafe;
    margin-bottom: 0;
}
body .oj-support-header .oj-kicker, body .oj-kb .oj-kb-hero .oj-kb-eyebrow {
    color: #8ee6ff !important;
}
body .oj-support-wrap label, body .oj-kb label {
    color: var(--oj-support-text);
    font-size: .9rem;
    font-weight: 750;
}
body .oj-support-wrap :where(.form-control,.form-select), body .oj-kb :where(.form-control,.form-select) {
    width: 100%;
    min-height: 54px;
    padding: 13px 15px;
    border: 1px solid #cfdbe7;
    border-radius: 13px;
    color: var(--oj-support-text);
    background: #fbfdff;
    box-shadow: none;
    font: inherit;
    line-height: 1.45;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
body .oj-support-wrap textarea.form-control, body .oj-kb textarea.form-control {
    min-height: 150px;
    resize: vertical;
}
body .oj-support-wrap :where(.form-control,.form-select):hover, body .oj-kb :where(.form-control,.form-select):hover {
    border-color: #aebfd0;
    background: #fff;
}
body .oj-support-wrap :where(.form-control,.form-select):focus, body .oj-kb :where(.form-control,.form-select):focus {
    border-color: var(--oj-support-blue-light);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(8,112,230,.12);
}
body .oj-kb .oj-kb-hero :where(.form-control,.form-select) {
    background: rgba(255,255,255,.98);
}
body .oj-support-wrap .btn, body .oj-kb .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 46px;
    padding: .7rem 1.05rem;
    border-radius: 12px;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
body .oj-support-wrap .btn:hover, body .oj-kb .btn:hover {
    transform: translateY(-1px);
}
body .oj-support-wrap .btn-primary, body .oj-kb .btn-primary {
    color: #fff;
    border-color: var(--oj-support-blue);
    background: linear-gradient(135deg, #063b81, #0870e6);
    box-shadow: 0 12px 26px rgba(7,84,184,.18);
}
body .oj-support-wrap .btn-primary:hover, body .oj-kb .btn-primary:hover {
    color: #fff;
    border-color: #0870e6;
    background: linear-gradient(135deg, #0754b8, #12b8e8);
    box-shadow: 0 16px 32px rgba(7,84,184,.24);
}
body .oj-kb .oj-kb-hero .btn-primary {
    color: #021a38;
    border-color: #fff;
    background: #fff;
    box-shadow: 0 14px 30px rgba(0,0,0,.17);
}
body .oj-kb .oj-kb-hero .btn-primary:hover {
    color: #021a38;
    background: #eaf8ff;
}
body .oj-support-wrap :where(.btn-outline-primary,.btn-outline-secondary), body .oj-kb :where(.btn-outline-primary,.btn-outline-secondary) {
    color: var(--oj-support-blue);
    border-color: #bfd4ea;
    background: #fff;
}
body .oj-support-wrap :where(.btn-outline-primary,.btn-outline-secondary):hover, body .oj-kb :where(.btn-outline-primary,.btn-outline-secondary):hover {
    color: #fff;
    border-color: var(--oj-support-blue);
    background: var(--oj-support-blue);
}
body .oj-support-card, body .oj-ticket-row, body .oj-message, body .oj-kb .oj-kb-category-card, body .oj-kb .oj-kb-featured-item, body .oj-kb .oj-kb-compact-section, body .oj-kb .oj-kb-article, body .oj-kb .oj-kb-section, body .oj-kb .oj-kb-rating {
    border: 1px solid var(--oj-support-border);
    border-radius: var(--oj-support-radius);
    background: var(--oj-support-surface);
    box-shadow: var(--oj-support-shadow);
}
body .oj-support-card, body .oj-message {
    padding: clamp(1.25rem, 2.4vw, 1.75rem);
}
body .oj-ticket-list, body .oj-conversation {
    gap: 1rem;
}
body .oj-ticket-row {
    padding: 1.25rem 1.4rem;
    color: var(--oj-support-body);
}
body .oj-ticket-row:hover {
    border-color: #bfd4ea;
    box-shadow: 0 18px 38px rgba(15,23,42,.11);
    transform: translateY(-3px);
}
body .oj-ticket-row strong, body .oj-message header strong {
    color: var(--oj-support-text);
    font-weight: 750;
}
body .oj-ticket-row > div:first-child > span, body .oj-ticket-meta time, body .oj-message time {
    color: var(--oj-support-muted);
}
body .oj-message {
    position: relative;
    overflow: hidden;
}
body .oj-message::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: linear-gradient(#0870e6, #12b8e8);
    content: "";
}
body .oj-message header {
    align-items: center;
    padding-bottom: .8rem;
    border-bottom: 1px solid var(--oj-support-border);
}
body .oj-attachments {
    padding: 1rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #f5faff;
}
body .oj-badge {
    padding: .38rem .72rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
}
body .oj-kb .oj-kb-section-heading {
    margin: clamp(2.4rem,5vw,4rem) 0 1.25rem;
}
body .oj-kb .oj-kb-section-heading > a, body .oj-kb .oj-kb-category-card footer a {
    color: var(--oj-support-blue);
    font-weight: 750;
    text-decoration: none;
}
body .oj-kb .oj-kb-featured-list {
    gap: 1rem;
}
body .oj-kb .oj-kb-featured-item {
    min-height: 92px;
    padding: 1.05rem 1.15rem;
}
body .oj-kb .oj-kb-featured-item:hover {
    border-color: #b9d8f4;
    box-shadow: 0 18px 36px rgba(15,23,42,.10);
    transform: translateY(-3px);
}
body .oj-kb .oj-kb-featured-item small {
    color: var(--oj-support-muted);
}
body .oj-kb .oj-kb-featured-item strong {
    color: var(--oj-support-text);
}
body .oj-kb .oj-kb-featured-item > span:last-child {
    color: var(--oj-support-blue-light);
}
body .oj-kb .oj-kb-category-grid {
    gap: 1.25rem;
}
body .oj-kb .oj-kb-category-card {
    position: relative;
    overflow: hidden;
    padding: 1.45rem 1.5rem;
}
body .oj-kb .oj-kb-category-card::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg,#0754b8,#12b8e8);
    content: "";
}
body .oj-kb .oj-kb-category-card:hover {
    border-color: #c6dbef;
    box-shadow: 0 18px 38px rgba(15,23,42,.10);
}
body .oj-kb .oj-kb-category-card h3 a {
    color: var(--oj-support-text);
}
body .oj-kb .oj-kb-category-card h3 a:hover {
    color: var(--oj-support-blue);
}
body .oj-kb .oj-kb-category-description {
    color: var(--oj-support-muted);
}
body .oj-kb .oj-kb-category-card header > div:first-child > span {
    padding: .28rem .55rem;
    border-radius: 999px;
    color: var(--oj-support-muted);
    background: #f1f7fd;
    white-space: nowrap;
}
body .oj-kb .oj-kb-category-articles li {
    padding: .72rem 0;
    border-bottom-color: var(--oj-support-border);
}
body .oj-kb .oj-kb-category-articles li a {
    color: var(--oj-support-body);
    font-weight: 600;
}
body .oj-kb .oj-kb-category-articles li a:hover {
    color: var(--oj-support-blue);
}
body .oj-kb .oj-kb-compact-section {
    padding: 1.45rem;
}
body .oj-kb .oj-kb-results-head {
    margin: 1.5rem 0 1rem;
}
body .oj-kb .oj-kb-result-list, body .oj-kb .oj-kb-category-list {
    display: grid;
    gap: .85rem;
    border-top: 0;
}
body .oj-kb .oj-kb-result-item, body .oj-kb .oj-kb-category-row {
    padding: 1.25rem 1.35rem;
    border: 1px solid var(--oj-support-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15,23,42,.045);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body .oj-kb .oj-kb-result-item:hover, body .oj-kb .oj-kb-category-row:hover {
    border-color: #bfd4ea;
    box-shadow: 0 16px 34px rgba(15,23,42,.09);
    transform: translateY(-2px);
}
body .oj-kb .oj-kb-result-item.is-featured, body .oj-kb .oj-kb-category-row.is-featured {
    border-color: #c5dcf3;
    background: linear-gradient(90deg,rgba(8,112,230,.045),transparent 48%),#fff;
}
body .oj-kb .oj-kb-result-context, body .oj-kb .oj-kb-meta {
    color: var(--oj-support-muted);
}
body .oj-kb .oj-kb-result-item h2 a, body .oj-kb .oj-kb-category-row h2 a {
    color: var(--oj-support-text);
}
body .oj-kb .oj-kb-result-item h2 a:hover, body .oj-kb .oj-kb-category-row h2 a:hover {
    color: var(--oj-support-blue);
}
body .oj-kb .oj-kb-result-arrow {
    border-color: #d1deea;
    color: var(--oj-support-blue);
    background: #f8fbff;
}
body .oj-kb .oj-kb-result-arrow:hover {
    color: #fff;
    border-color: var(--oj-support-blue);
    background: var(--oj-support-blue);
}
body .oj-kb .oj-kb-category-count {
    color: var(--oj-support-blue);
    background: #eaf4ff;
}
body .oj-kb .oj-kb-article {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    padding: clamp(1.45rem,3vw,2.25rem);
}
body .oj-kb .oj-kb-breadcrumbs {
    color: var(--oj-support-muted);
}
body .oj-kb .oj-kb-breadcrumbs a {
    color: var(--oj-support-blue);
    text-decoration: none;
}
body .oj-kb .oj-kb-content {
    color: var(--oj-support-body);
    font-size: 1.03rem;
    line-height: 1.8;
}
body .oj-kb .oj-kb-content :where(h2,h3) {
    margin-top: 2.2rem;
    margin-bottom: .85rem;
}
body .oj-kb .oj-kb-content a {
    color: var(--oj-support-blue);
    font-weight: 650;
}
body .oj-kb .oj-kb-content img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--oj-support-border);
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(15,23,42,.07);
}
body .oj-kb .oj-kb-content blockquote {
    margin: 1.5rem 0;
    padding: 1rem 1.25rem;
    border-left: 4px solid var(--oj-support-blue-light);
    border-radius: 0 12px 12px 0;
    color: #28435f;
    background: #f3f8fd;
}
body .oj-kb .oj-kb-content pre {
    overflow-x: auto;
    padding: 1rem 1.15rem;
    border-radius: 10px;
    color: #e8f2ff;
    background: #021a38;
}
body .oj-kb .oj-kb-content :not(pre) > code {
    padding: .12rem .35rem;
    border-radius: 6px;
    color: #064e86;
    background: #eaf4ff;
}
body .oj-kb .oj-kb-content table {
    width: 100%;
    margin: 1.5rem 0;
    border: 1px solid var(--oj-support-border);
    border-collapse: separate;
    border-spacing: 0;
}
body .oj-kb .oj-kb-content :where(th,td) {
    padding: .75rem .85rem;
    border-right: 1px solid var(--oj-support-border);
    border-bottom: 1px solid var(--oj-support-border);
}
body .oj-kb .oj-kb-content th {
    color: var(--oj-support-text);
    background: #f3f7fb;
}
body .oj-kb .oj-kb-section, body .oj-kb .oj-kb-rating {
    padding: 1.35rem 1.45rem;
}
body .oj-kb .list-group-item {
    border: 1px solid var(--oj-support-border);
    border-radius: 12px !important;
    background: #fbfdff;
}
body .oj-support-wrap .oj-kb-suggestions {
    margin-top: .4rem;
    padding: 1.25rem 1.35rem;
    border: 1px solid #c9def1;
    border-radius: 16px;
    background: linear-gradient(135deg,rgba(8,112,230,.055),rgba(18,184,232,.035)),#fff;
}
body .oj-support-wrap .oj-kb-suggestions h2 {
    color: var(--oj-support-text);
}
body .oj-support-wrap .oj-suggestion {
    border-top-color: #d7e4ef;
}
body .oj-support-wrap .oj-suggestion p {
    color: var(--oj-support-muted);
}
body .oj-support-wrap .alert, body .oj-kb .alert {
    padding: 1rem 1.15rem;
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(15,23,42,.045);
}
body .oj-support-wrap .alert-info, body .oj-kb .alert-info {
    color: #164b72;
    border-color: #c8e1f3;
    background: #f0f8fe;
}
body .oj-support-wrap .alert-warning, body .oj-kb .alert-warning {
    color: #70551e;
    border-color: #ebd9a7;
    background: #fffaf0;
}
body .oj-support-wrap .pagination, body .oj-kb .pagination {
    gap: .35rem;
    margin-top: 1.75rem;
}
body .oj-support-wrap .page-link, body .oj-kb .page-link {
    display: grid;
    place-items: center;
    min-width: 42px;
    min-height: 42px;
    border: 1px solid var(--oj-support-border);
    border-radius: 10px !important;
    color: var(--oj-support-blue);
    background: #fff;
}
body .oj-support-wrap .page-item.active .page-link, body .oj-kb .page-item.active .page-link, body .oj-support-wrap .page-link:hover, body .oj-kb .page-link:hover {
    color: #fff;
    border-color: var(--oj-support-blue);
    background: var(--oj-support-blue);
}
@media (max-width: 991.98px) {
    body .oj-support-header, body .oj-kb .oj-kb-hero {
        padding: 1.7rem;
    }
    body .oj-kb .oj-kb-category-grid, body .oj-kb .oj-kb-secondary-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767.98px) {
    body .oj-support-header, body .oj-kb .oj-kb-hero {
        padding: 1.35rem;
        border-radius: 17px;
    }
    body .oj-support-header {
        align-items: flex-start;
    }
    body .oj-support-header .btn, body .oj-support-card > .btn, body .oj-kb .oj-kb-category-row > .btn {
        width: 100%;
    }
    body .oj-support-card, body .oj-message, body .oj-kb .oj-kb-category-card, body .oj-kb .oj-kb-compact-section, body .oj-kb .oj-kb-article, body .oj-kb .oj-kb-section, body .oj-kb .oj-kb-rating {
        padding: 1.15rem;
        border-radius: 16px;
    }
    body .oj-ticket-row, body .oj-kb .oj-kb-result-item, body .oj-kb .oj-kb-category-row {
        padding: 1.05rem 1.1rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    body .oj-support-wrap *, body .oj-kb * {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/*
 =========================================================
 OJ SUPPORT – CAPTCHA FINALER ABGLEICH
 Reales Joomla-Markup: .oj-captcha-field > .control-group
 =========================================================
 */

body .oj-support-wrap .oj-captcha-field {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
}
body .oj-support-wrap .oj-captcha-field > .control-group {
    display: grid !important;
    grid-template-columns: minmax(230px, .9fr) minmax(240px, 1.1fr) !important;
    gap: 20px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: none !important;
    margin: 24px 0 0 !important;
    padding: 18px !important;
    border: 1px solid var(--litteron-form-captcha-border, #dce7f0) !important;
    border-radius: var(--litteron-form-captcha-radius, 17px) !important;
    background: var(--litteron-form-captcha-bg, #f6fafe) !important;
    box-shadow: none !important;
}
body .oj-support-wrap .oj-captcha-field > .control-group > .control-label {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 2px 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
body .oj-support-wrap .oj-captcha-field > .control-group > .control-label::before {
    content: "" !important;
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 12px !important;
    background-color: #e4f6ef !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230b8f65%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%204%207v5c0%205%203.4%208%208%209%204.6-1%208-4%208-9V7l-8-4Z%22%2F%3E%3Cpath%20d%3D%22m8.5%2012%202.2%202.2%204.8-5%22%2F%3E%3C%2Fsvg%3E") !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 22px 22px !important;
}
body .oj-support-wrap .oj-captcha-field > .control-group > .control-label::after {
    content: "Kurze Sicherheitsprüfung gegen automatisierte Anfragen" !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: var(--litteron-form-muted, #65758b) !important;
    font-size: .77rem !important;
    line-height: 1.35 !important;
}
body .oj-support-wrap .oj-captcha-field > .control-group > .control-label > label {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--litteron-form-navy-950, #071b3a) !important;
    font-size: .9rem !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
}
body .oj-support-wrap .oj-captcha-field > .control-group > .controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
body .oj-support-wrap .oj-captcha-field altcha-widget {
    display: block !important;
    width: min(100%, 320px) !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    --altcha-border-radius: 13px;
    --altcha-color-border: #cfdbe7;
    --altcha-color-base: #ffffff;
}
body .oj-kb.oj-kb-article-view {
    width: 100% !important;
    max-width: var(--litteron-content-width, 1320px) !important;
    margin-inline: auto !important;
}
body .oj-kb.oj-kb-article-view > .oj-kb-article {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}
@media (max-width: 767.98px) {
    body .oj-support-wrap .oj-captcha-field > .control-group {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        padding: 16px !important;
    }
    body .oj-support-wrap .oj-captcha-field altcha-widget {
        width: 100% !important;
    }
}

/*
 =========================================================
 LITTERON – NEWSLETTER / BWPOSTMAN
 Joomla Menüpunkt: Newsletter / itemid-520
 =========================================================
 */

body.itemid-520 #bwpostman, body.itemid-520 #bwpostman *, body.itemid-520 #bwpostman *::before, body.itemid-520 #bwpostman *::after {
    box-sizing: border-box;
}
body.itemid-520 #bwpostman {
    width: 100%;
    margin: 0;
    color: var(--litteron-slate-700, #334155);
}
body.itemid-520 #bwp_com_register {
    width: 100%;
    max-width: 100%;
}
body.itemid-520 #bwp_com_register > .content_inner {
    width: 100%;
}
body.itemid-520 #bwp_com_form {
    width: 100%;
    margin: 0;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid var(--litteron-slate-200, #e2e8f0);
    border-radius: var(--litteron-radius-md, 1.25rem);
    background: var(--litteron-white, #fff);
    box-shadow: var(--litteron-shadow-sm, 0 12px 30px rgba(15, 23, 42, 0.08));
}
body.itemid-520 #bwpostman .user_edit {
    margin: 0 0 1.5rem;
    padding: 1rem 1.2rem;
    border: 1px solid #dbeafe;
    border-radius: var(--litteron-radius-sm, .75rem);
    background: #f0f7ff;
}
body.itemid-520 #bwpostman .user_edit a {
    color: var(--litteron-blue-700, #0754b8);
    font-weight: 650;
    text-decoration: none;
}
body.itemid-520 #bwpostman .user_edit a:hover, body.itemid-520 #bwpostman .user_edit a:focus-visible {
    color: var(--litteron-blue-800, #063b81);
    text-decoration: underline;
}
body.itemid-520 #bwpostman .user_hightlight {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
body.itemid-520 #bwpostman .control-group.row {
    display: grid;
    grid-template-columns: minmax(180px, 0.32fr) minmax(0, 0.68fr);
    gap: 1rem 1.5rem;
    align-items: center;
    margin: 0 0 1.35rem;
}
body.itemid-520 #bwpostman .control-group.row > label {
    width: auto;
    margin: 0;
    padding: 0;
    color: var(--litteron-slate-950, #0f172a);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.35;
}
body.itemid-520 #bwpostman .control-group.row > .col-sm-9 {
    width: 100%;
    max-width: none;
    padding: 0;
}
body.itemid-520 #bwpostman .input-group {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}
body.itemid-520 #bwpostman .form-control {
    width: 100%;
    min-height: 54px;
    padding: .8rem 1rem;
    border: 1px solid #cfdbe7;
    border-radius: 13px 0 0 13px;
    color: var(--litteron-slate-950, #0f172a);
    background: #fbfdff;
    box-shadow: none;
    font-size: 1rem;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.itemid-520 #bwpostman .form-control:hover {
    border-color: #aebfd0;
}
body.itemid-520 #bwpostman .form-control:focus {
    position: relative;
    z-index: 2;
    border-color: var(--litteron-blue-600, #0870e6);
    outline: 0;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(8, 112, 230, .12);
}
body.itemid-520 #bwpostman .input-group-text {
    display: flex;
    flex: 0 0 52px;
    justify-content: center;
    align-items: center;
    min-height: 54px;
    border: 1px solid #cfdbe7;
    border-left: 0;
    border-radius: 0 13px 13px 0;
    color: var(--litteron-blue-700, #0754b8);
    background: #f1f6fb;
}
body.itemid-520 #bwpostman .input-group-text .fa-star {
    font-size: .55rem;
}
body.itemid-520 #bwpostman .disclaimer {
    margin-top: .5rem;
}
body.itemid-520 #bwpostman .agree_check {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
    margin: 1.4rem 0 !important;
    padding: 0;
}
body.itemid-520 #bwpostman #agreecheck {
    appearance: none;
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin: .12rem 0 0;
    border: 2px solid #b8c7d6;
    border-radius: .32rem;
    background: #fff;
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
body.itemid-520 #bwpostman #agreecheck:hover {
    border-color: var(--litteron-blue-600, #0870e6);
}
body.itemid-520 #bwpostman #agreecheck:focus-visible {
    outline: 0;
    border-color: var(--litteron-blue-600, #0870e6);
    box-shadow: 0 0 0 4px rgba(8, 112, 230, .13);
}
body.itemid-520 #bwpostman #agreecheck:checked {
    border-color: var(--litteron-blue-600, #0870e6);
    background-color: var(--litteron-blue-600, #0870e6);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: .85rem;
}
body.itemid-520 #bwpostman .agree_check .form-check-label {
    margin: 0;
    color: var(--litteron-slate-700, #334155);
    line-height: 1.55;
}
body.itemid-520 #bwpostman .agree_check .form-check-label a {
    color: var(--litteron-blue-700, #0754b8);
    font-weight: 650;
    text-decoration: none;
}
body.itemid-520 #bwpostman .agree_check .form-check-label a:hover {
    text-decoration: underline;
}

/*
 =========================================================
 NEWSLETTER CAPTCHA
 Gleicher Litteron-Stil wie Registrierung / Kontakt
 =========================================================
 */

body.itemid-520 #bwpostman .oj-bwpostman-captcha {
    display: grid !important;
    grid-template-columns: minmax(260px, .9fr) minmax(300px, 1.1fr);
    gap: 1.25rem 2rem;
    align-items: center;
    width: 100%;
    margin: 1.5rem 0 !important;
    padding: 18px !important;
    border: 1px solid #cfe1ef !important;
    border-radius: 14px !important;
    background: #f1f8fc !important;
}
body.itemid-520 #bwpostman .oj-bwpostman-captcha__label {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 2px 12px;
    align-items: center;
    min-width: 0;
    margin: 0;
    color: var(--litteron-navy-950, #021a38);
    font-size: .9rem;
    font-weight: 750;
    line-height: 1.3;
}
body.itemid-520 #bwpostman .oj-bwpostman-captcha__label::before {
    display: grid;
    grid-column: 1;
    grid-row: 1 / 3;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: #047857;
    background: #d1fae5;
    font-size: 1.15rem;
    font-weight: 900;
    content: "✓";
}
body.itemid-520 #bwpostman .oj-bwpostman-captcha__label::after {
    grid-column: 2;
    grid-row: 2;
    color: var(--litteron-slate-500, #64748b);
    font-size: .77rem;
    font-weight: 500;
    line-height: 1.35;
    content: "Kurze Sicherheitsprüfung gegen automatisierte Anfragen";
}
body.itemid-520 #bwpostman .oj-bwpostman-captcha__challenge {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    min-width: 0;
}
body.itemid-520 #bwpostman .oj-bwpostman-captcha altcha-widget {
    display: block;
    width: min(100%, 390px);
    max-width: 100%;
    margin: 0;
}
body.itemid-520 #bwpostman .button-register {
    margin: 1.5rem 0 0 !important;
}
body.itemid-520 #bwpostman .button-register .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 52px;
    padding: .85rem 1.4rem;
    border: 1px solid var(--litteron-blue-700, #0754b8);
    border-radius: var(--litteron-radius-sm, .75rem);
    color: #fff;
    background: var(--litteron-blue-800, #063b81);
    box-shadow: 0 8px 20px rgba(6, 59, 129, .14);
    font-size: 1rem;
    font-weight: 750;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
body.itemid-520 #bwpostman .button-register .btn:hover, body.itemid-520 #bwpostman .button-register .btn:focus-visible {
    border-color: var(--litteron-blue-700, #0754b8);
    color: #fff;
    background: var(--litteron-blue-700, #0754b8);
    box-shadow: 0 12px 26px rgba(6, 59, 129, .2);
    transform: translateY(-1px);
}
body.itemid-520 #bwpostman .button-register .btn:focus-visible {
    outline: 3px solid rgba(18, 184, 232, .32);
    outline-offset: 3px;
}
body.itemid-520 #bwpostman .register-required {
    margin-top: 1rem;
    color: var(--litteron-slate-500, #64748b);
    font-size: .82rem;
}
body.itemid-520 #bwpostman .register-required .fa-star {
    color: var(--litteron-blue-700, #0754b8);
    font-size: .5rem;
}
body.itemid-520 #bwpostman #bwp_com_modal-content {
    overflow: hidden;
    border: 1px solid var(--litteron-slate-200, #e2e8f0);
    border-radius: var(--litteron-radius-md, 1.25rem);
    background: #fff;
    box-shadow: var(--litteron-shadow-lg, 0 32px 80px rgba(2, 26, 56, .18));
}
body.itemid-520 #bwpostman #bwp_modal-title {
    color: var(--litteron-slate-950, #0f172a);
}

/*
 =========================================================
 RESPONSIVE
 =========================================================
 */

@media (max-width: 767.98px) {
    body.itemid-520 #bwp_com_form {
        padding: 1.25rem;
    }
    body.itemid-520 #bwpostman .control-group.row {
        grid-template-columns: 1fr;
        gap: .5rem;
    }
    body.itemid-520 #bwpostman .oj-bwpostman-captcha {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    body.itemid-520 #bwpostman .oj-bwpostman-captcha__challenge {
        justify-content: flex-start;
    }
    body.itemid-520 #bwpostman .oj-bwpostman-captcha altcha-widget {
        width: 100%;
    }
    body.itemid-520 #bwpostman .button-register .btn {
        width: 100%;
    }
}

/*
 =========================================================
 BWPOSTMAN – VORNAME + E-MAIL ÜBER VOLLE BREITE
 =========================================================
 */

body.itemid-520 #bwpostman, body.itemid-520 #bwp_com_register, body.itemid-520 #bwp_com_register > .content_inner, body.itemid-520 #bwp_com_form, body.itemid-520 #bwpostman .contentpane {
    width: 100% !important;
    max-width: none !important;
}
body.itemid-520 #bwpostman .contentpane {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 1.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.itemid-520 #bwpostman .contentpane > .control-group.row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .55rem !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.itemid-520 #bwpostman .contentpane > .control-group.row > label {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--litteron-slate-950, #0f172a);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.35;
}
body.itemid-520 #bwpostman .contentpane > .control-group.row > .col-sm-9 {
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.itemid-520 #bwpostman .contentpane .input-group {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
}
body.itemid-520 #bwpostman .contentpane .form-control {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 54px;
}
body.itemid-520 #bwpostman .contentpane .input-group-text {
    flex: 0 0 52px !important;
}
body.itemid-520 #bwpostman .contentpane > .lists {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}

/*
 =========================================================
 RESPONSIVE
 =========================================================
 */

@media (max-width: 767.98px) {
    body.itemid-520 #bwpostman .contentpane {
        grid-template-columns: 1fr !important;
        gap: 1.15rem !important;
    }
    body.itemid-520 #bwpostman .contentpane > .lists {
        grid-column: 1 !important;
    }
}

/*
 =========================================================
 LITTERON – NEWSLETTER-EINSTELLUNGEN
 BWPOSTMAN / itemid-519
 =========================================================
 */

body.itemid-519 #bwpostman, body.itemid-519 #bwpostman *, body.itemid-519 #bwpostman *::before, body.itemid-519 #bwpostman *::after {
    box-sizing: border-box;
}
body.itemid-519 #bwpostman {
    width: 100%;
    max-width: none;
    margin: 0;
    color: var(--litteron-slate-700, #334155);
}
body.itemid-519 #bwp_com_getedit_link, body.itemid-519 #bwp_com_form {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
body.itemid-519 #bwp_com_form {
    position: relative;
    overflow: hidden;
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border: 1px solid var(--litteron-slate-200, #e2e8f0);
    border-radius: var(--litteron-radius-md, 1.25rem);
    background: linear-gradient( 145deg, #ffffff 0%, #fbfdff 100% );
    box-shadow: var( --litteron-shadow-sm, 0 12px 30px rgba(15, 23, 42, .08) );
}
body.itemid-519 #bwp_com_form::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient( 90deg, var(--litteron-blue-700, #0754b8), var(--litteron-cyan-500, #12b8e8) );
    content: "";
}
body.itemid-519 #bwpostman .contentpane {
    width: 100%;
    max-width: none;
    margin: 0 !important;
    padding: 0 !important;
}
body.itemid-519 #bwpostman .getlink_text {
    position: relative;
    margin: 0 0 2rem;
    padding: 1.25rem 1.35rem 1.25rem 4.8rem;
    border: 1px solid #d9e7f3;
    border-radius: 14px;
    color: var(--litteron-slate-600, #475569);
    background: #f5faff;
    font-size: .97rem;
    line-height: 1.7;
}
body.itemid-519 #bwpostman .getlink_text::before {
    position: absolute;
    top: 50%;
    left: 1.25rem;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: var(--litteron-blue-700, #0754b8);
    background: #dbeafe;
    font-family: Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 800;
    content: "✉";
    transform: translateY(-50%);
}
body.itemid-519 #bwpostman .getlink_email {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .6rem;
    width: 100%;
    max-width: none;
    margin: 0 0 1.4rem !important;
    padding: 0 !important;
}
body.itemid-519 #bwpostman .getlink_email > span {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.itemid-519 #bwpostman .getlink_email label {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--litteron-slate-950, #0f172a);
    font-size: .95rem;
    font-weight: 700;
    line-height: 1.35;
}
body.itemid-519 #bwpostman .getlink_email input[type="text"], body.itemid-519 #bwpostman #email {
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-height: 54px;
    margin: 0 !important;
    padding: .8rem 1rem;
    border: 1px solid #cfdbe7;
    border-radius: 13px;
    outline: 0;
    color: var(--litteron-slate-950, #0f172a);
    background: #fbfdff;
    box-shadow: none;
    font-family: inherit;
    font-size: 1rem;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
body.itemid-519 #bwpostman #email:hover {
    border-color: #aebfd0;
}
body.itemid-519 #bwpostman #email:focus {
    border-color: var(--litteron-blue-600, #0870e6);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(8, 112, 230, .12);
}
body.itemid-519 #bwpostman #email.invalid, body.itemid-519 #bwpostman #email.form-control-danger {
    border-color: #dc2626;
    background: #fffafa;
}
body.itemid-519 #bwpostman #email.invalid:focus, body.itemid-519 #bwpostman #email.form-control-danger:focus {
    box-shadow: 0 0 0 4px rgba(220, 38, 38, .10);
}
body.itemid-519 #bwpostman #bwp_com_form > button, body.itemid-519 #bwpostman #bwp_com_form .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .55rem;
    min-height: 52px;
    margin: .25rem 0 0;
    padding: .85rem 1.4rem;
    border: 1px solid var(--litteron-blue-700, #0754b8);
    border-radius: var(--litteron-radius-sm, .75rem);
    color: #fff;
    background: linear-gradient( 135deg, var(--litteron-blue-800, #063b81), var(--litteron-blue-700, #0754b8) );
    box-shadow: 0 8px 20px rgba(6, 59, 129, .14);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
body.itemid-519 #bwpostman #bwp_com_form > button:hover, body.itemid-519 #bwpostman #bwp_com_form > button:focus-visible, body.itemid-519 #bwpostman #bwp_com_form .btn:hover, body.itemid-519 #bwpostman #bwp_com_form .btn:focus-visible {
    color: #fff;
    border-color: var(--litteron-blue-800, #063b81);
    background: linear-gradient( 135deg, var(--litteron-blue-700, #0754b8), var(--litteron-blue-600, #0870e6) );
    box-shadow: 0 12px 28px rgba(6, 59, 129, .22);
    transform: translateY(-1px);
}
body.itemid-519 #bwpostman #bwp_com_form > button:focus-visible, body.itemid-519 #bwpostman #bwp_com_form .btn:focus-visible {
    outline: 3px solid rgba(18, 184, 232, .30);
    outline-offset: 3px;
}

/*
 =========================================================
 TABLET / MOBIL
 =========================================================
 */

@media (max-width: 767.98px) {
    body.itemid-519 #bwp_com_form {
        padding: 1.25rem;
    }
    body.itemid-519 #bwpostman .getlink_text {
        padding: 4.6rem 1.1rem 1.1rem;
    }
    body.itemid-519 #bwpostman .getlink_text::before {
        top: 1rem;
        left: 1.1rem;
        transform: none;
    }
    body.itemid-519 #bwpostman #bwp_com_form > button, body.itemid-519 #bwpostman #bwp_com_form .btn {
        width: 100%;
    }
}

/*
 =========================================================
 BWPOSTMAN – NEWSLETTER EINLEITUNG
 =========================================================
 */

body.itemid-520 #bwpostman .contentpane > .pre_text {
    position: relative;
    grid-column: 1 / -1 !important;
    width: 100%;
    max-width: none;
    margin: 0 0 2rem !important;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    overflow: hidden;
    border: 1px solid #d7e5f1;
    border-radius: var(--litteron-radius-md, 1.25rem);
    color: var(--litteron-slate-600, #475569);
    background: radial-gradient( circle at 95% 10%, rgba(18, 184, 232, .10), transparent 15rem ), linear-gradient( 145deg, #f5faff 0%, #ffffff 72% );
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
    font-size: 1.05rem;
    font-weight: 450;
    line-height: 1.75;
}
body.itemid-520 #bwpostman .contentpane > .pre_text::after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient( 90deg, var(--litteron-blue-800, #063b81), var(--litteron-blue-600, #0870e6), var(--litteron-cyan-500, #12b8e8) );
    content: "";
}
body.itemid-520 #bwpostman .contentpane > .pre_text::before {
    display: block;
    margin: 0 0 .8rem;
    color: var(--litteron-blue-700, #0754b8);
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: .13em;
    text-transform: uppercase;
    content: "LITTERON NEWSLETTER";
}
@media (max-width: 767.98px) {
    body.itemid-520 #bwpostman .contentpane > .pre_text {
        grid-column: 1 !important;
        margin-bottom: 1.5rem !important;
        padding: 1.35rem;
        font-size: 1rem;
        line-height: 1.7;
    }
}

/*
 =========================================================
 LITTERON – ANKÜNDIGUNGEN
 Joomla Kategorie-Liste / itemid-179
 =========================================================
 */

body.itemid-179.view-category .com-content-category, body.itemid-179.view-category .content-category {
    width: 100%;
    margin: 0;
    color: var(--litteron-slate-700, #334155);
}
body.itemid-179.view-category .com-content-category__articles {
    width: 100%;
    margin: 0;
}
body.itemid-179.view-category .com-content-category__pagination {
    margin: 0 0 1.25rem;
}
body.itemid-179.view-category .com-content-category__pagination .form-select {
    min-width: 90px;
    padding: .65rem 2.25rem .65rem .9rem;
    border: 1px solid var(--litteron-slate-200, #e2e8f0);
    border-radius: var(--litteron-radius-sm, .75rem);
    color: var(--litteron-slate-700, #334155);
    background-color: #fff;
    font-size: .9rem;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .04);
    transition: border-color .18s ease, box-shadow .18s ease;
}
body.itemid-179.view-category .com-content-category__pagination .form-select:focus {
    border-color: var(--litteron-blue-600, #0870e6);
    box-shadow: 0 0 0 4px rgba(8, 112, 230, .10);
    outline: 0;
}
body.itemid-179.view-category .com-content-category__table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0 14px;
    background: transparent;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: transparent;
    --bs-table-striped-color: inherit;
    --bs-table-hover-bg: transparent;
    --bs-table-hover-color: inherit;
}
body.itemid-179.view-category .com-content-category__table > :not(caption) > * > * {
    box-shadow: none;
}
body.itemid-179.view-category .com-content-category__table thead th {
    padding: 0 .9rem .25rem;
    border: 0;
    color: var(--litteron-slate-500, #64748b);
    background: transparent;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.3;
    text-transform: uppercase;
}
body.itemid-179.view-category .com-content-category__table thead th:last-child {
    width: 220px;
}
body.itemid-179.view-category .com-content-category__table thead a {
    color: inherit;
    text-decoration: none;
}
body.itemid-179.view-category .com-content-category__table thead a:hover, body.itemid-179.view-category .com-content-category__table thead a:focus-visible {
    color: var(--litteron-blue-700, #0754b8);
}
body.itemid-179.view-category .com-content-category__table tbody tr > * {
    padding-top: 1.35rem;
    padding-bottom: 1.35rem;
    border-top: 1px solid var(--litteron-slate-200, #e2e8f0);
    border-bottom: 1px solid var(--litteron-slate-200, #e2e8f0);
    background: var(--litteron-white, #fff) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}
body.itemid-179.view-category .com-content-category__table tbody tr > *:first-child {
    padding-left: 1.5rem;
    border-left: 1px solid var(--litteron-slate-200, #e2e8f0);
    border-radius: var(--litteron-radius-md, 1.25rem) 0 0 var(--litteron-radius-md, 1.25rem);
}
body.itemid-179.view-category .com-content-category__table tbody tr > *:last-child {
    padding-right: 1.5rem;
    border-right: 1px solid var(--litteron-slate-200, #e2e8f0);
    border-radius: 0 var(--litteron-radius-md, 1.25rem) var(--litteron-radius-md, 1.25rem) 0;
}
body.itemid-179.view-category .com-content-category__table tbody tr:hover > * {
    border-color: #bfdbfe;
    background: #fbfdff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .085);
}
body.itemid-179.view-category .com-content-category__table .list-title {
    vertical-align: middle;
}
body.itemid-179.view-category .com-content-category__table .list-title a {
    position: relative;
    display: inline-flex;
    gap: .65rem;
    align-items: center;
    color: var(--litteron-slate-950, #0f172a);
    font-size: clamp(1.05rem, 1.6vw, 1.25rem);
    font-weight: 750;
    line-height: 1.4;
    text-decoration: none;
    transition: color .18s ease, transform .18s ease;
}
body.itemid-179.view-category .com-content-category__table .list-title a::after {
    display: inline-block;
    color: var(--litteron-blue-600, #0870e6);
    font-size: 1.15em;
    font-weight: 500;
    content: "→";
    transition: transform .18s ease;
}
body.itemid-179.view-category .com-content-category__table .list-title a:hover, body.itemid-179.view-category .com-content-category__table .list-title a:focus-visible {
    color: var(--litteron-blue-700, #0754b8);
}
body.itemid-179.view-category .com-content-category__table .list-title a:hover::after, body.itemid-179.view-category .com-content-category__table .list-title a:focus-visible::after {
    transform: translateX(4px);
}
body.itemid-179.view-category .com-content-category__table .list-title a:focus-visible {
    border-radius: .25rem;
    outline: 3px solid rgba(18, 184, 232, .25);
    outline-offset: 4px;
}
body.itemid-179.view-category .com-content-category__table .list-date {
    width: 220px;
    padding-left: 1.25rem;
    vertical-align: middle;
    color: var(--litteron-slate-600, #475569);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.45;
    white-space: nowrap;
}
body.itemid-179.view-category .com-content-category__table .list-date::before {
    display: block;
    margin-bottom: .2rem;
    color: var(--litteron-blue-700, #0754b8);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.25;
    text-transform: uppercase;
    content: "Veröffentlicht";
}

/*
 =========================================================
 TABLET / MOBIL
 =========================================================
 */

@media (max-width: 767.98px) {
    body.itemid-179.view-category .com-content-category__pagination {
        float: none !important;
        display: flex;
        justify-content: flex-end;
        width: 100%;
        margin-bottom: 1rem;
    }
    body.itemid-179.view-category .com-content-category__table thead {
        display: none;
    }
    body.itemid-179.view-category .com-content-category__table, body.itemid-179.view-category .com-content-category__table tbody {
        display: block;
        width: 100%;
        border-spacing: 0;
    }
    body.itemid-179.view-category .com-content-category__table tbody tr {
        display: block;
        width: 100%;
        margin-bottom: 1rem;
        padding: 1.25rem;
        border: 1px solid var(--litteron-slate-200, #e2e8f0);
        border-radius: var(--litteron-radius-md, 1.25rem);
        background: var(--litteron-white, #fff);
        box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
    }
    body.itemid-179.view-category .com-content-category__table tbody tr > * {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
        background: transparent !important;
        box-shadow: none;
    }
    body.itemid-179.view-category .com-content-category__table tbody tr > *:first-child, body.itemid-179.view-category .com-content-category__table tbody tr > *:last-child {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent !important;
    }
    body.itemid-179.view-category .com-content-category__table .list-title {
        margin-bottom: .9rem;
    }
    body.itemid-179.view-category .com-content-category__table .list-title a {
        align-items: flex-start;
        font-size: 1.08rem;
    }
    body.itemid-179.view-category .com-content-category__table .list-date {
        width: 100%;
        padding-top: .85rem !important;
        border-top: 1px solid var(--litteron-slate-100, #f1f5f9) !important;
        white-space: normal;
    }
    body.itemid-179.view-category .com-content-category__table .list-date::before {
        display: inline;
        margin-right: .35rem;
        content: "Veröffentlicht:";
    }
    body.itemid-179.view-category .com-content-category__table tbody tr:hover {
        border-color: #bfdbfe;
        box-shadow: 0 14px 32px rgba(15, 23, 42, .075);
    }
}

/*
 =========================================================
 LITTERON – ANKÜNDIGUNGEN / EINZELBEITRAG
 Joomla com_content / itemid-179
 =========================================================
 */

body.itemid-179.view-article .com-content-article {
    position: relative;
    width: 100%;
    margin: 0 0 3rem;
    overflow: hidden;
    border: 1px solid var(--litteron-slate-200, #e2e8f0);
    border-radius: var(--litteron-radius-md, 1.25rem);
    background: var(--litteron-white, #fff);
    box-shadow: var( --litteron-shadow-sm, 0 12px 30px rgba(15, 23, 42, .08) );
}

/*
 =========================================================
 HEADER / TITELBEREICH
 =========================================================
 */

body.itemid-179.view-article .com-content-article > .page-header {
    position: relative;
    margin: 0;
    padding: clamp(2.5rem, 5vw, 4.5rem) clamp(1.5rem, 4vw, 4rem);
    overflow: hidden;
    border: 0;
    color: #fff;
    background: radial-gradient( circle at 88% 15%, rgba(18, 184, 232, .24), transparent 20rem ), radial-gradient( circle at 12% 90%, rgba(124, 108, 242, .13), transparent 20rem ), linear-gradient( 135deg, var(--litteron-navy-950, #021a38) 0%, #032b5c 55%, var(--litteron-blue-800, #063b81) 100% );
}
body.itemid-179.view-article .com-content-article > .page-header::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient( rgba(255, 255, 255, .035) 1px, transparent 1px ), linear-gradient( 90deg, rgba(255, 255, 255, .035) 1px, transparent 1px );
    background-size: 48px 48px;
    mask-image: linear-gradient( to bottom, rgba(0, 0, 0, .8), transparent );
    content: "";
}
body.itemid-179.view-article .com-content-article > .page-header::before {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    color: #9fddff;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .14em;
    line-height: 1.3;
    text-transform: uppercase;
    content: "Ankündigung";
}
body.itemid-179.view-article .com-content-article > .page-header h1 {
    position: relative;
    z-index: 2;
    max-width: 950px;
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.7rem);
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.08;
    text-wrap: balance;
}

/*
 =========================================================
 ARTIKELINHALT
 =========================================================
 */

body.itemid-179.view-article .com-content-article__body {
    width: 100%;
    max-width: 100%;
    padding: clamp(2rem, 4vw, 4rem);
    color: var(--litteron-slate-700, #334155);
    font-size: 1.05rem;
    line-height: 1.8;
}
body.itemid-179.view-article .com-content-article__body > * {
    max-width: 900px;
}
body.itemid-179.view-article .com-content-article__body p {
    margin-top: 0;
    margin-bottom: 1.4rem;
}
body.itemid-179.view-article .com-content-article__body > p:first-child {
    max-width: 980px;
    margin-bottom: 1.75rem;
    color: var(--litteron-slate-950, #0f172a);
    font-size: clamp(1.12rem, 1.8vw, 1.3rem);
    font-weight: 500;
    line-height: 1.7;
}

/*
 =========================================================
 LISTE
 =========================================================
 */

body.itemid-179.view-article .com-content-article__body > ul {
    display: grid;
    gap: .8rem;
    max-width: 900px;
    margin: 1.75rem 0 2rem;
    padding: 0;
    list-style: none;
}
body.itemid-179.view-article .com-content-article__body > ul > li {
    position: relative;
    min-height: 3.25rem;
    padding: .85rem 1rem .85rem 3.25rem;
    border: 1px solid #dbeafe;
    border-radius: var(--litteron-radius-sm, .75rem);
    color: var(--litteron-slate-700, #334155);
    background: linear-gradient( 135deg, #f8fbff, #f1f7ff );
    line-height: 1.55;
}
body.itemid-179.view-article .com-content-article__body > ul > li::before {
    position: absolute;
    top: 50%;
    left: 1.1rem;
    width: .9rem;
    height: .5rem;
    border-bottom: 2px solid var(--litteron-blue-600, #0870e6);
    border-left: 2px solid var(--litteron-blue-600, #0870e6);
    transform: translateY(-65%) rotate(-45deg);
    content: "";
}

/*
 =========================================================
 LETZTER TEXT VOR CTA
 =========================================================
 */

body.itemid-179.view-article .com-content-article__body > p:nth-last-child(2) {
    margin-top: 2rem;
    color: var(--litteron-slate-950, #0f172a);
    font-size: 1.1rem;
    font-weight: 650;
}

/*
 =========================================================
 CTA-BEREICH
 Letzter Absatz enthält aktuell den Newsletter-Link
 =========================================================
 */

body.itemid-179.view-article .com-content-article__body > p:last-child {
    position: relative;
    max-width: 100%;
    margin: 2.5rem 0 0;
    padding: clamp(1.5rem, 3vw, 2.25rem);
    overflow: hidden;
    border-radius: var(--litteron-radius-md, 1.25rem);
    background: radial-gradient( circle at 90% 10%, rgba(18, 184, 232, .22), transparent 15rem ), linear-gradient( 120deg, var(--litteron-blue-800, #063b81), var(--litteron-blue-700, #0754b8) );
}
body.itemid-179.view-article .com-content-article__body > p:last-child::after {
    position: absolute;
    right: -4rem;
    bottom: -5rem;
    width: 12rem;
    height: 12rem;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
    box-shadow: 0 0 0 2rem rgba(255, 255, 255, .025), 0 0 0 4rem rgba(255, 255, 255, .018);
    pointer-events: none;
    content: "";
}
body.itemid-179.view-article .com-content-article__body > p:last-child > a {
    position: relative;
    z-index: 2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: .7rem;
    min-height: 3.35rem;
    padding: .9rem 1.4rem;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: var(--litteron-radius-sm, .75rem);
    color: var(--litteron-navy-950, #021a38);
    background: #fff;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .16);
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.25;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}
body.itemid-179.view-article .com-content-article__body > p:last-child > a::after {
    font-size: 1.15em;
    content: "→";
    transition: transform .18s ease;
}
body.itemid-179.view-article .com-content-article__body > p:last-child > a:hover, body.itemid-179.view-article .com-content-article__body > p:last-child > a:focus-visible {
    color: var(--litteron-navy-950, #021a38);
    background: #eaf8ff;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .22);
    transform: translateY(-2px);
    text-decoration: none;
}
body.itemid-179.view-article .com-content-article__body > p:last-child > a:hover::after, body.itemid-179.view-article .com-content-article__body > p:last-child > a:focus-visible::after {
    transform: translateX(4px);
}
body.itemid-179.view-article .com-content-article__body > p:last-child > a:focus-visible {
    outline: 3px solid rgba(18, 184, 232, .4);
    outline-offset: 4px;
}

/*
 =========================================================
 ALLGEMEINE LINKS IM ARTIKEL
 =========================================================
 */

body.itemid-179.view-article .com-content-article__body a:not( p:last-child > a ) {
    color: var(--litteron-blue-700, #0754b8);
    font-weight: 650;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
}
body.itemid-179.view-article .com-content-article__body a:not( p:last-child > a ):hover {
    color: var(--litteron-blue-800, #063b81);
}

/*
 =========================================================
 MOBIL
 =========================================================
 */

@media (max-width: 767.98px) {
    body.itemid-179.view-article .com-content-article {
        border-radius: 1rem;
    }
    body.itemid-179.view-article .com-content-article > .page-header {
        padding: 2rem 1.35rem 2.25rem;
    }
    body.itemid-179.view-article .com-content-article > .page-header h1 {
        font-size: clamp(1.8rem, 8vw, 2.5rem);
        line-height: 1.12;
    }
    body.itemid-179.view-article .com-content-article__body {
        padding: 1.5rem 1.25rem 1.75rem;
        font-size: 1rem;
    }
    body.itemid-179.view-article .com-content-article__body > p:first-child {
        font-size: 1.08rem;
    }
    body.itemid-179.view-article .com-content-article__body > ul > li {
        padding: .85rem .85rem .85rem 2.9rem;
    }
    body.itemid-179.view-article .com-content-article__body > ul > li::before {
        left: .95rem;
    }
    body.itemid-179.view-article .com-content-article__body > p:last-child {
        padding: 1.25rem;
    }
    body.itemid-179.view-article .com-content-article__body > p:last-child > a {
        width: 100%;
        padding: .9rem 1rem;
        text-align: center;
    }
}

/*
 =========================================================
 LITTERON – BW POSTMAN IN JOOMLA-REGISTRIERUNG
 Nur eine optionale Newsletter-Checkbox
 =========================================================
 */

body.itemid-200 .com-users-registration__form .control-group:has(#jform_bwpm_user2subscriber) {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: .25rem 0 0;
    padding: .9rem 1rem;
    border: 1px solid var(--litteron-register-border, #dbe7f2);
    border-radius: .8rem;
    background: #f8fbff;
}
body.itemid-200 .com-users-registration__form .control-group:has(#jform_bwpm_user2subscriber) .control-label {
    order: 2;
    flex: 1 1 auto;
    width: auto;
    margin: 0;
    padding: 0;
}
body.itemid-200 .com-users-registration__form .control-group:has(#jform_bwpm_user2subscriber) .controls {
    order: 1;
    flex: 0 0 auto;
    width: auto;
    margin: 0;
    padding: 0;
}
body.itemid-200 .com-users-registration__form #jform_bwpm_user2subscriber-lbl {
    margin: 0;
    color: var(--litteron-register-text, #0f172a);
    font-size: .95rem;
    font-weight: 650;
    line-height: 1.45;
    cursor: pointer;
}
body.itemid-200 .com-users-registration__form #jform_bwpm_user2subscriber {
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    border: 1px solid #aebfd0;
    border-radius: .3rem;
    background-color: #fff;
    cursor: pointer;
    accent-color: var(--litteron-blue-700, #0754b8);
}
body.itemid-200 .com-users-registration__form #jform_bwpm_user2subscriber:focus-visible {
    outline: 3px solid rgba(18, 184, 232, .28);
    outline-offset: 3px;
}

/*
 =========================================================
 REGISTRIERUNG: NEWSLETTER-CHECKBOX + TEXT IN EINER ZEILE
 =========================================================
 */

body.itemid-200 .com-users-registration__form .control-group:has(#jform_ojbwpostman_newsletter) {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 0.65rem;
}
body.itemid-200 .com-users-registration__form .control-group:has(#jform_ojbwpostman_newsletter) .controls {
    order: 1;
    flex: 0 0 auto;
    width: auto;
}
body.itemid-200 .com-users-registration__form .control-group:has(#jform_ojbwpostman_newsletter) .control-label {
    order: 2;
    flex: 0 1 auto;
    width: auto;
}
body.itemid-200 .com-users-registration__form .control-group:has(#jform_ojbwpostman_newsletter) .control-label label {
    margin: 0;
    line-height: 1.4;
    cursor: pointer;
}
body.itemid-200 .com-users-registration__form .control-group:has(#jform_ojbwpostman_newsletter) .form-check {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
body.itemid-200 .com-users-registration__form #jform_ojbwpostman_newsletter {
    position: static;
    float: none;
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
}

/*
 =========================================================
 REGISTRIERUNG: DATENSCHUTZ-CHECKBOX
 =========================================================
 */

body.itemid-200 .litteron-privacy-consent {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    width: 100%;
    margin: 1.1rem 0 0;
}
body.itemid-200 .litteron-privacy-checkbox {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    z-index: 5;
    flex: 0 0 1.15rem;
    width: 1.15rem;
    height: 1.15rem;
    margin: 0.15rem 0 0;
    padding: 0;
    border: 1px solid #b8c9da;
    border-radius: 0.3rem;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.75rem;
    box-shadow: none;
    cursor: pointer;
    pointer-events: auto;
    transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
}
body.itemid-200 .litteron-privacy-checkbox:checked {
    border-color: var(--litteron-blue-700, #0754b8);
    background-color: var(--litteron-blue-700, #0754b8);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");
}
body.itemid-200 .litteron-privacy-checkbox:focus-visible {
    border-color: var(--litteron-blue-700, #0754b8);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(8, 112, 230, 0.13);
}
body.itemid-200 .litteron-privacy-checkbox:required:invalid {
    box-shadow: none;
}
body.itemid-200 .litteron-privacy-consent label {
    display: block;
    margin: 0;
    color: var(--litteron-register-text, #0f172a);
    font-size: 0.92rem;
    font-weight: 500;
    line-height: 1.5;
    cursor: pointer;
}
body.itemid-200 .litteron-privacy-consent label a {
    color: var(--litteron-blue-700, #0754b8);
    font-weight: 650;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}
body.itemid-200 .litteron-privacy-consent label a:hover {
    text-decoration-thickness: 2px;
}
body.itemid-200 .litteron-privacy-consent .star {
    color: var(--litteron-register-danger, #dc2626);
}

/* =========================================================
   BREADCRUMB – HINTERGRUND
   ========================================================= */

.mod-breadcrumbs__wrapper,
.mod-breadcrumbs.breadcrumb {
    background-color: #f8fafc !important;
}

/* =========================================================
   MOBILMENÜ – HAMBURGER UND X
   ========================================================= */

.container-header .navbar-toggler,
.container-header .navbar-toggler .icon-menu,
.container-header .navbar-toggler .icon-menu::before {
    color: #01215a;
}

/*
 =========================================================
 INTERNER BEREICH – DASHBOARD & LOGOUT
 =========================================================
 */

.litteron-internal-actions {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.8fr);
    gap: 1.25rem;
    margin: 2rem 0 3rem;
}

.litteron-internal-link {
    display: flex;
    position: relative;
    align-items: center;
    gap: 1rem;
    min-height: 112px;
    padding: 1.4rem 1.5rem;
    overflow: hidden;
    border: 1px solid var(--litteron-slate-200);
    border-radius: var(--litteron-radius-md);
    text-decoration: none !important;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease,
        background-color 180ms ease;
}

/* Dashboard */

.litteron-internal-link--dashboard {
    color: #fff !important;
    border-color: transparent;
    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(18, 184, 232, 0.28),
            transparent 12rem
        ),
        linear-gradient(
            135deg,
            var(--litteron-navy-950),
            var(--litteron-blue-800)
        );
    box-shadow: var(--litteron-shadow-sm);
}

.litteron-internal-link--dashboard:hover,
.litteron-internal-link--dashboard:focus-visible {
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 20px 45px rgba(2, 26, 56, 0.22);
}

/* Logout */

.litteron-internal-link--logout {
    color: #991b1b !important;
    border-color: #fecaca;
    background: #fef2f2;
    box-shadow: 0 10px 26px rgba(127, 29, 29, 0.07);
}

.litteron-internal-link--logout:hover,
.litteron-internal-link--logout:focus-visible {
    color: #7f1d1d !important;
    border-color: #fca5a5;
    background: #fee2e2;
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(127, 29, 29, 0.12);
}

.litteron-internal-link--logout .litteron-internal-link__icon {
    color: #b91c1c;
    background: #fee2e2;
}

.litteron-internal-link--logout
.litteron-internal-link__content > span {
    color: #b45353;
}


/* Icon */

.litteron-internal-link__icon {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 0.9rem;
}

.litteron-internal-link--dashboard .litteron-internal-link__icon {
    color: #b7ebff;
    background: rgba(255, 255, 255, 0.12);
}

.litteron-internal-link--logout .litteron-internal-link__icon {
    color: var(--litteron-blue-700);
    background: #e8f2ff;
}

.litteron-internal-link__icon::before {
    display: block;
    width: 1.45rem;
    height: 1.45rem;
    background-color: currentColor;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    content: "";
}


/* Dashboard-Icon */

.litteron-internal-link--dashboard .litteron-internal-link__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3V3zm10 0h8v5h-8V3zM3 13h8v8H3v-8zm10-3h8v11h-8V10z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3V3zm10 0h8v5h-8V3zM3 13h8v8H3v-8zm10-3h8v11h-8V10z'/%3E%3C/svg%3E");
}


/* Logout-Icon */

.litteron-internal-link--logout .litteron-internal-link__icon::before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5v-2H5V5h5V3zm7.59 4.59L16.17 9l2 2H9v2h9.17l-2 2 1.42 1.41L22 12l-4.41-4.41z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h5v-2H5V5h5V3zm7.59 4.59L16.17 9l2 2H9v2h9.17l-2 2 1.42 1.41L22 12l-4.41-4.41z'/%3E%3C/svg%3E");
}


/* Text */

.litteron-internal-link__content {
    display: grid;
    flex: 1 1 auto;
    gap: 0.25rem;
    min-width: 0;
}

.litteron-internal-link__content strong {
    color: inherit;
    font-size: 1.15rem;
    font-weight: 750;
    line-height: 1.25;
}

.litteron-internal-link__content > span {
    font-size: 0.9rem;
    line-height: 1.45;
}

.litteron-internal-link--dashboard
.litteron-internal-link__content > span {
    color: #c7dcf7;
}

.litteron-internal-link--logout
.litteron-internal-link__content > span {
    color: var(--litteron-slate-500);
}


/* Pfeil rechts */

.litteron-internal-link__arrow {
    flex: 0 0 auto;
    font-size: 1.55rem;
    line-height: 1;
    transition: transform 180ms ease;
}

.litteron-internal-link:hover
.litteron-internal-link__arrow {
    transform: translateX(4px);
}


/* Tastatur-Fokus */

.litteron-internal-link:focus-visible {
    outline: 3px solid rgba(18, 184, 232, 0.4);
    outline-offset: 3px;
}


/* Tablet / Smartphone */

@media (max-width: 767.98px) {

    .litteron-internal-actions {
        grid-template-columns: 1fr;
    }

    .litteron-internal-link {
        min-height: 100px;
        padding: 1.2rem;
    }
}

@media (max-width: 479.98px) {

    .litteron-internal-link {
        gap: 0.8rem;
    }

    .litteron-internal-link__icon {
        width: 2.8rem;
        height: 2.8rem;
    }

    .litteron-internal-link__content strong {
        font-size: 1.05rem;
    }

    .litteron-internal-link__content > span {
        font-size: 0.82rem;
    }
}