/* source: homepage-step10-booking-cta-4f9c8a21.css */
:root{--bg:#07101f;--bg2:#0b1527;--card:#111b2d;--line:#15304a;--cyan:#18b8ef;--text:#f5f7fb;--muted:#8d9bb1;--container:1180px;--header:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}.sk-container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.sk-header{height:var(--header);position:sticky;top:0;z-index:50;background:rgba(6,14,27,.97);border-bottom:1px solid rgba(24,184,239,.08)}.sk-header .sk-container{height:100%;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:32px}.sk-logo{display:block;width:105px;height:auto}.sk-nav{display:flex;gap:30px;align-items:center}.sk-nav a{font-size:13px;color:var(--muted)}.sk-nav a:hover,.sk-nav a.active{color:var(--cyan)}.sk-head-actions{display:flex;align-items:center;gap:22px}.sk-phone{font-size:13px;color:var(--muted);white-space:nowrap}.sk-top-cta,.sk-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;border-radius:9px;padding:0 24px;font-weight:700;font-size:13px;letter-spacing:.03em}.sk-top-cta,.sk-btn-primary{background:var(--cyan);color:#06111c}.sk-btn-outline{border:1px solid rgba(24,184,239,.55);color:var(--cyan);background:rgba(4,14,25,.45)}
.sk-hero{position:relative;min-height:520px;background:linear-gradient(90deg,rgba(4,11,21,.95) 0%,rgba(5,13,25,.72) 42%,rgba(5,13,25,.25) 70%)}.sk-hero .sk-container{min-height:520px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:64px;align-items:center;padding-block:44px}.sk-eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.16em;font-weight:700;margin-bottom:14px}.sk-hero h1{font-size:44px;line-height:1.08;font-weight:400;letter-spacing:-.025em;margin:0 0 18px;max-width:630px}.sk-lead{font-size:16px;line-height:1.55;color:var(--muted);max-width:620px;margin:0 0 12px}.sk-start{font-size:12px;color:var(--cyan);margin:0 0 20px}.sk-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sk-hero-actions .sk-btn{width:190px}.sk-inline-phone{height:44px;display:inline-flex;align-items:center;padding:0 12px;font-weight:600;font-size:14px;color:#dce5f0;border-left:1px solid rgba(141,155,177,.25);white-space:nowrap}.sk-offer{align-self:center;background:rgba(15,25,43,.96);border:1px solid rgba(24,184,239,.28);border-radius:14px;padding:24px 26px}.sk-offer .label{font-size:11px;letter-spacing:.18em;color:var(--cyan);font-weight:700}.sk-offer h2{font-size:20px;margin:12px 0 8px}.sk-price{display:flex;align-items:baseline;gap:7px;margin:6px 0 14px}.sk-price small{color:var(--muted);font-size:12px}.sk-price strong{font-size:46px;font-weight:400;color:var(--cyan);line-height:1}.sk-price span{font-size:20px;color:var(--cyan)}.sk-offer ul{list-style:none;padding:0;margin:0 0 14px}.sk-offer li{position:relative;padding-left:15px;margin:6px 0;font-size:13px}.sk-offer li:before{content:'•';position:absolute;left:0;color:var(--cyan)}.sk-footnote{font-size:11px;color:var(--muted);margin:12px 0;border-bottom:1px solid rgba(141,155,177,.13);padding-bottom:12px}.sk-offer-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted)}.sk-offer-bottom a{color:var(--cyan)}
.sk-trust{margin-top:18px}.sk-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg2)}.sk-trust-item{min-height:94px;padding:18px;border-right:1px solid var(--line)}.sk-trust-item:last-child{border-right:0}.sk-icon{color:var(--cyan);font-size:20px;margin-bottom:8px}.sk-trust-item h3{font-size:14px;margin:0 0 4px}.sk-trust-item p{font-size:12px;color:var(--muted);margin:0}.sk-section{padding:62px 0}.sk-section-title{text-align:center;margin-bottom:34px}.sk-section-title h2{font-size:32px;line-height:1.15;margin:0 0 10px;font-weight:600}.sk-section-title p{font-size:14px;color:var(--muted);margin:0 auto;max-width:720px}.sk-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sk-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.sk-card img{width:100%;height:190px;object-fit:cover}.sk-card-body{display:flex;flex-direction:column;flex:1;padding:20px}.sk-card h3{font-size:21px;line-height:1.2;margin:0 0 10px}.sk-card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}.sk-duration{margin-top:auto;padding-top:18px;color:var(--cyan);font-size:12px}.sk-info{text-align:center;max-width:780px;margin:34px auto 0;color:var(--muted);font-size:14px}.sk-info .sk-btn{margin-top:18px;height:40px;font-size:12px}.sk-prices-wrap{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);gap:22px}.sk-price-list{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 20px}.sk-price-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:58px;border-bottom:1px solid rgba(141,155,177,.1)}.sk-price-row:last-child{border-bottom:0}.sk-price-row .pi{color:var(--cyan);font-size:17px}.sk-price-row h3{font-size:15px;margin:0}.sk-price-row p{font-size:11px;color:var(--muted);margin:1px 0 0}.sk-price-row strong{font-size:18px;color:var(--cyan);white-space:nowrap}.sk-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sk-benefit{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;text-align:center;min-height:126px;display:flex;flex-direction:column;justify-content:center}.sk-benefit h3{font-size:13px;margin:7px 0 5px}.sk-benefit p{font-size:11px;color:var(--muted);margin:0}.sk-price-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;color:var(--muted);font-size:11px}.sk-process{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:10px}.sk-step{position:relative;padding:0 18px 0 0}.sk-step:not(:last-child):after{content:'';position:absolute;top:20px;left:42px;right:0;height:1px;background:rgba(24,184,239,.35)}.sk-num{font-size:36px;color:#0a3a55;line-height:1;font-weight:700}.sk-step h3{font-size:17px;margin:8px 0 5px}.sk-step p{font-size:12px;color:var(--muted);margin:0;max-width:220px}.sk-process-note{max-width:820px;margin:30px auto 0;padding:17px 20px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:10px;font-size:13px}.sk-footer{border-top:1px solid rgba(141,155,177,.1);padding:44px 0 20px;background:#070f1d}.sk-footer-grid{display:grid;grid-template-columns:1.25fr .9fr 1.2fr .85fr 1.25fr;gap:32px;align-items:start}.sk-footer-logo{width:82px;margin-bottom:14px}.sk-footer h3{font-size:14px;margin:0 0 12px}.sk-footer p,.sk-footer a{font-size:12px;color:var(--muted)}.sk-footer p{margin:0;line-height:1.65}.sk-footer-links{display:flex;flex-direction:column;gap:7px}.sk-values p{font-style:italic}.sk-legal-note{text-align:center;font-size:10px;color:#61718a;margin:28px auto 0;max-width:1000px}.sk-copy{border-top:1px solid rgba(141,155,177,.08);margin-top:18px;padding-top:16px;text-align:center;font-size:10px;color:#61718a}
@media(max-width:900px){.sk-header .sk-container{grid-template-columns:120px 1fr auto;gap:15px}.sk-nav{gap:15px}.sk-phone{display:none}.sk-hero .sk-container{grid-template-columns:1fr 290px;gap:28px}.sk-hero h1{font-size:38px}.sk-trust-grid{grid-template-columns:1fr 1fr}.sk-trust-item:nth-child(2){border-right:0}.sk-trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.sk-cards{grid-template-columns:1fr}.sk-card{display:grid;grid-template-columns:260px 1fr}.sk-card img{height:100%;min-height:210px}.sk-prices-wrap{grid-template-columns:1fr}.sk-footer-grid{grid-template-columns:1fr 1fr 1fr}.sk-values{grid-column:2/4}.sk-process{grid-template-columns:1fr 1fr;gap:30px}.sk-step:nth-child(2):after{display:none}}
@media(max-width:640px){:root{--header:64px}.sk-container{width:min(100% - 28px,var(--container))}.sk-header .sk-container{grid-template-columns:100px 1fr auto}.sk-logo{width:92px}.sk-nav{display:none}.sk-top-cta{height:40px;padding:0 14px;font-size:11px}.sk-hero{min-height:auto}.sk-hero .sk-container{min-height:auto;grid-template-columns:1fr;padding-block:34px}.sk-hero h1{font-size:34px}.sk-lead{font-size:15px}.sk-hero-actions{display:grid;grid-template-columns:1fr}.sk-hero-actions .sk-btn{width:100%}.sk-inline-phone{border:0;justify-content:center}.sk-offer{max-width:none}.sk-trust{margin-top:12px}.sk-trust-item{min-height:104px;padding:15px}.sk-section{padding:46px 0}.sk-section-title{margin-bottom:24px}.sk-section-title h2{font-size:27px}.sk-cards{grid-template-columns:1fr}.sk-card{display:flex}.sk-card img{height:180px;min-height:0}.sk-prices-wrap{grid-template-columns:1fr}.sk-price-row{grid-template-columns:28px 1fr;gap:8px;padding:8px 0}.sk-price-row strong{grid-column:2;font-size:17px}.sk-benefits{grid-template-columns:1fr 1fr}.sk-price-notes{grid-template-columns:1fr}.sk-process{grid-template-columns:1fr;gap:24px}.sk-step:not(:last-child):after{top:auto;bottom:-15px;left:17px;width:1px;height:18px}.sk-footer-grid{grid-template-columns:1fr;gap:26px}.sk-values{grid-column:auto}.sk-footer{padding-top:36px}}

/* Lower-page precision pass v2 — header and hero intentionally untouched */
#preise.sk-section{padding-top:44px;padding-bottom:42px}
#ablauf.sk-section{padding-top:38px;padding-bottom:42px}
#preise .sk-section-title{margin-bottom:24px}
#ablauf .sk-section-title{margin-bottom:22px}
#preise .sk-section-title h2,#ablauf .sk-section-title h2{font-size:28px}
#preise .sk-section-title p{font-size:13px;max-width:660px}
.sk-prices-wrap{align-items:stretch;gap:18px}
.sk-price-list{padding:8px 18px}
.sk-price-row{min-height:52px;grid-template-columns:32px minmax(0,1fr) auto;gap:10px}
.sk-price-row h3{font-size:14px;line-height:1.25}
.sk-price-row p{font-size:10.5px;line-height:1.35}
.sk-price-row strong{font-size:16px}
.sk-benefits{gap:10px}
.sk-benefit{min-height:112px;padding:14px}
.sk-benefit .sk-icon{font-size:17px;margin-bottom:4px}
.sk-benefit h3{font-size:12px;line-height:1.25;margin:5px 0 4px}
.sk-benefit p{font-size:10px;line-height:1.35}
.sk-price-notes{margin-top:12px;gap:18px;font-size:10px;line-height:1.45}
.sk-price-notes p{margin:0}
.sk-process{margin-top:0;align-items:start}
.sk-step{padding-right:24px;min-width:0}
.sk-step:not(:last-child):after{top:17px;left:38px}
.sk-num{font-size:30px}
.sk-step h3{font-size:15px;margin:7px 0 4px;line-height:1.25}
.sk-step p{font-size:11px;line-height:1.45;max-width:205px}
.sk-process-note{margin-top:24px;padding:14px 18px;max-width:760px;font-size:12px;line-height:1.45}
.sk-footer{padding:36px 0 16px}
.sk-footer-grid{grid-template-columns:1.15fr .8fr 1.15fr 1.25fr;gap:54px;align-items:start}
.sk-footer-grid>div{min-width:0;align-self:start}
.sk-footer-brand,.sk-footer-legal{display:flex;flex-direction:column;align-items:flex-start}
.sk-footer-logo{width:78px;margin:0 0 12px}
.sk-footer h3{font-size:13px;line-height:1.2;margin:0 0 10px}
.sk-footer p,.sk-footer a,.sk-footer span{font-size:11.5px;line-height:1.55}
.sk-footer-links{gap:6px}
.sk-values{margin-top:20px;padding-top:18px;border-top:1px solid rgba(141,155,177,.10)}
.sk-values h3{margin-bottom:8px}
.sk-values p{margin:0;font-size:11px;line-height:1.55}
.sk-legal-note{margin-top:22px;max-width:1080px;font-size:9.5px;line-height:1.45}
.sk-copy{margin-top:14px;padding-top:13px;font-size:9.5px}
@media(max-width:900px){
  .sk-footer-grid{grid-template-columns:1fr 1fr;gap:30px 42px}
  .sk-values{margin-top:16px;padding-top:14px}
}
@media(max-width:640px){
  #preise.sk-section,#ablauf.sk-section{padding-top:34px;padding-bottom:36px}
  #preise .sk-section-title h2,#ablauf .sk-section-title h2{font-size:25px}
  .sk-price-row{min-height:auto;padding:9px 0}
  .sk-benefit{min-height:104px}
  .sk-process{gap:20px}
  .sk-process-note{margin-top:20px}
  .sk-footer-grid{grid-template-columns:1fr;gap:24px}
  .sk-footer{padding-top:30px}
}

/* Final alignment pass v3: smaller hero title, corrected process and five-column footer */
.sk-hero h1{font-size:34px;line-height:1.12;max-width:520px;margin-bottom:15px}
.sk-lead{font-size:14px;max-width:560px}
.sk-start{margin-bottom:16px}

#ablauf.sk-section{padding-top:32px;padding-bottom:34px}
#ablauf .sk-section-title{margin-bottom:20px}
#ablauf .sk-section-title h2{font-size:26px}
.sk-process{position:relative;gap:28px;margin-top:0}
.sk-step{padding:0;position:relative}
.sk-step:not(:last-child):after{display:none}
.sk-process:before{content:'';position:absolute;left:18px;right:18px;top:15px;height:1px;background:rgba(24,184,239,.28)}
.sk-num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding-right:8px;background:var(--bg);font-size:27px;color:#0a4564}
.sk-num:after{content:'';position:absolute;right:-1px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px var(--bg)}
.sk-step h3{font-size:14px;margin:6px 0 3px}
.sk-step p{font-size:10.5px;line-height:1.4;max-width:190px}
.sk-process-note{max-width:720px;margin-top:22px;padding:12px 18px;font-size:11px}

.sk-footer{padding:32px 0 14px}
.sk-footer-grid{display:grid;grid-template-columns:1.25fr .75fr 1.2fr .75fr 1.25fr;gap:28px;align-items:start}
.sk-footer-grid>div{min-width:0;align-self:start;margin:0;padding:0}
.sk-footer-brand,.sk-values{display:block}
.sk-footer-logo{width:72px;margin:0 0 10px}
.sk-footer h3{font-size:12.5px;line-height:1.2;margin:0 0 9px}
.sk-footer p,.sk-footer a,.sk-footer span{font-size:10.5px;line-height:1.5}
.sk-footer-links{gap:5px}
.sk-values{margin:0;padding:0;border:0}
.sk-values h3{margin:0 0 9px}
.sk-values p{margin:0;font-size:10px;line-height:1.5}
.sk-legal-note{margin-top:20px;max-width:1040px;font-size:9px;line-height:1.4}
.sk-copy{margin-top:12px;padding-top:11px;font-size:9px}

@media(max-width:1050px){
  .sk-footer-grid{grid-template-columns:1.2fr .8fr 1.2fr .8fr;gap:26px 30px}
  .sk-values{grid-column:1/-1;max-width:620px;padding-top:4px}
}
@media(max-width:900px){
  .sk-hero h1{font-size:32px}
  .sk-process{grid-template-columns:1fr 1fr;gap:24px 30px}
  .sk-process:before{display:none}
  .sk-num:after{display:none}
  .sk-footer-grid{grid-template-columns:1fr 1fr;gap:24px 34px}
  .sk-values{grid-column:auto;max-width:none}
}
@media(max-width:640px){
  .sk-hero h1{font-size:29px;max-width:100%}
  .sk-process{grid-template-columns:1fr;gap:18px}
  .sk-num{font-size:24px}
  .sk-footer-grid{grid-template-columns:1fr;gap:20px}
  .sk-values{grid-column:auto}
}

/* v4 — cross-browser stability + restored intro. Header and hero design retained. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Arial,Helvetica,sans-serif}

/* Intro overlay */
#sk-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:#000;opacity:1;transition:opacity .6s ease;overflow:hidden}
#sk-intro.is-leaving{opacity:0;pointer-events:none}
.sk-intro-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.sk-intro-skip{position:absolute;right:22px;bottom:20px;height:38px;padding:0 17px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:rgba(0,0,0,.52);color:#fff;font:600 12px/1 Arial,Helvetica,sans-serif;cursor:pointer;backdrop-filter:blur(5px)}
.sk-intro-skip:hover{border-color:var(--cyan);color:var(--cyan)}
body.sk-intro-active #root{visibility:hidden}

/* Avoid browser-dependent grid stretching and implicit row sizing. */
#preise .sk-prices-wrap{align-items:start}
#preise .sk-price-list{align-self:start}
#preise .sk-benefits{align-self:start;grid-auto-rows:108px}
#preise .sk-benefit{height:108px;min-height:0;padding:12px 10px;overflow:hidden}
#preise .sk-benefit .sk-icon{flex:0 0 auto}
#preise .sk-benefit h3,#preise .sk-benefit p{max-width:100%;overflow-wrap:anywhere}
#preise .sk-price-notes{align-items:start}

/* Stable, content-driven lower page rhythm in Chrome, Edge, Firefox and Safari. */
#preise.sk-section{padding-top:38px;padding-bottom:30px}
#ablauf.sk-section{padding-top:38px;padding-bottom:30px}
#ablauf .sk-container{display:block}
#ablauf .sk-process{grid-auto-rows:auto;align-items:start}
#ablauf .sk-step{height:auto;min-height:0}
#ablauf .sk-process-note{height:auto;min-height:0}

/* Timeline: line and points are decoupled from font metrics. */
#ablauf .sk-process{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:34px}
#ablauf .sk-process:before{left:32px;right:32px;top:14px}
#ablauf .sk-num{height:29px;min-width:40px;padding-right:10px;line-height:29px}
#ablauf .sk-num:after{top:11px}
#ablauf .sk-step h3{margin-top:5px}

/* Footer: five independent top-aligned columns with no implicit spanning. */
.sk-footer{padding-top:30px;padding-bottom:12px}
.sk-footer-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(100px,.72fr) minmax(0,1.15fr) minmax(100px,.72fr) minmax(0,1.25fr);column-gap:30px;row-gap:0;align-items:start}
.sk-footer-grid>div{grid-column:auto!important;align-self:start!important;height:auto;min-height:0}
.sk-footer-brand,.sk-values{margin:0!important;padding:0!important;border:0!important}
.sk-values h3{margin-top:0}
.sk-legal-note{margin-top:18px}
.sk-copy{margin-top:10px;padding-top:10px}

@media(max-width:1050px){
  .sk-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:24px}
  .sk-values{grid-column:auto!important}
}
@media(max-width:760px){
  #preise .sk-benefits{grid-auto-rows:auto}
  #preise .sk-benefit{height:auto;min-height:96px}
  #ablauf .sk-process{grid-template-columns:1fr;row-gap:18px}
  #ablauf .sk-process:before{display:none}
  #ablauf .sk-num{height:auto;line-height:1}
  .sk-footer-grid{grid-template-columns:1fr 1fr;column-gap:26px;row-gap:22px}
}
@media(max-width:520px){
  .sk-footer-grid{grid-template-columns:1fr}
  .sk-intro-skip{right:14px;bottom:14px}
}


