/* KXON: gemeinsamer Seitenrahmen, Bildlogo, Pageloader, 404 und Vorlagen */
.brand--image{align-items:center;display:inline-flex;flex:0 0 auto;line-height:0}.brand__logo{display:block;height:auto;max-width:192px;width:clamp(145px,16vw,192px)}.brand__logo--footer{max-width:170px;width:170px}.nav-link[aria-current="page"],.dropdown a[aria-current="page"]{color:var(--primary,#155eef)}.nav-item.is-current>.nav-link--button{color:var(--primary,#155eef)}
.page-loader{align-items:center;background:radial-gradient(circle at 50% 45%,rgba(21,94,239,.12),transparent 34%),#fff;display:none;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease,visibility .2s ease;visibility:hidden;z-index:99999}.js .page-loader{display:flex}.js.is-loading .page-loader,.js.is-navigating .page-loader{opacity:1;pointer-events:auto;visibility:visible}.page-loader__inner{align-items:center;display:flex;flex-direction:column;gap:20px;width:min(280px,calc(100vw - 48px))}.page-loader__logo{display:block;height:auto;max-width:244px;width:min(244px,76vw)}.page-loader__bar{background:#e8eef8;border-radius:999px;display:block;height:4px;overflow:hidden;position:relative;width:160px}.page-loader__bar span{animation:kxon-loader 1.05s ease-in-out infinite;background:#155eef;border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:45%}@keyframes kxon-loader{0%{transform:translateX(-110%)}50%{transform:translateX(125%)}100%{transform:translateX(330%)}}
.error-page{min-height:58vh}.error-page__section{align-items:center;display:flex;min-height:58vh;overflow:hidden;padding:clamp(72px,10vw,130px) 0;position:relative}.error-page__section:before{background:rgba(21,94,239,.07);border-radius:50%;content:"";height:540px;position:absolute;right:-210px;top:-210px;width:540px}.error-page__grid{align-items:center;display:grid;gap:clamp(40px,8vw,100px);grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);position:relative}.error-page__code{color:#155eef;display:block;font-size:15px;font-weight:800;letter-spacing:.18em;margin-bottom:12px}.error-page__content h1{color:#101828;font-size:clamp(38px,5vw,66px);letter-spacing:-.045em;line-height:1.02;margin:14px 0 18px;max-width:700px}.error-page__content p{color:#667085;font-size:17px;line-height:1.75;margin:0;max-width:650px}.error-page__actions,.placeholder-page__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.error-page__visual{align-items:center;background:#0b1f3a;border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 28px 70px rgba(16,24,40,.18);display:flex;gap:14px;justify-content:center;min-height:280px;overflow:hidden;padding:36px 28px;position:relative}.error-page__visual:after{background:#155eef;border-radius:50%;content:"";filter:blur(8px);height:150px;opacity:.22;position:absolute;right:-50px;top:-45px;width:150px}.error-page__visual span{color:#fff;font-size:clamp(78px,9vw,124px);font-weight:800;letter-spacing:-.08em;line-height:1}.error-page__visual img{background:#fff;border-radius:13px;display:block;height:auto;max-width:145px;padding:10px;position:relative;width:32%;z-index:1}
.placeholder-page__section{align-items:center;background:linear-gradient(135deg,#f8fbff,#eef4ff);display:flex;min-height:55vh;padding:clamp(72px,10vw,120px) 0}.placeholder-page__inner{max-width:780px}.placeholder-page__inner h1{font-size:clamp(38px,5vw,64px);letter-spacing:-.04em;line-height:1.04;margin:14px 0}.placeholder-page__inner>p{color:#667085;font-size:17px;line-height:1.75}.placeholder-page__notice{background:#fff;border:1px solid #d9e5ff;border-radius:14px;margin-top:24px!important;padding:16px 18px}.placeholder-page__notice code{color:#155eef;font-weight:700}
.legal-overview-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.legal-overview-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 10px 30px rgba(16,24,40,.05);display:flex;flex-direction:column;gap:6px;padding:22px;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.legal-overview-card:hover{border-color:#9dbbff;transform:translateY(-2px)}.legal-overview-card strong{color:#101828;font-size:16px}.legal-overview-card span{color:#667085;font-size:13px;line-height:1.6}
/* Moderne Bildformate für große Hero-Hintergründe; PNG bleibt als Fallback vorhanden. */
.hero-slide--hosting .hero-slide__background,.wh-cover__media{background-image:url('../img/hero-hosting.webp')}.hero-slide--security .hero-slide__background,.domain-cover__media,.ssl-cover__media{background-image:url('../img/hero-security.webp')}.hero-slide--web .hero-slide__background,.web-cover__media{background-image:url('../img/hero-webdesign.webp')}.migration-cover .wh-cover__media{background-image:url('../img/hero-migration.webp')}.company-cover__media{background-image:url('../img/hero-company.webp')}.contact-cover__media{background-image:url('../img/hero-contact.webp')}.status-cover__media{background-image:url('../img/hero-status.webp')}.wp-cover .wh-cover__media{background-image:url('../img/hero-wordpress.webp')}
@media(max-width:820px){.error-page__grid{grid-template-columns:1fr}.error-page__visual{min-height:220px}.legal-overview-grid{grid-template-columns:1fr}}@media(max-width:620px){.brand__logo,.brand__logo--footer{max-width:150px;width:150px}.error-page__visual{gap:8px;padding:28px 18px}}@media(prefers-reduced-motion:reduce){.page-loader,.page-loader__bar span{animation:none;transition:none}.page-loader__bar span{left:0;transform:none;width:100%}}

/* Discord */
.social-link--discord svg{fill:currentColor;stroke:none}

/* Hero-Steuerung: oberhalb der überlappenden Vertrauensleiste halten. */
.hero-slider--image .hero-slider__controls{bottom:76px}
.hero-slider--image .hero-slide__inner{padding-bottom:142px}
.trust-strip{margin-top:-24px}

/* Cookie-Einwilligung */
.cookie-consent[hidden],.cookie-settings[hidden],.livechat-panel[hidden]{display:none!important}
.cookie-consent{align-items:center;background:#fff;border:1px solid #dbe4f0;border-radius:18px;bottom:24px;box-shadow:0 24px 70px rgba(5,25,54,.2);display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto;left:24px;max-width:860px;padding:22px 24px;position:fixed;width:calc(100% - 48px);z-index:9000}
.cookie-consent__eyebrow{color:#155eef;display:block;font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:5px;text-transform:uppercase}
.cookie-consent h2,.cookie-settings h2{color:#101828;font-size:19px;letter-spacing:-.02em;line-height:1.25;margin:0 0 7px}
.cookie-consent p{color:#667085;font-size:12px;line-height:1.65;margin:0;max-width:650px}
.cookie-consent p a{color:#155eef;font-weight:700;text-decoration:none}
.cookie-consent__actions{align-items:center;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.cookie-consent__settings-link{background:transparent;border:0;color:#344054;cursor:pointer;font:inherit;font-size:12px;font-weight:750;padding:9px 4px;text-decoration:underline;text-decoration-color:#b9c5d6;text-underline-offset:4px}
.cookie-settings{inset:0;position:fixed;z-index:9100}
.cookie-settings__backdrop{background:rgba(3,13,28,.58);border:0;inset:0;position:absolute;width:100%}
.cookie-settings__panel{background:#fff;border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 32px 100px rgba(3,13,28,.34);left:50%;max-height:calc(100vh - 40px);max-width:620px;overflow:auto;padding:26px;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 40px)}
.cookie-settings__header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}
.cookie-settings__close,.livechat-panel__close{align-items:center;background:#f2f5f9;border:1px solid #e0e6ef;border-radius:10px;color:#344054;cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}
.cookie-settings__close svg,.livechat-panel__close svg{fill:none;height:18px;stroke:currentColor;stroke-linecap:round;stroke-width:1.8;width:18px}
.cookie-settings__intro{color:#667085;font-size:13px;line-height:1.65;margin:8px 0 20px}
.cookie-category{align-items:center;border-top:1px solid #e7ebf1;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto;padding:18px 0}
.cookie-category strong,.cookie-category span{display:block}
.cookie-category strong{color:#101828;font-size:14px;margin-bottom:4px}
.cookie-category>div>span{color:#667085;font-size:12px;line-height:1.6}
.consent-switch{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:5px}
.consent-switch input{height:1px;opacity:0;position:absolute;width:1px}
.consent-switch>span{background:#cbd5e1;border-radius:999px;height:24px;position:relative;transition:background .2s ease;width:44px}
.consent-switch>span:after{background:#fff;border-radius:50%;box-shadow:0 2px 5px rgba(16,24,40,.24);content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}
.consent-switch input:checked+span{background:#155eef}
.consent-switch input:checked+span:after{transform:translateX(20px)}
.consent-switch small{color:#667085;font-size:9px;font-weight:750}
.consent-switch--locked{cursor:default;opacity:.72}
.cookie-settings__footer{align-items:center;border-top:1px solid #e7ebf1;display:flex;gap:10px;justify-content:flex-end;padding-top:18px}
body.cookie-settings-open{overflow:hidden}

/* Vorbereiteter Live-Chat */
.livechat-widget{bottom:24px;position:fixed;right:24px;z-index:8500}
.livechat-launcher{align-items:center;background:#0b1f3a;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 50px rgba(5,25,54,.24);color:#fff;cursor:pointer;display:flex;gap:11px;min-height:60px;padding:9px 15px 9px 10px;text-align:left;transition:transform .2s ease,box-shadow .2s ease}
.livechat-launcher:hover,.livechat-launcher:focus-visible{box-shadow:0 23px 60px rgba(5,25,54,.3);transform:translateY(-2px)}
.livechat-launcher__icon{align-items:center;background:#155eef;border-radius:12px;display:inline-flex;height:42px;justify-content:center;position:relative;width:42px}
.livechat-launcher__icon svg{fill:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:22px}
.livechat-launcher__icon i{background:#35d4bb;border:2px solid #0b1f3a;border-radius:50%;height:10px;position:absolute;right:-1px;top:-1px;width:10px}
.livechat-launcher strong,.livechat-launcher small{display:block}
.livechat-launcher strong{font-size:13px;line-height:1.2}
.livechat-launcher small{color:#cbd8e9;font-size:9px;margin-top:3px}
.livechat-panel{background:#fff;border:1px solid #d9e2ee;border-radius:20px;bottom:74px;box-shadow:0 28px 80px rgba(5,25,54,.28);overflow:hidden;position:absolute;right:0;width:min(360px,calc(100vw - 32px))}
.livechat-panel__header{align-items:center;background:#0b1f3a;display:flex;justify-content:space-between;padding:15px 16px}
.livechat-panel__identity{align-items:center;display:flex;gap:11px}
.livechat-panel__mark{border-radius:9px;display:inline-flex;padding:6px 8px}
.livechat-panel__mark img{display:block;height:auto;width:80px}
.livechat-panel__identity strong,.livechat-panel__identity small{display:block}
.livechat-panel__identity strong{color:#fff;font-size:13px}
.livechat-panel__identity small{align-items:center;color:#bfcce0;display:flex;font-size:10px;gap:5px;margin-top:3px}
.livechat-panel__identity small i{background:#f5b74b;border-radius:50%;height:7px;width:7px}
.livechat-panel__close{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.livechat-panel__body{padding:20px}
.livechat-panel__body h2{color:#101828;font-size:18px;letter-spacing:-.02em;line-height:1.25;margin:0 0 8px}
.livechat-panel__body p{color:#667085;font-size:12px;line-height:1.65;margin:0}
.livechat-panel__actions{display:grid;gap:9px;margin-top:17px}
.livechat-panel__footer{background:#f7f9fc;border-top:1px solid #e5eaf1;color:#667085;font-size:9px;font-weight:750;letter-spacing:.06em;padding:10px 20px;text-align:center;text-transform:uppercase}

@media(max-width:900px){
  .hero-slider--image .hero-slider__controls{bottom:68px}
  .hero-slider--image .hero-slide__inner{padding-bottom:146px}
  .trust-strip{margin-top:-16px}
  .cookie-consent{grid-template-columns:1fr;max-width:650px}
  .cookie-consent__actions{justify-content:flex-start}
}
@media(max-width:640px){
  .hero-slider--image .hero-slider__controls{bottom:52px}
  .hero-slider--image .hero-slide__inner{padding-bottom:150px}
  .trust-strip{margin-top:0}
  .cookie-consent{border-bottom:0;border-radius:18px 18px 0 0;bottom:0;left:0;padding:19px 18px;width:100%}
  .cookie-consent__actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .cookie-consent__settings-link{grid-column:1/-1;grid-row:2;text-align:center}
  .cookie-consent__actions .button{width:100%}
  .cookie-category{align-items:flex-start}
  .cookie-settings__footer{align-items:stretch;flex-direction:column-reverse}
  .cookie-settings__footer .button{width:100%}
  .livechat-widget{bottom:16px;right:16px}
  body.cookie-consent-visible .livechat-widget{opacity:0;pointer-events:none;transform:translateY(12px)}
  .livechat-launcher{border-radius:50%;height:58px;min-height:58px;padding:8px;width:58px}
  .livechat-launcher>span:last-child{display:none}
  .livechat-launcher__icon{height:40px;width:40px}
  .livechat-panel{bottom:70px}
}
@media(prefers-reduced-motion:reduce){
  .livechat-launcher,.consent-switch>span,.consent-switch>span:after{transition:none}
}