/* Büroumzug & Firmenumzug – Design 2026-10 (Gelb / Hellgrau) */
:root{--bf-y:#FFC400;--bf-y2:#F0B400;--bf-lime:#FFC400;--bf-lime2:#F0B400;--bf-ink:#24272C;--bf-ink2:#3A3F46;--bf-dark:#24272C;--bf-paper:#F4F5F7;--bf-g1:#ECEEF1;--bf-g2:#DDE1E6;--bf-mut:#5E646C;--bf-line:#DDE1E6;--bf-r:8px}
body{background:var(--bf-paper)!important;color:var(--bf-ink);font-family:'IBM Plex Sans',system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5,.display-5{font-family:'Archivo','IBM Plex Sans',sans-serif!important;letter-spacing:-.01em;font-weight:700!important;color:inherit}
a{color:var(--bf-ink)}
.btn-primary{background:var(--bf-y)!important;border-color:var(--bf-y)!important;color:var(--bf-ink)!important}
.text-primary{color:var(--bf-ink)!important}.bg-primary{background:var(--bf-y)!important;color:var(--bf-ink)!important}
header#top,header#top .navbar,header#top .o_header_mobile{background:#fff!important;box-shadow:0 1px 0 var(--bf-g2)}
header#top .nav-link,header#top a{color:var(--bf-ink)!important;font-weight:600}
header#top .nav-link:hover{color:var(--bf-mut)!important}
header#top .dropdown-menu{background:#fff;border:1px solid var(--bf-g2);border-radius:var(--bf-r);box-shadow:0 16px 40px rgba(36,39,44,.12);padding:.4rem}
header#top .dropdown-menu a,header#top .dropdown-item{color:var(--bf-ink)!important;border-radius:6px}
header#top .dropdown-item:hover{background:var(--bf-y)}
header#top .navbar-brand img{max-height:48px!important;height:48px!important;width:auto}
header#top .btn_cta,header#top .btn-primary{background:var(--bf-y)!important;color:var(--bf-ink)!important;border:0!important;font-weight:700;border-radius:6px!important;padding:.6rem 1.2rem!important;height:auto!important;margin:.6rem 0}
header#top .border-start{border:0!important}
.o_wsale_my_cart,.o_wsale_my_wish{display:none!important}
.navbar-toggler{filter:none}
.bf{font-size:1.05rem}
.bf-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.bf-sec{padding:96px 0}.bf-sec--tight{padding:56px 0}
.bf-paper{background:var(--bf-paper)}.bf-white{background:#fff}
.bf-ink{background:var(--bf-g1)!important;color:var(--bf-ink)}.bf-ink a{color:var(--bf-ink)}
.bf-ink+.bf-ink{background:#fff!important}
.bf-kicker{display:inline-block;background:var(--bf-y);color:var(--bf-ink)!important;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .7rem;border-radius:4px}
.bf-kicker:before{display:none}
.bf-h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.05;margin:1rem 0 1.2rem}
.bf-h2{font-size:clamp(1.8rem,3.2vw,2.8rem);line-height:1.1;margin:.8rem 0 1rem}
.bf-hl,.bf-hero .bf-hl,.bf-ink .bf-hl{background:none!important;color:var(--bf-mut)!important;padding:0;text-decoration:none}
.bf-lead,.bf-ink .bf-lead,.bf-hero .bf-lead{font-size:1.18rem;line-height:1.6;color:var(--bf-mut)!important;max-width:44rem}
.bf-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bf-y);color:var(--bf-ink)!important;font-weight:700;border-radius:6px;padding:.95rem 1.5rem;text-decoration:none!important;transition:background .15s;border:0}
.bf-btn:hover{background:var(--bf-y2);box-shadow:none!important}
.bf-btn--ghost{background:#fff;color:var(--bf-ink)!important;border:1.5px solid var(--bf-g2)}
.bf-btn--ghost:hover{background:var(--bf-g1)}
.bf-btn--dark{background:var(--bf-ink);color:#fff!important}.bf-btn--dark:hover{background:var(--bf-ink2)}
#footer a.bf-btn{color:var(--bf-ink)!important}
.bf-hero{position:relative;overflow:hidden;background:var(--bf-g1)!important;color:var(--bf-ink);padding:80px 0 88px}
.bf-hero:before{display:none}
.bf-hero:has(.bf-card):before{display:block;content:"";position:absolute;right:0;top:0;bottom:0;width:34%;background:var(--bf-y);pointer-events:none}
.bf-hero:not(:has(.bf-card)){border-left:10px solid var(--bf-y)}
.bf-hero__bg{display:none}
.bf-hero .bf-wrap{position:relative}
.bf-hero .bf-kicker{color:var(--bf-ink)!important}
.bf-grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
.bf-checks{list-style:none;padding:0;margin:1.4rem 0 2rem}
.bf-checks li{padding-left:2rem;position:relative;margin:.55rem 0}
.bf-checks li:before{content:"✓";position:absolute;left:0;top:.1rem;width:1.3rem;height:1.3rem;border-radius:4px;background:var(--bf-y);color:var(--bf-ink);font-weight:900;font-size:.75rem;display:flex;align-items:center;justify-content:center}
.bf-card{background:#fff;color:var(--bf-ink);border-radius:var(--bf-r);padding:30px;box-shadow:0 20px 50px rgba(36,39,44,.12);border:1px solid var(--bf-g2)}
.bf-card h2,.bf-card h3{color:var(--bf-ink)}.bf-card .text-muted{color:var(--bf-mut)!important}
.bf-card .form-control,.bf-card .form-select,.bf-form .form-control,.bf-form .form-select{border-radius:6px;border:1px solid var(--bf-g2);padding:.75rem .9rem;background:var(--bf-paper)}
.bf-card .form-control:focus,.bf-form .form-control:focus{border-color:var(--bf-y);box-shadow:0 0 0 3px rgba(255,196,0,.25);background:#fff}
.bf-card .s_website_form_label,.bf-form .s_website_form_label{width:auto!important;font-weight:600;font-size:.88rem;margin-bottom:.25rem}
.bf-card .s_website_form_send,.bf-form .s_website_form_send{width:100%;background:var(--bf-y)!important;color:var(--bf-ink)!important;border:0!important;border-radius:6px!important;font-weight:700;padding:1rem!important}
.bf-card .s_website_form_submit .s_website_form_label,.bf-form .s_website_form_submit .s_website_form_label{display:none}
.bf-trust{background:#fff!important;color:var(--bf-ink);border:0}
.bf-trust .bf-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:28px 20px!important}
.bf-trust div{padding:16px 18px;border:0!important;background:var(--bf-paper);border-radius:var(--bf-r)}
.bf-trust b{display:block;font-family:'Archivo',sans-serif;font-size:1.45rem;color:var(--bf-ink)}
.bf-trust span{font-size:.85rem;color:var(--bf-mut)}
.bf-marquee{background:var(--bf-y);color:var(--bf-ink);overflow:hidden;white-space:nowrap;padding:14px 0;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:.95rem;text-transform:none;letter-spacing:0}
.bf-marquee__in{display:inline-block;animation:bfm 60s linear infinite}
.bf-marquee span{margin:0 1.2rem}.bf-marquee span:after{content:"•";margin-left:2.4rem;opacity:.5}
@keyframes bfm{to{transform:translateX(-50%)}}
.bf-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.bf-svc{position:relative;display:block;background:#fff;border-radius:var(--bf-r);padding:28px 26px 72px;text-decoration:none!important;color:var(--bf-ink)!important;border:1px solid var(--bf-g2);transition:border-color .2s,box-shadow .2s;min-height:220px}
.bf-svc:hover{transform:none;box-shadow:0 12px 30px rgba(36,39,44,.08);background:#fff!important;color:var(--bf-ink)!important;border-color:var(--bf-y)}
.bf-svc:hover p{color:var(--bf-mut)}
.bf-svc__n{display:inline-block;font-family:'Archivo',sans-serif;font-weight:700;font-size:.8rem;color:var(--bf-ink);background:var(--bf-g1);border-radius:4px;padding:.2rem .5rem}
.bf-svc:hover .bf-svc__n{color:var(--bf-ink);background:var(--bf-y)}
.bf-svc h3{font-size:1.35rem;margin:1rem 0 .5rem}
.bf-svc p{color:var(--bf-mut);margin:0}
.bf-svc__a{position:absolute;right:22px;bottom:22px;width:38px;height:38px;border-radius:6px;background:var(--bf-g1);color:var(--bf-ink)!important;display:flex;align-items:center;justify-content:center;font-weight:700;transition:background .2s}
.bf-svc:hover .bf-svc__a{background:var(--bf-y)}
.bf-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;position:relative}
.bf-steps:before{display:none}
.bf-step{position:relative;background:#fff;border-radius:var(--bf-r);padding:26px;border:1px solid var(--bf-g2)}
.bf-step__n{width:44px;height:44px;border-radius:6px;background:var(--bf-y);color:var(--bf-ink);font-family:'Archivo',sans-serif;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.bf-step h3{font-size:1.2rem}.bf-step p{color:var(--bf-mut)!important;margin:0}
.bf-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.bf-img{position:relative}.bf-img:after{display:none}
.bf-img img{width:100%;border-radius:var(--bf-r);position:relative;z-index:1;aspect-ratio:4/3;object-fit:cover;box-shadow:none!important}
.bf-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
.bf-fact{border:0;background:#fff;border-radius:var(--bf-r);padding:18px}
.bf-fact b{display:block;font-family:'Archivo',sans-serif;font-size:1.5rem;line-height:1.1;margin-bottom:.4rem}
.bf-fact span{color:var(--bf-mut);font-size:.95rem}
.bf-why{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.bf-why div{background:#fff;border-radius:var(--bf-r);padding:26px;border:1px solid var(--bf-g2)}
.bf-why div:before{content:"";display:block;width:14px;height:14px;border-radius:3px;background:var(--bf-y);margin-bottom:14px}
.bf-why h3{font-size:1.25rem}.bf-why p{color:var(--bf-mut);margin:0}
.bf-makers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.bf-maker{background:#fff;border-radius:var(--bf-r);padding:32px;border:1px solid var(--bf-g2);position:relative;overflow:hidden}
.bf-maker:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;width:auto;background:var(--bf-y)}
.bf-maker__tag{display:inline-block;background:var(--bf-g1);color:var(--bf-ink);font-weight:700;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:.3rem .65rem}
.bf-maker h3{font-size:1.75rem;margin:1rem 0 .3rem}.bf-maker .bf-since{color:var(--bf-mut);font-weight:600;margin-bottom:1rem}
.bf-maker ul{padding-left:1.1rem;margin:0}.bf-maker li{margin:.35rem 0}
.bf-exp{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.bf-exp div{background:#fff;border:1px solid var(--bf-g2);border-radius:var(--bf-r);padding:20px;font-weight:600;color:var(--bf-ink)}
.bf-exp div:before{content:"";display:block;width:14px;height:14px;border-radius:3px;background:var(--bf-y);margin-bottom:12px}
.bf-quote{font-family:'Archivo',sans-serif;font-weight:700;font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.2;max-width:960px}
.bf-quote span{color:var(--bf-mut)}
.bf-regions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}
.bf-region{display:block;padding:24px;border-radius:var(--bf-r);background:#fff!important;border:1px solid var(--bf-g2);color:var(--bf-ink)!important;text-decoration:none!important;transition:background .2s}
.bf-region:hover{background:var(--bf-y)!important;border-color:var(--bf-y);color:var(--bf-ink)!important}
.bf-region b{font-family:'Archivo',sans-serif;font-size:1.3rem;display:block;margin-bottom:.4rem}
.bf-region span{color:var(--bf-mut);font-size:.95rem}.bf-region:hover span{color:var(--bf-ink)}
.bf-faq{max-width:860px;margin-top:32px}
.bf-faq details{border:1px solid var(--bf-g2);background:#fff;border-radius:var(--bf-r);padding:18px 22px;margin-bottom:10px}
.bf-faq summary{list-style:none;cursor:pointer;font-family:'Archivo',sans-serif;font-weight:600;font-size:1.12rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}
.bf-faq summary::-webkit-details-marker{display:none}
.bf-faq summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:6px;background:var(--bf-y);color:var(--bf-ink);display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:transform .2s}
.bf-faq details[open] summary:after{transform:rotate(45deg)}
.bf-faq details p{margin:.8rem 0 0;color:var(--bf-mut);max-width:44rem}
.bf-cta{background:var(--bf-y);color:var(--bf-ink);border-radius:12px;padding:52px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center}
.bf-cta .bf-h2{margin-top:0}.bf-cta .bf-kicker{background:#fff}
.bf-prose h2{font-size:1.7rem;margin:2.4rem 0 1rem}.bf-prose h3{font-size:1.22rem;margin:1.6rem 0 .5rem}
.bf-prose ul,.bf-prose ol{padding-left:1.2rem}.bf-prose li{margin:.45rem 0}
.bf-prose{max-width:820px}.bf-prose a{text-decoration:none;font-weight:600;background:rgba(255,196,0,.28);padding:0 .15em;border-radius:3px}
.bf-tag{display:inline-block;background:#fff;border:1px solid var(--bf-g2);border-radius:4px;padding:.3rem .8rem;margin:.25rem .2rem;font-size:.9rem}
.bf-ink .bf-tag{background:#fff}
#footer{background:var(--bf-g1)!important;color:var(--bf-mut)!important;border-top:1px solid var(--bf-g2)}
#footer a{color:var(--bf-ink)!important;text-decoration:none}
#footer a:hover{color:var(--bf-mut)!important}
#footer h5{color:var(--bf-ink);font-size:1rem}
#footer .bf-foot-brand img{height:44px;margin-bottom:16px}
.o_footer_copyright{display:none!important}
@media (max-width:991px){.bf-grid2,.bf-split,.bf-cta{grid-template-columns:1fr}.bf-services,.bf-regions,.bf-facts,.bf-exp{grid-template-columns:1fr 1fr}.bf-steps{grid-template-columns:1fr 1fr}.bf-trust .bf-wrap{grid-template-columns:1fr 1fr 1fr}.bf-makers,.bf-why{grid-template-columns:1fr}.bf-sec{padding:64px 0}.bf-cta{padding:34px}.bf-hero:before{display:none}}
@media (max-width:575px){.bf-services,.bf-regions,.bf-facts,.bf-steps,.bf-exp{grid-template-columns:1fr}.bf-trust .bf-wrap{grid-template-columns:1fr 1fr}.bf-hero{padding:48px 0 56px}}