/* v5 — corrected intro scale, stable lower layout, simple bottom verse */
#sk-intro{padding:28px}
.sk-intro-frame{display:flex;align-items:center;justify-content:center;width:min(78vw,960px);height:min(72vh,540px);max-width:960px;max-height:540px;overflow:hidden;background:#000}
.sk-intro-video{width:100%;height:100%;object-fit:contain}

/* Give the lower page breathing room without browser-dependent stretching. */
#preise.sk-section{padding:56px 0 46px}
#ablauf.sk-section{padding:54px 0 52px}
#preise .sk-section-title,#ablauf .sk-section-title{margin-bottom:30px}
#preise .sk-section-title h2,#ablauf .sk-section-title h2{font-size:30px}
#preise .sk-section-title p{font-size:14px;line-height:1.55}
.sk-prices-wrap{gap:26px;align-items:start}
.sk-price-list{padding:12px 20px}
.sk-price-row{min-height:58px;padding:10px 0;grid-template-columns:32px minmax(0,1fr) auto;gap:12px}
.sk-price-row h3{font-size:15px;line-height:1.3}
.sk-price-row p{font-size:11.5px;line-height:1.45}
.sk-price-row strong{font-size:17px;white-space:nowrap}
#preise .sk-benefits{grid-auto-rows:132px;gap:14px}
#preise .sk-benefit{height:132px;min-height:132px;padding:17px 14px;overflow:visible}
#preise .sk-benefit h3{font-size:13px;line-height:1.3}
#preise .sk-benefit p{font-size:11px;line-height:1.4}
.sk-price-notes{margin-top:18px;gap:30px;font-size:11px;line-height:1.5}

#ablauf .sk-process{column-gap:44px;align-items:start}
#ablauf .sk-process:before{left:36px;right:36px;top:15px}
#ablauf .sk-step{padding-right:6px}
#ablauf .sk-num{font-size:29px;height:32px;line-height:32px;min-width:44px}
#ablauf .sk-num:after{top:12px}
#ablauf .sk-step h3{font-size:15px;margin:10px 0 5px}
#ablauf .sk-step p{font-size:11.5px;line-height:1.48;max-width:220px}
#ablauf .sk-process-note{max-width:780px;margin-top:32px;padding:16px 22px;font-size:12px;line-height:1.5}

/* Footer: four aligned columns; verse is a simple full-width line near the bottom. */
.sk-footer{padding:46px 0 16px}
.sk-footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1.2fr .8fr;gap:48px;align-items:start}
.sk-footer-grid>div{min-width:0;margin:0;padding:0;align-self:start}
.sk-footer-logo{width:82px;margin:0 0 13px}
.sk-footer h3{font-size:14px;margin:0 0 12px;line-height:1.2}
.sk-footer p,.sk-footer a,.sk-footer span{font-size:12px;line-height:1.55}
.sk-footer-links{gap:7px}
.sk-legal-note{max-width:1060px;margin:30px auto 0;text-align:center;font-size:10px;line-height:1.5;color:var(--muted)}
.sk-footer-verse{max-width:1180px;margin:22px auto 0;text-align:center;font-size:12px;line-height:1.5;font-style:italic;color:#aeb9cb}
.sk-footer-verse span{white-space:nowrap;color:#8493aa}
.sk-copy{margin-top:16px;padding-top:14px;font-size:10px;text-align:center}

@media(max-width:1050px){
  .sk-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 42px}
  #ablauf .sk-process{column-gap:28px}
}
@media(max-width:760px){
  #sk-intro{padding:16px}
  .sk-intro-frame{width:92vw;height:62vh}
  #preise.sk-section,#ablauf.sk-section{padding:42px 0}
  #preise .sk-benefits{grid-auto-rows:auto}
  #preise .sk-benefit{height:auto;min-height:104px}
  #ablauf .sk-process{grid-template-columns:1fr;row-gap:22px}
  #ablauf .sk-process:before{display:none}
  #ablauf .sk-step p{max-width:none}
  .sk-footer-grid{grid-template-columns:1fr 1fr;gap:26px 30px}
  .sk-footer-verse{font-size:11.5px}
}
@media(max-width:520px){
  .sk-intro-frame{width:94vw;height:58vh}
  .sk-footer-grid{grid-template-columns:1fr;gap:24px}
  .sk-footer-verse{max-width:34em}
}

/* v6 — intro only on homepage, balanced intro size, compact pricing and lower content */
#sk-intro{padding:20px}
.sk-intro-frame{
  width:min(90vw,1180px);
  height:min(82vh,680px);
  max-width:1180px;
  max-height:680px;
  border-radius:10px;
}
.sk-intro-video{width:100%;height:100%;object-fit:contain}

/* Prices: visibly smaller and calmer. */
#preise.sk-section{padding-top:44px;padding-bottom:38px}
#preise .sk-section-title{margin-bottom:22px}
#preise .sk-section-title h2{font-size:25px;line-height:1.15}
#preise .sk-section-title p{font-size:12px;line-height:1.45;max-width:700px;margin-inline:auto}
.sk-prices-wrap{gap:22px}
.sk-price-list{padding:8px 16px}
.sk-price-row{
  min-height:48px;
  padding:7px 0;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:10px;
}
.sk-price-row .sk-icon{font-size:13px}
.sk-price-row h3{font-size:13px;line-height:1.25;margin:0 0 1px}
.sk-price-row p{font-size:10px;line-height:1.35}
.sk-price-row strong{font-size:14px;line-height:1.15;white-space:nowrap}
#preise .sk-benefits{grid-auto-rows:108px;gap:10px}
#preise .sk-benefit{height:108px;min-height:108px;padding:12px 10px}
#preise .sk-benefit .sk-icon{font-size:16px;margin-bottom:5px}
#preise .sk-benefit h3{font-size:11.5px;line-height:1.22;margin:0 0 4px}
#preise .sk-benefit p{font-size:9.5px;line-height:1.35}
.sk-price-notes{margin-top:14px;gap:24px;font-size:9.5px;line-height:1.4}

/* Lower section spacing: ordered, but not squeezed. */
#ablauf.sk-section{padding-top:44px;padding-bottom:42px}
#ablauf .sk-section-title{margin-bottom:24px}
#ablauf .sk-section-title h2{font-size:25px}
#ablauf .sk-process{column-gap:34px}
#ablauf .sk-num{font-size:25px}
#ablauf .sk-step h3{font-size:13px;margin-top:8px}
#ablauf .sk-step p{font-size:10px;line-height:1.4}
#ablauf .sk-process-note{max-width:700px;margin-top:26px;padding:13px 18px;font-size:10.5px}

.sk-footer{padding-top:36px;padding-bottom:12px}
.sk-footer-grid{gap:38px}
.sk-footer-logo{width:76px}
.sk-footer h3{font-size:12.5px}
.sk-footer p,.sk-footer a,.sk-footer span{font-size:10.5px;line-height:1.5}
.sk-legal-note{margin-top:22px;font-size:9px}
.sk-footer-verse{margin-top:16px;max-width:1100px;font-size:10.5px;line-height:1.45}
.sk-footer-verse span{white-space:normal}
.sk-copy{margin-top:12px;padding-top:11px;font-size:9px}

@media(max-width:760px){
  .sk-intro-frame{width:94vw;height:min(74vh,620px)}
  #preise .sk-section-title h2,#ablauf .sk-section-title h2{font-size:23px}
  .sk-price-row strong{font-size:13px}
  #preise .sk-benefit{min-height:94px;height:auto}
}

/* v10 — Desktop intro 10% larger than the original v6 desktop size; tablet and mobile unchanged. */
@media (min-width:1200px){
  .sk-intro-frame{
    width:min(100vw,1320px);
    height:min(90vh,756px);
    max-width:1320px;
    max-height:756px;
  }
}

.sk-faq-cta{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 12px;border:1px solid rgba(24,184,239,.38);border-radius:8px;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.03em}.sk-faq-cta:hover{background:rgba(24,184,239,.09)}@media(max-width:640px){.sk-faq-cta{height:36px;padding:0 10px;font-size:11px}.sk-head-actions{gap:8px}}

/* SofortKey: konsolidiertes responsives Layout – keine widersprechenden Nachträge */
:root{
  --sk-page-max:1240px;
}

html{
  overflow-x:hidden;
  scrollbar-gutter:stable;
}

body,
#root{
  min-width:0;
  overflow-x:hidden;
  background:#071426;
}

.sk-container{
  width:min(var(--sk-page-max),calc(100% - 48px));
  margin-inline:auto;
}

