:is(.home,.page-id-10).bbm-site .f-hero{isolation:isolate;background:#080808;border-radius:0;overflow:hidden}:is(.home,.page-id-10).bbm-site .f-hero:before{inset:-3%;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(90deg,#08080840,transparent 70%),url(//brandbox-marketing.de/wp-content/themes/brandbox-marketing-child/assets/hero-stage-v8.webp) center/cover;transform:none;animation:v8Atmosphere 16s ease-in-out infinite alternate;z-index:-2;opacity:1}:is(.home,.page-id-10).bbm-site .f-hero:after{inset:0;background:linear-gradient(0deg,#080808,transparent 20%),linear-gradient(90deg,#08080855,transparent 58%);animation:none;z-index:-1}:is(.home,.page-id-10).bbm-site .f-hero-copy{animation:none!important;transform:none!important}:is(.home,.page-id-10).bbm-site .f-hero-title .elementor-heading-title{font-size:clamp(42px,4.65vw,75px);text-shadow:0 4px 30px #000;letter-spacing:-2.8px}:is(.home,.page-id-10).bbm-site .f-hero-title span{color:#bef802}:is(.home,.page-id-10).bbm-site .e-con.f-hero-grid{grid-template-columns:43% 57%;gap:20px}:is(.home,.page-id-10).bbm-site .f-benefits{background:#080808a6;backdrop-filter:blur(8px)}
.v8-live{padding:10px 0 24px}.v8-live:before{display:none}.v8-live .v7-live-tools{padding:0 9% 0 0;margin-bottom:16px}.v8-live .v7-live-tools>span{color:#bef802}.v8-device-stage{position:relative;padding:15px 10% 30px 0;perspective:1600px}.v8-live .v7-browser,.v8-live .v7-browser:hover,.v8-live .v7-browser:focus-within{transform:rotateY(-8deg) rotateX(3deg) rotateZ(-2deg);border:2px solid #808080;border-radius:15px;box-shadow:9px 10px 0 #252525,14px 16px 0 #111,0 38px 75px #000c;transition:border-color .3s;background:#080808}.v8-live .v7-browser:focus-within{border-color:#bef802}.v8-live .v7-browser-bar{background:linear-gradient(#303030,#191919);height:27px}.v8-live .v7-preview{padding:20px 24px 16px;background:radial-gradient(ellipse at 85% 90%,#bef80213,transparent 60%),#080808}.v8-live .v7-demo-body{grid-template-columns:1.2fr 1fr;height:280px;min-height:280px;align-items:center;overflow:hidden}.v8-live .v7-demo-text{padding:18px 0;width:100%;min-width:0;display:flex;flex-direction:column;gap:0}.bbm-site .v8-live .v7-demo-text h2{height:105px;min-height:105px;max-height:105px;font-size:clamp(27px,2.4vw,40px);line-height:1.02;letter-spacing:-1.3px;margin:0 0 14px;overflow:hidden;transform:none!important;animation:none!important}.v8-live .v7-demo-text p{height:49px;min-height:49px;max-height:49px;margin:0 0 14px;overflow:hidden;font-size:10px}.v8-live .v7-demo-action{align-self:start;white-space:nowrap}.v8-live .v7-demo-photo{width:210px;height:280px;max-width:100%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 95%);transform-origin:center}.v8-live .v7-demo-text small{height:12px;white-space:nowrap;font-size:6px;margin-bottom:12px}.v8-live .v7-demo-bottom{font-size:7px}.v8-phone{position:absolute;right:0;bottom:0;width:142px;height:287px;padding:22px 10px 12px;border:3px solid #666;border-radius:25px;background:#080808;box-shadow:8px 12px 0 #101010,0 25px 35px #000b;transform:rotate(9deg);animation:v8Phone 7s ease-in-out infinite;overflow:hidden;z-index:3;pointer-events:none}.v8-phone>i{position:absolute;top:7px;left:36%;width:28%;height:6px;border-radius:6px;background:#333}.v8-phone-brand{font:13px 'Archivo Black';color:#bef802}.v8-phone-photo{height:153px;width:115px;background-image:url(//brandbox-marketing.de/wp-content/themes/brandbox-marketing-child/assets/industry-atlas-v7.webp);background-size:400% 200%;background-position:var(--atlas-x) var(--atlas-y);margin-top:12px;mask-image:linear-gradient(#000 75%,transparent)}.v8-phone>span{position:absolute;left:11px;bottom:49px;font:20px/.95 'Archivo Black';letter-spacing:-.7px;text-shadow:0 2px 10px #000}.v8-phone>b{position:absolute;bottom:13px;left:10px;right:10px;border-radius:20px;background:#bef802;color:#080808;padding:7px 10px;font:8px Inter}.v8-floating-tag{position:absolute;top:-8px;right:12px;padding:12px 15px;border:1px solid #bef80260;border-radius:10px;background:#080808dd;backdrop-filter:blur(8px);font:8px/1.5 'IBM Plex Mono';letter-spacing:1px;transform:rotate(6deg);box-shadow:0 10px 30px #0008;animation:v8Tag 8s ease-in-out infinite}.v8-floating-tag>span{float:left;font:32px Inter;color:#bef802;margin-right:10px}.v8-controls{display:flex;align-items:center;gap:12px;padding:12px 18% 0 2%}.v8-controls>button{width:31px;height:31px;background:#080808b3;border:1px solid #ffffff60;border-radius:50%;color:white;padding:0;display:grid;place-items:center;font-size:15px}.v8-controls>button:hover{color:#080808;background:#bef802;border-color:#bef802}.v8-count{font:10px 'IBM Plex Mono';color:#bef802;white-space:nowrap}.v8-progress{flex:1;height:2px;background:#ffffff30;overflow:hidden}.v8-progress i{display:block;height:100%;width:100%;background:#bef802;transform-origin:left;transform:scaleX(0)}.v8-live:not(.is-playing) .v8-progress{opacity:.3}.v8-live .v7-live-caption{padding:14px 18% 0 2%;font-size:9px;gap:10px}.v8-live .v7-live-caption a{font-size:10px}:is(.home,.page-id-10).bbm-site .v6-scroll-widget{right:0;bottom:-30px;width:80px}:is(.home,.page-id-10).bbm-site .v6-scroll{width:80px;height:80px;background:#080808dd}:is(.home,.page-id-10).bbm-site .v6-scroll span{font-size:32px}
:is(.home,.page-id-10).bbm-site .e-con.v8-values{background:#fff;color:#080808}:is(.home,.page-id-10).bbm-site .e-con.v8-values-inner{max-width:1500px;padding:95px 4vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}:is(.home,.page-id-10).bbm-site .e-con.v8-value-intro{gap:25px;align-self:start;position:sticky;top:140px}:is(.home,.page-id-10).bbm-site .v8-value-title .elementor-heading-title{font-size:clamp(35px,3.8vw,57px)}.v8-value-intro .f-text{max-width:390px}.v8-value-arrow p{font:160px/1 Inter;color:#080808;margin:0}.v8-value-arrow{position:relative;width:200px;height:190px;display:grid;place-items:center;isolation:isolate}.v8-value-arrow:before{content:'';position:absolute;inset:10px;background:#bef802;border-radius:50%;z-index:-1;animation:v8Value 10s ease-in-out infinite alternate}:is(.home,.page-id-10).bbm-site .e-con.v8-value-rows{gap:0}:is(.home,.page-id-10).bbm-site .e-con.v8-value-row{display:grid;grid-template-columns:1fr auto;gap:14px 25px;border-top:1px solid #08080835;padding:30px 0}.v8-value-row .f-label,.v8-value-row .f-heading{grid-column:1/-1}.v8-value-row .f-label{color:#666}.v8-value-row .f-heading .elementor-heading-title{font-size:clamp(25px,2.3vw,36px)}.v8-value-row .f-text{max-width:350px}.v8-value-row .elementor-button{font-size:10px!important;padding:12px 17px!important;white-space:nowrap}.v8-value-row .elementor-button:hover{background:#bef802!important;color:#080808!important}.v8-value-row:hover .f-label{color:#080808}.v8-value-row .f-heading{transition:transform .35s}.v8-value-row:hover .f-heading{transform:translateX(8px)}
:is(.home,.page-id-10).bbm-site .e-con.v8-promo{background:#080808;color:#fff;overflow:hidden;border-top:1px solid #ffffff20;position:relative}:is(.home,.page-id-10).bbm-site .v8-promo:before{background:repeating-linear-gradient(90deg,transparent 0 159px,#ffffff06 160px)!important}:is(.home,.page-id-10).bbm-site .e-con.v8-promo-inner{grid-template-columns:47% 53%;max-width:1680px;padding:105px 5vw;gap:0;align-items:center}:is(.home,.page-id-10).bbm-site .e-con.v8-promo-copy{gap:25px;z-index:2}.v8-promo-copy .f-label{color:#bef802}:is(.home,.page-id-10).bbm-site .v8-promo-title .elementor-heading-title{font-size:clamp(46px,5.2vw,82px);line-height:.95;letter-spacing:-3px}.v8-promo-copy .f-text{max-width:440px;line-height:1.65!important;color:#bbb}.v8-promo-visual{position:relative;min-width:0}.v8-promo-image{width:132%;max-width:132%!important;margin-left:-12%}.v8-promo-image img{width:100%;max-width:none;mask-image:linear-gradient(90deg,transparent,#000 13%,#000 92%,transparent);animation:v8Product 10s ease-in-out infinite}.v8-product-stamp{position:absolute;right:0;top:0;font:10px 'IBM Plex Mono';letter-spacing:2px;writing-mode:vertical-rl;border-left:1px solid #bef802;padding-left:15px;color:#bef802}.v8-product-note{position:absolute;bottom:0;right:0;color:#888;font:9px Inter}.v8-promo-note{font:12px/1.4 'IBM Plex Mono';color:#777;border-left:2px solid #bef802;padding-left:14px}.v8-promo-cta .elementor-button{padding:18px 24px!important}.v8-promo-cta .elementor-button:hover{background:#fff;box-shadow:0 0 35px #bef80230}
@keyframes v8Atmosphere{to{transform:scale(1.045) translateX(-1%);filter:brightness(1.2)}}@keyframes v8Phone{50%{transform:translateY(-13px) rotate(6deg)}}@keyframes v8Tag{50%{transform:translateY(8px) rotate(3deg)}}@keyframes v8Product{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes v8Value{to{border-radius:35% 65% 60% 40%;transform:rotate(30deg)}}
@media(max-width:1100px){:is(.home,.page-id-10).bbm-site .e-con.f-hero-grid{grid-template-columns:1fr;gap:8px}.v8-live{max-width:590px;padding:0;margin:0 auto}.v8-device-stage{padding:0 12% 15px 0}.v8-live .v7-demo-body{height:210px;min-height:210px}.v8-live .v7-demo-photo{height:210px;width:157.5px}.bbm-site .v8-live .v7-demo-text h2{font-size:29px;height:85px;min-height:85px;max-height:85px;margin-bottom:8px}.v8-live .v7-demo-text p{height:36px;min-height:36px;font-size:8px;margin-bottom:8px}.v8-live .v7-preview{padding:14px 18px}.v8-live .v7-preview nav{padding-bottom:10px}.v8-live .v7-demo-text small{margin-bottom:8px}.v8-phone{width:113px;height:224px;padding:20px 8px 10px}.v8-phone-photo{width:90px;height:120px}.v8-phone>span{font-size:16px;bottom:43px}.v8-phone-brand{font-size:10px}.v8-floating-tag{top:-15px;right:-5px;font-size:6px;padding:8px}.v8-live .v7-live-tools{margin-bottom:10px}.v8-controls{padding-top:7px}.v8-live .v7-live-caption{padding-top:8px}:is(.home,.page-id-10).bbm-site .e-con.v8-values-inner{gap:5vw;padding:65px 4vw}:is(.home,.page-id-10).bbm-site .e-con.v8-value-row{grid-template-columns:1fr}.v8-value-row .f-button{justify-self:start}:is(.home,.page-id-10).bbm-site .e-con.v8-promo-inner{padding:80px 4vw}:is(.home,.page-id-10).bbm-site .v8-promo-title .elementor-heading-title{font-size:52px}}
@media(max-width:767px){:is(.home,.page-id-10).bbm-site .f-hero:before{background-position:64% center;opacity:.85}:is(.home,.page-id-10).bbm-site .f-hero:after{background:linear-gradient(90deg,#08080870,transparent),linear-gradient(0deg,#080808,transparent 30%)}:is(.home,.page-id-10).bbm-site .f-hero-title .elementor-heading-title{font-size:clamp(31px,8.1vw,48px);letter-spacing:-1.2px}:is(.home,.page-id-10).bbm-site .e-con.f-hero-inner{padding-top:24px;gap:10px}.v8-live .v7-live-tools>span{font-size:6px}.v8-live .v7-live-tools{padding:0 0 0 0;gap:5px}.v8-live .v7-live-tools button{font-size:7px;min-height:26px;padding:5px 7px}.v8-live .v7-browser,.v8-live .v7-browser:hover,.v8-live .v7-browser:focus-within{transform:rotate(-2deg);border-radius:9px;box-shadow:4px 6px 0 #252525,0 20px 35px #0009}.v8-device-stage{padding:6px 10% 13px 0}.v8-live .v7-browser-bar{height:18px;font-size:5px;padding:0 8px}.v8-live .v7-preview{padding:10px 10px 8px}.v8-live .v7-preview nav{padding-bottom:5px}.v8-live .v7-demo-brand{font-size:13px}.v8-live .v7-preview nav>div{gap:7px}.v8-live .v7-preview nav button{font-size:6px;min-height:22px}.v8-live .v7-demo-body{height:155px;min-height:155px;grid-template-columns:1.2fr 1fr}.v8-live .v7-demo-photo{height:150px;width:112.5px;max-width:100%}.bbm-site .v8-live .v7-demo-text h2{font-size:20px;height:61px;min-height:61px;max-height:61px;letter-spacing:-.6px;margin-bottom:7px}.v8-live .v7-demo-text small{display:none}.v8-live .v7-demo-text p{font-size:6px;height:28px;min-height:28px;max-height:28px;margin-bottom:6px}.v8-live .v7-demo-action{font-size:6px;padding:6px 7px;min-height:22px}.v8-live .v7-demo-bottom{font-size:4px;padding-top:6px}.v8-phone{width:79px;height:157px;border-width:2px;border-radius:15px;padding:16px 6px 8px;bottom:0;right:-1px}.v8-phone>i{top:5px;height:4px}.v8-phone-brand{font-size:7px}.v8-phone-photo{width:61px;height:82px;margin-top:8px}.v8-phone>span{font-size:12px;left:7px;bottom:29px}.v8-phone>b{left:6px;right:6px;bottom:8px;font-size:5px;padding:5px}.v8-floating-tag{display:none}.v8-controls{padding:7px 20% 0 0;gap:8px}.v8-controls>button{width:25px;height:25px;min-height:25px;font-size:12px}.v8-count{font-size:8px}.v8-live .v7-live-caption{padding:8px 16% 0 0;font-size:6px}.v8-live .v7-live-caption a{font-size:7px}:is(.home,.page-id-10).bbm-site .v6-scroll-widget{right:-5px;bottom:-24px;width:45px}:is(.home,.page-id-10).bbm-site .v6-scroll{width:45px;height:45px}:is(.home,.page-id-10).bbm-site .v6-scroll span{font-size:23px}:is(.home,.page-id-10).bbm-site .e-con.v8-values-inner{grid-template-columns:1fr;padding:55px 24px;gap:25px}:is(.home,.page-id-10).bbm-site .e-con.v8-value-intro{position:relative;top:auto;gap:20px}:is(.home,.page-id-10).bbm-site .v8-value-title .elementor-heading-title{font-size:38px}.v8-value-arrow{display:none}:is(.home,.page-id-10).bbm-site .e-con.v8-value-row{gap:13px;padding:24px 0}.v8-value-row .f-heading .elementor-heading-title{font-size:29px}:is(.home,.page-id-10).bbm-site .e-con.v8-promo-inner{grid-template-columns:1fr;padding:60px 24px 45px;gap:25px}:is(.home,.page-id-10).bbm-site .v8-promo-title .elementor-heading-title{font-size:53px;letter-spacing:-2px}.v8-promo-copy .f-label{font-size:7px;letter-spacing:1px}:is(.home,.page-id-10).bbm-site .e-con.v8-promo-copy{gap:22px}.v8-promo-image{width:115%;max-width:115%!important;margin-left:-7.5%}.v8-promo-note{display:none}.v8-product-stamp{font-size:7px}.v8-promo-cta .elementor-button{font-size:10px;padding:16px 18px!important}}
@media(prefers-reduced-motion:reduce){:is(.home,.page-id-10).bbm-site .f-hero:before,.v8-phone,.v8-floating-tag,.v8-promo-image img,.v8-value-arrow:before{animation:none!important}.v8-value-row .f-heading{transition:none;transform:none!important}}
:is(.home,.page-id-10).bbm-site .f-hero:before{max-width:none!important;max-height:none!important}:is(.home,.page-id-10).bbm-site .v8-value-arrow{font:160px/1 Inter!important;align-items:center;justify-items:center}:is(.home,.page-id-10).bbm-site .v8-value-arrow>.elementor-widget-container{font:inherit;line-height:1}:is(.home,.page-id-10).bbm-site .v8-product-stamp{position:absolute!important;top:12px;right:0;bottom:auto;width:auto;height:auto;max-width:none}:is(.home,.page-id-10).bbm-site .v8-product-note{position:absolute!important;right:0;bottom:-15px;width:auto;max-width:none}:is(.home,.page-id-10).bbm-site .v8-promo-visual{padding-bottom:20px!important}:is(.home,.page-id-10).bbm-site .v8-value-row .f-heading .elementor-heading-title{font-size:clamp(26px,2.3vw,36px)}