*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;font-family:Inter,Arial,sans-serif;color:#102348;font-size:15px;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{max-width:1160px;width:calc(100% - 48px);margin:auto}.header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e8eef5}.nav{display:flex;align-items:center;gap:30px;min-height:74px}.logo{width:218px;max-width:100%;display:block}.nav nav{display:flex;gap:24px;margin-left:auto;font-size:13px}.nav nav a:hover{color:#0068c9}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:6px;font-weight:750;font-size:14px;border:0}.yellow{background:#ffc321;color:#102348}.yellow-dot{color:#ffc321}.hero{background:linear-gradient(90deg,#f3faff 0%,#e7f2f9 55%,#f5faff 100%);overflow:hidden}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:475px}.hero-copy{position:relative;z-index:2;padding:45px 0;max-width:455px}.kicker{display:inline-block;font-size:11px;letter-spacing:.35px;background:#d7ecff;color:#0756a5;padding:4px 9px;border-radius:7px;font-weight:700}.hero h1{font-size:clamp(34px,3.6vw,48px);line-height:1.05;letter-spacing:-1.5px;margin:18px 0}.hero-copy p{font-size:14px}.checks{list-style:none;padding:0;margin:19px 0 0}.checks li{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:14px}.checks li:before{content:'✓';display:grid;place-items:center;width:22px;height:22px;background:#0879e4;border-radius:50%;color:#fff;font-weight:900;flex:none}.hero-picture{position:absolute;inset:0 230px 0 29%;background:linear-gradient(90deg,#f3faff 0%,transparent 28%),url('assets/hero.webp') center/cover}.form-card{position:relative;z-index:3;justify-self:end;width:330px;background:#fff;border:1px solid #e3eaf3;border-radius:10px;box-shadow:0 10px 28px #0d24401f;padding:20px}.form-card h2{font-size:20px;line-height:1.2;margin:0 0 4px}.form-card p{font-size:12px;margin:0 0 12px;color:#4b5b74}.field{height:43px;display:flex;align-items:center;gap:10px;border:1px solid #d5e1ee;border-radius:5px;padding:0 11px;margin:8px 0;color:#14325d}.field input,.field select{font:inherit;width:100%;border:0;background:transparent;color:#5b6b82}.full{width:100%;margin:5px 0}.form-card small{display:block;font-size:10px;color:#5a6a7f;text-align:center;margin-top:7px}.form-card button:disabled{opacity:.8;cursor:not-allowed}.process{border-bottom:1px solid #e9eef5;background:#fff}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:25px 0}.step{display:flex;align-items:flex-start;gap:16px}.step>b{flex:none;width:36px;height:36px;border-radius:50%;background:#c7e8ff;color:#102348;display:grid;place-items:center;font-size:18px}.step h3{font-size:15px;margin:0 0 3px}.step p{font-size:12px;margin:0;color:#4e607d}.section{padding:38px 0}.section h2{font-size:27px;letter-spacing:-.5px;line-height:1.2;margin:0 0 7px}.intro{margin:0 0 19px;color:#52647e}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.u-card{border:1px solid #dce5ef;border-radius:8px;overflow:hidden;box-shadow:0 5px 16px #0b24400d;background:#fff}.u-card img{width:100%;height:115px;object-fit:cover}.u-card>div{padding:12px}.u-card h3{font-size:14px;margin:0 0 7px}.u-card p{font-size:12px;color:#50617c;margin:0}.tools{background:#eaf6ff}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tool{background:#fff;border-radius:9px;padding:15px;display:flex;gap:12px;min-height:140px}.tool-icon{background:#e6f4ff;color:#0073d8;border-radius:50%;width:40px;height:40px;flex:none;display:grid;place-items:center;font-size:21px}.tool h3{font-size:13px;margin:0 0 4px}.tool p{font-size:12px;margin:0 0 7px;color:#52617b}.pending{font-size:12px;font-weight:700;color:#0a65b5}.second{padding:22px 0 0}.costs{background:#f6faff}.narrow{max-width:850px}.costs p,.costs li{color:#43546c}.costs h3{font-size:19px;margin-top:24px}.costs li{margin-bottom:9px}.faq{margin-top:20px}.faq details{border-bottom:1px solid #d8e3ed;padding:14px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:10px 0 0;color:#50617a}.bottom-cta{color:#fff;background:linear-gradient(90deg,#062447 0%,#062447dd 38%,#06244733 70%,#062447aa 100%),url('assets/cta.webp') center/cover}.bottom-content{display:flex;justify-content:space-between;align-items:center;min-height:230px;gap:40px}.bottom-content h2{font-size:34px;line-height:1.1;margin:0 0 12px}.bottom-content p{max-width:450px;margin:0}.bottom-action{background:#071d35a6;padding:16px;border-radius:7px}.bottom-action .checks li{font-size:12px;margin:5px 0}.bottom-action .checks li:before{background:#fff;color:#0b3767;width:17px;height:17px}footer{padding:30px 0;background:#f9fbfe}.footer{display:flex;justify-content:space-between;gap:30px}.footer p{font-size:12px;color:#5b6980}.footer>div:last-child{display:flex;gap:22px;font-size:13px}@media(max-width:950px){.nav nav{gap:10px}.hero-grid{grid-template-columns:1fr 1fr}.hero-picture{opacity:.3}.form-card{width:100%}.card-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{width:calc(100% - 28px)}.nav{min-height:66px;gap:8px;flex-wrap:wrap;padding:8px 0}.logo{width:165px}.nav nav{order:3;width:100%;justify-content:space-between;font-size:11px}.header-cta{margin-left:auto;font-size:11px;padding:10px}.hero-grid{grid-template-columns:1fr;gap:10px;padding-bottom:24px}.hero-copy{padding:28px 0 0}.hero h1{font-size:37px}.hero-picture{inset:0;opacity:.13}.form-card{justify-self:stretch}.process-grid,.card-grid,.tool-grid{grid-template-columns:1fr}.u-card img{height:165px}.section{padding:29px 0}.section h2{font-size:24px}.bottom-content{display:block;padding:35px 0}.bottom-action{margin-top:22px}.footer{display:block}.footer>div:last-child{flex-wrap:wrap}}
/* Umzug: freigegebene gezielte Layoutkorrekturen */
@media(min-width:951px){
 .hero-grid{grid-template-columns:355px minmax(0,1fr);gap:clamp(30px,5vw,90px);min-height:520px}
 .hero-grid>.form-card{grid-column:1;grid-row:1;justify-self:start;width:355px}
 .hero-grid>.hero-copy{grid-column:2;grid-row:1;justify-self:end;max-width:495px;padding:44px 18px 44px 0}
 .hero-picture{inset:0;background:linear-gradient(90deg,rgba(238,248,255,.90) 0%,rgba(238,248,255,.48) 40%,rgba(238,248,255,.90) 100%),url('../assets/hero-professionals.jpg') center 40%/cover}
}
@media(max-width:950px){.hero-picture{background:linear-gradient(90deg,rgba(238,248,255,.90),rgba(238,248,255,.70)),url('../assets/hero-professionals.jpg') center/cover;opacity:1}.hero-grid>.form-card{grid-column:1;grid-row:1;justify-self:stretch}.hero-grid>.hero-copy{grid-column:2;grid-row:1}}
@media(max-width:650px){.hero-grid>.hero-copy{grid-column:1;grid-row:1}.hero-grid>.form-card{grid-column:1;grid-row:2}.hero-picture{opacity:.42}}
.tools h2,.tools .intro{text-align:center}.tools .intro{max-width:780px;margin:0 auto 25px}
.costs{background:linear-gradient(180deg,#f4f9ff,#eaf5ff)}
.costs .narrow{max-width:1060px}
.costs h2{text-align:center;margin-bottom:15px}
.costs>.wrap>p{max-width:840px;margin:10px auto;text-align:center}
.costs h3{text-align:center;margin:30px 0 20px;font-size:22px}
.cost-factor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 24px}
.cost-factor{background:#fff;border:1px solid #d9e7f4;border-radius:13px;padding:22px 20px;box-shadow:0 8px 25px rgba(10,49,91,.07);transition:transform .2s ease,box-shadow .2s ease}
.cost-factor:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,49,91,.12)}
.cost-factor-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:#e6f3ff;color:#006bc9;margin-bottom:14px}
.cost-factor h4{font-size:16px;margin:0 0 8px;line-height:1.3}
.cost-factor p{font-size:14px;line-height:1.6;margin:0;color:#43546c;text-align:left}
.cost-compare{border:1px solid #d7e6f3;background:#fff;border-radius:13px;padding:18px 28px 24px;margin:12px auto 24px;max-width:950px}
.cost-compare h3{margin:4px 0 10px}.cost-compare p{text-align:center;margin:8px 0}
@media(max-width:850px){.cost-factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.cost-factor-grid{grid-template-columns:1fr}.cost-compare{padding:16px}}


/* WorkDirekt – Korrekturen 18.10: nur Umzugsseite */
@media(min-width:951px){
 .hero-grid{grid-template-columns:355px minmax(0,1fr);gap:clamp(28px,4vw,65px);min-height:535px}
 .hero-grid>.form-card{grid-column:1;grid-row:1}
 .hero-grid>.hero-copy{grid-column:2;grid-row:1;justify-self:center;max-width:520px;padding:27px 30px;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.8);border-radius:16px;box-shadow:0 14px 45px rgba(12,44,83,.10)}
 .hero-picture{inset:0;background:linear-gradient(90deg,rgba(235,247,255,.96) 0%,rgba(235,247,255,.78) 39%,rgba(235,247,255,.14) 100%),url('assets/hero-clean.jpg') right center/auto 100% no-repeat}
}
@media(max-width:950px){.hero-picture{background:linear-gradient(90deg,rgba(238,248,255,.94),rgba(238,248,255,.70)),url('assets/hero-clean.jpg') right center/cover no-repeat;opacity:1}.hero-copy{background:rgba(255,255,255,.88);border-radius:12px;padding:20px}}
@media(max-width:650px){.hero-picture{opacity:.32}.hero-copy{padding:20px 15px}.hero-grid>.form-card{grid-column:1;grid-row:2}}
#leistungen h2,#leistungen .intro{text-align:center}
#leistungen .intro{max-width:680px;margin:0 auto 25px;line-height:1.65}
.cost-compare-enhanced{background:linear-gradient(125deg,#d9efff 0%,#f0f8ff 65%,#e3f2ff 100%);border:1px solid #b8dbf5;box-shadow:0 12px 30px rgba(20,85,140,.09);padding:28px 34px 32px;position:relative;overflow:hidden}
.cost-compare-enhanced:after{content:' ';position:absolute;right:-50px;bottom:-80px;width:230px;height:230px;background:radial-gradient(circle,#b9e2ff 0%,transparent 69%);pointer-events:none}
.cost-compare-enhanced h3{position:relative;z-index:1}
.cost-compare-enhanced p{position:relative;z-index:1;max-width:690px;margin:10px auto;line-height:1.7}
.compare-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#0879e4;color:#fff;font-size:28px;font-weight:800;margin:0 auto 8px;box-shadow:0 5px 16px rgba(0,111,204,.22)}
.bottom-cta{background:linear-gradient(90deg,rgba(4,27,55,.98),rgba(4,34,68,.90) 58%,rgba(4,34,68,.78)),url('assets/cta-clean.jpg') center/cover}
.bottom-action{background:rgba(6,29,58,.92);border:1px solid rgba(255,255,255,.18);box-shadow:0 12px 25px rgba(0,0,0,.16)}
.bottom-action .checks li{position:relative;z-index:1}
@media(max-width:650px){.cost-compare-enhanced{padding:23px 17px}}

/* WorkDirekt – gezielte Hero-Korrektur: Bild sichtbar, Text lesbar, keine weißen Vollflächen */
.hero-grid>.form-card{
  background:rgba(255,255,255,.77);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 10px 30px rgba(9,39,73,.12);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
.hero-grid>.hero-copy{
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.hero-grid>.hero-copy h1,
.hero-grid>.hero-copy p,
.hero-grid>.hero-copy .checks{
  text-shadow:0 1px 8px rgba(255,255,255,.9),0 1px 2px rgba(255,255,255,.9);
}
@media(min-width:951px){
  .hero-grid>.hero-copy{padding:27px 30px}
  .hero-picture{background:linear-gradient(90deg,rgba(235,247,255,.82) 0%,rgba(235,247,255,.48) 40%,rgba(235,247,255,.28) 100%),url('assets/hero-clean.jpg') right center/auto 100% no-repeat}
}
@media(min-width:651px) and (max-width:950px){
  .hero-picture{background:linear-gradient(90deg,rgba(238,248,255,.77),rgba(238,248,255,.4)),url('assets/hero-clean.jpg') right center/cover no-repeat}
}
@media(max-width:650px){
  .hero-grid>.hero-copy{background:transparent;padding:20px 15px}
  .hero-grid>.form-card{background:rgba(255,255,255,.85)}
}

/* WorkDirekt: clean logo-free mover photograph; pale area reserved for readable copy. */
@media(min-width:951px){
 .hero-picture{background:linear-gradient(90deg,#eef7ff 0%,rgba(238,247,255,.97) 38%,rgba(238,247,255,.94) 60%,rgba(238,247,255,.06) 100%),url('assets/hero-mover-clean.webp') right center/auto 100% no-repeat}
}
@media(min-width:651px) and (max-width:950px){
 .hero-picture{background:linear-gradient(90deg,rgba(238,247,255,.97),rgba(238,247,255,.86)),url('assets/hero-mover-clean.webp') right center/cover no-repeat}
}
@media(max-width:650px){
 .hero-picture{background:linear-gradient(90deg,rgba(238,247,255,.92),rgba(238,247,255,.78)),url('assets/hero-mover-clean.webp') right center/cover no-repeat;opacity:1}
}

/* WorkDirekt Variante A: ausschließlich Formular und dessen Hero-Umgebung */
.hero:has(.wd-form){background:linear-gradient(90deg,rgba(5,31,57,.84),rgba(7,40,66,.68)),url('assets/hero.webp') center/cover;overflow:visible}
.hero:has(.wd-form) .hero-picture{display:none}
.hero:has(.wd-form) .hero-copy{color:white}
.hero:has(.wd-form) .hero-copy .kicker{background:rgba(255,255,255,.16);color:white}
.hero:has(.wd-form) .hero-copy .checks li:before{background:#ffc321;color:#102348}
.hero:has(.wd-form) .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center;padding:38px 0}
.wd-form{grid-column:2;grid-row:1;background:rgba(8,33,57,.75);border:1px solid rgba(255,255,255,.22);border-radius:14px;padding:28px;box-shadow:0 14px 45px rgba(0,0,0,.18);color:#fff;max-height:none;width:100%;min-width:0}
.hero:has(.wd-form) .hero-copy{grid-column:1;grid-row:1}
.wd-form .wd-stage[hidden]{display:none!important}.wd-form h2{color:white;font-size:clamp(22px,2.2vw,30px);line-height:1.2;margin:10px 0}.wd-form p{color:#e9f4fb;margin:7px 0 18px}.wd-form .wd-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#ffc321}.wd-form label{display:block;font-weight:650;font-size:12px;margin:11px 0 5px}.wd-form input:not([type=checkbox]),.wd-form select,.wd-form textarea{width:100%;background:#fff;border:1px solid #dce5ed;color:#102348;border-radius:7px;padding:12px 13px;font:inherit;min-width:0}.wd-form .wd-input{display:flex;align-items:center;background:#fff;border-radius:7px;color:#0e4672;padding-left:12px}.wd-form .wd-input input{border:0;padding-left:8px}.wd-form input:focus-visible,.wd-form select:focus-visible,.wd-form button:focus-visible{outline:3px solid #ffc321;outline-offset:2px}.wd-form .wd-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:500;line-height:1.45;margin:12px 0 17px}.wd-form .wd-check input{margin-top:3px;flex:none;accent-color:#ffc321}.wd-form .full{width:100%;cursor:pointer}.wd-form .wd-benefits{display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;margin-top:17px;font-size:11px;color:#eaf6ff}.wd-form .wd-benefits span{white-space:nowrap}.wd-form .wd-two{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.wd-form .wd-extra{margin:14px 0;border-top:1px solid #54718a;border-bottom:1px solid #54718a;padding:10px 0}.wd-form .wd-extra summary{cursor:pointer;font-size:13px;font-weight:650}.wd-form .wd-options{display:grid;grid-template-columns:1fr 1fr;gap:5px}.wd-form .wd-options label{font-weight:400}.wd-form .wd-options input{accent-color:#ffc321}.wd-form .wd-consent a{text-decoration:underline;color:#fff}.wd-form .wd-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.wd-form .wd-back{background:transparent;color:#fff;border:1px solid #a9bfce;padding:12px;border-radius:7px;cursor:pointer}.wd-form .wd-actions .button{cursor:pointer}.wd-form .wd-error{color:#fff;background:#a12935;padding:8px 10px;border-radius:6px;font-size:12px}.wd-form .wd-error[hidden]{display:none}.wd-form small{display:block;margin-top:10px;color:#e7f1fa}
@media(max-width:800px){.hero:has(.wd-form) .hero-grid{display:flex;flex-direction:column;gap:8px;padding:22px 0}.hero:has(.wd-form) .hero-copy{order:1;padding:8px 0}.hero:has(.wd-form) .wd-form{order:2;margin:0 0 20px}.hero:has(.wd-form) .hero-copy h1{font-size:31px}.wd-form{padding:20px}}
@media(max-width:420px){.wd-form .wd-two{grid-template-columns:1fr}.wd-form .wd-benefits{font-size:10px}.wd-form .wd-actions{flex-wrap:wrap}}

/* Variante A – Korrektur: sauberes Foto statt des Bildes mit aufgemaltem Formular. */
.hero:has(.wd-form){background:linear-gradient(90deg,rgba(6,27,46,.42),rgba(6,27,46,.20)),url('assets/hero-mover-clean.webp') center 40%/cover no-repeat!important}
.hero:has(.wd-form) .hero-picture{display:none!important}
.hero:has(.wd-form) .hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px)!important;gap:clamp(24px,4vw,70px)!important;align-items:center!important}
.hero:has(.wd-form) .wd-form{grid-column:2!important;grid-row:1!important;position:relative!important;z-index:5!important;max-width:420px!important;background:rgba(7,31,54,.76)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:white!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 12px 35px rgba(0,0,0,.2)!important}
.hero:has(.wd-form) .hero-copy{grid-column:1!important;grid-row:1!important;position:relative!important;z-index:2!important}
.hero:has(.wd-form) .hero-copy h1,.hero:has(.wd-form) .hero-copy p,.hero:has(.wd-form) .hero-copy .checks{text-shadow:0 2px 5px rgba(0,0,0,.65)!important;color:white!important}
.wd-form .wd-photos{margin:16px 0;padding:12px;border:1px solid rgba(255,255,255,.3);border-radius:8px}
.wd-form .wd-photos p{font-size:12px;margin:5px 0 10px}
.wd-form .wd-photos input[type=file]{background:rgba(255,255,255,.95);color:#102348;padding:10px;width:100%;font-size:12px}
.wd-photo-preview{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.wd-photo-preview img{width:65px;height:65px;object-fit:cover;border-radius:5px;border:1px solid #fff}
@media(max-width:800px){.hero:has(.wd-form) .hero-grid{display:flex!important;flex-direction:column!important}.hero:has(.wd-form) .hero-copy{order:1!important}.hero:has(.wd-form) .wd-form{order:2!important;max-width:100%!important;width:100%!important}.hero:has(.wd-form){background-position:center!important}}
/* WorkDirekt Variante A: Formular links, ohne undurchsichtige Karte; bestehende Seitenbereiche bleiben unverändert. */
@media(min-width:801px){
 .hero:has(.wd-form) .hero-grid{grid-template-columns:minmax(320px,460px) minmax(0,1fr)!important;gap:clamp(28px,5vw,88px)!important}
 .hero:has(.wd-form) .wd-form{grid-column:1!important;grid-row:1!important;justify-self:start!important}
 .hero:has(.wd-form) .hero-copy{grid-column:2!important;grid-row:1!important}
}
.hero:has(.wd-form) .wd-form{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:22px 8px!important;max-width:460px!important}
.hero:has(.wd-form) .wd-form .wd-eyebrow{color:#fff!important;font-size:13px!important;letter-spacing:.06em!important}
.hero:has(.wd-form) .wd-form h2{font-size:clamp(29px,3vw,39px)!important;line-height:1.12!important;font-weight:800!important;margin:14px 0!important}
.hero:has(.wd-form) .wd-form .wd-stage>p{font-size:15px!important;line-height:1.5!important;color:#fff!important}
.hero:has(.wd-form) .wd-form .wd-input{min-height:58px!important;border-radius:10px!important;box-shadow:0 4px 18px rgba(0,0,0,.12)!important}
.hero:has(.wd-form) .wd-form .wd-input input{min-height:58px!important;font-size:15px!important}
.hero:has(.wd-form) .wd-form .button.yellow{min-height:58px!important;border-radius:10px!important;font-weight:800!important}
.hero:has(.wd-form) .wd-form .wd-benefits{font-size:12px!important;gap:12px!important;margin-top:24px!important}
@media(max-width:800px){.hero:has(.wd-form) .wd-form{order:1!important;padding:18px 0!important}.hero:has(.wd-form) .hero-copy{order:2!important}.hero:has(.wd-form) .hero-grid{align-items:stretch!important}}

.wd-form .wd-privacy-notice{display:block;width:100%;box-sizing:border-box;text-align:left;font-size:12px;line-height:1.55;font-weight:400;margin:14px 0 18px;overflow-wrap:break-word;word-spacing:normal;letter-spacing:normal}.wd-form .wd-privacy-notice a{color:inherit;text-decoration:underline;text-underline-offset:2px}.wd-form .wd-privacy-notice strong{font-weight:700}

.wd-photo-preview{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.wd-photo-preview img{width:78px;height:78px;object-fit:cover;border-radius:6px}.wd-photos{margin:14px 0}.wd-photos input{max-width:100%}.cf-turnstile{margin-top:12px}