.sonix-status-pill {
    display:inline-flex; align-items:center; gap:.45rem; flex:0 0 auto;
    padding:0 .8rem; block-size:2rem; border-radius:999px;
    background:var(--basic-surface-bg); border:1px solid var(--basic-border-color);
    font-size:.78rem; font-weight:600; color:var(--basic-heading-color); white-space:nowrap;
    text-decoration:none; transition:border-color .18s ease, color .18s ease;
}
.sonix-status-pill:hover, .sonix-status-pill:focus-visible { color:var(--basic-heading-color); }
.sonix-status-pill.sx-active:hover   { border-color:rgba(16,185,129,.55); }
.sonix-status-pill.sx-degraded:hover { border-color:rgba(245,158,11,.55); }
.sonix-status-pill.sx-down:hover     { border-color:rgba(239,68,68,.55); }

.sonix-status-pill-dot {
    width:7px; height:7px; flex:0 0 auto; border-radius:50%;
    animation:sonixPillPing 1.8s cubic-bezier(.66,0,0,1) infinite;
}
.sonix-status-pill.sx-active   .sonix-status-pill-dot { background:#10b981; box-shadow:0 0 0 0 rgba(16,185,129,.65); }
.sonix-status-pill.sx-degraded .sonix-status-pill-dot { background:#f59e0b; box-shadow:0 0 0 0 rgba(245,158,11,.65); }
.sonix-status-pill.sx-down     .sonix-status-pill-dot { background:#ef4444; box-shadow:0 0 0 0 rgba(239,68,68,.65); }
@keyframes sonixPillPing { 70%,100% { box-shadow:0 0 0 6px rgba(0,0,0,0); } }

.sonix-status-pill-short { display:none; }

@media (max-width: 991.98px) {
    .sonix-status-pill-text { display:none; }
    .sonix-status-pill { padding-left:.55rem; }
    .sonix-status-float .sonix-status-pill-text { display:inline; }
    .sonix-status-float.sonix-status-pill { padding-left:.8rem; }
}

.sonix-status-pill.is-hidden { opacity:0; visibility:hidden; transition:opacity .2s ease; }

.sonix-status-float {
    position:fixed; left:1rem; bottom:1rem; z-index:1180;
    opacity:0; visibility:hidden; transform:translateY(.5rem);
    transition:opacity .22s ease, transform .22s ease, visibility .22s;
    box-shadow:0 14px 34px -18px rgba(15,23,42,.6);
}
.sonix-status-float.is-open { opacity:1; visibility:visible; transform:translateY(0); }
.sonix-status-float.is-kartta { opacity:0; visibility:hidden; transform:translateY(.5rem); }
body:has(.cookie-notice:not([hidden])) .sonix-status-float { opacity:0; visibility:hidden; transform:translateY(.5rem); }
@media (max-width: 991.98px) {
    .sonix-status-float.sonix-status-pill {
        left:auto; right:0; bottom:calc(5.25rem + env(safe-area-inset-bottom));
        writing-mode:vertical-rl; padding:.8rem 0; block-size:2.1rem; gap:.4rem;
        border-radius:.9rem 0 0 .9rem; border-right:0; font-size:.72rem; letter-spacing:.02em;
        transform:translateX(100%); box-shadow:-10px 10px 28px -16px rgba(15,23,42,.55);
    }
    .sonix-status-float.sonix-status-pill.is-open { transform:none; }
    .sonix-status-float.sonix-status-pill.is-kartta,
    body:has(.cookie-notice:not([hidden])) .sonix-status-float.sonix-status-pill { transform:translateX(100%); }
    body.sonix-mbar-on .sonix-status-float.sonix-status-pill { bottom:calc(10rem + env(safe-area-inset-bottom)); }
}
body > a[href*="wa.me/"] { display:none !important; }
@media (max-width: 575.98px) {
    .site-header nav > .gap-3 { gap:.5rem !important; }
    .site-header .sonix-status-pill { padding:0 .7rem 0 .65rem; gap:.4rem; block-size:2.25rem; }
    .header-locale .locale-toggle {
        display:inline-flex; align-items:center; justify-content:center;
        inline-size:2.4rem; block-size:2.4rem; padding:0; border-radius:50%;
    }
    .header-locale .locale-toggle > span { display:none; }
    .header-locale .locale-toggle > .bi { margin-right:0 !important; }
}
@media (max-width: 359.98px) {
    .site-header nav > .gap-3 { gap:.25rem !important; }
    .site-header .drawer-toggle { margin-left:.25rem !important; }
    .site-header .header-icon-btn, .header-locale .locale-toggle { inline-size:2.2rem; block-size:2.2rem; }
}

.news-detail-cover { display:block; width:100%; max-height:26rem; object-fit:cover; border-radius:var(--basic-radius); margin:0 0 1.25rem; }

.sonix-wa-method .icon-disc { background:rgba(37,211,102,.12); color:#25D366; }
.sonix-wa-btn {
    --bs-btn-bg:#25D366; --bs-btn-border-color:#25D366; --bs-btn-color:#fff;
    --bs-btn-hover-bg:#1fb855; --bs-btn-hover-border-color:#1fb855; --bs-btn-hover-color:#fff;
    --bs-btn-active-bg:#1a9e49; --bs-btn-active-border-color:#1a9e49; --bs-btn-active-color:#fff;
    background-color:#25D366; border-color:#25D366; color:#fff;
    transition:background-color .15s ease, transform .15s ease;
}
.sonix-wa-btn:hover, .sonix-wa-btn:focus {
    background-color:#1fb855; border-color:#1fb855; color:#fff; transform:translateY(-1px);
}
@media (max-width: 1199.98px) {
    .site-header .sonix-status-pill-text { display:none; }
    .site-header .sonix-status-pill-short { display:inline; }
    .site-header .sonix-status-pill { padding-left:.65rem; }
}
.site-header nav > .ms-auto > .sonix-status-pill { order:-1; }
@media (min-width: 992px) {
    .site-header nav > .ms-auto { padding-left:.75rem; }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
    .site-header .site-brand.me-lg-5 { margin-right:1.5rem !important; }
}
@media (min-width: 992px) {
    .site-header .site-nav { flex-wrap:nowrap; }
    .site-header .site-nav .nav-link, .header-locale .locale-toggle { white-space:nowrap; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .site-header .site-nav .nav-link { padding-inline:.55rem; font-size:.875rem; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .site-header .site-nav .nav-link { padding-inline:.6rem; }
    .site-header nav > .gap-3 { gap:.6rem !important; }
}
.sx-giris-btn {
    display:inline-flex; align-items:center; gap:.4rem; flex:0 0 auto; padding:.42rem .95rem; border-radius:999px;
    border:1px solid var(--bs-border-color); border-color:color-mix(in srgb, currentColor 32%, transparent);
    background:transparent; color:var(--basic-heading-color);
    font-size:.8125rem; font-weight:600; white-space:nowrap; text-decoration:none;
    transition:border-color .15s ease, color .15s ease, background-color .15s ease;
}
.sx-giris-btn:hover, .sx-giris-btn:focus-visible { border-color:var(--basic-primary); color:var(--basic-primary); background:rgba(var(--basic-primary-rgb),.06); }
.sx-giris-btn .bi { font-size:.95rem; line-height:1; }
.sx-kayit-btn { border-color:var(--basic-primary); color:var(--basic-primary); }
.sx-kayit-btn:hover, .sx-kayit-btn:focus-visible { background:var(--basic-primary); border-color:var(--basic-primary); color:#fff; }
@media (min-width: 992px) and (max-width: 1199.98px) {
    .sx-giris-btn { padding:0; inline-size:2.25rem; block-size:2.25rem; justify-content:center; }
    .sx-giris-btn span { display:none; }
}
@media (max-width: 991.98px) {
    .site-header .sonix-status-pill { display:none !important; }
    .sx-giris-btn { padding:.32rem .7rem; gap:.3rem; font-size:.75rem; }
    .sx-giris-btn .bi { font-size:.85rem; }
}
@media (max-width: 389.98px) {
    .sx-giris-btn { padding:.32rem .55rem; }
    .sx-giris-btn .bi { display:none; }
}
.drawer-link.sonix-buy-drawer > .bi { color:var(--basic-primary); }
.site-header .site-logo { block-size:2.6rem; max-inline-size:13.5rem; }
.sx-logo-isik { position:relative; display:inline-flex; overflow:hidden; }
.sx-logo-isik::after {
    content:""; position:absolute; inset:0; pointer-events:none;
    background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.95) 50%, transparent 62%) no-repeat;
    background-size:250% 100%;
    -webkit-mask:var(--sx-logo-maske) left center / contain no-repeat;
    mask:var(--sx-logo-maske) left center / contain no-repeat;
    animation:sx-logo-isik 2.8s ease-in-out infinite alternate;
}
@keyframes sx-logo-isik { from { background-position:110% 0; } to { background-position:-10% 0; } }
@media (prefers-reduced-motion: reduce) { .sx-logo-isik::after { animation:none; opacity:0; } }
@media (max-width: 991.98px), (hover: none) and (pointer: coarse) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]),
    select, textarea { font-size:16px !important; }
}
body .kb-article-grid { grid-template-columns:repeat(auto-fit, minmax(min(19rem, 100%), 1fr)); }
form > .form-section:first-of-type { margin-block-start:0; padding-block-start:0; border-block-start:0; }
main :is(h1, h2, h3, h4) { overflow-wrap:break-word; }
html[lang="de"] main :is(h1, h2, h3, h4) { hyphens:auto; -webkit-hyphens:auto; }
@media (max-width: 575.98px) {
    .site-header .header-locale { display:none; }
    .site-header .site-logo { block-size:2.3rem; max-inline-size:11.5rem; }
}
@media (max-width: 419.98px) {
    .site-header .sonix-status-pill { padding:0 .6rem 0 .55rem; gap:.35rem; }
}

.site-drawer .site-logo { block-size:2.3rem; max-inline-size:11.5rem; }
.site-drawer .drawer-nav { gap:0; }
.site-drawer .drawer-link { position:relative; padding:.7rem .6rem; gap:.8rem; font-weight:600; }
.site-drawer .drawer-link::after {
    content:""; position:absolute; inset-inline-start:3.5rem; inset-block-end:0;
    inline-size:45%; block-size:1px; pointer-events:none;
    background:linear-gradient(90deg, rgba(var(--basic-secondary-rgb),.45), transparent);
}
.site-drawer .drawer-link > .bi:first-child {
    flex:0 0 auto; display:inline-grid; place-items:center;
    inline-size:2.1rem; block-size:2.1rem; border-radius:.7rem;
    font-size:1rem; color:var(--basic-secondary);
    background:rgba(var(--basic-secondary-rgb),.1);
    transition:background-color .2s ease, color .2s ease, transform .2s ease;
}
.site-drawer .drawer-link:hover > .bi:first-child,
.site-drawer .drawer-link.active > .bi:first-child,
.site-drawer .drawer-link[aria-expanded="true"] > .bi:first-child { background:linear-gradient(135deg, var(--basic-primary), var(--basic-secondary)); color:#fff; }
.site-drawer .drawer-link:active > .bi:first-child { transform:scale(.94); }
.site-drawer .drawer-sub { margin-inline-start:1.65rem; }
.site-drawer .drawer-sublink .bi { color:var(--basic-secondary); opacity:.9; }
.sx-drawer-wa {
    display:flex; align-items:center; justify-content:center; gap:.45rem;
    inline-size:100%; margin-block-start:.5rem; font-weight:600;
    color:#fff; background:#25d366; border:1px solid #1fb855;
    position:relative; overflow:hidden; isolation:isolate;
    -webkit-tap-highlight-color:transparent;
}
.sx-drawer-wa .bi { font-size:1.05rem; line-height:1; }
.sx-drawer-wa::after {
    content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
    background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.4) 50%, transparent 62%) no-repeat;
    background-size:250% 100%; background-position:130% 0;
    animation:sx-drawer-wa-isik 4s ease-in-out 1s infinite;
}
@keyframes sx-drawer-wa-isik { 0% { background-position:130% 0; } 40%, 100% { background-position:-30% 0; } }
.sx-drawer-wa:hover, .sx-drawer-wa:focus-visible, .sx-drawer-wa:active { color:#fff; background:#1ebe5b; border-color:#1aa64f; }
@media (prefers-reduced-motion: reduce) { .sx-drawer-wa::after { animation:none; opacity:0; } }

.site-header .header-locale .locale-toggle {
    display:inline-flex; align-items:center; justify-content:center;
    inline-size:2.25rem; block-size:2.25rem; padding:0; border-radius:50%;
}
.site-header .header-locale .locale-toggle > span { display:none; }
.site-header .header-locale .locale-toggle > .bi { margin:0 !important; font-size:1.05rem; line-height:1; }

@media (min-width: 992px) {
    .site-header .sonix-status-pill { display:none !important; }
    .sonix-status-float { opacity:1; visibility:visible; transform:none; }
}
