:root{--ofb-bg:#f4f5f6;--ofb-paper:#fff;--ofb-ink:#101316;--ofb-ink2:#171b1f;--ofb-ink3:#20252a;--ofb-orange:#ff6500;--ofb-orange2:#ff7c1a;--ofb-muted:#6d747c;--ofb-line:#e4e6e8;--ofb-green:#2f9f64;--ofb-radius:16px;--ofb-shadow:0 20px 55px rgba(12,16,20,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ofb-bg);color:var(--ofb-ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}body.ofb-menu-open{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.ofb-container{width:min(1440px,calc(100% - 64px));margin:auto}.ofb-main{min-height:60vh}
/* logo + header */
.ofb-header{position:fixed;inset:0 0 auto;z-index:1000;height:78px;background:rgba(12,16,20,.92);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);transition:.25s}.ofb-header.is-scrolled{height:68px;background:rgba(12,16,20,.98);box-shadow:0 10px 30px rgba(0,0,0,.18)}.ofb-header-inner{height:100%;width:min(1560px,calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:32px}.ofb-header-brand{flex:0 0 auto}.custom-logo{max-height:46px;width:auto}.custom-logo-link{display:flex}.ofb-logo{display:flex;align-items:center;gap:11px;color:#fff;font-weight:900}.ofb-logo-word{font-size:1.35rem;letter-spacing:-.04em}.ofb-logo-word span{color:var(--ofb-orange)}.ofb-logo-mark{position:relative;width:32px;height:32px;display:inline-block;transform:rotate(30deg)}.ofb-logo-mark i{position:absolute;width:17px;height:17px;background:var(--ofb-orange);border-radius:3px}.ofb-logo-mark i:nth-child(1){left:0;top:7px}.ofb-logo-mark i:nth-child(2){right:0;top:0}.ofb-logo-mark i:nth-child(3){right:0;bottom:0;background:#c94800}.ofb-primary-nav{flex:1;display:flex;justify-content:center}.ofb-main-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:28px}.ofb-main-menu li{margin:0}.ofb-main-menu a{color:#e7e9eb;font-size:.88rem;font-weight:650;transition:.2s;white-space:nowrap}.ofb-main-menu a:hover{color:var(--ofb-orange)}.ofb-header-actions{display:flex;align-items:center;gap:10px}.ofb-icon-link{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;color:#fff;font-size:1.35rem}.ofb-icon-link:hover{background:#20252a}.ofb-cta,.ofb-hero-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;background:var(--ofb-orange);color:#fff;font-weight:850;padding:13px 18px;box-shadow:0 8px 24px rgba(255,101,0,.18);transition:.2s}.ofb-cta:hover,.ofb-hero-button:hover{background:var(--ofb-orange2);transform:translateY(-1px)}.ofb-menu-toggle{display:none;background:none;border:0;padding:8px}.ofb-menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px 0}
/* hero */
.ofb-hero{height:min(820px,82vh);min-height:680px;position:relative;background:#0e1114;overflow:hidden}.ofb-hero-track,.ofb-hero-slide{position:absolute;inset:0}.ofb-hero-slide{opacity:0;visibility:hidden;transition:opacity .7s ease;background-image:var(--hero-image);background-size:cover;background-position:center}.ofb-hero-slide.is-active{opacity:1;visibility:visible;z-index:2}.ofb-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,16,.96) 0%,rgba(10,13,16,.72) 42%,rgba(10,13,16,.18) 70%,rgba(10,13,16,.08) 100%),linear-gradient(0deg,rgba(10,13,16,.42),transparent 40%)}.ofb-hero-copy{height:100%;position:relative;z-index:3;padding-top:120px;padding-bottom:150px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;color:#fff}.ofb-eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:850;color:#e8e8e8;text-transform:uppercase}.ofb-hero-copy h1{margin:14px 0 20px;font-size:clamp(3.6rem,6vw,6.4rem);line-height:.93;letter-spacing:-.055em;max-width:820px}.ofb-hero-copy h1 em{font-style:normal;color:var(--ofb-orange)}.ofb-hero-copy p{max-width:700px;margin:0 0 28px;color:#e0e3e5;font-size:clamp(1rem,1.5vw,1.25rem)}.ofb-slider-arrow{position:absolute;z-index:7;top:48%;border:1px solid rgba(255,255,255,.2);width:50px;height:62px;border-radius:12px;background:rgba(13,17,20,.45);color:#fff;font-size:2.4rem;cursor:pointer}.ofb-slider-arrow:hover{background:var(--ofb-orange)}.ofb-slider-arrow.prev{left:18px}.ofb-slider-arrow.next{right:18px}.ofb-slider-dots{position:absolute;z-index:8;right:clamp(32px,5vw,90px);bottom:120px;display:flex;gap:8px}.ofb-slider-dots button{border:0;width:9px;height:9px;border-radius:20px;background:rgba(255,255,255,.5);padding:0}.ofb-slider-dots button.is-active{width:34px;background:var(--ofb-orange)}.ofb-search-shell{position:absolute;z-index:8;left:0;right:0;bottom:34px}.ofb-global-search{width:min(1120px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr auto;background:#fff;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.34);overflow:hidden}.ofb-global-search label{display:flex;align-items:center;gap:9px;border-right:1px solid #e4e6e8;padding:0 15px;min-height:58px}.ofb-global-search input,.ofb-global-search select{border:0;outline:0;width:100%;background:transparent;color:#444}.ofb-global-search button{border:0;background:var(--ofb-orange);color:#fff;font-weight:850;padding:0 32px;cursor:pointer}.ofb-global-search button:hover{background:var(--ofb-orange2)}
/* trust */
.ofb-trust-strip{background:#14181c;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.ofb-trust-grid{min-height:78px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:center}.ofb-trust-grid>div{display:flex;align-items:center;gap:12px}.ofb-trust-grid b{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,101,0,.55);border-radius:50%;color:var(--ofb-orange)}.ofb-trust-grid span{display:flex;flex-direction:column}.ofb-trust-grid strong{font-size:.83rem}.ofb-trust-grid small{font-size:.7rem;color:#9fa5aa}
/* sections */
.ofb-section{padding:72px 0}.ofb-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.ofb-section-head>div>span{font-size:.69rem;font-weight:900;letter-spacing:.16em;color:var(--ofb-orange)}.ofb-section-head h2{margin:5px 0 0;font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.045em;line-height:1}.ofb-section-head p{color:var(--ofb-muted);max-width:720px}.ofb-section-head>a{font-weight:800;color:var(--ofb-orange)}
.ofb-categories{background:#fff}.ofb-category-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.ofb-category-card{height:190px;position:relative;overflow:hidden;border-radius:12px;background:#16191d;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.07)}.ofb-category-card img{position:absolute;width:100%;height:100%;object-fit:cover;filter:saturate(.72);transition:.35s}.ofb-category-card:hover img{transform:scale(1.06);filter:saturate(.95)}.ofb-category-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,10,12,.93),rgba(8,10,12,.05) 72%)}.ofb-category-card>div{position:absolute;left:13px;right:13px;bottom:13px}.ofb-category-card b{display:block;font-size:.95rem}.ofb-category-card small{display:block;color:#c9cdd1;font-size:.68rem;margin-top:2px}
.ofb-benefit-section{background:#f3f4f5}.ofb-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ofb-benefit-grid article{position:relative;min-height:310px;padding:30px;background:#fff;border:1px solid var(--ofb-line);border-radius:16px;overflow:hidden}.ofb-benefit-grid article:after{content:"";position:absolute;right:-80px;bottom:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,101,0,.16),transparent 68%)}.ofb-benefit-grid span{color:var(--ofb-orange);font-size:.7rem;letter-spacing:.08em;font-weight:900}.ofb-benefit-grid h3{font-size:1.85rem;line-height:1.03;margin:11px 0 18px;letter-spacing:-.04em}.ofb-benefit-grid ul{list-style:none;padding:0;margin:0 0 24px;color:#4d545a}.ofb-benefit-grid li{margin:8px 0}.ofb-benefit-grid li:before{content:"✓";color:var(--ofb-green);font-weight:900;margin-right:8px}.ofb-benefit-grid a{display:inline-flex;padding:10px 14px;border-radius:8px;background:#171b1f;color:#fff;font-weight:800}.ofb-benefit-grid a:hover{background:var(--ofb-orange)}
.ofb-stat-band{background:#171b1f;color:#fff;padding:22px 0}.ofb-stat-grid{display:grid;grid-template-columns:repeat(5,1fr)}.ofb-stat-grid>div{text-align:center;border-right:1px solid rgba(255,255,255,.1)}.ofb-stat-grid>div:last-child{border:0}.ofb-stat-grid strong{display:block;color:var(--ofb-orange);font-size:1.7rem;line-height:1.1}.ofb-stat-grid span{display:block;color:#c4c8cc;font-size:.74rem;margin-top:4px}
.ofb-promo{background:#fff}.ofb-promo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.ofb-promo-grid a{display:block;border-radius:14px;overflow:hidden;background:#15191d;box-shadow:0 14px 38px rgba(8,10,12,.12)}.ofb-promo-grid img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;transition:.35s}.ofb-promo-grid a:hover img{transform:scale(1.025)}
.ofb-latest{background:#f5f6f7}.ofb-plugin-notice{padding:28px;border:1px dashed #c9ced3;border-radius:14px;background:#fff}.ofb-final-cta{padding:52px 0;background:linear-gradient(120deg,#121619,#1d2227);color:#fff;border-top:1px solid #2a3035}.ofb-final-cta>.ofb-container{display:flex;justify-content:space-between;align-items:center;gap:25px}.ofb-final-cta span{font-size:.7rem;letter-spacing:.14em;color:var(--ofb-orange);font-weight:900}.ofb-final-cta h2{font-size:2.5rem;margin:4px 0 5px}.ofb-final-cta p{margin:0;color:#aeb4b9}.ofb-final-cta a{background:var(--ofb-orange);color:#fff;padding:14px 20px;border-radius:9px;font-weight:850}
/* page wrappers + plugin skin */
.ofb-page-hero{padding:140px 0 52px;background:linear-gradient(120deg,#111519,#242a30);color:#fff}.ofb-page-hero span{font-size:.69rem;color:var(--ofb-orange);font-weight:900;letter-spacing:.15em}.ofb-page-hero h1{font-size:clamp(2.6rem,5vw,5rem);line-height:.95;letter-spacing:-.055em;margin:8px 0}.ofb-page-content{padding:38px 0 78px}.ofb-content-card{background:#fff;border:1px solid var(--ofb-line);border-radius:18px;padding:30px;box-shadow:0 10px 30px rgba(11,15,18,.05)}.ofb-content-card .ofb-info-hero{border-radius:14px;background:linear-gradient(120deg,#171b1f,#262c31);color:#fff;padding:30px;margin-bottom:22px}.ofb-content-card .ofb-info-hero h1{font-size:2.5rem;margin:.2em 0}.ofb-content-card .ofb-kicker{color:var(--ofb-orange)}.ofb-content-card .ofb-primary,.ofb-content-card button.ofb-primary{background:var(--ofb-orange)!important;border-color:var(--ofb-orange)!important;color:#fff!important;border-radius:8px!important}.ofb-content-card input,.ofb-content-card select,.ofb-content-card textarea{border-radius:8px!important;border-color:#d8dcdf!important}.ofb-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ofb-post-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--ofb-line)}.ofb-post-card img{height:220px;width:100%;object-fit:cover}.ofb-post-card>div{padding:18px}.ofb-error-page{padding:180px 0 100px;text-align:center}.ofb-error-page>div>span{font-size:8rem;font-weight:950;color:var(--ofb-orange)}
/* footer */
.ofb-footer{background:#0e1114;color:#b8bec4;padding:58px 0 24px}.ofb-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:50px}.ofb-footer .ofb-logo{margin-bottom:15px}.ofb-footer p{max-width:420px;color:#8d949a}.ofb-footer h4{color:#fff;margin:0 0 14px}.ofb-footer a{display:block;margin:8px 0;color:#a9b0b5}.ofb-footer a:hover{color:var(--ofb-orange)}.ofb-footer-bottom{border-top:1px solid #272d32;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:.76rem}.ofb-whatsapp{position:fixed;z-index:900;right:22px;bottom:26px;display:flex;flex-direction:column;background:#1eaa59;color:#fff;border-radius:14px;padding:10px 15px;box-shadow:0 12px 28px rgba(0,0,0,.25)}.ofb-whatsapp span{font-size:.67rem}.ofb-mobile-dock{display:none}
/* marketplace plugin overrides */
body .ofb-marketplace,body .ofb-submit-form,body .ofb-dashboard-shell,body .ofb-auth-card,body .ofb-price-card,body .ofb-feature-card{font-family:inherit}.ofb-content-card .ofb-marketplace-grid{gap:16px}.ofb-content-card .ofb-ad-card,.ofb-content-card .ofb-price-card,.ofb-content-card .ofb-feature-card{border-radius:14px!important;box-shadow:0 8px 25px rgba(12,16,20,.05)!important;border-color:#e2e5e8!important}.ofb-content-card .ofb-ad-card:hover{transform:translateY(-3px)}
@media(max-width:1250px){.ofb-main-menu{gap:16px}.ofb-main-menu a{font-size:.8rem}.ofb-category-grid{grid-template-columns:repeat(5,1fr)}.ofb-category-card{height:180px}.ofb-promo-grid{grid-template-columns:1.5fr 1fr}.ofb-promo-grid a:last-child{grid-column:span 2}.ofb-trust-grid{grid-template-columns:repeat(3,1fr);padding:16px 0}.ofb-trust-grid>div:nth-child(n+4){display:none}}
@media(max-width:900px){.ofb-container{width:min(100% - 32px,1440px)}.ofb-header-inner{width:calc(100% - 28px)}.ofb-menu-toggle{display:block;margin-left:auto}.ofb-primary-nav{position:fixed;inset:78px 0 auto;background:#111519;padding:18px 20px 28px;display:none}.ofb-primary-nav.is-open{display:block}.ofb-main-menu{display:block}.ofb-main-menu li{border-bottom:1px solid #252a2f}.ofb-main-menu a{display:block;padding:13px 4px;font-size:1rem}.ofb-header-actions .ofb-icon-link{display:none}.ofb-header-actions .ofb-cta{padding:10px 13px;font-size:.8rem}.ofb-hero{height:740px;min-height:740px}.ofb-hero-copy{padding-top:120px;padding-bottom:210px}.ofb-hero-copy h1{font-size:clamp(3.1rem,11vw,5.5rem)}.ofb-hero-overlay{background:linear-gradient(90deg,rgba(10,13,16,.94),rgba(10,13,16,.58) 75%,rgba(10,13,16,.28))}.ofb-search-shell{bottom:28px}.ofb-global-search{grid-template-columns:1fr 1fr;width:calc(100% - 32px)}.ofb-global-search label{min-height:52px}.ofb-global-search button{min-height:52px}.ofb-slider-dots{bottom:145px}.ofb-benefit-grid{grid-template-columns:1fr}.ofb-stat-grid{grid-template-columns:repeat(3,1fr);gap:14px}.ofb-stat-grid>div{border:0}.ofb-promo-grid{grid-template-columns:1fr}.ofb-promo-grid a:last-child{grid-column:auto}.ofb-footer-grid{grid-template-columns:1fr 1fr}.ofb-post-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){body{padding-bottom:68px}.ofb-container{width:calc(100% - 24px)}.ofb-header{height:64px}.ofb-header-brand .custom-logo{max-width:175px}.ofb-logo-word{font-size:1rem}.ofb-logo-mark{width:27px;height:27px}.ofb-primary-nav{inset:64px 0 auto}.ofb-header-actions .ofb-cta{display:none}.ofb-hero{height:690px;min-height:690px}.ofb-hero-slide{background-position:center}.ofb-hero-overlay{background:linear-gradient(90deg,rgba(9,12,14,.94),rgba(9,12,14,.7)),linear-gradient(0deg,rgba(9,12,14,.7),transparent 50%)}.ofb-hero-copy{padding-top:100px;padding-bottom:250px;justify-content:flex-start}.ofb-eyebrow{font-size:.61rem}.ofb-hero-copy h1{font-size:3.2rem;margin-top:12px}.ofb-hero-copy p{font-size:.93rem;max-width:90%}.ofb-hero-button{padding:11px 15px}.ofb-slider-arrow{display:none}.ofb-slider-dots{left:14px;right:auto;bottom:218px}.ofb-global-search{display:block;width:calc(100% - 24px);border-radius:10px}.ofb-global-search label{border-right:0;border-bottom:1px solid #e5e7e9;min-height:46px}.ofb-global-search button{width:100%;min-height:48px}.ofb-trust-grid{grid-template-columns:repeat(3,1fr);gap:4px}.ofb-trust-grid>div{display:block!important;text-align:center}.ofb-trust-grid>div:nth-child(n+4){display:none!important}.ofb-trust-grid b{margin:auto auto 5px}.ofb-trust-grid small{display:none}.ofb-trust-grid strong{font-size:.64rem}.ofb-section{padding:48px 0}.ofb-section-head{align-items:flex-start}.ofb-section-head h2{font-size:2.3rem}.ofb-section-head>a{font-size:.77rem}.ofb-category-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ofb-category-card{height:150px}.ofb-category-card:nth-child(1),.ofb-category-card:nth-child(3){grid-column:span 2;height:190px}.ofb-benefit-grid article{min-height:0}.ofb-stat-grid{grid-template-columns:repeat(2,1fr)}.ofb-stat-grid>div:last-child{grid-column:span 2}.ofb-promo-grid img{min-height:0}.ofb-final-cta>.ofb-container{display:block}.ofb-final-cta h2{font-size:2rem}.ofb-final-cta a{display:inline-flex;margin-top:20px}.ofb-page-hero{padding:110px 0 38px}.ofb-content-card{padding:14px;border-radius:12px}.ofb-footer{padding-bottom:92px}.ofb-footer-grid{grid-template-columns:1fr}.ofb-footer-bottom{display:block}.ofb-footer-bottom span{display:block;margin:5px 0}.ofb-whatsapp{right:12px;bottom:80px;padding:8px 11px}.ofb-mobile-dock{position:fixed;z-index:950;left:0;right:0;bottom:0;height:68px;background:#101418;border-top:1px solid #2b3035;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.ofb-mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c8ccd0;font-size:.62rem}.ofb-mobile-dock a span{font-size:1.2rem;line-height:1}.ofb-mobile-dock a.is-primary span{width:38px;height:38px;border-radius:50%;background:var(--ofb-orange);display:grid;place-items:center;color:#fff;margin-top:-16px}.ofb-mobile-dock a.is-primary b{color:var(--ofb-orange)}.ofb-post-grid{grid-template-columns:1fr}}

/* v2.1 Multi-Marketplace category system */
.ofb-tax-icon{width:28px;height:28px;display:block}.ofb-tax-icon-small{width:18px;height:18px;display:block}.ofb-category-grid-pro{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.ofb-category-grid-pro .ofb-category-card{height:205px;position:relative}.ofb-category-grid-pro .ofb-category-card:nth-child(-n+3){grid-column:span 2;height:245px}.ofb-category-icon{position:absolute;left:16px;top:16px;z-index:3;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(15,18,21,.86);border:1px solid rgba(255,255,255,.16);color:var(--ofb-orange);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(0,0,0,.18)}.ofb-category-card:hover .ofb-category-icon{background:var(--ofb-orange);color:#fff;transform:translateY(-2px)}.ofb-category-icon,.ofb-category-icon svg{transition:.25s}.ofb-category-grid-pro .ofb-category-card>div{padding-top:64px}.ofb-category-grid-pro .ofb-category-card b{font-size:1rem}.ofb-category-grid-pro .ofb-category-card small{line-height:1.25;max-width:95%}
.ofb-category-directory-pro{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.ofb-category-directory-pro .ofb-category-group{padding:0!important;overflow:hidden;background:#fff;border:1px solid #e4e7e9;border-radius:18px;box-shadow:0 10px 30px rgba(16,20,24,.05)}.ofb-category-group-head{display:flex;align-items:center;gap:14px;padding:18px 18px 15px;border-bottom:1px solid #eceff1;background:linear-gradient(135deg,#fff,#f8f9fa)}.ofb-category-group-icon{width:52px;height:52px;border-radius:14px;background:#171b1f;color:var(--ofb-orange);display:grid!important;place-items:center;flex:0 0 52px;margin:0!important}.ofb-category-group-icon:hover{background:var(--ofb-orange);color:#fff}.ofb-category-group-head h2{margin:0!important;font-size:1.05rem!important}.ofb-category-group-head small{color:#7b838a;font-size:.72rem}.ofb-category-directory-pro .ofb-category-links{display:grid!important;grid-template-columns:1fr;padding:8px!important;gap:3px!important}.ofb-category-directory-pro .ofb-category-links a{display:flex!important;align-items:center;gap:10px;padding:9px 10px!important;background:transparent!important;border-radius:9px!important;color:#3d444a!important;font-size:.78rem!important}.ofb-category-directory-pro .ofb-category-links a span{width:28px;height:28px;border-radius:8px;background:#f1f3f4;color:#60686f;display:grid;place-items:center;flex:0 0 28px}.ofb-category-directory-pro .ofb-category-links a:hover{background:#fff4eb!important;color:#a94300!important}.ofb-category-directory-pro .ofb-category-links a:hover span{background:#ffe0c5;color:var(--ofb-orange)}
.ofb-category-assist{align-self:end;min-height:74px;border:1px solid #e5e8ea;border-radius:12px;padding:13px 15px;background:linear-gradient(135deg,#171b1f,#252b30);color:#fff;display:flex;flex-direction:column;justify-content:center}.ofb-category-assist strong{color:var(--ofb-orange);font-size:.8rem}.ofb-category-assist span{font-size:.72rem;color:#c6cbd0;margin-top:4px;line-height:1.35}.ofb-category-assist[data-module="job"]{box-shadow:inset 3px 0 0 #ff6500}.ofb-category-assist[data-module="vehicle"],.ofb-category-assist[data-module="part"]{box-shadow:inset 3px 0 0 #ff6500}.ofb-category-assist[data-module="real_estate"]{box-shadow:inset 3px 0 0 #ff6500}
@media(max-width:1250px){.ofb-category-grid-pro{grid-template-columns:repeat(4,1fr)}.ofb-category-grid-pro .ofb-category-card:nth-child(-n+3){grid-column:auto;height:205px}.ofb-category-directory-pro{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:760px){.ofb-category-directory-pro{grid-template-columns:1fr!important}.ofb-category-grid-pro{grid-template-columns:repeat(2,1fr)}.ofb-category-grid-pro .ofb-category-card,.ofb-category-grid-pro .ofb-category-card:nth-child(-n+3){height:175px}.ofb-category-grid-pro .ofb-category-card:nth-child(1),.ofb-category-grid-pro .ofb-category-card:nth-child(2){grid-column:span 2;height:210px}.ofb-category-icon{width:42px;height:42px;border-radius:12px}.ofb-category-icon .ofb-tax-icon{width:24px;height:24px}}

/* v2.2 – category photo system */
.ofb-categories{background:#0b1014;color:#fff;border-top:1px solid #181d22;border-bottom:1px solid #181d22}
.ofb-categories .ofb-section-head span{color:var(--ofb-orange)}
.ofb-categories .ofb-section-head h2{color:#fff}
.ofb-categories .ofb-section-head>a{color:var(--ofb-orange);font-weight:800}
.ofb-category-grid-pro .ofb-category-card:nth-child(n+10){grid-column:span 2;height:205px}
.ofb-category-grid-pro .ofb-category-card img{filter:saturate(.92) contrast(1.04) brightness(.88)}
.ofb-category-grid-pro .ofb-category-card:hover img{filter:saturate(1.08) contrast(1.05) brightness(.96)}
.ofb-pricing-rules{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 18px;padding:14px 16px;border:1px solid #373b40;background:#15191d;border-radius:12px;color:#dfe3e7}
.ofb-pricing-rules strong{color:#fff}.ofb-pricing-rules span{padding:6px 9px;border-radius:999px;background:#20252a;font-size:.82rem}.ofb-pricing-rules span::before{content:'✓';color:var(--ofb-orange);margin-right:6px;font-weight:900}
@media(max-width:1250px){.ofb-category-grid-pro .ofb-category-card:nth-child(n+10){grid-column:auto;height:205px}}
@media(max-width:760px){.ofb-category-grid-pro .ofb-category-card:nth-child(n+10){grid-column:auto;height:175px}.ofb-category-grid-pro .ofb-category-card:nth-child(12){grid-column:span 2;height:210px}.ofb-pricing-rules{display:block}.ofb-pricing-rules span{display:block;margin-top:7px;border-radius:8px}}

/* v2.6 – specialist listings on the homepage */
.ofb-home-special-market{padding-top:34px}.ofb-home-special-market .ofb-section-head p{max-width:720px;margin:7px 0 0;color:#70777c}.ofb-home-special-results{display:grid;gap:12px}.ofb-home-special-empty{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:22px 24px;border:1px dashed #ccd2d6;border-radius:16px;background:#f8f9fa}.ofb-home-special-empty strong{font-size:1rem}.ofb-home-special-empty span{color:#747c82;flex:1 1 420px}.ofb-home-special-empty a{display:inline-flex;padding:10px 14px;border-radius:9px;background:#171b1f;color:#ff6b00;font-weight:900}.ofb-home-properties{background:#f5f6f7}
@media(max-width:720px){.ofb-home-special-market{padding-top:24px}.ofb-home-special-empty{align-items:flex-start;flex-direction:column}}

/* v2.7 */
.ofb-footer-newsletter .ofb-newsletter{width:100%;padding-left:max(24px,calc((100vw - 1260px)/2));padding-right:max(24px,calc((100vw - 1260px)/2))}.ofb-footer-newsletter .ofb-newsletter-copy{max-width:560px}

/* OFB 2.8.2 – Hilfe, Recht & Footer refinement */
.ofb-content-card{font-size:16px;line-height:1.72;overflow:hidden}
.ofb-content-card>p,.ofb-content-card>ul,.ofb-content-card>ol{max-width:920px}
.ofb-content-card h2{font-size:clamp(1.55rem,2.4vw,2.1rem);line-height:1.18;letter-spacing:-.03em;margin:32px 0 12px;color:#101418}
.ofb-content-card h3{line-height:1.25}
.ofb-content-card p,.ofb-content-card li{overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.ofb-content-card a{overflow-wrap:anywhere}
.ofb-footer-grid{grid-template-columns:1.5fr .8fr .9fr 1.15fr;gap:42px}
.ofb-footer-legal-note{margin-top:34px;padding:18px 20px;border:1px solid #272d32;border-radius:12px;background:#12171b;color:#8f989f;font-size:.78rem;line-height:1.6}
.ofb-footer-legal-note strong{color:#fff}.ofb-footer-legal-note a{display:inline!important;margin:0!important;color:#f67817!important;font-weight:800}
.ofb-footer-grid>div{min-width:0}.ofb-footer-grid a{line-height:1.35}
@media(max-width:900px){.ofb-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ofb-footer-grid{grid-template-columns:1fr}.ofb-footer-legal-note{margin-top:24px;padding:15px}.ofb-content-card{font-size:15px;line-height:1.65}}

/* OFB NextGen 2.9.0 – integrated category hero sliders + lighter marketplace shell */
.ofb-market-hero{position:relative;height:clamp(470px,42.8vw,720px);min-height:470px;overflow:hidden;background:#11161a;border-bottom:1px solid #e3e7ea}
.ofb-market-hero-track,.ofb-market-hero-slide{position:absolute;inset:0}
.ofb-market-hero-slide{opacity:0;visibility:hidden;transition:opacity .65s ease;pointer-events:none}
.ofb-market-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.ofb-market-hero-image-link{position:absolute;inset:0;display:block;background:#11161a}
.ofb-market-hero-image-link>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ofb-market-hero-bg{position:absolute;inset:0;background-image:var(--market-hero-image);background-size:cover;background-position:center}
.ofb-market-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,17,20,.91) 0%,rgba(13,17,20,.72) 42%,rgba(13,17,20,.18) 72%,rgba(13,17,20,.05) 100%)}
.ofb-market-hero-copy{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;padding-top:70px;padding-bottom:50px}
.ofb-market-hero-copy>span{font-size:.72rem;letter-spacing:.18em;font-weight:900;color:#ff8a2d}
.ofb-market-hero-copy h1{max-width:760px;margin:12px 0 18px;font-size:clamp(2.8rem,5vw,5.2rem);line-height:.98;letter-spacing:-.055em}
.ofb-market-hero-copy p{max-width:680px;margin:0 0 26px;color:#e2e6e8;font-size:clamp(1rem,1.5vw,1.24rem)}
.ofb-market-hero-copy a{display:inline-flex;align-items:center;gap:16px;padding:14px 20px;border-radius:10px;background:linear-gradient(135deg,#ff6500,#ff8b24);color:#fff;font-weight:900;box-shadow:0 14px 34px rgba(255,101,0,.24)}
.ofb-market-hero-copy a:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,101,0,.32)}
.ofb-market-hero-copy a b{font-size:1.2rem}
.ofb-market-hero-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:48px;height:58px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(12,16,20,.5);backdrop-filter:blur(10px);color:#fff;font-size:2rem;line-height:1;cursor:pointer;transition:.2s}
.ofb-market-hero-arrow:hover{background:#ff6500;border-color:#ff6500}.ofb-market-hero-arrow.prev{left:18px}.ofb-market-hero-arrow.next{right:18px}
.ofb-market-hero-dots{position:absolute;z-index:9;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(12,16,20,.36);backdrop-filter:blur(8px)}
.ofb-market-hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.6);cursor:pointer;transition:.25s}.ofb-market-hero-dots button.is-active{width:34px;background:#ff6500}
.ofb-market-hero-mobile-copy,.ofb-market-hero-mobile-shade{display:none}
.ofb-page-content.has-market-hero{padding-top:28px;background:#f7f8fa}
.ofb-page-content.has-market-hero .ofb-content-card{box-shadow:0 14px 45px rgba(21,29,35,.07);border-color:#e1e6e9}
/* The platform remains premium, but black is now reserved mainly for header/footer and hero contrast. */
.ofb-categories{background:#fff;color:#101316;border-top:1px solid #edf0f2;border-bottom:1px solid #e6eaed}
.ofb-categories .ofb-section-head h2{color:#11161a}.ofb-categories .ofb-section-head p{color:#687078}
.ofb-category-grid-pro .ofb-category-card{box-shadow:0 12px 30px rgba(17,24,29,.10);border:1px solid rgba(20,26,31,.08)}
.ofb-benefit-section{background:#f7f8fa}.ofb-latest{background:#fff}.ofb-home-properties{background:#f7f8fa}
@media(max-width:900px){
  .ofb-market-hero{height:520px;min-height:520px}
  .ofb-market-hero-copy{padding-top:76px}.ofb-market-hero-copy h1{font-size:3.4rem;max-width:70%}.ofb-market-hero-copy p{max-width:65%}
}
@media(max-width:620px){
  .ofb-market-hero{height:390px;min-height:390px;margin-top:0}
  .ofb-market-hero-arrow{display:none}.ofb-market-hero-dots{bottom:12px}
  .ofb-market-hero-slide.is-image-only .ofb-market-hero-image-link>img{object-position:70% center;filter:saturate(.92) brightness(.83)}
  .ofb-market-hero-mobile-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,17,.92) 0%,rgba(10,14,17,.72) 52%,rgba(10,14,17,.12) 100%)}
  .ofb-market-hero-mobile-copy{display:flex;position:absolute;z-index:3;left:22px;right:30%;top:94px;bottom:48px;flex-direction:column;justify-content:center;color:#fff}
  .ofb-market-hero-mobile-copy b{font-size:2.15rem;line-height:.98;letter-spacing:-.05em}.ofb-market-hero-mobile-copy b::first-letter{color:#fff}
  .ofb-market-hero-mobile-copy small{font-size:.84rem;line-height:1.45;color:#e1e5e8;margin:12px 0 16px}
  .ofb-market-hero-mobile-copy em{display:inline-flex;align-self:flex-start;padding:10px 12px;border-radius:8px;background:#ff6500;color:#fff;font-style:normal;font-weight:900;font-size:.78rem}
  .ofb-market-hero-copy{padding:92px 22px 52px}.ofb-market-hero-copy h1{font-size:2.45rem;max-width:82%}.ofb-market-hero-copy p{font-size:.9rem;max-width:80%}.ofb-market-hero-copy a{padding:11px 14px;font-size:.8rem}
  .ofb-page-content.has-market-hero{padding-top:18px}
}
@media(prefers-reduced-motion:reduce){.ofb-market-hero-slide{transition:none}.ofb-market-hero-copy a{transition:none}}

/* OFB NextGen 2.10.0 – multi-market category slider + expanded homepage slider */
.ofb-home-hero-image-link{position:absolute;inset:0;display:block;background:#f3f4f5}
.ofb-home-hero-image-link>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.ofb-home-hero-mobile-copy,.ofb-home-hero-mobile-shade{display:none}
.ofb-hero-slide.is-image-only{background-image:none}
.ofb-hero-slide.is-image-only:after{content:"";position:absolute;inset:auto 0 0;height:150px;background:linear-gradient(0deg,rgba(10,13,16,.18),transparent);pointer-events:none}
body.page-kategorien .ofb-market-hero{height:clamp(500px,42.8vw,720px);background:#f4f5f6}
body.page-kategorien .ofb-market-hero-image-link{background:#f4f5f6}
body.page-kategorien .ofb-market-hero-image-link>img{object-position:center}
body.page-kategorien .ofb-page-content.has-market-hero{padding-top:24px}
@media(max-width:900px){
  .ofb-home-hero-image-link>img{object-position:64% center}
  body.page-kategorien .ofb-market-hero-image-link>img{object-position:64% center}
}
@media(max-width:620px){
  .ofb-hero-slide.is-image-only:after{height:100%;background:linear-gradient(90deg,rgba(10,14,17,.9) 0%,rgba(10,14,17,.58) 55%,rgba(10,14,17,.08) 100%)}
  .ofb-home-hero-image-link>img{object-position:72% center;filter:saturate(.9) brightness(.82)}
  .ofb-home-hero-mobile-shade{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,17,.92) 0%,rgba(10,14,17,.70) 52%,rgba(10,14,17,.10) 100%)}
  .ofb-home-hero-mobile-copy{display:flex;position:absolute;z-index:3;left:22px;right:30%;top:76px;bottom:235px;flex-direction:column;justify-content:center;color:#fff}
  .ofb-home-hero-mobile-copy b{font-size:2.1rem;line-height:.98;letter-spacing:-.05em}
  .ofb-home-hero-mobile-copy small{font-size:.82rem;line-height:1.45;color:#e1e5e8;margin:11px 0 14px}
  .ofb-home-hero-mobile-copy em{display:inline-flex;align-self:flex-start;padding:9px 11px;border-radius:8px;background:#ff6500;color:#fff;font-style:normal;font-weight:900;font-size:.76rem}
  body.page-kategorien .ofb-market-hero{height:410px;min-height:410px}
}

/* ==========================================================
   OFB 2.10.1 – exact marketplace logo + light premium header
   ========================================================== */
.ofb-header{
  height:82px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e7e9ec;
  box-shadow:0 2px 18px rgba(20,28,36,.05);
  backdrop-filter:blur(18px);
}
.ofb-header.is-scrolled{
  height:72px;
  background:rgba(255,255,255,.985);
  border-bottom-color:#e2e5e8;
  box-shadow:0 10px 30px rgba(20,28,36,.09);
}
.ofb-header-inner{gap:24px}
.ofb-header-brand{display:flex;align-items:center;flex:0 0 auto;min-width:0}
.ofb-header-logo-link{display:flex;align-items:center;height:64px;line-height:0;text-decoration:none}
.ofb-header-logo-image{
  display:block;
  width:auto;
  height:56px;
  max-width:238px;
  object-fit:contain;
  object-position:left center;
}
.ofb-header.is-scrolled .ofb-header-logo-link{height:56px}
.ofb-header.is-scrolled .ofb-header-logo-image{height:49px;max-width:210px}
.ofb-primary-nav{min-width:0}
.ofb-main-menu{gap:22px}
.ofb-main-menu a{color:#20262d;font-size:.86rem;font-weight:720}
.ofb-main-menu a:hover,.ofb-main-menu .current-menu-item>a,.ofb-main-menu .current_page_item>a{color:var(--ofb-orange)}
.ofb-icon-link{color:#20262d}
.ofb-icon-link:hover{background:#f1f3f5;color:var(--ofb-orange)}
.ofb-menu-toggle span{background:#20262d}

@media(max-width:1180px){
  .ofb-header-inner{width:calc(100% - 32px);gap:14px}
  .ofb-menu-toggle{display:block;margin-left:auto}
  .ofb-primary-nav{position:fixed;inset:82px 0 auto;background:#fff;border-top:1px solid #e8eaed;box-shadow:0 18px 35px rgba(20,28,36,.12);padding:18px 20px 28px;display:none}
  .ofb-header.is-scrolled .ofb-primary-nav{inset:72px 0 auto}
  .ofb-primary-nav.is-open{display:block}
  .ofb-main-menu{display:block}
  .ofb-main-menu li{border-bottom:1px solid #eceff1}
  .ofb-main-menu a{display:block;padding:13px 4px;font-size:1rem;color:#20262d}
}
@media(max-width:620px){
  .ofb-header{height:68px}
  .ofb-header.is-scrolled{height:64px}
  .ofb-header-inner{width:calc(100% - 22px)}
  .ofb-header-logo-link,.ofb-header.is-scrolled .ofb-header-logo-link{height:54px}
  .ofb-header-logo-image,.ofb-header.is-scrolled .ofb-header-logo-image{height:43px;max-width:178px}
  .ofb-primary-nav,.ofb-header.is-scrolled .ofb-primary-nav{inset:68px 0 auto}
  .ofb-header.is-scrolled .ofb-primary-nav{inset:64px 0 auto}
}
@media(max-width:390px){
  .ofb-header-logo-image,.ofb-header.is-scrolled .ofb-header-logo-image{height:39px;max-width:158px}
}

/* OFB NextGen 2.10.2 – full-bleed slider + dark glass header + white/orange logo */
html,body{max-width:100%;overflow-x:clip}
.ofb-header{
  background:linear-gradient(180deg,rgba(9,13,17,.94),rgba(9,13,17,.86));
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:none;
  backdrop-filter:blur(18px) saturate(130%);
  -webkit-backdrop-filter:blur(18px) saturate(130%);
}
.ofb-header.is-scrolled{
  background:rgba(9,13,17,.98);
  border-bottom-color:rgba(255,255,255,.09);
  box-shadow:0 10px 32px rgba(0,0,0,.22);
}
.ofb-header-inner{width:min(1680px,calc(100% - 32px));gap:24px}
.ofb-header-logo-link{height:66px}
.ofb-header-logo-image{height:58px;max-width:255px;width:auto;object-fit:contain;object-position:left center}
.ofb-header.is-scrolled .ofb-header-logo-link{height:58px}
.ofb-header.is-scrolled .ofb-header-logo-image{height:50px;max-width:225px}
.ofb-main-menu a{color:#f4f6f8}
.ofb-main-menu a:hover,.ofb-main-menu .current-menu-item>a,.ofb-main-menu .current_page_item>a{color:var(--ofb-orange)}
.ofb-icon-link{color:#fff}
.ofb-icon-link:hover{background:rgba(255,255,255,.08);color:var(--ofb-orange)}
.ofb-menu-toggle span{background:#fff}

/* Make every OFB hero a true viewport-edge banner, including page/category heroes. */
.ofb-hero,.ofb-market-hero{
  width:100vw;
  max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  border-radius:0;
}
.ofb-hero-track,.ofb-market-hero-track,.ofb-hero-slide,.ofb-market-hero-slide,
.ofb-home-hero-image-link,.ofb-market-hero-image-link{left:0;right:0;width:100%}
.ofb-home-hero-image-link>img,.ofb-market-hero-image-link>img{width:100%;height:100%;object-fit:cover}
body.ofb-home .ofb-main,body.page-kategorien .ofb-main{overflow:visible}

@media(max-width:1180px){
  .ofb-header-inner{width:calc(100% - 26px);gap:14px}
  .ofb-primary-nav{
    background:rgba(13,17,21,.99);
    border-top:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 35px rgba(0,0,0,.25)
  }
  .ofb-main-menu li{border-bottom:1px solid rgba(255,255,255,.09)}
  .ofb-main-menu a{color:#f4f6f8}
}
@media(max-width:620px){
  .ofb-header-logo-link,.ofb-header.is-scrolled .ofb-header-logo-link{height:52px}
  .ofb-header-logo-image,.ofb-header.is-scrolled .ofb-header-logo-image{height:42px;max-width:183px}
  .ofb-hero,.ofb-market-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
}
@media(max-width:390px){
  .ofb-header-logo-image,.ofb-header.is-scrolled .ofb-header-logo-image{height:39px;max-width:165px}
}

/* ==========================================================
   OFB NextGen 2.10.3 – transparent header + newsletter in footer
   ========================================================== */
.ofb-header{
  background:linear-gradient(180deg,rgba(8,12,16,.34) 0%,rgba(8,12,16,.16) 62%,rgba(8,12,16,.04) 100%);
  border-bottom-color:transparent;
  box-shadow:none;
  backdrop-filter:blur(8px) saturate(118%);
  -webkit-backdrop-filter:blur(8px) saturate(118%);
}
.ofb-header.is-scrolled{
  background:rgba(12,16,20,.82);
  border-bottom-color:rgba(255,255,255,.06);
  box-shadow:0 10px 30px rgba(0,0,0,.14);
  backdrop-filter:blur(15px) saturate(125%);
  -webkit-backdrop-filter:blur(15px) saturate(125%);
}
.ofb-main-menu a,.ofb-icon-link{
  text-shadow:0 1px 7px rgba(0,0,0,.42);
}
.ofb-main-menu a:hover,.ofb-main-menu .current-menu-item>a,.ofb-main-menu .current_page_item>a{
  text-shadow:0 1px 8px rgba(0,0,0,.28);
}

/* Keep the hero truly flush to the viewport. */
.ofb-hero,.ofb-market-hero{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border-left:0!important;
  border-right:0!important;
}
.ofb-home-hero-image-link>img,.ofb-market-hero-image-link>img{
  min-width:100%;
}

/* Newsletter is no longer a separate dark band; it lives inside the footer grid. */
.ofb-footer-grid{
  grid-template-columns:1.35fr .72fr .84fr 1.02fr 1.48fr;
  gap:30px;
  align-items:start;
}
.ofb-footer-newsletter-col{min-width:0}
.ofb-footer-newsletter-col .ofb-newsletter{
  display:block!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff;
}
.ofb-footer-newsletter-col .ofb-newsletter-copy{max-width:none!important;margin:0 0 14px}
.ofb-footer-newsletter-col .ofb-kicker{
  display:block;
  margin:0 0 4px;
  color:var(--ofb-orange)!important;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.13em;
}
.ofb-footer-newsletter-col .ofb-newsletter h3{
  margin:0 0 7px;
  color:#fff;
  font-size:1rem;
  line-height:1.25;
}
.ofb-footer-newsletter-col .ofb-newsletter p{
  margin:0;
  color:#8d949a;
  font-size:.76rem;
  line-height:1.5;
}
.ofb-footer-newsletter-col .ofb-newsletter-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
}
.ofb-footer-newsletter-col .ofb-newsletter-main input{
  width:100%;
  min-width:0;
  min-height:42px;
  border:1px solid #333a40;
  border-radius:9px;
  padding:0 11px;
  background:#171c20;
  color:#fff;
}
.ofb-footer-newsletter-col .ofb-newsletter-main input::placeholder{color:#848c92}
.ofb-footer-newsletter-col .ofb-newsletter-main button{
  min-height:42px;
  border:0;
  border-radius:9px;
  padding:0 13px;
  background:var(--ofb-orange);
  color:#fff;
  font-weight:850;
  cursor:pointer;
}
.ofb-footer-newsletter-col .ofb-newsletter-main button:hover{background:var(--ofb-orange2)}
.ofb-footer-newsletter-col .ofb-newsletter-consent{
  margin-top:8px;
  color:#7f888f;
  font-size:.66rem;
  line-height:1.38;
}
.ofb-footer-newsletter-col .ofb-newsletter-consent input{accent-color:var(--ofb-orange)}

@media(max-width:1180px){
  .ofb-header{background:rgba(10,14,18,.46)}
  .ofb-primary-nav{background:rgba(12,16,20,.96)}
  .ofb-footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:34px}
  .ofb-footer-newsletter-col{grid-column:2 / -1}
}
@media(max-width:900px){
  .ofb-footer-grid{grid-template-columns:1fr 1fr;gap:30px 34px}
  .ofb-footer-newsletter-col{grid-column:1 / -1;max-width:680px}
}
@media(max-width:620px){
  .ofb-header{background:rgba(10,14,18,.52)}
  .ofb-footer-grid{grid-template-columns:1fr;gap:26px}
  .ofb-footer-newsletter-col{grid-column:auto;max-width:none}
  .ofb-footer-newsletter-col .ofb-newsletter-main{grid-template-columns:1fr}
  .ofb-footer-newsletter-col .ofb-newsletter-main button{width:100%}
}


/* ==========================================================
   OFB NextGen 2.10.4 – Anzeigen-Detailseite unter Fixed Header
   ========================================================== */
/*
 * Der globale OFB-Header ist absichtlich fixed, damit Startseiten- und
 * Kategorie-Slider bis an den oberen Bildschirmrand laufen können.
 * Eine einzelne Anzeige besitzt dagegen keinen Hero unter dem Header.
 * Deshalb reserviert nur die Detailseite die reale Headerhöhe.
 */
body.single-ofb_ad .ofb-main{
  padding-top:78px;
}

/* Auf hellen Produktfotos/Detailseiten muss die Navigation unabhängig vom
 * Bildkontrast lesbar bleiben. Die transparente Hero-Variante bleibt auf
 * Start- und Sliderseiten unverändert. */
body.single-ofb_ad .ofb-header,
body.single-ofb_ad .ofb-header.is-scrolled{
  background:rgba(10,14,18,.96);
  border-bottom-color:rgba(255,255,255,.08);
  box-shadow:0 8px 26px rgba(0,0,0,.18);
  backdrop-filter:blur(16px) saturate(125%);
  -webkit-backdrop-filter:blur(16px) saturate(125%);
}
body.single-ofb_ad .ofb-main-menu a,
body.single-ofb_ad .ofb-icon-link{
  color:#f4f6f8;
  text-shadow:none;
}
body.single-ofb_ad .ofb-main-menu a:hover,
body.single-ofb_ad .ofb-main-menu .current-menu-item>a,
body.single-ofb_ad .ofb-main-menu .current_page_item>a,
body.single-ofb_ad .ofb-icon-link:hover{
  color:var(--ofb-orange);
}
body.single-ofb_ad .ofb-menu-toggle span{background:#fff}

/* WordPress-Adminleiste beim eingeloggten Betreiber/Kunden berücksichtigen. */
body.admin-bar.single-ofb_ad .ofb-header{top:32px}
body.admin-bar.single-ofb_ad .ofb-main{padding-top:110px}

/* Breadcrumb und Galerie bleiben beim Anspringen von Ankern sichtbar. */
body.single-ofb_ad .ofb-single-wrap,
body.single-ofb_ad .ofb-single-media,
body.single-ofb_ad .ofb-single-card{
  scroll-margin-top:100px;
}

@media(max-width:1180px){
  body.single-ofb_ad .ofb-primary-nav,
  body.single-ofb_ad .ofb-header.is-scrolled .ofb-primary-nav{
    background:rgba(10,14,18,.99);
    border-top-color:rgba(255,255,255,.08);
  }
  body.single-ofb_ad .ofb-main-menu li{border-bottom-color:rgba(255,255,255,.09)}
  body.single-ofb_ad .ofb-main-menu a{color:#f4f6f8}
}

@media(max-width:782px){
  body.admin-bar.single-ofb_ad .ofb-header{top:46px}
  body.admin-bar.single-ofb_ad .ofb-main{padding-top:124px}
}

@media(max-width:620px){
  body.single-ofb_ad .ofb-main{padding-top:68px}
  body.admin-bar.single-ofb_ad .ofb-main{padding-top:114px}
  body.single-ofb_ad .ofb-single-wrap{margin-top:18px}
  body.single-ofb_ad .ofb-single-wrap,
  body.single-ofb_ad .ofb-single-media,
  body.single-ofb_ad .ofb-single-card{scroll-margin-top:84px}
}


/* NextGen 2.10.6 – kompakte mobile Kategorien + horizontales Wischen */
@media(max-width:760px){.ofb-category-grid-pro .ofb-category-card:nth-child(11),.ofb-category-grid-pro .ofb-category-card:nth-child(12),.ofb-category-grid-pro .ofb-category-card:nth-child(n+10){grid-column:auto;height:175px}.ofb-category-grid-pro .ofb-category-card:nth-child(12){height:175px}.ofb-category-grid-pro .ofb-category-card:nth-child(11) b,.ofb-category-grid-pro .ofb-category-card:nth-child(12) b{font-size:.92rem}.ofb-category-grid-pro .ofb-category-card:nth-child(11) small,.ofb-category-grid-pro .ofb-category-card:nth-child(12) small{font-size:.64rem}.ofb-home-special-results{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;padding:2px 10vw 10px 1px;margin-right:-12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ofb-home-special-results::-webkit-scrollbar{display:none}.ofb-home-special-results>*{flex:0 0 min(88vw,560px);scroll-snap-align:start;scroll-snap-stop:always}.ofb-home-special-results>.ofb-home-special-empty{flex-basis:calc(100% - 12px)}}

/* NextGen 2.10.7 – stabiler Smartphone-Startseiten-Raster */
@media (max-width:760px){
  /* Top-Kategorien: ausnahmslos zwei gleich breite Spalten. Keine einzelne Vollbreiten-Kachel mehr. */
  body.ofb-home .ofb-category-grid-pro{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.ofb-home .ofb-category-grid-pro>.ofb-category-card,
  body.ofb-home .ofb-category-grid-pro>.ofb-category-card:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    width:auto!important;
    min-width:0!important;
    height:154px!important;
  }
  body.ofb-home .ofb-category-grid-pro .ofb-category-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.ofb-home .ofb-category-grid-pro .ofb-category-icon{
    left:10px;
    top:10px;
    width:38px;
    height:38px;
    border-radius:11px;
  }
  body.ofb-home .ofb-category-grid-pro .ofb-category-icon .ofb-tax-icon{
    width:22px;
    height:22px;
  }
  body.ofb-home .ofb-category-grid-pro .ofb-category-card>div{
    left:10px;
    right:10px;
    bottom:10px;
    padding-top:48px;
  }
  body.ofb-home .ofb-category-grid-pro .ofb-category-card b{
    font-size:.82rem!important;
    line-height:1.12;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body.ofb-home .ofb-category-grid-pro .ofb-category-card small{
    margin-top:3px;
    font-size:.58rem!important;
    line-height:1.2;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  /* Fahrzeug-/Immobilien-Teaser behalten horizontales Wischen, aber ohne Überbreite. */
  body.ofb-home .ofb-home-special-results{
    max-width:100%;
  }
}

@media (max-width:380px){
  body.ofb-home .ofb-category-grid-pro>.ofb-category-card,
  body.ofb-home .ofb-category-grid-pro>.ofb-category-card:nth-child(n){height:142px!important}
  body.ofb-home .ofb-category-grid-pro .ofb-category-card small{-webkit-line-clamp:1}
}

/* NextGen 2.10.8 – Fahrzeugseite: harte responsive Begrenzung */
body.page-fahrzeug{overflow-x:hidden}
body.page-fahrzeug .ofb-page-content,
body.page-fahrzeug .ofb-page-content .ofb-container,
body.page-fahrzeug .ofb-content-card{max-width:100%;min-width:0}
body.page-fahrzeug .ofb-content-card{overflow:hidden}
@media(max-width:700px){
  body.page-fahrzeug .ofb-page-content.has-market-hero{padding-top:14px}
  body.page-fahrzeug .ofb-content-card{padding:10px!important;border-radius:11px}
}


/* ==========================================================
   NextGen 2.10.9 – /fahrzeug/ mobile viewport hard fix
   ========================================================== */
body.page-fahrzeug,
body.page-fahrzeug .ofb-main,
body.page-fahrzeug .ofb-page-content,
body.page-fahrzeug .ofb-page-content>.ofb-container,
body.page-fahrzeug .ofb-content-card{
  width:100%;max-width:100%;overflow-x:clip;
}
body.page-fahrzeug .ofb-page-content>.ofb-container{
  width:min(1440px,calc(100% - 24px));
}
/* Auf der Fahrzeugseite kein 100vw/full-bleed-Rechentrick: 100% ist stabiler auf Android/iOS. */
body.page-fahrzeug .ofb-market-hero{
  width:100%!important;max-width:100%!important;
  margin-left:0!important;margin-right:0!important;
}

@media(max-width:700px){
  body.page-fahrzeug .ofb-market-hero{
    height:285px!important;min-height:285px!important;
  }
  body.page-fahrzeug .ofb-market-hero-image-link>img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:64% center!important;
  }
  body.page-fahrzeug .ofb-market-hero-mobile-copy{
    left:16px!important;right:34%!important;top:66px!important;bottom:34px!important;
  }
  body.page-fahrzeug .ofb-market-hero-mobile-copy b{font-size:1.72rem!important;line-height:1!important}
  body.page-fahrzeug .ofb-market-hero-mobile-copy small{margin:8px 0 10px!important;font-size:.74rem!important;line-height:1.3!important}
  body.page-fahrzeug .ofb-market-hero-mobile-copy em{padding:8px 9px!important;font-size:.7rem!important}
  body.page-fahrzeug .ofb-market-hero-copy{padding:72px 16px 34px!important}
  body.page-fahrzeug .ofb-market-hero-copy h1{font-size:1.9rem!important;max-width:88%!important;margin:7px 0 10px!important}
  body.page-fahrzeug .ofb-market-hero-copy p{font-size:.78rem!important;max-width:90%!important;margin-bottom:12px!important}
  body.page-fahrzeug .ofb-market-hero-copy a{padding:9px 10px!important;font-size:.72rem!important}
  body.page-fahrzeug .ofb-market-hero-dots{bottom:8px!important}

  body.page-fahrzeug .ofb-page-content>.ofb-container{width:calc(100% - 16px)!important}
  body.page-fahrzeug .ofb-content-card{padding:8px!important;border-radius:10px!important}
}

@media(max-width:380px){
  body.page-fahrzeug .ofb-market-hero{height:255px!important;min-height:255px!important}
  body.page-fahrzeug .ofb-market-hero-mobile-copy{top:58px!important;right:30%!important}
  body.page-fahrzeug .ofb-market-hero-mobile-copy b{font-size:1.52rem!important}
  body.page-fahrzeug .ofb-market-hero-mobile-copy small{font-size:.68rem!important}
}

/* ============================================================
   OFB 2.11.0 – indexierbare Kategorie-Landingpages
   ============================================================ */
.ofb-seo-category-hero{padding:clamp(110px,12vw,150px) 0 54px;background:linear-gradient(135deg,#071b35,#123a74 62%,#1e4f92);color:#fff}
.ofb-seo-category-hero .ofb-kicker{color:#ff9a3d}
.ofb-seo-category-hero h1{max-width:900px;margin:9px 0 16px;font-size:clamp(2rem,5vw,4rem);line-height:1.02;color:#fff}
.ofb-seo-category-intro{max-width:900px;margin:0;color:rgba(255,255,255,.86);font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}
.ofb-seo-category-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 18px;font-size:.82rem;color:rgba(255,255,255,.68)}
.ofb-seo-category-breadcrumb a{color:#fff;text-decoration:none}
.ofb-seo-category-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.ofb-seo-category-actions .ofb-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
.ofb-seo-category-main{padding:48px 0 80px;background:#f6f8fb}.ofb-seo-category-main .ofb-container{min-width:0}
.ofb-seo-subcategories,.ofb-seo-category-results,.ofb-seo-category-copy{margin-bottom:38px}
.ofb-seo-subcategory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ofb-seo-subcategory-grid a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:15px 16px;border:1px solid #e4e9ef;border-radius:14px;background:#fff;color:#152033;text-decoration:none;box-shadow:0 6px 18px rgba(18,58,116,.04)}
.ofb-seo-subcategory-grid a:hover{border-color:#ff9a3d;transform:translateY(-1px)}
.ofb-seo-subcategory-grid strong{min-width:0;overflow-wrap:anywhere}.ofb-seo-subcategory-grid span{white-space:nowrap;color:#6b7280;font-size:.78rem}
.ofb-seo-category-copy{padding:28px;border:1px solid #e4e9ef;border-radius:20px;background:#fff}.ofb-seo-category-copy h2{margin-top:0}.ofb-seo-category-copy p{max-width:980px;color:#586174;line-height:1.75}
@media(max-width:980px){.ofb-seo-subcategory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ofb-seo-category-hero{padding-top:96px}.ofb-seo-category-main{padding-top:30px}.ofb-seo-subcategory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ofb-seo-subcategory-grid a{padding:12px;align-items:flex-start;flex-direction:column}.ofb-seo-category-copy{padding:20px}.ofb-seo-category-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:360px){.ofb-seo-subcategory-grid{grid-template-columns:1fr}.ofb-seo-category-actions>*{width:100%}}
.ofb-footer-category-links{display:flex;gap:8px 14px;flex-wrap:wrap;padding-top:18px;padding-bottom:8px;font-size:.78rem}.ofb-footer-category-links strong{color:#fff}.ofb-footer-category-links a{color:rgba(255,255,255,.72);text-decoration:none}.ofb-footer-category-links a:hover{color:#ff9a3d}

/* ==========================================================
   OFB NextGen 2.13.0 – structured lower home area
   ========================================================== */
.ofb-account-tools{background:#fff;padding:78px 0 82px;border-top:1px solid #eef0f2}
.ofb-account-tools .ofb-section-head{margin-bottom:28px}
.ofb-account-tools .ofb-section-head p{max-width:720px;margin:9px 0 0;color:#687079;line-height:1.65}
.ofb-account-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ofb-account-tool-card{position:relative;display:flex!important;min-width:0;min-height:260px;padding:25px 22px 22px;border:1px solid #e5e8eb;border-radius:18px;background:linear-gradient(180deg,#fff,#fafbfc);color:#171b1f!important;text-decoration:none!important;overflow:hidden;box-shadow:0 8px 24px rgba(22,28,34,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ofb-account-tool-card:hover{transform:translateY(-3px);border-color:#ffb37a;box-shadow:0 16px 34px rgba(22,28,34,.10)}
.ofb-account-tool-card:after{content:"";position:absolute;right:-48px;bottom:-62px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,105,0,.12),transparent 68%);pointer-events:none}
.ofb-account-tool-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#151a1e;color:#ff6a00;font-size:1.3rem;font-weight:900;margin-right:14px}
.ofb-account-tool-copy{min-width:0;padding-top:1px}.ofb-account-tool-copy>small{display:block;color:#ff6a00;font-size:.62rem;letter-spacing:.1em;font-weight:900}.ofb-account-tool-copy h3{font-size:1.18rem;line-height:1.18;margin:6px 0 10px}.ofb-account-tool-copy p{font-size:.86rem;line-height:1.6;color:#69717a;margin:0 0 17px}.ofb-account-tool-copy b{font-size:.8rem;color:#171b1f}
.ofb-account-tool-count{position:absolute;left:22px;bottom:20px;display:flex;align-items:baseline;gap:6px;color:#7a8289}.ofb-account-tool-count strong{font-size:1.1rem;color:#ff6a00}.ofb-account-tool-count small{font-size:.67rem}.ofb-account-tool-card:has(.ofb-account-tool-count) .ofb-account-tool-copy{padding-bottom:36px}

/* Turn the former three consecutive dark bands into separated cards/sections. */
.ofb-stat-band{background:#fff!important;padding:0 0 72px!important;color:#fff}
.ofb-stat-band .ofb-stat-grid{background:linear-gradient(120deg,#151a1e,#20262b);border:1px solid #2b3238;border-radius:18px;padding:24px 16px;box-shadow:0 18px 40px rgba(14,18,22,.12);overflow:hidden}
.ofb-stat-grid>div{padding:5px 14px}
.ofb-final-cta{background:#f4f6f7!important;padding:0 0 82px!important;border:0!important;color:#fff}
.ofb-final-cta>.ofb-container{position:relative;background:linear-gradient(120deg,#121619,#20262b);border:1px solid #2c3338;border-radius:22px;padding:42px 46px;overflow:hidden;box-shadow:0 18px 44px rgba(16,20,24,.12)}
.ofb-final-cta>.ofb-container:after{content:"";position:absolute;right:120px;top:-150px;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(255,105,0,.18),transparent 67%);pointer-events:none}
.ofb-final-cta>.ofb-container>*{position:relative;z-index:1}
.ofb-footer{padding:76px 0 26px!important;border-top:1px solid #252b30}
.ofb-footer-grid{grid-template-columns:1.45fr .82fr .95fr 1.15fr!important;gap:44px!important;align-items:start}
.ofb-footer-newsletter-col{grid-column:1/-1!important;max-width:none!important;margin-top:4px;padding:26px 28px;border:1px solid #272e34;border-radius:16px;background:#13181c}
.ofb-footer-newsletter-col .ofb-newsletter{display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:38px;align-items:end}
.ofb-footer-newsletter-col .ofb-newsletter-copy{margin:0!important}
.ofb-footer-category-links{margin-top:30px;padding-top:22px!important;border-top:1px solid #23292e}
.ofb-footer-legal-note{margin-top:26px!important}
.ofb-footer-bottom{margin-top:28px!important}

/* Language selector and unread messages in the fixed header. */
.ofb-language-switcher{position:relative;color:#fff}.ofb-language-switcher summary{list-style:none;display:flex;align-items:center;gap:5px;min-height:36px;padding:0 9px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(12,16,20,.30);cursor:pointer;font-size:.72rem}.ofb-language-switcher summary::-webkit-details-marker{display:none}.ofb-language-switcher summary span{font-size:.9rem}.ofb-language-switcher[open] summary{background:#171c20}.ofb-language-menu{position:absolute;right:0;top:calc(100% + 8px);width:190px;padding:7px;border:1px solid #30373d;border-radius:12px;background:#11161a;box-shadow:0 18px 36px rgba(0,0,0,.35);z-index:1200}.ofb-language-menu a{display:flex!important;align-items:center;gap:9px;padding:9px 10px!important;margin:0!important;border-radius:8px;color:#dbe0e4!important;text-decoration:none!important;font-size:.78rem;white-space:nowrap}.ofb-language-menu a:hover,.ofb-language-menu a.is-active{background:#22292e;color:#fff!important}.ofb-language-menu a b{width:25px;color:#ff7b19}
.ofb-message-icon{position:relative}.ofb-message-icon>b{position:absolute;right:-6px;top:-7px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#ff6500;color:#fff;font-size:.55rem;line-height:1}

@media(max-width:1180px){.ofb-account-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ofb-footer-grid{grid-template-columns:1.25fr 1fr 1fr!important}.ofb-footer-grid>div:nth-child(4){grid-column:2/-1}.ofb-footer-newsletter-col{grid-column:1/-1!important}.ofb-footer-newsletter-col .ofb-newsletter{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.ofb-footer-grid{grid-template-columns:1fr 1fr!important}.ofb-footer-grid>div:nth-child(4){grid-column:auto}.ofb-footer-newsletter-col{grid-column:1/-1!important}.ofb-final-cta>.ofb-container{padding:38px 34px}}
@media(max-width:620px){.ofb-account-tools{padding:56px 0 60px}.ofb-account-tools-grid{grid-template-columns:1fr}.ofb-account-tool-card{min-height:220px}.ofb-stat-band{padding-bottom:54px!important}.ofb-stat-band .ofb-stat-grid{padding:20px 10px;border-radius:15px}.ofb-final-cta{padding-bottom:58px!important}.ofb-final-cta>.ofb-container{padding:30px 24px;border-radius:16px}.ofb-footer{padding-top:58px!important}.ofb-footer-grid{grid-template-columns:1fr!important;gap:28px!important}.ofb-footer-newsletter-col{grid-column:auto!important;padding:20px}.ofb-footer-newsletter-col .ofb-newsletter{grid-template-columns:1fr;gap:15px}.ofb-header-actions .ofb-language-switcher{display:block}.ofb-language-switcher summary{padding:0 7px}.ofb-language-menu{right:-6px;width:178px}}


/* ==========================================================
   OFB NextGen 2.14.0 – Footer Ratgeber & Downloads
   ========================================================== */
.ofb-footer-resources{margin:-28px 0 58px;padding:0;color:#fff}
.ofb-footer-resources>.ofb-container{padding-top:34px;padding-bottom:34px;border:1px solid #2a3137;border-radius:22px;background:linear-gradient(135deg,#171c20,#20272c);box-shadow:0 22px 52px rgba(0,0,0,.18)}
.ofb-footer-resources-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}
.ofb-footer-resources-head .ofb-kicker{display:block;color:#ff7300;font-size:.66rem;font-weight:900;letter-spacing:.13em;margin-bottom:7px}
.ofb-footer-resources-head h3{margin:0;color:#fff;font-size:clamp(1.45rem,2.6vw,2.15rem);letter-spacing:-.025em}
.ofb-footer-resources-head p{max-width:680px;margin:7px 0 0;color:#9da6ad;line-height:1.55}
.ofb-footer-resources-all{flex:0 0 auto;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:.8rem;padding:10px 12px;border:1px solid #394148;border-radius:9px}
.ofb-footer-resources-all:hover{border-color:#ff7300;color:#ff9b50!important}
.ofb-footer-resource-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.ofb-footer-resource-grid>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:88px;padding:14px;border:1px solid #30383e;border-radius:13px;background:#11161a;color:#fff!important;text-decoration:none!important;transition:.18s ease}
.ofb-footer-resource-grid>a:hover{transform:translateY(-2px);border-color:#e86c11;background:#151b20}
.ofb-footer-resource-grid>a>span{display:grid;place-items:center;min-width:42px;height:38px;padding:0 6px;border-radius:8px;background:#ff6800;color:#fff;font-size:.61rem;font-weight:950;letter-spacing:.02em}
.ofb-footer-resource-grid>a>div{min-width:0}.ofb-footer-resource-grid strong{display:block;color:#fff;font-size:.8rem;line-height:1.25;overflow-wrap:anywhere}.ofb-footer-resource-grid small{display:block;margin-top:4px;color:#7f8991;font-size:.64rem;line-height:1.35}.ofb-footer-resource-grid b{color:#ff7a18;font-size:1rem}
@media(max-width:1180px){.ofb-footer-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ofb-footer-resources{margin:-12px 0 44px}.ofb-footer-resources>.ofb-container{border-radius:17px;padding-top:27px;padding-bottom:27px}.ofb-footer-resources-head{align-items:flex-start;flex-direction:column;gap:14px}.ofb-footer-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.ofb-footer-resource-grid{grid-template-columns:1fr}.ofb-footer-resource-grid>a{min-height:74px}.ofb-footer-resources-all{width:100%;text-align:center}}


/* 2.14.1 – cleaner lower page area + identical header/footer brand */
.ofb-footer-brand .ofb-header-logo-link{display:inline-flex!important;align-items:center;height:auto!important;line-height:0;margin:0 0 18px!important;text-decoration:none}
.ofb-footer-brand .ofb-header-logo-image{display:block;height:auto!important;width:min(100%,255px)!important;max-width:255px!important;object-fit:contain;object-position:left center}
.ofb-footer-grid{align-items:start}
.ofb-footer-bottom{margin-top:34px}
@media(max-width:620px){.ofb-footer-brand .ofb-header-logo-image{width:min(100%,220px)!important;max-width:220px!important}.ofb-footer-bottom{margin-top:30px}}


/* ==========================================================
   OFB NextGen 2.14.2 – compact newsletter + category i18n
   ========================================================== */
@media(min-width:1181px){
  .ofb-footer-newsletter-col.is-compact-footer{
    grid-column:3 / 5!important;
    width:min(100%,560px)!important;
    max-width:560px!important;
    justify-self:end!important;
    margin-top:6px!important;
    padding:20px 22px!important;
  }
}
.ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
}
.ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter-copy{margin:0 0 12px!important}
.ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter h3{font-size:1rem!important;margin-bottom:5px!important}
.ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter p{font-size:.74rem!important;line-height:1.45!important}
.ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter-main{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important}
.ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter-main input,
.ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter-main button{min-height:40px!important}
.ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter-consent{font-size:.62rem!important;line-height:1.35!important}
@media(max-width:1180px) and (min-width:901px){
  .ofb-footer-newsletter-col.is-compact-footer{grid-column:2 / -1!important;width:min(100%,540px)!important;max-width:540px!important;justify-self:end!important;padding:20px 22px!important}
}
@media(max-width:900px) and (min-width:621px){
  .ofb-footer-newsletter-col.is-compact-footer{grid-column:2!important;width:100%!important;max-width:520px!important;justify-self:stretch!important;padding:18px!important}
  .ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter-main{grid-template-columns:1fr!important}
  .ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter-main button{width:100%!important}
}
@media(max-width:620px){
  .ofb-footer-newsletter-col.is-compact-footer{grid-column:auto!important;width:100%!important;max-width:none!important;padding:18px!important}
  .ofb-footer-newsletter-col.is-compact-footer .ofb-newsletter-main{grid-template-columns:1fr!important}
}

/* OFB NextGen 2.15 – professionelle Konto-/Reset-Seiten ohne doppelten Seitenhero */
.ofb-page-content.ofb-account-page{padding-top:118px;background:linear-gradient(180deg,#f5f7f8 0,#fff 520px)}.ofb-page-content.ofb-account-page>.ofb-container{width:min(1440px,calc(100% - 48px))}.ofb-page-content.ofb-account-page .ofb-content-card{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.ofb-page-content.ofb-account-page .ofb-auth-card{background:#fff}.ofb-page-content.ofb-account-page .ofb-customer-portal{margin-top:0}
@media(max-width:620px){.ofb-page-content.ofb-account-page{padding-top:84px}.ofb-page-content.ofb-account-page>.ofb-container{width:calc(100% - 18px)}}

/* ==========================================================
   NextGen 2.15.1 – Startseite Fahrzeuge als echtes Karten-Grid
   ========================================================== */
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  max-width:100%!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
  scroll-snap-type:none!important;
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-vehicle-result-card.ofb-vehicle-tile{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  width:auto!important;
  height:100%!important;
  border:1px solid #dfe4e8!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 7px 22px rgba(18,28,38,.055)!important;
  scroll-snap-align:none!important;
  flex:none!important;
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-vehicle-result-card.ofb-vehicle-tile:hover{
  border-color:#c8d0d6!important;
  box-shadow:0 14px 32px rgba(18,28,38,.10)!important;
  transform:translateY(-2px);
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results .ofb-vehicle-tile-media{
  width:100%!important;
  aspect-ratio:4/3!important;
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results .ofb-vehicle-tile-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-home-special-empty{
  grid-column:1/-1!important;
}
@media(max-width:1199px){
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
}
@media(max-width:899px){
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
}
@media(max-width:560px){
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results .ofb-vehicle-tile-body{
    padding:9px 9px 0!important;
  }
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results .ofb-vehicle-tile h3{
    font-size:.82rem!important;
    margin:6px 0!important;
  }
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results .ofb-vehicle-tile p{
    display:none!important;
  }
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results .ofb-vehicle-result-facts span:nth-child(n+4){
    display:none!important;
  }
}
@media(max-width:350px){
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{
    grid-template-columns:1fr!important;
  }
}

/* ==========================================================
   NextGen 2.15.2 – Startseite Fahrzeug-Touch-Karussell
   Eine einzige Reihe, nativ touchfähig, keine Karten umbrechen.
   ========================================================== */
body.ofb-home .ofb-home-vehicle-carousel{
  position:relative;
  min-width:0;
  max-width:100%;
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{
  display:flex!important;
  flex-flow:row nowrap!important;
  grid-template-columns:none!important;
  align-items:stretch!important;
  gap:16px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:2px;
  scrollbar-width:none;
  padding:3px 2px 14px!important;
  margin:0!important;
  cursor:grab;
  touch-action:pan-x pan-y pinch-zoom;
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results::-webkit-scrollbar{display:none}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none!important;
  user-select:none;
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-vehicle-result-card.ofb-vehicle-tile{
  flex:0 0 calc((100% - 48px)/4)!important;
  width:calc((100% - 48px)/4)!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:normal!important;
}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-home-special-empty{
  flex:0 0 100%!important;
  width:100%!important;
  scroll-snap-align:start!important;
}
body.ofb-home .ofb-home-vehicle-arrow{
  position:absolute;
  z-index:6;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(19,25,31,.12);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  color:#171b1f;
  box-shadow:0 8px 24px rgba(15,23,31,.16);
  font-size:1.8rem;
  line-height:1;
  cursor:pointer;
  transition:opacity .16s ease,transform .16s ease,background .16s ease;
}
body.ofb-home .ofb-home-vehicle-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.04)}
body.ofb-home .ofb-home-vehicle-arrow:disabled{opacity:0;pointer-events:none}
body.ofb-home .ofb-home-vehicle-arrow.is-prev{left:-20px}
body.ofb-home .ofb-home-vehicle-arrow.is-next{right:-20px}
body.ofb-home .ofb-home-vehicle-loading{
  display:block;
  min-height:18px;
  margin-top:4px;
  color:#737b82;
  font-size:.72rem;
  text-align:center;
}
@media(max-width:1199px){
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-vehicle-result-card.ofb-vehicle-tile{
    flex-basis:calc((100% - 28px)/3)!important;
    width:calc((100% - 28px)/3)!important;
  }
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{gap:14px!important}
}
@media(max-width:899px){
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-vehicle-result-card.ofb-vehicle-tile{
    flex-basis:calc((100% - 12px)/2)!important;
    width:calc((100% - 12px)/2)!important;
  }
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{gap:12px!important}
  body.ofb-home .ofb-home-vehicle-arrow{display:none!important}
}
@media(max-width:560px){
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results{
    gap:8px!important;
    padding-bottom:10px!important;
    scroll-padding-inline:1px;
  }
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-vehicle-result-card.ofb-vehicle-tile{
    flex-basis:calc((100% - 8px)/2)!important;
    width:calc((100% - 8px)/2)!important;
  }
}
@media(max-width:350px){
  body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results>.ofb-vehicle-result-card.ofb-vehicle-tile{
    flex-basis:86%!important;
    width:86%!important;
  }
}


/* NextGen 2.15.3 – desktop click-safe vehicle carousel */
body.ofb-home .ofb-home-vehicles .ofb-vehicle-result-card.ofb-vehicle-tile{cursor:pointer}
body.ofb-home .ofb-home-vehicles .ofb-vehicle-result-card.ofb-vehicle-tile a{cursor:pointer}
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results.is-dragging .ofb-vehicle-result-card.ofb-vehicle-tile,
body.ofb-home .ofb-home-vehicles .ofb-home-vehicle-results.is-dragging .ofb-vehicle-result-card.ofb-vehicle-tile a{cursor:grabbing!important}