:root{
    --qxl-ks-orange:#ff5b24;
    --qxl-ks-orange-dark:#e84b16;
    --qxl-ks-ink:#15171a;
    --qxl-ks-muted:#6d737b;
    --qxl-ks-line:#e6e8eb;
    --qxl-ks-soft:#f7f8f9;
    --qxl-ks-warm:#fff6f1;
    --qxl-ks-green:#24a865;
}
.qxl-ks,
.qxl-ks *{box-sizing:border-box}
.qxl-ks{width:100%;color:var(--qxl-ks-ink);background:#fff;font-family:inherit}
.qxl-ks a{text-decoration:none}
.qxl-ks-shell{width:min(1425px,calc(100% - 40px));margin:0 auto}
.qxl-ks-hero{background:linear-gradient(180deg,#fff7f2 0%,#fff 100%);border-bottom:1px solid #f0e7e2;padding:66px 0 38px}
.qxl-ks-hero-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.qxl-ks-home{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #e3e5e7;border-radius:999px;background:#fff;color:#454a50!important;font-size:12px;font-weight:700;line-height:1;transition:border-color .15s ease,background .15s ease,color .15s ease}
.qxl-ks-home:hover{border-color:#ffb79d;background:#fff8f4;color:#c94c1b!important}
.qxl-ks-home svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.qxl-ks-eyebrow,
.qxl-ks-section-head>div>span,
.qxl-ks-contact>div>div>span,
.qxl-ks-article-kicker{display:block;color:#c54e19;font-size:11px;font-weight:800;letter-spacing:.13em}
.qxl-ks-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.02;letter-spacing:-.045em;margin:9px 0 14px;color:#101214}
.qxl-ks-hero>div>p{font-size:18px;line-height:1.6;color:#666d75;max-width:760px;margin:0}
.qxl-ks-search{position:relative;max-width:900px;margin-top:28px}
.qxl-ks-search input{width:100%;height:64px;border:1px solid #d7dadd!important;border-radius:16px!important;background:#fff!important;padding:0 60px 0 58px!important;font-size:17px!important;color:#15171a!important;box-shadow:0 12px 38px rgba(35,28,24,.06)!important;outline:none!important}
.qxl-ks-search input:focus{border-color:#ff8d64!important;box-shadow:0 0 0 4px rgba(255,91,36,.11),0 12px 38px rgba(35,28,24,.06)!important}
.qxl-ks-search__icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:25px;height:25px;color:#59616a;z-index:2}
.qxl-ks-search__icon svg,
.qxl-ks-category__icon svg,
.qxl-ks-quick svg,
.qxl-ks-contact__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qxl-ks-category__icon svg path[fill],
.qxl-ks-quick svg path[fill]{fill:currentColor;stroke:none}
.qxl-ks-search [data-qxl-ks-search-clear]{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0!important;background:#f0f2f3!important;border-radius:999px!important;color:#59616a!important;font-size:22px!important;line-height:1!important;padding:0!important;cursor:pointer;z-index:4;box-shadow:none!important}
.qxl-ks-search-results{position:absolute;left:0;right:0;top:72px;background:#fff;border:1px solid #e1e4e7;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.14);overflow:hidden;z-index:9999}
.qxl-ks-search-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:15px 18px;border-bottom:1px solid #edf0f2;color:#17191c!important;background:#fff;transition:background .15s ease}
.qxl-ks-search-result:last-child{border-bottom:0}
.qxl-ks-search-result:hover{background:#fafafa}
.qxl-ks-search-result span{display:block;color:#c4531f;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:4px}
.qxl-ks-search-result strong{display:block;font-size:15px;margin-bottom:3px}
.qxl-ks-search-result p{margin:0;color:#71767d;font-size:13px;line-height:1.4}
.qxl-ks-search-result i{align-self:center;font-style:normal;font-size:20px;color:#a0a5aa}
.qxl-ks-search-empty{padding:24px;text-align:center;color:#70767c}
.qxl-ks-quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.qxl-ks-quick a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;background:#fff;border:1px solid #e4e6e8;border-radius:999px;color:#34383d!important;font-size:13px;font-weight:650;transition:border-color .15s ease,background .15s ease}
.qxl-ks-quick a:hover{border-color:#ffb49b;background:#fff9f6}
.qxl-ks-quick svg{width:16px;height:16px;color:#ff5b24;stroke-width:2}
.qxl-ks-body{padding-top:42px;padding-bottom:70px}
.qxl-ks-section{margin-bottom:48px}
.qxl-ks-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.qxl-ks-section-head h2{font-size:28px;letter-spacing:-.025em;line-height:1.12;margin:5px 0 0}
.qxl-ks-section-head>a{font-size:13px;font-weight:700;color:#d44f1b!important}
.qxl-ks-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.qxl-ks-category{min-height:138px;border:1px solid var(--qxl-ks-line);border-radius:16px;padding:18px;background:#fff;color:#181a1d!important;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:start;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.qxl-ks-category:hover,.qxl-ks-category.is-active{border-color:#ffae91;box-shadow:0 10px 28px rgba(255,91,36,.08);transform:translateY(-1px)}
.qxl-ks-category.is-active{background:#fff9f6}
.qxl-ks-category__icon{width:42px;height:42px;border-radius:12px;background:#fff2ec;color:#f05a23;display:grid;place-items:center;padding:10px}
.qxl-ks-category__copy strong{display:block;font-size:15px;line-height:1.2;margin:3px 0 7px}
.qxl-ks-category__copy small{display:block;color:#787e85;font-size:12px;line-height:1.45}
.qxl-ks-category__arrow{color:#b3b7bb;font-size:18px;margin-top:7px}
.qxl-ks-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.qxl-ks-feature-card{border:1px solid var(--qxl-ks-line);border-radius:16px;padding:20px;min-height:190px;color:#181a1d!important;background:#fff;display:flex;flex-direction:column;transition:border-color .16s ease,box-shadow .16s ease}
.qxl-ks-feature-card:hover{border-color:#ffc4ae;box-shadow:0 10px 28px rgba(0,0,0,.045)}
.qxl-ks-feature-card>span{font-size:10px;font-weight:800;color:#c55120;letter-spacing:.08em}
.qxl-ks-feature-card>strong{font-size:18px;line-height:1.25;margin:10px 0 8px}
.qxl-ks-feature-card>p{font-size:13px;line-height:1.55;color:#757b82;margin:0}
.qxl-ks-feature-card>i{font-style:normal;color:#e04f17;font-size:12px;font-weight:750;margin-top:auto;padding-top:16px}
.qxl-ks-popular-list{border-top:1px solid var(--qxl-ks-line)}
.qxl-ks-popular-list a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--qxl-ks-line);color:#191b1e!important}
.qxl-ks-popular-list a>span{font-size:12px;color:#9da2a7;font-weight:800}
.qxl-ks-popular-list a>strong{font-size:15px}
.qxl-ks-popular-list a>i{font-style:normal;color:#a8adb2}
.qxl-ks-article-list{border-top:1px solid var(--qxl-ks-line)}
.qxl-ks-article-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px 4px;border-bottom:1px solid var(--qxl-ks-line);color:#191b1e!important;align-items:center}
.qxl-ks-article-row:hover strong{color:#dc511b}
.qxl-ks-article-row>div>span{display:block;color:#bc582e;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:4px}
.qxl-ks-article-row strong{display:block;font-size:16px;line-height:1.3;transition:color .15s ease}
.qxl-ks-article-row p{margin:4px 0 0;color:#777d84;font-size:13px;line-height:1.45}
.qxl-ks-article-row__meta{display:flex;align-items:center;gap:14px!important;white-space:nowrap}
.qxl-ks-article-row__meta small{color:#9aa0a5;font-size:11px}
.qxl-ks-article-row__meta i{font-style:normal;font-size:20px;color:#a9aeb3}
.qxl-ks-empty{border:1px dashed #dfe2e4;border-radius:14px;padding:28px;text-align:center;background:#fafafa}
.qxl-ks-empty p{margin:7px 0 0;color:#777d84}
.qxl-ks-contact{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#151719;color:#fff;border-radius:20px;padding:28px 30px;margin-top:58px}
.qxl-ks-contact>div{display:flex;align-items:center;gap:18px}
.qxl-ks-contact__icon{width:48px;height:48px;padding:12px;border-radius:14px;background:#272a2d;color:#ff7a4c;flex:0 0 auto}
.qxl-ks-contact h2{font-size:24px;margin:4px 0 4px;color:#fff!important}
.qxl-ks-contact p{margin:0;color:#b7bcc0;font-size:13px}
.qxl-ks-contact>a{display:inline-flex;align-items:center;justify-content:center;background:#ff5b24;color:#fff!important;border-radius:11px;padding:13px 19px;font-size:13px;font-weight:800;white-space:nowrap}
.qxl-ks-contact>a:hover{background:#ea4c17}

/* Single help article */
.qxl-ks-article-page{background:#fff;min-height:60vh}
.qxl-ks-article-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:30px 0 70px}
.qxl-ks-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#8a9095;margin-bottom:35px}
.qxl-ks-breadcrumb a{color:#646a70!important}
.qxl-ks-breadcrumb i{font-style:normal;color:#bbbfc3}
.qxl-ks-article-grid{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:70px;align-items:start}
.qxl-ks-article-header{padding-bottom:24px;border-bottom:1px solid #eceeef;margin-bottom:26px}
.qxl-ks-article-header h1{font-size:clamp(34px,4vw,50px);line-height:1.07;letter-spacing:-.038em;margin:8px 0 12px}
.qxl-ks-article-header p{font-size:17px;line-height:1.6;color:#71777e;margin:0}
.qxl-ks-article-content{font-size:16px;line-height:1.75;color:#303438}
.qxl-ks-article-content p{margin:0 0 20px}
.qxl-ks-article-content h3{font-size:23px;letter-spacing:-.02em;margin:34px 0 11px;color:#17191b}
.qxl-ks-article-content h4{font-size:18px;margin:26px 0 9px}
.qxl-ks-article-content ul,.qxl-ks-article-content ol{padding-left:22px;margin:0 0 22px}
.qxl-ks-article-content a{color:#df4f18!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.qxl-ks-article-feedback{margin-top:40px;border-top:1px solid #eceeef;padding-top:24px}
.qxl-ks-article-feedback>strong{font-size:15px}
.qxl-ks-feedback-buttons{display:flex;gap:9px;margin-top:12px}
.qxl-ks-feedback-buttons button{border:1px solid #dfe2e4!important;background:#fff!important;color:#24272a!important;border-radius:10px!important;padding:10px 14px!important;font-size:13px!important;font-weight:700!important;cursor:pointer;box-shadow:none!important}
.qxl-ks-feedback-buttons button:hover{border-color:#ffad8e!important;background:#fff8f5!important}
.qxl-ks-feedback-message{font-size:13px;color:#4f875f;margin-top:10px}
.qxl-ks-article-sidebar{position:sticky;top:24px}
.qxl-ks-side-card{border:1px solid #e4e7e9;border-radius:16px;padding:20px;background:#fafbfb}
.qxl-ks-side-card+.qxl-ks-side-card{margin-top:14px}
.qxl-ks-side-card>span{display:block;color:#bd5225;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:9px}
.qxl-ks-side-card h3{font-size:17px;margin:0 0 12px}
.qxl-ks-side-links a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e8eaec;color:#303438!important;font-size:13px;line-height:1.35}
.qxl-ks-side-links a:first-child{border-top:0}
.qxl-ks-side-links i{font-style:normal;color:#a5aaaf}
.qxl-ks-back-link{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:#d8501d!important;font-size:13px;font-weight:750}

/* Hide the QXL theme's standard title/breadcrumb chrome in all Kundesenter contexts. */
body.qxl-kundesenter-context .qxl-breadcrumb-row,
body.qxl-kundesenter-context .woocommerce-breadcrumb,
body.qxl-kundesenter-context .cs-breadcrumbs,
body.qxl-kundesenter-context .entry-header,
body.qxl-kundesenter-context .page-header{display:none!important}

/* Hide generic theme title/breadcrumb on the dedicated customer center page where possible */
body.page-kundesenter .entry-header,
body.page-kundesenter .page-header,
body.page-kundesenter .breadcrumbs,
body.page-kundesenter .breadcrumb,
body.page-kundesenter .woocommerce-breadcrumb,
body.page-kundesenter .qxl-breadcrumb-row,
body.page-kundesenter .cs-breadcrumbs,
body.single-qxl_help_article .entry-header,
body.single-qxl_help_article .page-header,
body.single-qxl_help_article .breadcrumbs,
body.single-qxl_help_article .breadcrumb,
body.single-qxl_help_article .woocommerce-breadcrumb,
body.single-qxl_help_article .qxl-breadcrumb-row,
body.single-qxl_help_article .cs-breadcrumbs{display:none!important}

/* Keep the customer center's own breadcrumb visible. */
body.page-kundesenter .qxl-ks-breadcrumb,
body.single-qxl_help_article .qxl-ks-breadcrumb{display:flex!important}

@media(max-width:1150px){
    .qxl-ks-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
    .qxl-ks-article-grid{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
}
@media(max-width:820px){
    .qxl-ks-shell,.qxl-ks-article-shell{width:min(100% - 28px,1425px)}
    .qxl-ks-hero{padding:42px 0 28px}
    .qxl-ks-hero h1{font-size:40px}
    .qxl-ks-hero>div>p{font-size:16px}
    .qxl-ks-search input{height:58px!important;font-size:16px!important}
    .qxl-ks-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
    .qxl-ks-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .qxl-ks-article-grid{grid-template-columns:1fr}
    .qxl-ks-article-sidebar{position:static}
}
@media(max-width:560px){
    .qxl-ks-shell,.qxl-ks-article-shell{width:calc(100% - 24px)}
    .qxl-ks-hero{padding-top:30px}
    .qxl-ks-hero h1{font-size:34px}
    .qxl-ks-quick{display:grid;grid-template-columns:1fr 1fr}
    .qxl-ks-quick a{justify-content:flex-start;border-radius:10px}
    .qxl-ks-body{padding-top:28px}
    .qxl-ks-section{margin-bottom:38px}
    .qxl-ks-section-head h2{font-size:24px}
    .qxl-ks-categories{grid-template-columns:1fr;gap:9px}
    .qxl-ks-category{min-height:auto;padding:14px}
    .qxl-ks-featured-grid{grid-template-columns:1fr}
    .qxl-ks-feature-card{min-height:165px}
    .qxl-ks-article-row{grid-template-columns:1fr;gap:9px;padding:16px 2px}
    .qxl-ks-article-row__meta{justify-content:space-between}
    .qxl-ks-contact{display:block;padding:24px 20px;border-radius:16px}
    .qxl-ks-contact>div{align-items:flex-start}
    .qxl-ks-contact>a{width:100%;margin-top:20px}
    .qxl-ks-article-shell{padding-top:20px}
    .qxl-ks-breadcrumb{margin-bottom:26px}
    .qxl-ks-article-header h1{font-size:34px}
    .qxl-ks-article-header p{font-size:15px}
    .qxl-ks-article-content{font-size:15px}
    .qxl-ks-article-content h3{font-size:21px}
}

/* v1.2 contact page */
.qxl-ks-contact-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:30px 0 72px}
.qxl-ks-contact-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:70px;align-items:start}
.qxl-ks-contact-form-card{border:1px solid #e4e7e9;border-radius:20px;padding:28px;background:#fff}
.qxl-ks-contact-form-card>h2{font-size:34px;line-height:1.08;letter-spacing:-.03em;margin:7px 0 10px;color:#17191b}
.qxl-ks-contact-intro{margin:0 0 24px;color:#72787f;font-size:15px;line-height:1.6}
.qxl-ks-contact-form{display:grid;gap:16px}
.qxl-ks-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qxl-ks-contact-form label{display:grid;gap:7px;color:#33373b;font-size:12px;font-weight:750}
.qxl-ks-contact-form label>span small{color:#8e9499;font-weight:500}
.qxl-ks-contact-form input:not([type="hidden"]),.qxl-ks-contact-form select,.qxl-ks-contact-form textarea{width:100%!important;box-sizing:border-box!important;border:1px solid #d9dde0!important;border-radius:11px!important;background:#fff!important;color:#1b1d20!important;box-shadow:none!important;font:inherit!important;font-size:14px!important;outline:none!important}
.qxl-ks-contact-form input:not([type="hidden"]),.qxl-ks-contact-form select{min-height:48px!important;padding:0 13px!important}
.qxl-ks-contact-form textarea{min-height:170px!important;padding:13px!important;resize:vertical}
.qxl-ks-contact-form input:focus,.qxl-ks-contact-form select:focus,.qxl-ks-contact-form textarea:focus{border-color:#ff8b61!important;box-shadow:0 0 0 3px rgba(255,91,36,.10)!important}
.qxl-ks-contact-submit-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:4px}
.qxl-ks-contact-submit-row button{border:0!important;border-radius:11px!important;background:#ff5b24!important;color:#fff!important;padding:13px 22px!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important;box-shadow:none!important;transform:none!important}
.qxl-ks-contact-submit-row button:hover,.qxl-ks-contact-submit-row button:focus{background:#ea4c17!important;color:#fff!important;transform:none!important}
.qxl-ks-contact-submit-row button:before,.qxl-ks-contact-submit-row button:after{display:none!important;content:none!important}
.qxl-ks-contact-submit-row small{color:#8a9095;font-size:11px}
.qxl-ks-form-notice{display:grid;gap:3px;border-radius:12px;padding:14px 16px;margin:0 0 20px;font-size:13px}
.qxl-ks-form-notice--success{background:#f1faf3;border:1px solid #cde8d2;color:#285f35}
.qxl-ks-form-notice--error{background:#fff4f0;border:1px solid #ffd0bf;color:#8a3d22}
.qxl-ks-form-notice span{font-size:12px;opacity:.85}
.qxl-ks-contact-aside{position:sticky;top:24px}
.qxl-ks-contact-aside .qxl-ks-side-card p{font-size:13px;line-height:1.55;color:#70767c;margin:0}
.qxl-ks-contact-aside .qxl-ks-side-card p a{color:#d8501d!important;text-decoration:underline;text-underline-offset:2px}
.qxl-ks-contact-help-link{display:inline-flex;margin-top:14px;color:#d8501d!important;font-size:13px;font-weight:750}
.qxl-ks-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
body.page-kontakt-oss .qxl-breadcrumb-row,body.page-kontakt-oss .woocommerce-breadcrumb,body.page-kontakt-oss .cs-breadcrumbs,body.page-kontakt-oss .entry-header,body.page-kontakt-oss .page-header{display:none!important}
body.page-kontakt-oss .qxl-ks-breadcrumb{display:flex!important}
@media(max-width:820px){
    .qxl-ks-contact-shell{width:min(100% - 28px,1180px)}
    .qxl-ks-contact-layout{grid-template-columns:1fr;gap:28px}
    .qxl-ks-contact-aside{position:static}
}
@media(max-width:560px){
    .qxl-ks-contact-shell{width:calc(100% - 24px);padding-top:20px}
    .qxl-ks-contact-form-card{padding:20px 16px;border-radius:16px}
    .qxl-ks-contact-form-card>h2{font-size:29px}
    .qxl-ks-form-grid{grid-template-columns:1fr}
    .qxl-ks-contact-submit-row{display:grid;grid-template-columns:1fr;gap:9px}
    .qxl-ks-contact-submit-row button{width:100%!important}
}

@media(max-width:680px){.qxl-ks-home span{display:none}.qxl-ks-home{width:36px;height:36px;justify-content:center;padding:0}}