/* Header */
.sk-header{
  height:var(--header);
  min-height:var(--header);
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(6,14,27,.94);
  border-bottom:1px solid rgba(24,184,239,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.sk-header .sk-container{
  height:100%;
  display:grid;
  grid-template-columns:110px minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(12px,2vw,28px);
}

.sk-header > .sk-container > a:first-child{
  height:100%;
  min-width:0;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.sk-header .sk-logo{
  width:100%;
  max-width:110px;
  height:calc(var(--header) - 10px);
  max-height:calc(var(--header) - 10px);
  object-fit:contain;
  object-position:left center;
  display:block;
}

.sk-nav{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(8px,1vw,18px);
  flex-wrap:nowrap;
}

.sk-nav a{
  flex:0 0 auto;
  font-size:clamp(10px,.76vw,13px);
  white-space:nowrap;
}

.sk-head-actions{
  min-width:0;
  display:flex;
  align-items:center;
  gap:clamp(10px,1.5vw,20px);
}


/* Inhaltsbereiche ohne starre Breiten */
.sk-cards,
.sk-prices-wrap,
.sk-process,
.sk-trust-grid,
.sk-footer-grid{
  min-width:0;
}

.sk-card,
.sk-price-list,
.sk-benefits,
.sk-step,
.sk-trust-item,
.sk-footer-grid > *{
  min-width:0;
}

@media (min-width:961px) and (max-width:1120px){
  .sk-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .sk-card:last-child{
    grid-column:1 / -1;
  }
}


/* SofortKey: aktuelles Logo proportional auf Headerhöhe */
.sk-header .sk-container{
  grid-template-columns:auto minmax(0,1fr) auto !important;
}
.sk-header > .sk-container > a:first-child{
  height:var(--header) !important;
  max-height:var(--header) !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
}
.sk-header .sk-logo{
  content:url('/assets/sofortkey-logo-public.webp') !important;
  height:calc(var(--header) - 4px) !important;
  max-height:calc(var(--header) - 4px) !important;
  width:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  flex:0 0 auto !important;
}
@media (max-width:640px){
  .sk-header .sk-container{
    grid-template-columns:auto 1fr auto !important;
  }
  .sk-header .sk-logo{
    height:calc(var(--header) - 4px) !important;
    max-height:calc(var(--header) - 4px) !important;
    width:auto !important;
  }
}


/* SofortKey Release: Headerlogo sichtbar um 100 % vergrößert */
.sk-header .sk-container{
  grid-template-columns:auto minmax(0,1fr) auto !important;
}
.sk-header > .sk-container > a:first-child{
  height:var(--header) !important;
  max-height:var(--header) !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
}
.sk-header .sk-logo{
  height:calc(var(--header) - 2px) !important;
  max-height:calc(var(--header) - 2px) !important;
  width:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:scale(2) !important;
  transform-origin:left center !important;
  display:block !important;
}
/* Platz für das 2x-Logo reservieren, ohne den Balken zu verändern */
.sk-header > .sk-container > a:first-child{
  width:220px !important;
  min-width:220px !important;
}
@media (max-width:1180px){
  .sk-header > .sk-container > a:first-child{
    width:180px !important;
    min-width:180px !important;
  }
}
@media (max-width:640px){
  .sk-header > .sk-container > a:first-child{
    width:150px !important;
    min-width:150px !important;
  }
}

/* Hero-Kontaktbuttons: gleiche Schriftgröße, saubere Ausrichtung */
.sk-hero-actions{
  align-items:stretch !important;
}
.sk-hero-actions > .sk-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  min-height:44px !important;
  padding:11px 18px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.sk-hero-actions > .sk-btn .sk-wa-icon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  flex:0 0 18px !important;
  margin:0 !important;
}
.sk-hero-actions > .sk-btn span{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1.2 !important;
}


/* SofortKey Final: Headerlogo exakt in Balkenhöhe, proportional */
.sk-header .sk-container{
  grid-template-columns:auto minmax(0,1fr) auto !important;
}
.sk-header > .sk-container > a:first-child{
  height:var(--header) !important;
  max-height:var(--header) !important;
  width:auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:stretch !important;
  overflow:hidden !important;
  background:#fff !important;
}
.sk-header .sk-logo{
  content:url('/assets/sofortkey-logo-public.webp') !important;
  display:block !important;
  height:var(--header) !important;
  max-height:var(--header) !important;
  width:auto !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:none !important;
  background:#fff !important;
}

/* Hero-Kontaktbuttons: gleiche Typografie und saubere Ausrichtung */
.sk-hero-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:11px !important;
  align-items:stretch !important;
  width:min(100%,760px) !important;
}
.sk-hero-actions > .sk-btn{
  width:100% !important;
  min-width:0 !important;
  min-height:48px !important;
  padding:10px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:hidden !important;
}
.sk-hero-actions > .sk-btn span{
  min-width:0 !important;
  display:block !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
}
.sk-hero-actions > .sk-btn .sk-wa-icon{
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  flex:0 0 18px !important;
  margin:0 !important;
}
@media (max-width:900px){
  .sk-hero-actions{
    grid-template-columns:1fr !important;
    width:100% !important;
  }
}


/* SofortKey: drei Hero-Buttons 25 % kompakter */
.sk-hero-actions{
  width:min(100%,570px) !important;
  gap:11px !important;
}
.sk-hero-actions > .sk-btn{
  min-height:36px !important;
  padding:7px 10px !important;
  font-size:14px !important;
  line-height:1.15 !important;
}
.sk-hero-actions > .sk-btn .sk-wa-icon{
  width:14px !important;
  height:14px !important;
  min-width:14px !important;
  flex-basis:14px !important;
}
/* WhatsApp-Text genau eine Schriftstufe kleiner */
.sk-hero-actions > .sk-btn-whatsapp{
  font-size:13px !important;
}
@media (max-width:900px){
  .sk-hero-actions{
    width:100% !important;
  }
}


/* SofortKey: oberer Balken 5 % schmäler */
:root{
  --header:68.4px !important;
}

/* Logo mit modernen rundlichen Ecken */
.sk-header > .sk-container > a:first-child,
.sk-header .sk-logo{
  border-radius:12px !important;
}
.sk-header > .sk-container > a:first-child{
  overflow:hidden !important;
}

/* PC: Button-Schriften etwas schlanker */
@media (min-width:901px){
  button,
  .sk-btn,
  .sk-top-cta,
  .wiz-btn,
  .btn-primary,
  a[role="button"]{
    font-weight:500 !important;
  }
}


/* SofortKey: Mobile Header – mehr Abstand und bündige CTA-Ausrichtung */
@media (max-width:640px){
  .sk-header .sk-container{
    width:min(var(--sk-page-max,1240px),calc(100% - 24px)) !important;
    grid-template-columns:auto minmax(12px,1fr) auto !important;
    column-gap:14px !important;
    align-items:center !important;
  }

  .sk-header > .sk-container > a:first-child{
    justify-self:start !important;
    margin-right:0 !important;
  }

  .sk-header .sk-head-actions{
    justify-self:end !important;
    margin-left:auto !important;
  }

  .sk-header .sk-top-cta{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* SofortKey: oberer und unterer Termin-Button exakt rechtsbündig */
@media (max-width:640px){
  .sk-header .sk-container{
    width:auto !important;
    max-width:none !important;
    margin-left:12px !important;
    margin-right:12px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .sk-header .sk-container{
    grid-template-columns:auto minmax(16px,1fr) auto !important;
  }

  .sk-header .sk-head-actions{
    justify-self:end !important;
    align-self:center !important;
    margin:0 !important;
    padding:0 !important;
  }

  .sk-header .sk-top-cta{
    margin:0 !important;
    transform:none !important;
  }

  .sk-hero-actions{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .sk-hero-actions > .sk-btn{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}




/* SofortKey: konsolidierter Hero-, Marken- und Trust-Bereich */
.sk-hero{
  position:relative;
  isolation:isolate;
  min-height:580px;
  margin:0;
  overflow:hidden;
  background:#071426;
}

.sk-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:none;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.sk-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(90deg,rgba(4,11,21,.68) 0%,rgba(5,13,25,.50) 32%,rgba(5,13,25,.16) 65%,rgba(5,13,25,.04) 100%);
}

.sk-hero > .sk-container{
  width:94vw;
  max-width:1800px;
  min-height:580px;
  margin:0 auto;
  padding:76px 0 0;
  display:grid;
  grid-template-columns:minmax(0,1.618fr) minmax(320px,1fr);
  align-items:center;
  gap:clamp(36px,4vw,72px);
}

.sk-hero > .sk-container > *{
  min-width:0;
}

.sk-service-start-badge{
  position:absolute;
  z-index:8;
  top:clamp(22px,3.5vh,38px);
  left:50%;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:max-content;
  max-width:calc(100% - 32px);
  margin:0;
  padding:10px 16px;
  border:1px solid rgba(34,211,238,.50);
  border-radius:999px;
  background:rgba(7,20,38,.84);
  color:#fff;
  box-shadow:0 12px 30px rgba(0,0,0,.30),0 0 0 1px rgba(34,211,238,.06) inset;
  font-size:13px;
  font-weight:600;
  line-height:1.25;
  letter-spacing:.025em;
  text-align:center;
  white-space:nowrap;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.sk-service-start-badge::before{
  content:"●";
  flex:0 0 auto;
  font-size:10px;
  color:#22d3ee;
  text-shadow:0 0 12px rgba(34,211,238,.90);
}

.sk-hero-left-phase1 .sk-eyebrow{margin-bottom:18px;}
.sk-hero-left-phase1 h1{margin-bottom:28px;}
.sk-hero-left-phase1 .sk-lead{margin-bottom:30px;line-height:1.64;}
.sk-hero-left-phase1 .sk-hero-actions{margin-top:0;}

.sk-hero-copy{
  position:relative;
  z-index:2;
  width:95.238095%;
  transform:scale(1.05);
  transform-origin:left center;
}

.sk-offer-premium{
  position:relative;
  width:329px;
  max-width:329px;
  min-height:415px;
  justify-self:end;
  align-self:center;
  margin-right:clamp(12px,2vw,32px);
  padding:23px 24px 18px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  border:1px solid rgba(212,175,55,.58);
  border-radius:26px;
  background:radial-gradient(circle at 50% 20%,rgba(212,175,55,.10),transparent 38%),linear-gradient(155deg,rgba(15,18,25,.97),rgba(4,8,15,.98));
  box-shadow:0 30px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.025) inset,0 0 34px rgba(212,175,55,.08);
  color:#fff;
  text-align:center;
}

.sk-offer-premium::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(212,175,55,.16);
  border-radius:16px;
  pointer-events:none;
}

.sk-offer-kicker{position:relative;z-index:1;margin-bottom:8px;color:#d8b45a;font-size:10.5px;font-weight:600;letter-spacing:.17em;}
.sk-offer-star{position:relative;z-index:1;margin-bottom:7px;color:#d8b45a;font-size:29px;line-height:1;text-shadow:0 0 24px rgba(216,180,90,.38);}
.sk-offer-premium h2{position:relative;z-index:1;margin:0 0 4px;color:#fff;font-size:29px;font-weight:400;letter-spacing:-.02em;}
.sk-price-premium{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:0;margin:0;}
.sk-price-premium small{color:#d8b45a;font-size:10.5px;font-weight:600;letter-spacing:.20em;line-height:1;}
.sk-price-premium strong{color:#d8b45a;font-family:Georgia,"Times New Roman",serif;font-size:50px;font-weight:400;line-height:1.02;letter-spacing:-.045em;white-space:nowrap;text-shadow:0 6px 28px rgba(216,180,90,.15);}
.sk-offer-subtitle{position:relative;z-index:1;margin:1px 0 12px;color:#f3f5f7;font-size:12.5px;font-weight:400;}
.sk-offer-benefits{position:relative;z-index:1;width:100%;margin:0 0 13px;padding:10px 0;display:grid;gap:7px;border-top:1px solid rgba(212,175,55,.18);border-bottom:1px solid rgba(212,175,55,.18);list-style:none;text-align:left;}
.sk-offer-benefits li{position:relative;margin:0;padding-left:27px;color:#eef1f4;font-size:12.5px;line-height:1.22;}
.sk-offer-benefits li::before{content:"✓";position:absolute;left:0;top:50%;width:18px;height:18px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(212,175,55,.42);border-radius:50%;color:#d8b45a;font-size:11px;}
.sk-offer-cta{position:relative;z-index:1;width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #d8b45a;border-radius:999px;background:linear-gradient(180deg,#e0bd66,#bc9133);color:#111;font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none;box-shadow:0 10px 26px rgba(212,175,55,.16);transition:transform .18s ease,filter .18s ease;}
.sk-offer-cta:hover{transform:translateY(-1px);filter:brightness(1.05);}
.sk-offer-validity{position:relative;z-index:1;display:block;margin:8px 0 0;color:#aab1ba;font-size:10.5px;line-height:1.25;text-align:center;}

.sk-trust,
.sk-trust-premium{
  margin:0;
  padding:0;
  display:block;
  background:linear-gradient(180deg,rgba(7,16,29,.96),rgba(8,18,32,.98));
  border-top:1px solid rgba(255,255,255,.045);
}

.sk-brand-strip{
  margin:0;
  padding:10px 0 11px;
  overflow:hidden;
  border-top:0;
  border-bottom:1px solid rgba(255,255,255,.045);
  background:rgba(3,9,17,.62);
}

.sk-brand-strip-title{
  width:min(94vw,1800px);
  margin:0 auto 7px;
  color:#a3adb7;
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
}

.sk-brand-marquee{
  position:relative;
  overflow:hidden;
  mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
}

.sk-brand-track{
  width:max-content;
  display:flex;
  align-items:center;
  gap:42px;
  animation:sk-brand-scroll 132s linear infinite;
  animation-play-state:running;
  will-change:transform;
}

.sk-brand-marquee:hover .sk-brand-track{
  animation-duration:200s;
  animation-play-state:running;
}

.sk-brand-track span{
  flex:0 0 auto;
  color:rgba(240,244,248,.90);
  font-size:16px;
  font-weight:500;
  letter-spacing:.02em;
  white-space:nowrap;
  transition:color .2s ease,opacity .2s ease;
}

.sk-brand-track span::after{
  content:"•";
  margin-left:42px;
  color:rgba(34,211,238,.30);
}

.sk-brand-track span:hover{color:#fff;}

@keyframes sk-brand-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.sk-trust-premium > .sk-container{
  width:min(var(--sk-page-max,1240px),calc(100% - 36px));
  margin:0 auto;
}

.sk-trust-premium .sk-trust-grid{
  margin:0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.sk-trust-premium .sk-trust-item{
  position:relative;
  min-height:88px;
  padding:13px 18px;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  grid-template-areas:"icon title" "icon text";
  column-gap:11px;
  align-content:center;
  text-align:left;
  border:0;
}

.sk-trust-premium .sk-trust-item:not(:last-child)::after{
  content:"";
  position:absolute;
  top:18px;
  right:0;
  bottom:18px;
  width:1px;
  background:rgba(255,255,255,.045);
}

.sk-trust-premium .sk-icon{
  grid-area:icon;
  width:26px;
  height:26px;
  margin:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(34,211,238,.20);
  border-radius:8px;
  background:rgba(34,211,238,.04);
  color:#bff6ff;
  font-size:14px;
  line-height:1;
}

.sk-trust-premium h3{grid-area:title;margin:0 0 2px;color:#f4f7f9;font-size:13px;font-weight:600;line-height:1.25;}
.sk-trust-premium p{grid-area:text;margin:0;color:#a8b1bc;font-size:11.5px;line-height:1.35;}

@media (min-width:901px) and (max-width:1279px){
  .sk-hero > .sk-container{
    width:calc(100% - 40px);
    max-width:none;
    min-height:560px;
    padding-top:72px;
    grid-template-columns:minmax(0,1.52fr) minmax(300px,340px);
    gap:clamp(26px,3.2vw,48px);
  }

  .sk-hero{min-height:560px;}
  .sk-offer-premium{width:320px;max-width:320px;min-height:410px;margin-right:12px;padding:22px 23px 17px;}
  .sk-price-premium strong{font-size:48px;}
  .sk-offer-benefits li{font-size:12px;}
  .sk-offer-validity{font-size:10px;}
}

@media (max-width:900px){
  .sk-hero{min-height:auto;}
  .sk-hero::before{background-size:cover;background-position:center center;}
  .sk-hero::after{background:linear-gradient(180deg,rgba(4,11,21,.88) 0%,rgba(5,13,25,.72) 52%,rgba(5,13,25,.90) 100%);}
  .sk-hero > .sk-container{width:calc(100% - 32px);max-width:none;min-height:auto;padding:76px 0 0;grid-template-columns:1fr;align-items:start;gap:24px;}
  .sk-service-start-badge{top:18px;max-width:calc(100% - 24px);padding:9px 14px;font-size:12px;white-space:normal;}
  .sk-hero-copy{transform-origin:left top;margin-bottom:0;}
  .sk-offer-premium{width:min(100%,520px);max-width:520px;min-height:auto;justify-self:start;align-self:start;margin-right:0;padding:26px 26px 22px;}
  .sk-trust-premium .sk-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sk-trust-premium .sk-trust-item:nth-child(2)::after{display:none;}
  .sk-trust-premium .sk-trust-item:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.045);}
}

@media (max-width:640px){
  .sk-hero::before{background-image:none;background-position:center top;}
  .sk-hero > .sk-container{width:auto;margin:0 12px;padding:72px 0 0;gap:20px;}
  .sk-service-start-badge{top:14px;width:min(370px,calc(100% - 20px));max-width:min(370px,calc(100% - 20px));padding:9px 13px;font-size:11.5px;line-height:1.3;text-wrap:balance;white-space:normal;}
  .sk-hero-left-phase1 .sk-eyebrow{margin-bottom:14px;}
  .sk-hero-left-phase1 h1{margin-bottom:22px;}
  .sk-hero-left-phase1 .sk-lead{margin-bottom:24px;line-height:1.58;}
  .sk-offer-premium{width:100%;max-width:none;padding:24px 20px 20px;}
  .sk-brand-strip{padding:9px 0 10px;}
  .sk-brand-strip-title{width:calc(100% - 24px);margin-bottom:6px;font-size:9.5px;}
  .sk-brand-track{gap:28px;animation-duration:132s;}
  .sk-brand-marquee:hover .sk-brand-track{animation-duration:200s;}
  .sk-brand-track span{font-size:14px;}
  .sk-brand-track span::after{margin-left:28px;}
  .sk-trust-premium > .sk-container{width:calc(100% - 24px);}
  .sk-trust-premium .sk-trust-grid{grid-template-columns:1fr;}
  .sk-trust-premium .sk-trust-item{min-height:72px;padding:11px 12px;}
  .sk-trust-premium .sk-trust-item:nth-child(-n+2){border-bottom:0;}
  .sk-trust-premium .sk-trust-item:not(:last-child)::after{display:block;top:auto;left:12px;right:12px;bottom:0;width:auto;height:1px;}
}

@media (prefers-reduced-motion:reduce){
  .sk-brand-track{animation:none;transform:none;}
}

/* Hotfix 8.1 — Headerleisten zusammenhalten, browserstabil */
/* Die Marken-/Textleiste steht direkt nach dem Header. Die Trustleiste wird
   innerhalb des Hauptbereichs vor den Hero geordnet, sodass beide Leisten
   unmittelbar zusammen am Header erscheinen. Flexbox order wird von aktuellen
   Chrome-, Edge-, Firefox- und Safari-Versionen einheitlich unterstützt. */
body > #root main{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  min-width:0;
}
body > #root main > .sk-trust{
  -webkit-box-ordinal-group:0;
      -ms-flex-order:-1;
          order:-1;
}
.sk-header + .sk-brand-strip,
.sk-brand-strip + main > .sk-trust{
  margin-top:0;
  margin-bottom:0;
}
/* Safari benötigt für animierte Masken weiterhin das WebKit-Präfix. */
.sk-brand-marquee{
  -webkit-mask-image:-webkit-linear-gradient(left,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);
}
@media (prefers-reduced-motion:reduce){
  .sk-brand-track{
    -webkit-animation:none!important;
            animation:none!important;
    -webkit-transform:none!important;
            transform:none!important;
  }
  .sk-brand-marquee{overflow-x:auto;scrollbar-width:thin;}
}

/* Step 8.2 — header bars directly under header + slightly brighter homepage */
:root{
  --bg:#0b1728;
  --bg2:#102038;
  --card:#16243a;
  --line:#21415f;
  --muted:#a8b5c8;
}
body{background:#0b1728}
.sk-header{background:rgba(9,20,36,.98);border-bottom-color:rgba(38,190,239,.18)}
.sk-brand-strip[data-sk-position="under-header"]{
  position:relative;
  z-index:42;
  margin:0!important;
  border-top:0;
  background:#0b1728;
}
.sk-trust-premium[data-sk-position="under-header"]{
  position:relative;
  z-index:41;
  margin:0!important;
  padding:0!important;
  background:#0f1d31;
  border-top:1px solid rgba(45,190,235,.13);
  border-bottom:1px solid rgba(45,190,235,.16);
}
.sk-trust-premium[data-sk-position="under-header"] .sk-trust-grid{
  border-radius:0;
  border-top:0;
  border-bottom:0;
  background:#0f1d31;
}
.sk-hero{
  background:
    linear-gradient(90deg,rgba(7,17,31,.78) 0%,rgba(8,19,34,.52) 42%,rgba(7,17,31,.14) 72%),
    linear-gradient(118deg,#0b2238 0%,#091a2c 48%,#0f3149 100%);
}
.sk-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(35,78,112,.06),rgba(0,0,0,0) 45%);
}
.sk-hero .sk-container{position:relative;z-index:1}
.sk-lead,.sk-phone,.sk-trust-item p{color:#b7c3d3}
.sk-card,.sk-price-list,.sk-benefit,.sk-process-note{background:#16243a}
.sk-section{background-color:#0b1728}
.sk-footer{background:#091526}

@supports not (gap: 1rem){
  .sk-trust-grid > * + *{margin-left:0}
}
@media(max-width:900px){
  .sk-trust-premium[data-sk-position="under-header"] .sk-trust-grid{border-radius:0}
}
@media(max-width:640px){
  .sk-brand-strip[data-sk-position="under-header"],
  .sk-trust-premium[data-sk-position="under-header"]{width:100%}
}

/* Step 8.3 — compact header text/trust bars (approximately 50% lower) */
.sk-brand-strip[data-sk-position="under-header"]{
  padding:3px 0 4px!important;
  min-height:0!important;
}
.sk-brand-strip[data-sk-position="under-header"] .sk-brand-strip-title{
  margin:0 auto 2px!important;
  font-size:9px!important;
  line-height:1.05!important;
  letter-spacing:.12em!important;
}
.sk-brand-strip[data-sk-position="under-header"] .sk-brand-track{
  gap:32px!important;
  min-height:18px!important;
}
.sk-brand-strip[data-sk-position="under-header"] .sk-brand-track span{
  font-size:13.5px!important;
  line-height:1.05!important;
}
.sk-brand-strip[data-sk-position="under-header"] .sk-brand-track span::after{
  margin-left:32px!important;
}
.sk-trust-premium[data-sk-position="under-header"] .sk-trust-item{
  min-height:44px!important;
  padding:4px 12px!important;
  grid-template-columns:21px minmax(0,1fr)!important;
  column-gap:8px!important;
}
.sk-trust-premium[data-sk-position="under-header"] .sk-trust-item:not(:last-child)::after{
  top:8px!important;
  bottom:8px!important;
}
.sk-trust-premium[data-sk-position="under-header"] .sk-icon{
  width:20px!important;
  height:20px!important;
  border-radius:6px!important;
  font-size:11px!important;
}
.sk-trust-premium[data-sk-position="under-header"] h3{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.08!important;
}
.sk-trust-premium[data-sk-position="under-header"] p{
  margin:1px 0 0!important;
  font-size:9.5px!important;
  line-height:1.12!important;
}
@media(max-width:900px){
  .sk-brand-strip[data-sk-position="under-header"]{padding:3px 0!important}
  .sk-trust-premium[data-sk-position="under-header"] .sk-trust-item{
    min-height:40px!important;
    padding:4px 9px!important;
  }
}
@media(max-width:640px){
  .sk-brand-strip[data-sk-position="under-header"] .sk-brand-strip-title{font-size:8.5px!important}
  .sk-brand-strip[data-sk-position="under-header"] .sk-brand-track span{font-size:12px!important}
  .sk-trust-premium[data-sk-position="under-header"] .sk-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .sk-trust-premium[data-sk-position="under-header"] .sk-trust-item{
    min-height:38px!important;
    padding:3px 8px!important;
  }
  .sk-trust-premium[data-sk-position="under-header"] h3{font-size:10.5px!important}
  .sk-trust-premium[data-sk-position="under-header"] p{font-size:8.8px!important}
  .sk-trust-premium[data-sk-position="under-header"] .sk-icon{width:18px!important;height:18px!important;font-size:10px!important}
}

/* Step 8.4 — clearer header hierarchy, aligned trust items, no hero background image */
:root{
  --sk-header-bg:#061120;
  --sk-brand-bg:#0b2034;
  --sk-trust-bg:#102b43;
  --sk-hero-bg-1:#0b2238;
  --sk-hero-bg-2:#0f3149;
}
.sk-header{
  background:var(--sk-header-bg)!important;
  border-bottom:1px solid rgba(54,198,243,.2)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.18)!important;
}
.sk-brand-strip[data-sk-position="under-header"]{
  background:var(--sk-brand-bg)!important;
  border-top:1px solid rgba(255,255,255,.025)!important;
  border-bottom:1px solid rgba(54,198,243,.16)!important;
}
.sk-brand-strip[data-sk-position="under-header"] .sk-brand-strip-title{
  color:#9fbed2!important;
}
.sk-brand-strip[data-sk-position="under-header"] .sk-brand-track span{
  color:#dbe7ef!important;
}
.sk-trust-premium[data-sk-position="under-header"]{
  background:var(--sk-trust-bg)!important;
  border-bottom:1px solid rgba(54,198,243,.22)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.16)!important;
}
.sk-trust-premium[data-sk-position="under-header"] .sk-trust-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  background:transparent!important;
}
.sk-trust-premium[data-sk-position="under-header"] .sk-trust-item{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"icon title" "icon text"!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:9px!important;
  row-gap:0!important;
  min-height:44px!important;
  padding:5px 13px!important;
  margin:0!important;
}
.sk-trust-premium[data-sk-position="under-header"] .sk-icon{
  grid-area:icon!important;
  align-self:center!important;
  justify-self:center!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.sk-trust-premium[data-sk-position="under-header"] h3{
  grid-area:title!important;
  align-self:end!important;
  margin:0!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.sk-trust-premium[data-sk-position="under-header"] p{
  grid-area:text!important;
  align-self:start!important;
  margin:1px 0 0!important;
  font-size:8.8px!important;
  line-height:1.15!important;
  white-space:normal!important;
}
.sk-hero,
.sk-hero::before,
.sk-hero::after{
  background-image:none!important;
}
.sk-hero{
  background:
    radial-gradient(circle at 72% 35%,rgba(28,184,232,.16),transparent 34%),
    radial-gradient(circle at 18% 75%,rgba(44,119,171,.16),transparent 38%),
    linear-gradient(118deg,var(--sk-hero-bg-1) 0%,#091a2c 48%,var(--sk-hero-bg-2) 100%)!important;
}
.sk-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(90deg,rgba(2,10,20,.35),rgba(2,10,20,.06))!important;
  pointer-events:none!important;
}
.sk-hero > *{position:relative;z-index:1}
.sk-offer{box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
@media(max-width:1050px){
  .sk-trust-premium[data-sk-position="under-header"] h3{white-space:normal!important}
}
@media(max-width:900px){
  .sk-trust-premium[data-sk-position="under-header"] .sk-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .sk-trust-premium[data-sk-position="under-header"] .sk-trust-item{min-height:48px!important}
}
@media(max-width:640px){
  .sk-trust-premium[data-sk-position="under-header"] .sk-trust-grid{grid-template-columns:1fr!important}
  .sk-trust-premium[data-sk-position="under-header"] .sk-trust-item{min-height:42px!important;padding:5px 12px!important}
  .sk-trust-premium[data-sk-position="under-header"] h3{font-size:10px!important}
  .sk-trust-premium[data-sk-position="under-header"] p{font-size:8.6px!important}
}
/* Step 8.5 — smooth marquee hover and new hero background (old hero remains deleted) */
.sk-brand-strip[data-sk-position="under-header"] .sk-brand-track{
  animation-duration:132s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}
/* Do not change animation-duration on hover: that recalculates progress and causes a jump. */
.sk-brand-strip[data-sk-position="under-header"] .sk-brand-marquee:hover .sk-brand-track{
  animation-duration:132s!important;
}

.sk-hero{
  background-image:
    linear-gradient(90deg,rgba(4,11,21,.94) 0%,rgba(5,13,25,.78) 38%,rgba(5,13,25,.38) 68%,rgba(5,13,25,.55) 100%),
    url('/assets/hero-home-1280.webp')!important;
  background-size:cover!important;
  background-position:center 44%!important;
  background-repeat:no-repeat!important;
  background-color:#081526!important;
}
@media(max-width:900px){
  .sk-hero{
    background-position:58% center!important;
  }
}
@media(max-width:640px){
  .sk-hero{
    background-image:
      linear-gradient(180deg,rgba(4,11,21,.90) 0%,rgba(5,13,25,.80) 58%,rgba(5,13,25,.92) 100%),
      url('/assets/hero-home-1280.webp')!important;
    background-position:56% center!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .sk-brand-strip[data-sk-position="under-header"] .sk-brand-track{
    animation:none!important;
    transform:none!important;
  }
}

/* SofortKey Schritt 10: eindeutige Termin-CTA und kompakter Sticky-Header */
header,
[data-sofortkey-site-header="true"] {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  isolation: isolate;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

/* Nur der Header bleibt beim Scrollen sichtbar. Marken- und Trustleiste scrollen normal. */
[data-sofortkey-brand-bar="true"],
[data-sofortkey-trust-bar="true"],
.sofortkey-brand-bar,
.sofortkey-trust-bar {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
}

/* Einheitliche Schreibweise und gut erkennbare Hauptaktion. */
a[href="/auftrag"],
a[href$="/auftrag"],
a[href*="/auftrag?"] {
  white-space: nowrap;
}

header a[href="/auftrag"],
header a[href$="/auftrag"],
header a[href*="/auftrag?"] {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  header,
  [data-sofortkey-site-header="true"] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  header a[href="/auftrag"],
  header a[href$="/auftrag"],
  header a[href*="/auftrag?"] {
    min-height: 38px;
    padding-left: .85rem !important;
    padding-right: .85rem !important;
    font-size: .78rem !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  header,
  [data-sofortkey-site-header="true"] {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

/* homepage button width adjustment */
.sk-hero-actions{width:min(100%,520px)!important;}
.sk-hero-actions>.sk-btn{min-height:34px!important;padding:6px 8px!important;font-size:13px!important;}

/* Footer-only alignment: four balanced blocks aligned to the same site container. */
.sk-footer .sk-container{
  width:min(var(--container),calc(100% - 36px));
  margin-inline:auto;
}
.sk-footer-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:clamp(28px,4.2vw,72px)!important;
  row-gap:0!important;
  align-items:start!important;
  width:100%!important;
}
.sk-footer-grid>div{
  min-width:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-self:start!important;
  text-align:left!important;
}
.sk-footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.sk-footer-logo{
  display:block!important;
  width:min(100%,156px)!important;
  max-height:62px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0 0 14px!important;
}
.sk-footer-brand p{
  max-width:24ch!important;
  margin:0!important;
}
.sk-footer h3{
  margin:0 0 14px!important;
}
.sk-footer-links{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
  width:100%!important;
}
.sk-footer-links a,
.sk-footer-links span{
  margin:0!important;
}
@media(max-width:900px){
  .sk-footer-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:42px!important;
    row-gap:30px!important;
  }
}
@media(max-width:520px){
  .sk-footer-grid{
    grid-template-columns:1fr!important;
    row-gap:26px!important;
  }
}

/* source: homepage-step9-2-real-sticky-cta.css */
/* SofortKey Hotfix 9.2: echte React-Struktur statt nicht vorhandener .sk-* Klassen */
[data-sofortkey-sticky-header="true"]{
  position:-webkit-sticky !important;
  position:sticky !important;
  top:0 !important;
  z-index:2147483000 !important;
  width:100% !important;
  isolation:isolate;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
[data-sofortkey-nonsticky-bar="true"]{
  position:relative !important;
  top:auto !important;
  z-index:auto !important;
}
[data-sofortkey-booking-cta="true"]{
  white-space:nowrap;
}
@media (max-width:760px){
  [data-sofortkey-sticky-header="true"]{
    min-height:58px;
  }
  [data-sofortkey-header-cta="true"]{
    min-height:38px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    font-size:12px !important;
  }
}
@supports not ((position:sticky) or (position:-webkit-sticky)){
  [data-sofortkey-sticky-header="true"]{
    position:relative !important;
  }
}

/* booking modal visual rules moved to booking-ui-locked-20260725.css */

/* source: sofortkey-top-rebuild-step9-8.css */
/* SofortKey 9.8 – Header und Trustleiste strukturell ausrichten */
.sk98-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  width: 100% !important;
}
.sk98-header-row {
  display: grid !important;
  grid-template-columns: minmax(130px, 190px) minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: clamp(14px, 2vw, 32px) !important;
  min-height: 72px !important;
  width: min(100% - 32px, 1216px) !important;
  margin-inline: auto !important;
  padding-block: 6px !important;
  box-sizing: border-box !important;
}
.sk98-header-logo { justify-self: start !important; align-self: center !important; margin: 0 !important; }
.sk98-header-logo img { display: block !important; max-height: 56px !important; width: auto !important; }
.sk98-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(12px, 1.5vw, 25px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
}
.sk98-nav > * { margin: 0 !important; align-self: center !important; }
.sk98-nav a, .sk98-nav button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding-block: 0 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}
.sk98-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
  align-self: center !important;
  white-space: nowrap !important;
}
.sk98-header-actions > * { margin-block: 0 !important; align-self: center !important; }

.sk98-trust-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  width: 100% !important;
  gap: 0 !important;
}
.sk98-trust-card {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  grid-template-rows: 22px 22px !important;
  align-items: center !important;
  align-content: center !important;
  column-gap: 10px !important;
  min-width: 0 !important;
  min-height: 58px !important;
  padding: 7px 16px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  text-align: left !important;
}
.sk98-trust-card + .sk98-trust-card { border-left: 1px solid rgba(80,190,235,.12) !important; }
.sk98-trust-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
}
.sk98-trust-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 22px !important;
  line-height: 22px !important;
  align-self: end !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.sk98-trust-desc {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 22px !important;
  line-height: 18px !important;
  align-self: start !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 1080px) {
  .sk98-header-row { grid-template-columns: auto minmax(0,1fr) auto !important; column-gap: 12px !important; }
  .sk98-nav { gap: 10px !important; }
  .sk98-nav a, .sk98-nav button { font-size: 12px !important; }
  .sk98-trust-card { padding-inline: 10px !important; }
}
@media (max-width: 800px) {
  .sk98-header-row { display: flex !important; justify-content: space-between !important; min-height: 56px !important; }
  .sk98-nav { display: none !important; }
  .sk98-header-logo img { max-height: 54px !important; }
  .sk98-trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .sk98-trust-card:nth-child(3) { border-left: 0 !important; border-top: 1px solid rgba(80,190,235,.12) !important; }
  .sk98-trust-card:nth-child(4) { border-top: 1px solid rgba(80,190,235,.12) !important; }
}
@media (max-width: 480px) {
  .sk98-trust-grid { grid-template-columns: 1fr !important; }
  .sk98-trust-card { border-left: 0 !important; border-top: 1px solid rgba(80,190,235,.12) !important; }
  .sk98-trust-card:first-child { border-top: 0 !important; }
  .sk98-trust-title,.sk98-trust-desc { white-space: normal !important; }
}

/* 2026-07-14: die vier nicht gewünschten Service-/Trust-Blöcke vollständig entfernen */
.sk98-trust-grid,
.sk98-trust-card,
.sk-premium-trust,
.sk-trust-premium {
  display: none !important;
}

/* source: sofortkey-fix-9-8-1.css */
/* SofortKey 9.8.1 – targeted production fixes only */
html, body { min-height: 100%; }
body { background: #07101f; }
#root { opacity: 1 !important; visibility: visible !important; }
body.site-visible #root, body.intro-active #root { opacity: 1 !important; visibility: visible !important; }

/* The user-provided image is the only homepage hero background. */
.sk-hero {
  position: relative;
  background-image:
    linear-gradient(90deg, rgba(4,11,21,.92) 0%, rgba(5,13,25,.72) 42%, rgba(5,13,25,.18) 74%),
    url('/assets/hero-home-1280.webp') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.sk-hero::before, .sk-hero::after { background-image: none !important; }

@media (max-width: 767px) {
  .sk-hero {
    background-image:
      linear-gradient(180deg, rgba(4,11,21,.78) 0%, rgba(4,11,21,.72) 48%, rgba(4,11,21,.92) 100%),
      url('/assets/hero-home-1280.webp') !important;
    background-position: 58% center !important;
    min-height: auto !important;
  }
}

/* source: sofortkey-premium-2026.css */
:root{--sk-navy:#071426;--sk-navy2:#0b2039;--sk-blue:#18b8ef;--sk-white:#f7fbff;--sk-muted:#a7b4c7}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
img{max-width:100%;height:auto}
:focus-visible{outline:3px solid rgba(24,184,239,.55);outline-offset:3px}

/* Header-Logo: transparent, ohne weiße Fläche */
.top .logo,
header img[data-sk-logo],
header img[alt*="SofortKey" i],
header img[src*="sofortkey-logo" i]{
  content:url('/assets/sofortkey-logo-public.webp')!important;
  display:block!important;
  width:auto!important;
  height:72px!important;max-height:72px!important;
  max-width:min(310px,56vw)!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 16px rgba(0,174,255,.22))!important;
}
.top .container{height:72px!important;min-height:72px!important}

/* Trustleiste nur als separate Leiste, ohne Überlagerung */
.sk-premium-trust{display:flex;gap:clamp(12px,2vw,28px);align-items:center;justify-content:center;flex-wrap:wrap;padding:12px 20px;background:linear-gradient(90deg,#06172b,#0b2948);color:#eaf7ff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:.92rem;font-weight:650;position:relative;z-index:5}
.sk-premium-trust span{display:inline-flex;align-items:center;gap:8px}
.sk-premium-trust span::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(0,170,242,.18);color:#73d6ff}

/* SEO-Unterseiten: vorhandenes dunkles Layout respektieren */
body{overflow-x:hidden}
.hero{position:relative;isolation:isolate;background:
 linear-gradient(90deg,rgba(4,15,30,.92) 0%,rgba(4,15,30,.72) 55%,rgba(4,15,30,.42) 100%),
 url('/assets/hero-home-1280.webp') center/cover no-repeat!important}
.hero::before,.hero::after{content:none!important}
.hero h1,.hero h2,.hero h3,.hero p,.hero .breadcrumbs{position:relative;z-index:1}
.hero h1{color:#f5f8fc!important;text-shadow:0 2px 18px rgba(0,0,0,.38)}
.hero p,.hero .breadcrumbs{color:#c4cfdd!important}
main section{background:transparent}
.content h2,.content h3,.box h2{color:#f5f8fc!important}
.content p,.content li,.box li{color:#a7b4c7!important}
.box{background:#0e1c30!important;border:1px solid rgba(141,155,177,.18)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)}

/* Dialoge */
[role=dialog],.modal,[class*="modal"],[class*="dialog"],[class*="confirmation"]{border-radius:24px!important;box-shadow:0 28px 90px rgba(0,0,0,.35)!important;animation:skFloatIn .42s cubic-bezier(.2,.75,.25,1) both!important}
@keyframes skFloatIn{from{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:none}}

/* Footer-Logo ebenfalls transparent */
footer img[alt*="SofortKey" i],footer img[src*="sofortkey-logo" i]{
 content:url('/assets/sofortkey-logo-public.webp')!important;
 width:min(260px,78vw)!important;height:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important
}

@media(max-width:760px){
 .top .container{height:56px!important;min-height:56px!important}
 .top .logo,header img[data-sk-logo],header img[alt*="SofortKey" i],header img[src*="sofortkey-logo" i]{height:56px!important;max-height:56px!important;max-width:240px!important}
 .sk-premium-trust{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-inline:16px}
 .sk-premium-trust span{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Homepage logo repair: never render a white badge/tile around the transparent mark. */
header a:has(img[data-sk-logo]), header img[data-sk-logo], footer img[data-sk-logo]{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;}
header img[data-sk-logo]{object-fit:contain!important;width:auto!important;}

/* Stabiler Header-Leistencontainer: verhindert gegenseitiges Umsortieren durch
   ältere Header-/Trust-Skripte und reserviert die Höhe ohne Layoutsprünge. */
.sk-header-bars-fixed{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  position:relative!important;
  z-index:20!important;
  contain:layout paint!important;
}
.sk-header-bars-fixed > *{
  position:relative!important;
  width:100%!important;
  flex:0 0 auto!important;
  margin-block:0!important;
  transform:none;
}
.sk-header-bars-fixed .sk-brand-strip{order:1!important}
.sk-header-bars-fixed .sk-premium-trust{order:2!important}
.sk-header-bars-fixed .sk-trust-premium{order:3!important}

/* Website logo only: header uses full available height; footer logo is visible bottom-left. */
.footer .footer-logo{display:block;width:min(260px,78vw);height:auto;margin:0 0 16px 0;background:transparent;border:0;box-shadow:none;object-fit:contain;object-position:left center}

/* Final public-subpage header match: identical to the homepage header. */
.top .container{
  width:min(calc(100% - (2 * clamp(24px,3vw,40px))),1176px)!important;
  max-width:1176px!important;
  height:76px!important;
  min-height:76px!important;
  margin-inline:auto!important;
  align-items:center!important;
}
.top .container>a:first-child{
  height:76px!important;
  min-height:76px!important;
  padding:0!important;
  display:flex!important;
  align-items:stretch!important;
}
.top .logo,
.top header img[alt*="SofortKey" i],
.top img[src*="sofortkey-logo" i]{
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  width:auto!important;
  max-width:min(330px,38vw)!important;
  object-fit:contain!important;
  object-position:left center!important;
  padding:0!important;
  margin:0!important;
}
.top .nav a,
.top .sk-unified-static-nav>a{
  font-size:14px!important;
  line-height:1.35!important;
}
@media(max-width:760px){
  .top .container{height:56px!important;min-height:56px!important}
  .top .container>a:first-child{height:56px!important;min-height:56px!important}
  .top .logo,.top img[src*="sofortkey-logo" i]{height:56px!important;min-height:56px!important;max-height:56px!important;max-width:min(250px,54vw)!important}
}

/* Approved website-only correction: equal header-logo edge spacing and footer alignment. */
.top .container > a:first-child,
header > .wrap > a:first-child {
  display:flex!important;
  align-items:center!important;
}
.top .logo,
.top img[src*="sofortkey-logo" i],
header > .wrap img.logo {
  height:68px!important;
  min-height:0!important;
  max-height:68px!important;
  width:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.footer .container {
  display:grid!important;
  grid-template-columns:minmax(120px,160px) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  width:min(calc(100% - 36px),1120px)!important;
  margin-inline:auto!important;
}
.footer .footer-logo {
  width:auto!important;
  height:56px!important;
  max-width:136px!important;
  max-height:56px!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.footer .container > span {
  margin:0!important;
  text-align:left!important;
  line-height:1.5!important;
}
.footer .container > span:last-child {
  justify-self:end!important;
  text-align:right!important;
}
footer:not(.footer) .footer-logo {
  display:block!important;
  width:auto!important;
  height:56px!important;
  max-width:136px!important;
  margin:0 auto 12px!important;
  object-fit:contain!important;
}
@media(max-width:760px){
  .top .logo,.top img[src*="sofortkey-logo" i],header > .wrap img.logo{
    height:56px!important;
    max-height:56px!important;
  }
  .footer .container{
    grid-template-columns:1fr!important;
    justify-items:start!important;
    gap:12px!important;
  }
  .footer .container > span:last-child{
    justify-self:start!important;
    text-align:left!important;
  }
}

/* source: sofortkey-home-logo-v4.css */
/* Startseiten-Logo – bewusst zuletzt geladen, damit keine ältere Regel es ausblendet. */
.sk-header .sk-container > a:first-child,
.sk-header a[href="#start"]:has(.sk-logo),
header .sk-home-logo-link {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  min-width:210px !important;
  height:72px !important;
  min-height:72px !important;
  padding:4px 0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.sk-header .sk-logo,
header img.sk-home-logo,
header img[src*="sofortkey-logo-home-v20260713-v4"] {
  content:url('/assets/sofortkey-logo-public.webp') !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  inset:auto !important;
  width:auto !important;
  height:72px !important;
  max-width:42vw !important;
  max-height:72px !important;
  min-width:180px !important;
  padding:0 !important;
  margin:0 !important;
  transform:none !important;
  clip:auto !important;
  clip-path:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 7px 16px rgba(0,174,255,.28)) !important;
  z-index:20 !important;
}
@media (max-width:760px){
  .sk-header .sk-container > a:first-child,
  header .sk-home-logo-link{min-width:150px !important;height:56px !important;min-height:56px !important}
  .sk-header .sk-logo,header img.sk-home-logo{width:auto !important;min-width:140px !important;max-width:52vw !important;height:56px !important;max-height:56px !important}
}

/* Final homepage logo sizing: visible mark fills the complete header height. */
.sk-header .sk-container > a:first-child,
header .sk-home-logo-link{
  height:76px!important;
  min-height:76px!important;
  padding:0!important;
  align-items:stretch!important;
}
.sk-header .sk-logo,
header img.sk-home-logo{
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  max-width:min(330px,38vw)!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:600px){
  .sk-header .sk-container > a:first-child,header .sk-home-logo-link{height:56px!important;min-height:56px!important}
  .sk-header .sk-logo,header img.sk-home-logo{height:56px!important;min-height:56px!important;max-height:56px!important;max-width:min(250px,54vw)!important}
}

/* source: sofortkey-public-system-v3174.css */
/* SofortKey public website layout system v3.17.4
   One authoritative grid for header, hero and footer. Public site only. */
:root {
  --sk-site-max: 1176px;
  --sk-site-gutter: clamp(24px, 3vw, 40px);
  --sk-grid-unit: 8px;
  --sk-header-height: 72px;
  --sk-header-logo-height: 72px;
  --sk-footer-gap: 48px;
}

/* One shared horizontal axis. */
.sk-header > .sk-container,
.sk-hero > .sk-container,
.sk-section > .sk-container,
.sk-footer > .sk-container,
.top > .container,
main > .container,
footer > .container {
  box-sizing: border-box;
  width: min(calc(100% - (2 * var(--sk-site-gutter))), var(--sk-site-max));
  max-width: var(--sk-site-max);
  margin-inline: auto;
  padding-inline: 0;
}

/* Header: brand, navigation and actions on one baseline. */
.sk-header,
.top {
  width: 100%;
  padding-inline: 0;
}
.sk-header > .sk-container,
.top > .container {
  display: grid;
  grid-template-columns: 208px minmax(0, 1fr) 300px;
  align-items: center;
  min-height: var(--sk-header-height);
  column-gap: 32px;
}
.sk-header .sk-container > a:first-child,
.top .container > a:first-child {
  display: flex;
  width: 208px;
  height: var(--sk-header-height);
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.sk-header .sk-logo,
.top .logo,
header img[data-sk-logo],
header img[alt*="SofortKey" i],
header img[src*="sofortkey-logo" i],
.sk98-header-logo img,
.sk-home-logo {
  display: block;
  width: auto;
  height: var(--sk-header-logo-height);
  max-width: 208px;
  max-height: var(--sk-header-logo-height);
  margin: 0;
  object-fit: contain;
  object-position: left center;
  height: var(--sk-header-logo-height) !important;
  max-height: var(--sk-header-logo-height) !important;
}
.sk-nav {
  min-width: 0;
  justify-self: center;
  justify-content: center;
  margin: 0;
}
.sk-head-actions {
  width: 300px;
  justify-self: end;
  justify-content: flex-end;
  margin: 0;
}

/* Hero: restore the compact text measure and align CTA row to it. */
.sk-hero-left-phase1,
.sk-hero-copy,
.sk-lead {
  width: 100%;
  max-width: 544px;
}
.sk-hero-copy h1,
.sk-hero-copy p {
  max-width: 100%;
}
.sk-hero-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 544px;
  gap: 8px;
}
.sk-hero-actions > * {
  min-width: 0;
  width: 100%;
}

/* Footer: real 12-column logic, four equal 3-column zones. */
.sk-footer {
  width: 100%;
  padding: 64px 0 24px;
}
.sk-footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  width: 100%;
  margin: 0;
  padding: 0;
  column-gap: var(--sk-footer-gap);
}
.sk-footer-grid > * {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  align-self: start;
  justify-self: stretch;
  text-align: left;
}
.sk-footer-brand {
  display: grid;
  grid-template-rows: 104px auto;
  align-content: start;
  gap: 24px;
}
.sk-footer .sk-footer-logo,
footer img[data-sk-logo],
footer img[alt*="SofortKey" i],
footer img[src*="sofortkey-logo" i] {
  display: block;
  align-self: start;
  width: 232px;
  max-width: 100%;
  height: 104px;
  margin: 0;
  object-fit: contain;
  object-position: left top;
}
.sk-footer-brand p {
  width: 100%;
  max-width: 27ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}
.sk-footer-grid h3 {
  height: 24px;
  margin: 0 0 16px;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
}
.sk-footer-links {
  display: grid;
  align-content: start;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.sk-footer-links > * {
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 20px;
}

/* Closing zone uses the exact grid edges and a calm 8-point rhythm. */
.sk-legal-note,
.sk-footer-verse,
.sk-copy {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  text-align: center;
}
.sk-legal-note {
  margin-top: 48px;
  padding: 24px 32px 0;
  border-top: 1px solid rgba(148, 163, 184, .14);
}
.sk-footer-verse {
  margin-top: 24px;
  padding-inline: 32px;
}
.sk-copy {
  margin-top: 24px;
  padding: 16px 32px 0;
  border-top: 1px solid rgba(148, 163, 184, .10);
}

@media (max-width: 1100px) {
  :root {
    --sk-header-logo-height: 72px;
    --sk-footer-gap: 32px;
  }
  .sk-header > .sk-container,
  .top > .container {
    grid-template-columns: 188px minmax(0, 1fr) 268px;
    column-gap: 24px;
  }
  .sk-header .sk-container > a:first-child,
  .top .container > a:first-child {
    width: 188px;
  }
  .sk-head-actions { width: 268px; }
}

@media (max-width: 860px) {
  .sk-header > .sk-container,
  .top > .container {
    display: flex;
  }
  .sk-header .sk-container > a:first-child,
  .top .container > a:first-child,
  .sk-head-actions {
    width: auto;
  }
  .sk-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 48px;
  }
}

@media (max-width: 600px) {
  :root {
    --sk-site-gutter: 20px;
    --sk-header-logo-height: 56px;
  }
  .sk-hero-left-phase1,
  .sk-hero-copy,
  .sk-lead,
  .sk-hero-actions {
    max-width: none;
  }
  .sk-hero-actions {
    grid-template-columns: 1fr;
  }
  .sk-footer {
    padding-top: 40px;
  }
  .sk-footer-grid {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .sk-footer-brand {
    grid-template-rows: auto auto;
  }
  .sk-footer-brand p {
    max-width: none;
  }
  .sk-legal-note,
  .sk-footer-verse,
  .sk-copy {
    padding-inline: 0;
  }
}

/* Final website-header consistency: same geometry and typography on homepage and public subpages. */
:root {
  --sk-header-height: 76px;
  --sk-header-logo-height: 76px;
}
.sk-header > .sk-container,
.top > .container {
  width: min(calc(100% - (2 * var(--sk-site-gutter))), var(--sk-site-max));
  max-width: var(--sk-site-max);
  min-height: var(--sk-header-height) !important;
  height: var(--sk-header-height) !important;
  margin-inline: auto;
  align-items: center;
}
.sk-header .sk-container > a:first-child,
.top .container > a:first-child {
  height: var(--sk-header-height) !important;
  min-height: var(--sk-header-height) !important;
  padding: 0 !important;
  align-items: stretch !important;
}
.sk-header .sk-logo,
.top .logo,
header img[data-sk-logo],
header img[alt*="SofortKey" i],
header img[src*="sofortkey-logo" i],
.sk98-header-logo img,
.sk-home-logo {
  width: auto !important;
  height: var(--sk-header-logo-height) !important;
  min-height: var(--sk-header-logo-height) !important;
  max-height: var(--sk-header-logo-height) !important;
  max-width: min(330px, 38vw) !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sk-nav a,
.top .nav a,
.sk-unified-static-nav > a {
  font-size: 14px !important;
  line-height: 1.35 !important;
}
@media (max-width: 600px) {
  :root {
    --sk-header-height: 56px;
    --sk-header-logo-height: 56px;
  }
  .sk-header .sk-logo,
  .top .logo,
  header img[data-sk-logo],
  header img[alt*="SofortKey" i],
  header img[src*="sofortkey-logo" i],
  .sk-home-logo {
    max-width: min(250px, 54vw) !important;
  }
}

/* Approved website-only correction: equal header-logo edge spacing and aligned footer columns. */
:root {
  --sk-header-logo-edge-gap: 4px;
}
.sk-header .sk-container > a:first-child,
.top .container > a:first-child {
  align-items: center !important;
}
.sk-header .sk-logo,
.top .logo,
header img[data-sk-logo],
header img[alt*="SofortKey" i],
header img[src*="sofortkey-logo" i],
.sk98-header-logo img,
.sk-home-logo {
  height: calc(var(--sk-header-height) - (2 * var(--sk-header-logo-edge-gap))) !important;
  min-height: 0 !important;
  max-height: calc(var(--sk-header-height) - (2 * var(--sk-header-logo-edge-gap))) !important;
}

.sk-footer-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: clamp(32px, 4vw, 48px);
  align-items: start;
}
.sk-footer-brand {
  grid-template-rows: 56px auto;
  gap: 12px;
}
.sk-footer .sk-footer-logo,
footer img[data-sk-logo],
footer img[alt*="SofortKey" i],
footer img[src*="sofortkey-logo" i] {
  width: auto !important;
  height: 56px !important;
  max-width: min(136px, 100%) !important;
  max-height: 56px !important;
  object-position: left center !important;
}
.sk-footer-grid > :not(.sk-footer-brand) {
  padding-top: 68px;
}
.sk-footer-grid h3,
.sk-footer-brand p,
.sk-footer-links,
.sk-footer-links > * {
  text-align: left;
}

@media (max-width: 860px) {
  .sk-footer-grid > :not(.sk-footer-brand) {
    padding-top: 0;
  }
}
@media (max-width: 600px) {
  :root {
    --sk-header-logo-edge-gap: 4px;
  }
}

/* Approved website-footer correction: four equally sized, evenly spaced columns. */
.sk-footer .sk-container {
  width: min(calc(100% - (2 * clamp(24px, 4vw, 56px))), 1176px);
  margin-inline: auto;
}
.sk-footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  align-items: stretch;
  justify-content: center;
  column-gap: clamp(32px, 5vw, 72px);
}
.sk-footer-grid > * {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-self: stretch;
  height: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
}
.sk-footer-brand {
  display: grid;
  grid-template-rows: 56px 1fr;
  align-content: start;
  row-gap: 16px;
}
.sk-footer .sk-footer-logo,
footer img[data-sk-logo],
footer img[alt*="SofortKey" i],
footer img[src*="sofortkey-logo" i] {
  width: auto !important;
  height: 56px !important;
  max-width: 136px !important;
  max-height: 56px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.sk-footer-grid > :not(.sk-footer-brand) {
  padding-top: 0;
}
.sk-footer-grid h3 {
  display: flex;
  align-items: center;
  height: 56px;
  min-height: 56px;
  margin: 0 0 16px;
  padding: 0;
}
.sk-footer-brand p,
.sk-footer-links {
  margin: 0;
  padding: 0;
}
.sk-footer-links {
  display: grid;
  grid-auto-rows: 20px;
  align-content: start;
  row-gap: 8px;
}
.sk-footer-links > * {
  min-height: 20px;
  line-height: 20px;
}
@media (max-width: 860px) {
  .sk-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 40px;
  }
}
@media (max-width: 600px) {
  .sk-footer-grid {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}

/* Website header/footer lock — approved scope only. */
:root{--sk-header-fixed-height:76px;--sk-header-edge-gap:4px;--sk-public-axis:1176px;--sk-public-gutter:clamp(20px,3vw,40px);--sk-footer-block-height:240px;--sk-footer-title-height:56px;--sk-footer-content-height:168px}
.sk-header,.top{box-sizing:border-box!important;width:100%!important;height:var(--sk-header-fixed-height)!important;min-height:var(--sk-header-fixed-height)!important;max-height:var(--sk-header-fixed-height)!important;overflow:visible!important}
.sk-header>.sk-container,.top>.container{box-sizing:border-box!important;width:min(calc(100% - (2 * var(--sk-public-gutter))),var(--sk-public-axis))!important;max-width:var(--sk-public-axis)!important;height:var(--sk-header-fixed-height)!important;min-height:var(--sk-header-fixed-height)!important;max-height:var(--sk-header-fixed-height)!important;margin-inline:auto!important;padding:0!important;display:grid!important;grid-template-columns:minmax(208px,252px) minmax(0,1fr) minmax(250px,300px)!important;align-items:center!important;column-gap:clamp(18px,2.2vw,32px)!important;transform:none!important}
.sk-header .sk-container>a:first-child,.top .container>a:first-child{box-sizing:border-box!important;width:100%!important;height:var(--sk-header-fixed-height)!important;min-height:var(--sk-header-fixed-height)!important;margin:0!important;padding:var(--sk-header-edge-gap) 0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}
.sk-header .sk-logo,.top .logo,.sk-header img[src*="sofortkey-logo" i],.top img[src*="sofortkey-logo" i]{box-sizing:border-box!important;display:block!important;width:auto!important;height:calc(var(--sk-header-fixed-height) - (2 * var(--sk-header-edge-gap)))!important;min-height:0!important;max-height:calc(var(--sk-header-fixed-height) - (2 * var(--sk-header-edge-gap)))!important;max-width:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:left center!important;transform:none!important}
.sk-header .sk-nav,.top .sk-nav,.top .nav{min-width:0!important;height:var(--sk-header-fixed-height)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(10px,1.15vw,18px)!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;transform:none!important}
.sk-header .sk-nav>a,.top .sk-nav>a,.top .nav>a{display:inline-flex!important;align-items:center!important;min-height:38px!important;margin:0!important;padding:0!important;white-space:nowrap!important;font-size:14px!important;line-height:1.35!important;transform:none!important}
.sk-header .sk-head-actions,.top .sk-head-actions{width:100%!important;height:var(--sk-header-fixed-height)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin:0!important;padding:0!important;transform:none!important}
.sk-header .sk-phone,.top .sk-phone,.sk-header .sk-top-cta,.top .sk-top-cta{flex:0 0 auto!important;white-space:nowrap!important;transform:none!important}
.sk-brand-strip{width:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;overflow:hidden!important}.sk-brand-strip-title{display:none!important}.sk-brand-marquee{width:100%!important;overflow:hidden!important}.sk-brand-marquee:hover .sk-brand-track{animation-duration:inherit!important;animation-play-state:running!important}
.sk-footer>.sk-container{box-sizing:border-box!important;width:min(calc(100% - (2 * var(--sk-public-gutter))),var(--sk-public-axis))!important;max-width:var(--sk-public-axis)!important;margin-inline:auto!important;padding-inline:0!important}
.sk-footer-grid{box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:var(--sk-footer-block-height)!important;align-items:stretch!important;justify-items:stretch!important;column-gap:clamp(32px,4.2vw,64px)!important;margin:0!important;padding:0!important}
.sk-footer-grid>*{box-sizing:border-box!important;width:100%!important;height:var(--sk-footer-block-height)!important;min-height:var(--sk-footer-block-height)!important;max-height:var(--sk-footer-block-height)!important;display:grid!important;grid-template-rows:var(--sk-footer-title-height) var(--sk-footer-content-height)!important;row-gap:16px!important;align-content:start!important;align-self:stretch!important;margin:0!important;padding:0!important;overflow:visible!important;text-align:left!important}
.sk-footer-brand{grid-template-rows:var(--sk-footer-title-height) var(--sk-footer-content-height)!important;row-gap:16px!important}
.sk-footer .sk-footer-logo{box-sizing:border-box!important;display:block!important;width:auto!important;height:var(--sk-footer-title-height)!important;max-width:148px!important;max-height:var(--sk-footer-title-height)!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:left center!important}
.sk-footer-grid h3{box-sizing:border-box!important;height:var(--sk-footer-title-height)!important;min-height:var(--sk-footer-title-height)!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;font-size:14px!important;line-height:20px!important}
.sk-footer-brand p,.sk-footer-links{box-sizing:border-box!important;width:100%!important;height:var(--sk-footer-content-height)!important;min-height:var(--sk-footer-content-height)!important;max-height:var(--sk-footer-content-height)!important;margin:0!important;padding:0!important;align-self:stretch!important}
.sk-footer-brand p{max-width:none!important;font-size:13px!important;line-height:24px!important}.sk-footer-links{display:grid!important;grid-auto-rows:20px!important;align-content:start!important;row-gap:8px!important}.sk-footer-links>*{min-height:20px!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:20px!important}
@media(max-width:1100px){.sk-header>.sk-container,.top>.container{grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(220px,270px)!important;column-gap:18px!important}.sk-header .sk-nav,.top .sk-nav,.top .nav{gap:10px!important}.sk-header .sk-nav>a,.top .sk-nav>a,.top .nav>a{font-size:13px!important}}
@media(max-width:860px){:root{--sk-header-fixed-height:56px;--sk-header-edge-gap:4px;--sk-footer-block-height:auto;--sk-footer-content-height:auto}.sk-header>.sk-container,.top>.container{display:flex!important;justify-content:space-between!important}.sk-header .sk-nav,.top .sk-nav,.top .nav{display:none!important}.sk-header .sk-head-actions,.top .sk-head-actions{width:auto!important}.sk-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;row-gap:40px!important}.sk-footer-grid>*{height:auto!important;min-height:240px!important;max-height:none!important}.sk-footer-brand p,.sk-footer-links{height:auto!important;min-height:168px!important;max-height:none!important}}
@media(max-width:600px){.sk-header .sk-phone,.top .sk-phone{display:none!important}.sk-footer-grid{grid-template-columns:1fr!important;row-gap:32px!important}}


/* SOFORTKEY WEBSITE HEADER / MARQUEE / FOOTER FINAL LOCK */
:root{--sk-fixed-header-height:76px;--sk-fixed-brand-height:42px}
html,body{scroll-padding-top:calc(var(--sk-fixed-header-height) + var(--sk-fixed-brand-height))!important}
body{padding-top:calc(var(--sk-fixed-header-height) + var(--sk-fixed-brand-height))!important}
.sk-header,.top{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:10000!important;
  width:100%!important;
  height:var(--sk-fixed-header-height)!important;
  min-height:var(--sk-fixed-header-height)!important;
  max-height:var(--sk-fixed-header-height)!important;
  transform:none!important;
}
.sk-brand-strip{
  position:fixed!important;
  top:var(--sk-fixed-header-height)!important;
  left:0!important;
  right:0!important;
  z-index:9999!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:var(--sk-fixed-brand-height)!important;
  min-height:var(--sk-fixed-brand-height)!important;
  max-height:var(--sk-fixed-brand-height)!important;
  overflow:hidden!important;
  transform:none!important;
}
.sk-brand-marquee{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
}
.sk-brand-track{
  display:flex!important;
  flex:0 0 max-content!important;
  width:max-content!important;
  min-width:max-content!important;
  align-items:center!important;
  white-space:nowrap!important;
  animation:none!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
}
.sk-header .sk-head-actions,.top .sk-head-actions{overflow:visible!important}
.sk-header .sk-top-cta,.top .sk-top-cta{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
}
.sk-premium-trust{display:none!important}
.sk-footer .sk-legal-note{font-size:9px!important;line-height:1.45!important}
.sk-footer .sk-footer-verse{font-size:10.5px!important;line-height:1.45!important}
.sk-footer .sk-copy{font-size:9px!important;line-height:1.45!important}
@media(max-width:860px){
  :root{--sk-fixed-header-height:56px}
}


/* Website header, booking button and vehicle-brand strip: final consistency lock. */
:root{--sk-fixed-header-height:76px;--sk-fixed-brand-height:42px}
html{scroll-padding-top:calc(var(--sk-fixed-header-height) + var(--sk-fixed-brand-height))!important}
body{padding-top:calc(var(--sk-fixed-header-height) + var(--sk-fixed-brand-height))!important}
.sk-header,.top{
  position:fixed!important;inset:0 0 auto 0!important;z-index:10000!important;
  width:100%!important;height:var(--sk-fixed-header-height)!important;
  min-height:var(--sk-fixed-header-height)!important;max-height:var(--sk-fixed-header-height)!important;
}
.sk-brand-strip[data-sk-fixed-brand-strip="true"],.sk-header + .sk-brand-strip,.top + .sk-brand-strip{
  position:fixed!important;top:var(--sk-fixed-header-height)!important;left:0!important;right:0!important;
  z-index:9999!important;width:100%!important;height:var(--sk-fixed-brand-height)!important;
  min-height:var(--sk-fixed-brand-height)!important;max-height:var(--sk-fixed-brand-height)!important;
  display:flex!important;align-items:center!important;overflow:hidden!important;
  margin:0!important;padding:0!important;background:#07182a!important;border:0!important;
}
.sk-brand-strip .sk-brand-marquee{display:flex!important;align-items:center!important;width:100%!important;height:100%!important;overflow:hidden!important;margin:0!important;padding:0!important}
.sk-brand-strip .sk-brand-track{
  display:flex!important;align-items:center!important;flex:0 0 max-content!important;width:max-content!important;
  min-width:max-content!important;gap:32px!important;white-space:nowrap!important;margin:0!important;padding:0 16px!important;
  animation:none!important;transition:none!important;will-change:transform!important;
}
.sk-brand-strip .sk-brand-track span{display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:1!important;white-space:nowrap!important}
.sk-brand-strip .sk-brand-track span::after{content:'•'!important;display:inline-block!important;margin-left:32px!important;color:#20bdec!important}
.sk-brand-strip .sk-brand-track span:last-child::after{content:''!important;margin:0!important}
.sk-brand-marquee:hover .sk-brand-track{animation:none!important;transition:none!important}
.sk-header .sk-head-actions,.top .sk-head-actions{display:flex!important;visibility:visible!important;opacity:1!important;overflow:visible!important;align-items:center!important;justify-content:flex-end!important}
.sk-header .sk-top-cta,.top .sk-top-cta{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;
  height:44px!important;min-width:158px!important;padding:0 24px!important;border:0!important;border-radius:9px!important;
  background:#20bdec!important;color:#06111c!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;
  letter-spacing:.03em!important;white-space:nowrap!important;line-height:1!important;flex:0 0 auto!important;
}
.sk-premium-trust,.sk-trust-strip,[data-sk-trust-strip="true"]{display:none!important}
@media(max-width:860px){:root{--sk-fixed-header-height:56px}.sk-header .sk-top-cta,.top .sk-top-cta{height:40px!important;min-width:auto!important;padding:0 14px!important;font-size:11px!important}}


/* Approved final repair: persistent homepage marque and identical opaque header typography. */
.sk-header,.top{background:#07182a!important;background-color:#07182a!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.sk-header .sk-nav>a,.top .sk-nav>a,.top .nav>a,.sk-header .sk-phone,.top .sk-phone,.sk-header .sk-top-cta,.top .sk-top-cta{font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important;text-decoration:none!important;text-transform:none!important}
.sk-brand-strip[data-sk-fixed-brand-strip="true"]{display:flex!important;visibility:visible!important;opacity:1!important;background:#07182a!important;background-color:#07182a!important}
@media(max-width:1100px){.sk-header .sk-nav>a,.top .sk-nav>a,.top .nav>a,.sk-header .sk-phone,.top .sk-phone,.sk-header .sk-top-cta,.top .sk-top-cta{font-size:13px!important}}


/* Approved repair: normal-weight header text and persistent brand strip on every public page. */
.sk-header .sk-nav a,.sk-header .sk-nav button,.top .nav a,.top .nav button,
.sk98-header .sk98-nav a,.sk98-header .sk98-nav button,
header .sk-phone,header .sk-top-cta,.sk98-header a,.sk98-header button{
  font-family:Arial,Helvetica,sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
  font-synthesis:none!important;
}
body>.sk-brand-strip[data-sk-fixed-brand-strip="true"],body>.sk-brand-strip{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Freigegebene Korrektur: Headertexte normal und Textleiste oben/unten begrenzt. */
.sk-header a,
.sk-header button,
.sk-header span,
.sk-header strong,
.top a,
.top button,
.top span,
.top strong,
.sk98-header a,
.sk98-header button,
.sk98-header span,
.sk98-header strong {
  font-weight: 400 !important;
  font-synthesis: none !important;
}

.sk-brand-strip,
body > .sk-brand-strip,
.sk-brand-strip[data-sk-fixed-brand-strip="true"] {
  border-top: 1px solid rgba(32, 189, 236, 0.38) !important;
  border-bottom: 1px solid rgba(32, 189, 236, 0.38) !important;
}

/* 2026-07-20 – ausschließlich freigegebene Startseiten-Buttons und Footer-Ausrichtung */
/* Startseite: gesamte Dreiergruppe exakt 7 % kürzer; rechte Kante bleibt an der Textkante. */
.sk-hero .sk-hero-copy .sk-hero-actions,
.sk-hero .sk-hero-left-phase1 .sk-hero-actions,
.sk-hero .sk-hero-actions {
  box-sizing: border-box !important;
  width: 93% !important;
  max-width: 505.92px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 8px !important;
}
.sk-hero .sk-hero-actions > * {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Footer: vier gleich breite, an den Headerachsen ausgerichtete Textblöcke. */
.sk-footer > .sk-container {
  box-sizing: border-box !important;
  width: min(calc(100% - (2 * var(--sk-public-gutter))), var(--sk-public-axis)) !important;
  max-width: var(--sk-public-axis) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
.sk-footer .sk-footer-grid {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: clamp(32px, 4.2vw, 64px) !important;
  align-items: start !important;
  justify-items: stretch !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sk-footer .sk-footer-grid > * {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: 58px auto !important;
  row-gap: 14px !important;
  align-content: start !important;
  align-self: start !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
.sk-footer .sk-footer-brand {
  grid-template-rows: 58px auto !important;
  row-gap: 14px !important;
}
.sk-footer .sk-footer-logo,
.sk-footer img[data-sk-logo],
.sk-footer img[alt*="SofortKey" i],
.sk-footer img[src*="sofortkey-logo" i] {
  box-sizing: border-box !important;
  display: block !important;
  width: auto !important;
  height: 58px !important;
  max-width: 156px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  align-self: center !important;
}
.sk-footer .sk-footer-grid h3 {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.sk-footer .sk-footer-brand p,
.sk-footer .sk-footer-links {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}
.sk-footer .sk-footer-brand p {
  max-width: 25ch !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}
.sk-footer .sk-footer-links {
  display: grid !important;
  grid-auto-rows: minmax(20px, auto) !important;
  align-content: start !important;
  row-gap: 8px !important;
}
.sk-footer .sk-footer-links > * {
  min-height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 20px !important;
}
@media (max-width: 860px) {
  .sk-hero .sk-hero-actions {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
  .sk-footer .sk-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 36px !important;
  }
}
@media (max-width: 600px) {
  .sk-footer .sk-footer-grid {
    grid-template-columns: 1fr !important;
    row-gap: 30px !important;
  }
}

/* FINAL APPROVED FIX 2026-07-20: homepage CTA group + footer only */
/* The three-button unit is exactly 7% shorter than its 570px baseline.
   It remains left-anchored, so the reduction occurs on the right and the
   telephone button ends at the same visual axis as the location text above. */
@media (min-width: 901px) {
  .sk-hero .sk-hero-left-phase1 .sk-hero-copy {
    width: 100% !important;
    max-width: 570px !important;
    transform: none !important;
  }
  .sk-hero .sk-hero-left-phase1 .sk-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    width: 530.1px !important;
    max-width: 93% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    gap: 11px !important;
  }
  .sk-hero .sk-hero-left-phase1 .sk-hero-actions > .sk-btn {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
}

/* Footer: content and logo only. Four equal zones on the same horizontal
   axis as the site header, with matching top alignment and calm spacing. */
.sk-footer > .sk-container {
  width: min(var(--sk-public-axis), calc(100% - (2 * var(--sk-public-gutter)))) !important;
  max-width: var(--sk-public-axis) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
.sk-footer .sk-footer-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  column-gap: clamp(48px, 6vw, 96px) !important;
  align-items: start !important;
  width: 100% !important;
}
.sk-footer .sk-footer-grid > * {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
.sk-footer .sk-footer-logo {
  width: 150px !important;
  height: 58px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 0 16px !important;
}
.sk-footer .sk-footer-grid h3 {
  display: flex !important;
  align-items: center !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}
.sk-footer .sk-footer-brand p,
.sk-footer .sk-footer-links {
  margin: 0 !important;
  padding: 0 !important;
}
.sk-footer .sk-footer-brand p {
  max-width: 25ch !important;
  line-height: 1.65 !important;
}
.sk-footer .sk-footer-links {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
@media (max-width: 860px) {
  .sk-footer .sk-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    row-gap: 36px !important;
  }
  .sk-footer .sk-footer-grid > * { min-height: 0 !important; }
}
@media (max-width: 600px) {
  .sk-footer .sk-footer-grid { grid-template-columns: 1fr !important; }
}



/* Footer: three columns after explicit removal of Navigation column */
@media (min-width: 861px) {
  .sk-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Explicit footer-only correction: identical three-column layout on home and all public subpages. */
@media (min-width: 861px) {
  .sk-footer > .sk-container {
    width: min(calc(100% - (2 * var(--sk-public-gutter))), var(--sk-public-axis)) !important;
    max-width: var(--sk-public-axis) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
  .sk-footer .sk-footer-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: clamp(64px, 7vw, 96px) !important;
    width: 100% !important;
    align-items: start !important;
  }
  .sk-footer .sk-footer-grid > * {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* 2026-07-21 – ausschließlich Footer-Achsenkorrektur: Logo links und Rechtliches rechts exakt an Headerkante. */
@media (min-width: 861px) {
  .sk-footer > .sk-container {
    width: min(calc(100% - (2 * var(--sk-public-gutter))), var(--sk-public-axis)) !important;
    max-width: var(--sk-public-axis) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
  }
  .sk-footer .sk-footer-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    column-gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .sk-footer .sk-footer-grid > :first-child {
    justify-self: start !important;
    align-items: flex-start !important;
    width: max-content !important;
    max-width: 100% !important;
    text-align: left !important;
  }
  .sk-footer .sk-footer-grid > :nth-child(2) {
    justify-self: center !important;
    align-items: flex-start !important;
    width: max-content !important;
    max-width: 100% !important;
    text-align: left !important;
  }
  .sk-footer .sk-footer-grid > :last-child {
    justify-self: end !important;
    align-items: flex-start !important;
    width: max-content !important;
    max-width: 100% !important;
    text-align: left !important;
  }
  .sk-footer .sk-footer-logo {
    margin-left: -12px !important;
    margin-right: 0 !important;
    object-position: left center !important;
  }
}


/* 2026-07-22 – Hero CTA trio: equal height, equal width, single-line labels */
.sk-hero .sk-hero-actions > .sk-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 14px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;
}
.sk-hero .sk-hero-actions > .sk-btn > span {
  display: inline-block !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
.sk-hero .sk-hero-actions .sk-wa-icon {
  flex: 0 0 auto !important;
}
@media (max-width: 600px) {
  .sk-hero .sk-hero-actions {
    grid-template-columns: 1fr !important;
  }
  .sk-hero .sk-hero-actions > .sk-btn {
    width: 100% !important;
  }
}


/* 2026-07-23 – definitive Hero CTA hard-fix */
.sk-hero .sk-hero-actions { align-items: stretch !important; }
.sk-hero .sk-hero-actions > .sk-btn { max-height: 52px !important; flex-wrap: nowrap !important; overflow: hidden !important; }

/* source: seo-home-static.css */

.seo-static-home{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07101f;color:#f7f4ed;line-height:1.6}.seo-static-home *{box-sizing:border-box}.seo-static-wrap{width:min(1160px,calc(100% - 32px));margin:auto}.seo-static-header{border-bottom:1px solid rgba(255,255,255,.12);background:#07101f}.seo-static-header .seo-static-wrap{min-height:78px;display:flex;align-items:center;gap:28px}.seo-static-brand img{display:block;width:150px;height:auto}.seo-static-header nav{display:flex;gap:20px;margin-left:auto}.seo-static-header a,.seo-static-footer a{color:inherit;text-decoration:none}.seo-static-call{padding:10px 14px;border:1px solid #c9a763;border-radius:10px}.seo-static-hero{padding:64px 0;background:radial-gradient(circle at 80% 20%,rgba(201,167,99,.18),transparent 36%)}.seo-static-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.seo-static-hero img{width:100%;height:auto;border-radius:20px;box-shadow:0 22px 70px rgba(0,0,0,.35)}.seo-static-kicker{color:#d4b675;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:800}.seo-static-home h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.04;margin:.3em 0}.seo-static-home h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.15}.seo-static-home h3{font-size:1.25rem}.seo-static-lead{font-size:1.16rem;color:#dbe1ea;max-width:65ch}.seo-static-actions,.seo-static-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.seo-static-primary,.seo-static-secondary,.seo-static-links a{display:inline-flex;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:750}.seo-static-primary{background:#d4b675;color:#07101f}.seo-static-secondary,.seo-static-links a{border:1px solid rgba(255,255,255,.28);color:#fff}.seo-static-note{font-size:.86rem;color:#aeb8c8}.seo-static-section{padding:70px 0}.seo-static-muted{background:#0c1728}.seo-static-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.seo-static-cards article{padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.035)}.seo-static-cards a,.seo-static-textlink{color:#e2c785}.seo-static-two{display:grid;grid-template-columns:1fr 1fr;gap:56px}.seo-static-footer{padding:32px 0;border-top:1px solid rgba(255,255,255,.12)}.seo-static-footer .seo-static-wrap{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}.seo-static-footer nav{display:flex;gap:14px;margin-left:auto}@media(max-width:820px){.seo-static-header nav{display:none}.seo-static-call{margin-left:auto}.seo-static-hero-grid,.seo-static-two{grid-template-columns:1fr}.seo-static-cards{grid-template-columns:1fr}.seo-static-hero{padding-top:40px}.seo-static-footer nav{margin-left:0;width:100%}}

.seo-skip-link{position:absolute;left:-9999px;top:0;z-index:99999;background:#fff;color:#000;padding:.75rem 1rem}.seo-skip-link:focus{left:1rem;top:1rem}


  /* Kompakte, exakt ausgerichtete Hero-CTA-Gruppe */
  .sk-hero .sk-hero-actions,
  .sk-hero .sk-hero-left-phase1 .sk-hero-actions,
  .sk-hero .sk-hero-copy .sk-hero-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sk-hero .sk-hero-actions > .sk-btn {
    box-sizing: border-box !important;
    flex: 0 0 156px !important;
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    overflow: hidden !important;
    vertical-align: middle !important;
  }
  .sk-hero .sk-hero-actions > .sk-btn > span {
    display: inline-block !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }
  .sk-hero .sk-hero-actions .sk-wa-icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }
  /* Telefon: symmetrisches 3-Spalten-Raster, damit die Nummer exakt mittig bleibt. */
  .sk-hero .sk-hero-actions > a[href^="tel:"] {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) 22px !important;
    align-items: center !important;
    justify-items: center !important;
    column-gap: 4px !important;
    padding: 0 10px !important;
  }
  .sk-hero .sk-hero-actions > a[href^="tel:"] > .sk-wa-icon {
    position: static !important;
    grid-column: 1 !important;
    transform: none !important;
    justify-self: center !important;
  }
  .sk-hero .sk-hero-actions > a[href^="tel:"] > span:last-child {
    position: static !important;
    grid-column: 2 !important;
    transform: none !important;
    width: auto !important;
    justify-self: center !important;
    text-align: center !important;
  }
  .sk-hero .sk-hero-actions > a[href^="tel:"]::after {
    content: "" !important;
    grid-column: 3 !important;
    width: 22px !important;
    height: 1px !important;
  }
  @media (max-width: 600px) {
    .sk-hero .sk-hero-actions,
    .sk-hero .sk-hero-left-phase1 .sk-hero-actions,
    .sk-hero .sk-hero-copy .sk-hero-actions {
      display: grid !important;
      grid-template-columns: 1fr !important;
      width: 100% !important;
    }
    .sk-hero .sk-hero-actions > .sk-btn {
      width: 100% !important;
      min-width: 0 !important;
      max-width: none !important;
      flex-basis: auto !important;
    }
  }


/* === UI alignment repair 2026-07-23: authoritative final layer === */
@media (min-width: 901px) {
  .sk-hero-left-phase1 { min-width: 0 !important; }
  .sk-hero-copy {
    width: 100% !important;
    transform: none !important;
    transform-origin: initial !important;
  }
  .sk-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(3, 190px) !important;
    align-items: stretch !important;
    justify-content: start !important;
    gap: 12px !important;
    width: max-content !important;
    margin: 0 !important;
  }
  .sk-hero-actions > .sk-btn {
    box-sizing: border-box !important;
    width: 190px !important;
    min-width: 190px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
  .sk-hero-actions .sk-wa-icon,
  .sk-hero-actions .sk-btn > span:first-child:not(:last-child) {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 17px !important;
    line-height: 1 !important;
    margin: 0 !important;
  }
  .sk-footer > .sk-container { width: min(var(--container), calc(100% - 40px)) !important; }
  .sk-footer-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 48px !important;
    align-items: start !important;
  }
  .sk-footer-brand { justify-self: start !important; width: 100% !important; }
  .sk-footer-grid > div:nth-child(2) { justify-self: center !important; min-width: 190px !important; }
  .sk-footer-grid > div:nth-child(3) { justify-self: end !important; min-width: 120px !important; }
  .sk-footer-logo {
    display: block !important;
    width: 140px !important;
    max-width: 140px !important;
    height: auto !important;
    margin: 0 0 14px 0 !important;
    transform: none !important;
  }
  .sk-footer-brand p { max-width: 250px !important; margin: 0 !important; line-height: 1.65 !important; }
}
.sk-footer-links { align-items: flex-start !important; }
.sk-footer-links a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 22px !important;
  line-height: 1.35 !important;
  text-decoration-thickness: 1px !important;
}
.sk-footer .sk-wa-link,
.sk-footer a.sk-wa-link { display: inline-flex !important; align-items: center !important; gap: 8px !important; }
.sk-footer .sk-wa-icon-sm,
.sk-footer .sk-wa-link svg,
.sk-footer svg.sk-wa-icon-sm {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  flex: 0 0 16px !important;
  margin: 0 !important;
  transform: none !important;
}
@media (max-width: 900px) {
  .sk-hero-copy { width: 100% !important; transform: none !important; }
  .sk-hero-actions { display: flex !important; width: 100% !important; gap: 10px !important; }
  .sk-hero-actions > .sk-btn { min-height: 44px !important; margin: 0 !important; }
  .sk-footer-logo { width: 126px !important; height: auto !important; margin-left: 0 !important; transform: none !important; }
}

/* SofortKey – eindeutiger WhatsApp-Markenbutton, Desktop + Mobil */
.sk-hero .sk-hero-actions > a.sk-btn-whatsapp,
.sk-hero .sk-hero-actions > button.sk-btn-whatsapp,
.sk-hero-actions > .sk-btn-whatsapp,
a.sk-btn.sk-btn-whatsapp,
.seo-static-actions > a[href*="wa.me"],
.seo-static-secondary[href*="wa.me"] {
  background: #25D366 !important;
  background-image: none !important;
  border-color: #25D366 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(37, 211, 102, .28) !important;
  text-shadow: none !important;
}
.sk-hero .sk-hero-actions > .sk-btn-whatsapp:hover,
.sk-hero .sk-hero-actions > .sk-btn-whatsapp:focus-visible,
.seo-static-actions > a[href*="wa.me"]:hover,
.seo-static-actions > a[href*="wa.me"]:focus-visible {
  background: #1ebe5d !important;
  border-color: #1ebe5d !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(37, 211, 102, .38) !important;
}
.sk-hero .sk-hero-actions > .sk-btn-whatsapp span,
.sk-hero .sk-hero-actions > .sk-btn-whatsapp svg,
.sk-hero .sk-hero-actions > .sk-btn-whatsapp .sk-wa-icon,
.seo-static-actions > a[href*="wa.me"] span,
.seo-static-actions > a[href*="wa.me"] svg {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
.sk-hero .sk-hero-actions > .sk-btn-whatsapp .sk-wa-icon {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  flex: 0 0 17px !important;
}
@media (max-width: 900px) {
  .sk-hero .sk-hero-actions > .sk-btn-whatsapp,
  .sk-hero-actions > .sk-btn-whatsapp,
  .seo-static-actions > a[href*="wa.me"] {
    width: 100% !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

@keyframes skServiceBadgeTextPulse{
0%,100%{color:#22d3ee}
25%{color:#ffffff}
50%{color:#d4af37}
75%{color:#ffffff}
}
.sk-service-start-badge{
animation:skServiceBadgeTextPulse 2s ease-in-out infinite;
}