@font-face { font-family: "Stolzl Medium"; src: url("/asstes/fonts/Stolzl-Medium.ttf") format("ttf"); }

* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: stolzl, "Stolzl Medium", "Helvetica", sans-serif; font-weight: 500; background: #181413; }

.grid-max { max-width: 1250px; width: 100%; margin: 0 25px; }

@media (min-width: 600px) { .grid-max { margin: 0 35px; } }

@media (min-width: 1000px) { .grid-max { margin: 0 50px; } }

.layout { display: flex; align-items: center; justify-content: center; }

section { padding: 125px 0; }

@media (min-width: 600px) { section { padding: 220px 0; } }

/* ---- FONTS ----- */
h1, h2, h3, h4, h5, p { color: #fff; font-family: stolzl, "Stolzl Medium", "Helvetica", sans-serif; font-weight: 500; font-style: normal; letter-spacing: -0.016em; margin: 0; padding: 0; line-height: 120%; }

h1 { font-size: 50px; margin-bottom: 30px; }

@media (min-width: 600px) { h1 { font-size: 60px; margin-bottom: 35px; } }

@media (min-width: 1000px) { h1 { font-size: 80px; margin-bottom: 40px; } }

h1 em { font-style: normal; }

h2 { font-size: 40px; margin-bottom: 20px; }

@media (min-width: 600px) { h2 { font-size: 50px; margin-bottom: 24px; } }

@media (min-width: 1000px) { h2 { font-size: 60px; margin-bottom: 28px; } }

h3 { font-size: 25px; }

@media (min-width: 600px) { h3 { font-size: 34px; } }

@media (min-width: 1000px) { h3 { font-size: 42px; } }

h4 { font-size: 28px; }

@media (min-width: 1000px) { h4 { font-size: 32px; } }

h5 { font-size: 25px; margin-bottom: 24px; }

p { font-size: 20px; color: #c6c6c6; line-height: 130%; margin-bottom: 20px; }

@media (min-width: 600px) { p { line-height: 120%; font-size: 20px; margin-bottom: 24px; } }

/* --- BUTTON ---*/
.button { display: inline-block; color: #fff !important; opacity: 1 !important; border-radius: 14px; background: #1fbcff; text-decoration: none; transition: transform 0.3s ease-in-out !important; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.28); cursor: pointer; text-align: center; }

.button:hover { transform: scale(0.98); }

.button.button-small { font-size: 16px; padding: 6px 18px; }

@media (min-width: 600px) { .button.button-small { font-size: 20px; padding: 8px 24px; } }

.button.button-large { font-size: 18px; padding: 12px 24px; }

@media (min-width: 600px) { .button.button-large { font-size: 22px; padding: 15px 30px; } }

@media (min-width: 1000px) { .button.button-large { font-size: 28px; padding: 20px 50px; } }

.button.outline { background: transparent; box-shadow: inset 0 0 0 2px #fff; }

.button.red { background: #dc3318; }

.button.orange { background: #ffbb1c; }

.button.green { background: #96dc00; }

.button.blue { background: #003e8e; }

/* ---- SCROLL --- */
.scroll-indicator { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; opacity: 0.5; z-index: 15; }

.scroll-indicator img { animation: scroll-hint 3s ease infinite; }

.scroll-indicator .text { margin-top: 10px; color: #fff; animation: scroll-hint-opacity 3s ease infinite; }

/* Global scroll animation helper classes */
.scroll-animation { opacity: 0; transform: translate3d(0, 2vh, 0); will-change: transform, opacity; transition: opacity 1s ease, transform 1.2s ease; }

.scroll-animation.in-viewport { opacity: 1; transform: translate3d(0, 0, 0); }

.scroll-animation.in-viewport .inner-delay { opacity: 1; transform: translate3d(0, 0, 0); }

.scroll-animation .inner-delay { opacity: 0; transform: translate3d(0, 4vh, 0); will-change: transform, opacity; transition: opacity 1.2s ease, transform 1.5s ease; }

.scroll-animation .inner-delay.level-1 { transition-delay: 0.3s; }

.scroll-animation .inner-delay.level-2 { transition-delay: 0.6s; }

.scroll-animation .inner-delay.level-3 { transition-delay: 0.9s; }

.scroll-animation .inner-delay.level-4 { transition-delay: 1.2s; }

.scroll-animation .inner-delay.level-5 { transition-delay: 1.5s; }

.scroll-animation.level-1 { transition-delay: 0.3s; }

.scroll-animation.level-2 { transition-delay: 0.6s; }

.scroll-animation.level-3 { transition-delay: 0.9s; }

.scroll-animation.level-4 { transition-delay: 1.2s; }

.scroll-animation.level-5 { transition-delay: 1.5s; }

@keyframes scroll-hint { 0% { transform: translate3d(0, 0, 0); }
  40% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, 8px, 0); }
  65% { transform: translate3d(0, 2px, 0); }
  75% { transform: translate3d(0, 6px, 0); }
  85% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(0, 0, 0); } }

@keyframes scroll-hint-opacity { 0% { opacity: 1; }
  40% { opacity: 1; }
  50% { opacity: 0.5; }
  65% { opacity: 0.8; }
  75% { opacity: 0.6; }
  85% { opacity: 1; }
  100% { opacity: 1; } }

.navbar { position: fixed; top: 0; left: 0; width: 100%; height: 70px; z-index: 9999; display: flex; flex-direction: column; justify-content: space-between !important; background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(10px); transition: transform 0.3s ease-in-out; }

@media (min-width: 1000px) { .navbar .menu-toggle { display: none; } }

@media (min-width: 1000px) { .navbar .mobile-menu { display: none; } }

.navbar.override { transform: translate3d(0, 0, 0) !important; }

.navbar.override:after { display: none; }

.navbar.out-of-view { transform: translate3d(0, -68px, 0); }

.navbar.out-of-view:after { content: ""; position: absolute; bottom: -60px; left: 0; width: 100%; height: 60px; }

.navbar.mouse-trigger:after { content: ""; position: absolute; bottom: -75px; left: 0; width: 100%; height: 75px; }

.navbar .inner { display: flex; justify-content: space-between; margin: 18px 20px 0; width: calc(100% - 40px); }

@media (min-width: 600px) { .navbar .inner { width: calc(100% - 70px); margin: 14px 35px 0; } }

@media (min-width: 1000px) { .navbar .inner { width: calc(100% - 100px); margin: 14px 50px 0; } }

.navbar .inner .left, .navbar .inner .right { display: flex; align-items: center; }

.navbar .inner .left .logo img, .navbar .inner .right .logo img { width: 155px; }

.navbar .inner .left .button, .navbar .inner .right .button { margin-right: 0 !important; }

.navbar .inner .left .menu-toggle, .navbar .inner .right .menu-toggle { width: 30px; height: 30px; }

.navbar .inner .left .link, .navbar .inner .right .link { font-size: 18px; margin: 0 40px; color: #c6c6c6; text-decoration: none; opacity: 0.95; transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out, opacity 0.3s ease-in-out; display: none; }

@media (min-width: 1000px) { .navbar .inner .left .link, .navbar .inner .right .link { display: block; } }

.navbar .inner .left .link.active, .navbar .inner .right .link.active { color: #fff; text-shadow: 0px 2px 20px #fff; opacity: 1; }

.navbar .inner .left .link:hover, .navbar .inner .right .link:hover { color: #fff; opacity: 1; }

.navbar .color-border { width: 100%; height: 2px; display: flex; }

.navbar .color-border .border-part { width: 100%; }

.navbar .color-border .border-part:nth-child(1) { background: #dc3318; }

.navbar .color-border .border-part:nth-child(2) { background: #ffbb1c; }

.navbar .color-border .border-part:nth-child(3) { background: #96dc00; }

.navbar .color-border .border-part:nth-child(4) { background: #1fbcff; }

.navbar .color-border .border-part:nth-child(5) { background: #003e8e; }

.menu-mobile { position: fixed; top: 70px; left: 0; width: 100%; height: calc(100% - 70px); background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(30px); display: flex; justify-content: center; align-items: center; z-index: 999999; }

.menu-mobile.hidden { display: none; }

.menu-mobile .close { width: 25px; margin-top: 35px; opacity: 0.7; }

.menu-mobile .inner { display: flex; flex-direction: column; align-items: center; margin: 0 30px; }

.menu-mobile .inner .button { font-size: 20px !important; padding: 12px 24px; }

.menu-mobile .inner .link { font-size: 28px; margin-bottom: 40px; text-decoration: none; color: #fff; }

.footer { padding: 0; background: #000; }

.footer .inner { margin-top: 40px; margin-bottom: 60px; width: calc(100% - 40px); }

@media (min-width: 600px) { .footer .inner { width: calc(100% - 70px); } }

@media (min-width: 1000px) { .footer .inner { flex-direction: row; width: calc(100% - 100px); } }

.footer .inner .top { display: flex; justify-content: space-between; }

@media (min-width: 600px) and (max-width: 999px) { .footer .inner .top { flex-direction: column; } }

.footer .inner .top .left { display: flex; flex-direction: column; }

@media (min-width: 600px) { .footer .inner .top .left { flex-direction: row; } }

.footer .inner .top .left .unit { display: flex; flex-direction: column; }

.footer .inner .top .left .unit .logo { width: 155px; }

.footer .inner .top .left .unit.link { margin-top: 5px; }

.footer .inner .top .left .unit:nth-child(2) { margin: 40px 0 40px 40px; }

@media (min-width: 600px) { .footer .inner .top .left .unit:nth-child(2) { margin-left: 50px; margin-right: 50px; margin-top: 5px; } }

@media (min-width: 1000px) { .footer .inner .top .left .unit:nth-child(2) { margin-left: 90px; margin-right: 190px; margin-top: 5px; } }

.footer .inner .top .left .unit:nth-child(3) { margin-left: 40px; }

@media (min-width: 1000px) { .footer .inner .top .left .unit:nth-child(3) { margin-left: 0; } }

.footer .inner .top .left .unit.fade a { color: #c6c6c6; }

.footer .inner .top .left .unit a { font-size: 20px; color: #fff; text-decoration: none; margin-bottom: 30px; }

.footer .inner .top .right { margin-left: 40px; }

@media (min-width: 600px) { .footer .inner .top .right { margin: 0; } }

.footer .inner .bottom { width: 100%; margin-top: 50px; padding: 20px 0; color: #5f5f5f; border-top: 1px solid #5f5f5f; }

.footer .color-border { width: 100%; height: 2px; display: flex; }

.footer .color-border .border-part { width: 100%; }

.footer .color-border .border-part:nth-child(1) { background: #dc3318; }

.footer .color-border .border-part:nth-child(2) { background: #ffbb1c; }

.footer .color-border .border-part:nth-child(3) { background: #96dc00; }

.footer .color-border .border-part:nth-child(4) { background: #1fbcff; }

.footer .color-border .border-part:nth-child(5) { background: #003e8e; }

.home .scrollmagic-pin-spacer { overflow: hidden; }

.home .hero { padding: 0; background: #181413; }

.home .hero canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.home .hero .gradient { position: absolute; bottom: 0; left: 0; width: 100%; height: 10%; background: linear-gradient(0deg, #181413, #18141300); z-index: 10; }

.home .hero .wrapper { position: relative; max-width: 1250px; height: 100vh; margin: 0 auto; z-index: 2; }

.home .hero .wrapper .text-container { position: absolute; top: 16vh; left: 30px; width: 80%; max-width: 670px; }

@media (min-width: 600px) { .home .hero .wrapper .text-container { top: 45%; left: 50px; width: 100%; } }

.home .hero .wrapper .text-container em { color: #96dc00; }

.home .hero .wrapper .logo { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); z-index: 2; text-align: center; width: 80%; }

.home .hero .scroll-indicator { display: none; }

.home .hero.inview .scroll-indicator { display: flex; }

.home section.one-central-space { width: 100%; position: relative; text-align: center; }

.home section.one-central-space .layout { position: relative; z-index: 1; }

.home section.one-central-space .content { max-width: 1050px; z-index: 1; }

.home section.one-central-space .content h1 em { color: #1fbcff; }

.home section.one-central-space .content h3 { max-width: 840px; margin: 0 auto; }

.home section.one-central-space > img { width: 100%; margin: 30px 0 60px; }

@media (min-width: 600px) { .home section.one-central-space > img { margin: 20px 0 40px; } }

@media (min-width: 1000px) { .home section.one-central-space > img { margin: -50px 0 0; } }

.home section.ecosystem { padding-top: 0; padding-bottom: 0; background: #25262b; }

.home section.ecosystem .intro { width: 100%; position: relative; }

.home section.ecosystem .intro > img { width: 100%; }

.home section.ecosystem .intro .layout { margin-top: -100px; }

.home section.ecosystem .intro .layout h1 em { color: #ffbb1c; }

.home section.ecosystem .intro .layout h3 { max-width: 600px; }

@media (min-width: 1000px) { .home section.ecosystem .intro .layout h3 { max-width: 840px; } }

@media (max-width: 599px) { .home section.ecosystem .floating-content .image-container img { box-shadow: none; }
  .home section.ecosystem .floating-content .image-container:after { background: linear-gradient(to top, #25262b, rgba(37, 38, 43, 0)); } }

.home section.ecosystem .gradient-end { width: 100%; height: 100px; background: linear-gradient(180deg, #25262b, #181413); }

@media (min-width: 600px) { .home section.ecosystem .gradient-end { height: 200px; } }

.home section.testimonials h1 { text-align: center; }

.home section.testimonials .testimonial-container { margin-top: 90px; display: flex; flex-direction: column; align-items: center; }

.home section.testimonials .testimonial-container .testimonial { max-width: 900px; padding: 40px 25px 30px; border: 1px solid #5f5f5f; border-radius: 24px; position: relative; color: #fff; }

@media (min-width: 600px) { .home section.testimonials .testimonial-container .testimonial { padding: 50px 50px 30px; } }

.home section.testimonials .testimonial-container .testimonial img.quotation-mark { position: absolute; top: 20px; left: 20px; width: 85px; }

@media (min-width: 600px) { .home section.testimonials .testimonial-container .testimonial img.quotation-mark { top: 30px; left: 30px; width: 85px; } }

.home section.testimonials .testimonial-container .testimonial .quote { font-size: 26px; line-height: 150%; }

@media (min-width: 600px) { .home section.testimonials .testimonial-container .testimonial .quote { font-size: 30px; } }

@media (min-width: 1000px) { .home section.testimonials .testimonial-container .testimonial .quote { font-size: 36px; } }

.home section.testimonials .testimonial-container .testimonial .author { display: flex; align-items: center; margin-top: 65px; position: relative; }

.home section.testimonials .testimonial-container .testimonial .author img { width: 50px; height: 50px; border-radius: 50px; }

.home section.testimonials .testimonial-container .testimonial .author .line { position: absolute; top: -20px; left: 0; width: 30%; height: 1px; background: #5f5f5f; }

.home section.testimonials .testimonial-container .testimonial .author .text { margin-left: 18px; }

.home section.testimonials .testimonial-container .testimonial .author .text .name { font-size: 18px; margin-bottom: 2px; }

.home section.testimonials .testimonial-container .testimonial .author .text .profession { font-size: 16px; color: #c6c6c6; }

.features .hero { padding: 0; background: #181413; position: relative; margin-top: 70px; height: 1050px; }

.features .hero .background-animation { position: absolute; left: 0; width: 100%; height: 100%; }

.features .hero .background-animation .gradient { width: 100%; position: absolute; height: 100px; left: 0; z-index: 1; }

.features .hero .background-animation .gradient.top { top: 0; background: linear-gradient(0deg, rgba(24, 20, 19, 0), #181413); }

.features .hero .background-animation .gradient.bottom { bottom: 0; background: linear-gradient(180deg, rgba(24, 20, 19, 0), #181413); }

.features .hero .background-animation img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }

.features .hero .layout { position: relative; height: 100%; z-index: 1; text-align: center; }

.features .hero .layout .inner { display: flex; flex-direction: column; align-items: center; }

.features .hero .layout .inner h1 { max-width: 1040px; }

.features .hero .layout .inner h3 { max-width: 830px; }

.features section.bilder-ai { position: relative; }

@media (min-width: 600px) { .features section.bilder-ai { height: 1800px; } }

.features section.bilder-ai .image-container { width: 100%; display: flex; justify-content: center; }

@media (min-width: 600px) { .features section.bilder-ai .image-container { position: absolute; } }

.features section.bilder-ai .image-container img { width: 100%; max-width: 1500px; }

.features section.bilder-ai .inner { position: relative; }

.features section.bilder-ai .inner .content { display: flex; justify-content: flex-end; }

.features section.bilder-ai .inner .content .text-wrap { margin-top: -100px; max-width: 600px; text-align: right; text-shadow: 0 0 50px rgba(0, 0, 0, 0.7); }

@media (min-width: 600px) { .features section.bilder-ai .inner .content .text-wrap { margin-top: 150px; max-width: 600px; } }

@media (min-width: 1000px) { .features section.bilder-ai .inner .content .text-wrap { margin-top: 300px; max-width: 830px; } }

.features section.bilder-ai .inner .content .text-wrap h1 em { color: #1fbcff; }

.features section.organization, .features section.sharing { padding-bottom: 0; }

.features section.organization .intro, .features section.sharing .intro { width: 100%; position: relative; }

.features section.organization .intro .layout, .features section.sharing .intro .layout { text-align: center; }

.features section.organization .intro .layout h1 em, .features section.sharing .intro .layout h1 em { color: #ffbb1c; }

.features section.sharing .intro .layout h1 em { color: #96dc00; }

.features section.anywhere .intro .layout h1 { text-align: center; }

.features section.anywhere .intro .layout h1 em { color: #ffbb1c; }

.features img { width: 100%; }

.technology .hero { padding: 0; background: #181413; position: relative; margin-top: 70px; height: 800px; }

@media (min-width: 600px) { .technology .hero { height: 1000px; } }

@media (min-width: 1000px) { .technology .hero { height: 1500px; } }

@media screen and (min-width: 1000px) and (max-width: 1350px) { .technology .hero { height: 1200px; } }

.technology .hero .background { position: absolute; left: 50%; width: 100%; height: 100%; max-width: 2000px; transform: translate(-50%, 0px); overflow: hidden; }

.technology .hero .background img { position: absolute; }

.technology .hero .background .projector { top: 0; left: 0; width: 50%; }

@media (max-width: 599px) { .technology .hero .background .projector { width: 80%; } }

@media screen and (min-width: 600px) and (max-width: 800px) { .technology .hero .background .projector { width: 70%; } }

@media (min-width: 1850px) { .technology .hero .background .projector { width: 47%; } }

.technology .hero .background .book { top: 19%; right: 0; width: 45%; }

@media (max-width: 599px) { .technology .hero .background .book { top: 33%; right: -60px; width: 65%; } }

@media screen and (min-width: 600px) and (max-width: 800px) { .technology .hero .background .book { top: 34%; right: -50px; width: 65%; } }

.technology .hero .background .box { bottom: 0%; left: 0; width: 90%; }

@media (max-width: 599px) { .technology .hero .background .box { bottom: 0%; left: -50px; width: 120%; } }

@media screen and (min-width: 600px) and (max-width: 800px) { .technology .hero .background .box { bottom: -5%; left: -80px; width: 110%; } }

@media (min-width: 1850px) { .technology .hero .background .box { bottom: -10%; } }

.technology .hero .layout { position: relative; height: 100%; z-index: 1; }

.technology .hero .layout .inner { display: flex; flex-direction: column; }

.technology .hero .layout .inner h1 { max-width: 400px; text-shadow: 0 0 20px rgba(0, 0, 0, 0.9); }

@media (min-width: 600px) { .technology .hero .layout .inner h1 { max-width: 550px; } }

@media (min-width: 1000px) { .technology .hero .layout .inner h1 { max-width: 700px; } }

.technology .hero .layout .inner h1 em { color: #ffbb1c; }

.technology .hero .layout .inner h3 { max-width: 400px; text-shadow: 0 0 20px rgba(0, 0, 0, 0.9); }

@media (min-width: 600px) { .technology .hero .layout .inner h3 { max-width: 550px; } }

@media (min-width: 1000px) { .technology .hero .layout .inner h3 { max-width: 700px; } }

.technology section.devices { padding-top: 50px; }

.technology section.devices .inner { display: flex; }

@media screen and (max-width: 1140px) { .technology section.devices .inner { flex-direction: column; align-items: center; } }

.technology section.devices .inner .unit { display: flex; width: 100%; justify-content: center; }

@media (max-width: 599px) { .technology section.devices .inner .unit { flex-direction: column; align-items: center; } }

.technology section.devices .inner .unit:first-child { margin-right: 50px; }

@media screen and (max-width: 1140px) { .technology section.devices .inner .unit:first-child { margin-right: 0; margin-bottom: 50px; } }

.technology section.devices .inner .device { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 25px; background: #fff; border-radius: 20px; height: 280px; max-width: 300px; }

.technology section.devices .inner .device:first-child { margin-right: 50px; }

@media (max-width: 599px) { .technology section.devices .inner .device:first-child { margin-right: 0; margin-bottom: 50px; } }

.technology section.devices .inner .device .image-container { width: 90%; height: 35%; }

.technology section.devices .inner .device .image-container img { width: 100%; height: 100%; object-fit: contain; }

.technology section.devices .inner .device .text { text-align: center; margin-top: 10px; }

.technology section.devices .inner .device .text .name { font-size: 24px; margin-bottom: 2px; }

.technology section.devices .inner .device .text .desc { font-size: 16px; margin-bottom: 24px; color: #5f5f5f; }

.technology section.devices .inner .device .button { font-size: 20px; padding: 17px; width: 100%; }

.technology section.hardware { padding-bottom: 0px; }

.technology section.hardware .inner .intro { text-align: center; display: flex; flex-direction: column; align-items: center; }

.technology section.hardware .inner .intro h1 { max-width: 1030px; }

.technology section.hardware .inner .intro h3 { max-width: 890px; }

.technology section.hardware .animation-area { width: 100%; position: relative; }

.technology section.hardware .animation-area img { width: 100%; position: absolute; left: 0; z-index: -10; opacity: 0; }

.technology section.hardware .animation-area canvas { width: 100%; position: relative; }

.technology section.hardware .animation-area .gradient { content: ""; position: absolute; left: 0; z-index: 10; width: 100%; height: 100px; }

.technology section.hardware .animation-area .gradient.top { background: linear-gradient(0deg, #18141300, #181413); top: 0; }

.technology section.hardware .animation-area .gradient.bottom { background: linear-gradient(180deg, #18141300, #181413); bottom: 0; }

.technology section.bilderscan .animation-area img, .technology section.bilderbook .animation-area img, .technology section.bilderbeam .animation-area img { max-width: 800px; }

.technology section.bilderscan .animation-area canvas, .technology section.bilderbook .animation-area canvas, .technology section.bilderbeam .animation-area canvas { max-width: 800px; left: 50%; transform: translate(-50%, 0px); }

.technology section.bilderbox h1 em { color: #ffbb1c; }

.technology section.bilderbook h1 em { color: #96dc00; }

.technology section.bilderbeam h1 em { color: #1fbcff; }

.technology section.bilderscan h1 em { color: #dc3318; }

.buy-now .navbar .technology-link { margin-right: 0 !important; }

.buy-now .navbar .buy-now-link { display: none !important; }

@media (min-width: 600px) { .buy-now .navbar .inner { margin: 20px 50px 0; } }

.buy-now .menu-mobile .buy-now-link { display: none !important; }

.buy-now section.footer .inner .top .right { display: none; }

.buy-now section.buy-section { padding: 100px 0; }

.buy-now section.buy-section .inner { display: flex; flex-direction: column; width: calc(100% - 40px); }

@media (min-width: 600px) { .buy-now section.buy-section .inner { width: calc(100% - 70px); } }

@media (min-width: 1000px) { .buy-now section.buy-section .inner { width: calc(100% - 100px); } }

@media screen and (min-width: 800px) { .buy-now section.buy-section .inner { flex-direction: row; } }

.buy-now section.buy-section .inner > .left { position: relative; }

@media screen and (min-width: 800px) { .buy-now section.buy-section .inner > .left { width: 55%; position: sticky; position: -webkit-sticky; top: 220px; margin-top: 120px; margin-right: 5%; height: fit-content; } }

.buy-now section.buy-section .inner > .left .swiper-container { overflow: hidden; }

.buy-now section.buy-section .inner > .left .swiper-button-next, .buy-now section.buy-section .inner > .left .swiper-button-prev { bottom: 0; top: initial; width: 30px; transform: scale(0.75); transform-origin: bottom; color: #5f5f5f; }

@media (max-width: 599px) { .buy-now section.buy-section .inner > .left .swiper-button-next, .buy-now section.buy-section .inner > .left .swiper-button-prev { display: none; } }

.buy-now section.buy-section .inner > .left .swiper-button-next { right: 30%; }

.buy-now section.buy-section .inner > .left .swiper-button-prev { left: 30%; }

.buy-now section.buy-section .inner > .left .swiper-pagination-bullet { background: #c6c6c6; margin-bottom: 3px; }

.buy-now section.buy-section .inner > .left .swiper-pagination-bullet-active { background: #c6c6c6; }

.buy-now section.buy-section .inner > .left img { width: 100%; }

@media screen and (min-width: 800px) { .buy-now section.buy-section .inner > .right { width: 40%; } }

.buy-now section.buy-section .inner > .right .buy-unit { padding: 80px 0; border-bottom: 1px solid #5f5f5f; }

.buy-now section.buy-section .inner > .right .buy-unit h4 { margin-bottom: 20px; }

.buy-now section.buy-section .inner > .right .buy-unit p { font-size: 18px; }

@media (max-width: 599px) { .buy-now section.buy-section .inner > .right .headlines { padding-top: 40px; } }

.buy-now section.buy-section .inner > .right .option { padding-bottom: 10px; }

.buy-now section.buy-section .inner > .right .option .option-wrapper { margin-bottom: 65px; }

.buy-now section.buy-section .inner > .right .option .option-wrapper .option-item { margin-top: 30px; display: flex; flex-direction: row; justify-content: space-between; padding: 24px; color: #fff; border-radius: 12px; box-shadow: inset 0 0 0 2px #5f5f5f; background: #181413; transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s ease-in-out; cursor: pointer; }

.buy-now section.buy-section .inner > .right .option .option-wrapper .option-item:hover { box-shadow: inset 0 0 0 2px #fff; }

.buy-now section.buy-section .inner > .right .option .option-wrapper .option-item.active { background: #fff; color: #181413; box-shadow: inset 0 0 0 5px #1fbcff; }

.buy-now section.buy-section .inner > .right .option .option-wrapper .option-item .left { max-width: 200px; margin-right: 20px; }

.buy-now section.buy-section .inner > .right .option .option-wrapper .option-item .left .option { font-size: 24px; margin-bottom: 5px; }

@media (max-width: 599px) { .buy-now section.buy-section .inner > .right .option .option-wrapper .option-item .left .option { font-size: 20px; } }

.buy-now section.buy-section .inner > .right .option .option-wrapper .option-item .left .desc { font-size: 16px; color: #5f5f5f; }

@media (max-width: 599px) { .buy-now section.buy-section .inner > .right .option .option-wrapper .option-item .left .desc { font-size: 14px; } }

.buy-now section.buy-section .inner > .right .option .option-wrapper .option-item .right { font-size: 30px; }

@media (max-width: 599px) { .buy-now section.buy-section .inner > .right .option .option-wrapper .option-item .right { font-size: 25px; } }

.buy-now section.buy-section .inner > .right .option .asterisk { color: #5f5f5f; font-size: 14px; }

.buy-now section.buy-section .inner > .right .color .option-wrapper { margin-top: 30px; display: flex; flex-direction: column; }

@media (min-width: 600px) { .buy-now section.buy-section .inner > .right .color .option-wrapper { flex-direction: row; } }

.buy-now section.buy-section .inner > .right .color .option-wrapper .option-item { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 24px; color: #fff; border-radius: 12px; box-shadow: inset 0 0 0 2px #5f5f5f; background: #181413; transition: background 0.3s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s ease-in-out; cursor: pointer; text-align: center; }

.buy-now section.buy-section .inner > .right .color .option-wrapper .option-item:first-child { margin-bottom: 30px; }

@media (min-width: 600px) { .buy-now section.buy-section .inner > .right .color .option-wrapper .option-item:first-child { margin-bottom: 0; margin-right: 30px; } }

.buy-now section.buy-section .inner > .right .color .option-wrapper .option-item:hover { box-shadow: inset 0 0 0 2px #fff; }

.buy-now section.buy-section .inner > .right .color .option-wrapper .option-item.active { background: #fff; color: #181413; box-shadow: inset 0 0 0 5px #1fbcff; }

.buy-now section.buy-section .inner > .right .color .option-wrapper .option-item .image-container img { width: 100%; max-width: 150px; }

.buy-now section.buy-section .inner > .right .color .option-wrapper .option-item .name { font-size: 24px; margin-top: 16px; }

.buy-now section.buy-section .inner > .right .last { border-bottom: none; }

.buy-now section.buy-section .inner > .right .last .button { display: flex; align-items: center; justify-content: center; transition: opactiy 0.3s ease-in-out; }

.buy-now section.buy-section .inner > .right .last .button.disabled { opacity: 0.7 !important; }

.buy-now section.buy-section .inner > .right .last .button.disabled:hover { transform: scale(1); }

.buy-now section.buy-section .inner > .right .last .button img { width: 24px; margin-right: 15px; }

.buy-now section.buy-section .inner > .right .last .notice { opacity: 0; margin-top: 50px; background: #ffbb1c; padding: 20px 30px; color: #181413; border-radius: 15px; display: none; }

.buy-now section.buy-section .inner > .right .last .notice .top { font-size: 24px; margin-bottom: 7px; }

.buy-now section.buy-section .inner > .right .last .notice .bottom { font-size: 16px; opacity: 0.85; }

.buy-now section.buy-section .inner > .right .last .notice .bottom a { color: #181413; }

.buy-now section.details { overflow: hidden; }

@media screen and (max-width: 1000px) { .buy-now section.details { padding-top: 0; padding-bottom: 50px; } }

.buy-now section.details .image-container { margin-top: 60px; display: flex; flex-direction: column; }

@media (min-width: 1000px) { .buy-now section.details .image-container { flex-direction: row; } }

.buy-now section.details .image-container .image-item { width: 100%; position: relative; }

.buy-now section.details .image-container .image-item img { width: 100%; }

.buy-now section.details .image-container .image-item:nth-child(1) .size-container { width: 70%; left: 14%; }

.buy-now section.details .image-container .image-item:nth-child(2) img { width: 98%; }

.buy-now section.details .image-container .image-item:nth-child(2) .size-container { width: 23%; left: 37%; }

@media (max-width: 599px) { .buy-now section.details .image-container .image-item:nth-child(2) { margin: 75px 0; } }

.buy-now section.details .image-container .image-item:nth-child(3) .size-container { height: 62%; top: 13%; right: -10%; flex-direction: row; justify-content: center; }

.buy-now section.details .image-container .image-item:nth-child(3) .size-container .line { height: 100%; width: 2px; }

.buy-now section.details .image-container .image-item:nth-child(3) .size-container .line:after { width: 10px; height: 2px; top: 0; left: -4px; right: initial; }

.buy-now section.details .image-container .image-item:nth-child(3) .size-container .line:before { width: 10px; height: 2px; top: 100%; left: -4px; }

.buy-now section.details .image-container .image-item:nth-child(3) .size-container .number { transform: rotate(90deg); width: 50%; margin-top: -25px; margin-right: 7px; }

.buy-now section.details .image-container .image-item .size-container { position: absolute; bottom: -20px; display: flex; flex-direction: column; align-items: center; }

.buy-now section.details .image-container .image-item .size-container .line { width: 100%; height: 2px; background: #c6c6c6; position: relative; }

.buy-now section.details .image-container .image-item .size-container .line:after { content: ""; position: absolute; height: 10px; width: 2px; right: 0; top: -4px; background: #c6c6c6; }

.buy-now section.details .image-container .image-item .size-container .line:before { content: ""; position: absolute; height: 10px; width: 2px; left: 0; top: -4px; background: #c6c6c6; }

.buy-now section.details .image-container .image-item .size-container .number { color: #c6c6c6; margin-top: 15px; font-size: 24px; }

.buy-now section.details .details-container { display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

@media (min-width: 1000px) { .buy-now section.details .details-container { flex-direction: row; align-items: flex-start; margin-top: 100px; } }

.buy-now section.details .details-container .details-unit { width: 100%; max-width: 400px; margin-bottom: 80px; }

@media (min-width: 1000px) { .buy-now section.details .details-container .details-unit { max-width: 360px; margin-right: 80px; margin-bottom: 0; } }

.buy-now section.details .details-container .details-unit:last-child { margin-right: 0; }

@media (min-width: 1000px) { .buy-now section.details .details-container .details-unit:last-child { margin-right: 0; } }

.buy-now section.details .details-container .details-unit ul { margin: 0; padding: 0; list-style: none; color: #c6c6c6; }

.buy-now section.details .details-container .details-unit ul li { font-size: 18px; margin-bottom: 45px; }

.buy-now section.feature-cards { padding: 0; }

.buy-now section.feature-cards .row { display: flex; flex-direction: column; align-items: center; }

@media (min-width: 1000px) { .buy-now section.feature-cards .row { flex-direction: row; margin-bottom: 20px; align-items: flex-start; } }

.buy-now section.feature-cards .row .card { display: flex; padding: 25px; height: 300px; border-radius: 12px; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); position: relative; overflow: hidden; margin-bottom: 20px; max-width: 500px; width: 100%; }

@media (min-width: 1000px) { .buy-now section.feature-cards .row .card { max-width: initial; margin-right: 20px; margin-bottom: 0; width: auto; } }

.buy-now section.feature-cards .row .card:last-child { margin-right: 0; }

@media (min-width: 1000px) { .buy-now section.feature-cards .row .card:last-child { margin-bottom: 0; } }

.buy-now section.feature-cards .row .card:after { content: ""; width: 100%; height: 66%; position: absolute; z-index: -1; }

.buy-now section.feature-cards .row .card.top-left:after { top: 0; left: 0; background: linear-gradient(180deg, #000, rgba(0, 0, 0, 0)); }

.buy-now section.feature-cards .row .card.top-right { text-align: right; }

.buy-now section.feature-cards .row .card.top-right:after { top: 0; left: 0; background: linear-gradient(180deg, #000, rgba(0, 0, 0, 0)); }

.buy-now section.feature-cards .row .card.bottom-right { text-align: right; align-items: flex-end; }

.buy-now section.feature-cards .row .card.bottom-right:after { bottom: 0; left: 0; background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0)); }

.buy-now section.feature-cards .row .card.bottom-left { align-items: flex-end; }

.buy-now section.feature-cards .row .card.bottom-left:after { bottom: 0; left: 0; background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0)); }

.buy-now section.feature-cards .row .card img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; }

.buy-now section.feature-cards .row .card .text { color: #fff; position: relative; font-size: 35px; }

@media (min-width: 1000px) { .buy-now section.feature-cards .row .card .text { font-size: 42px; } }

.buy-now section.whats-in-the-box { padding-bottom: 0; }

.buy-now section.whats-in-the-box .row { display: flex; justify-content: space-between; flex-direction: column; }

@media (min-width: 1000px) { .buy-now section.whats-in-the-box .row { flex-direction: row; margin-top: 40px; } }

.buy-now section.whats-in-the-box .row:last-child .item:last-child .number { opacity: 0; }

.buy-now section.whats-in-the-box .row .item { display: flex; color: #fff; margin-top: 50px; }

@media (min-width: 1000px) { .buy-now section.whats-in-the-box .row .item { margin-right: 80px; margin-top: 0; } }

.buy-now section.whats-in-the-box .row .item .number { margin-top: -2px; font-size: 24px; margin-right: 8px; }

.buy-now section.whats-in-the-box .row .item .text { font-size: 22px; color: #c6c6c6; max-width: 500px; }

@media (min-width: 1000px) { .buy-now section.whats-in-the-box .row .item .text { max-width: 300px; } }

.buy-now section.whats-in-the-box .row .item .text em { color: #fff; font-style: normal; }

.buy-now section.whats-in-the-box > img { width: 100%; margin-top: 50px; }

.about section.intro { padding-bottom: 0; }

.about section.intro .group { display: flex; flex-direction: column; justify-content: space-between; }

@media (min-width: 1000px) { .about section.intro .group { flex-direction: row; } }

.about section.intro .group .left { width: 100%; margin-bottom: 40px; }

@media (min-width: 1000px) { .about section.intro .group .left { width: 45%; margin-right: 40px; margin-bottom: 0; } }

.about section.intro .group .right { width: 100%; }

@media (min-width: 1000px) { .about section.intro .group .right { width: 45%; } }

.about section.intro .first .right { display: flex; }

.about section.intro .first .right .img-col img { width: 100%; border-radius: 26px; }

.about section.intro .first .right .img-col img:nth-child(2) { margin-top: 20px; }

.about section.intro .first .right .img-col:last-child { margin-left: 20px; }

.about section.intro .second { margin-top: 70px; flex-direction: column-reverse; }

@media (min-width: 1000px) { .about section.intro .second { margin-top: 120px; flex-direction: row; } }

.about section.intro .second .left > img { border-radius: 26px; width: 100%; margin-bottom: 50px; max-width: 500px; }

.about section.intro .second .left .me .icons a { margin-right: 30px; }

.about section.intro .second .about-description-item { max-width: 650px; margin-bottom: 50px; }

.about section.intro .second .about-description-item h4 { margin-bottom: 15px; }

.about section.problem { padding-top: 120px; }

@media (min-width: 600px) { .about section.problem h2 { text-align: center; } }

.about section.magazin { padding: 0; position: relative; }

@media (min-width: 1000px) { .about section.magazin { height: 750px; } }

.about section.magazin .layout { position: relative; align-items: flex-end; }

@media (min-width: 1000px) { .about section.magazin .layout { height: 100%; text-shadow: 0 0 40px #000; } }

.about section.magazin .layout .inner { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; margin-bottom: 50px; }

.about section.magazin .layout .inner .wrapper { max-width: 550px; margin-top: -40px; text-align: center; }

@media (min-width: 600px) { .about section.magazin .layout .inner .wrapper { margin-top: -80px; text-align: left; } }

@media (min-width: 1000px) { .about section.magazin .layout .inner .wrapper { margin-top: 0; text-align: left; } }

.about section.magazin .layout .inner .wrapper .button { margin: 30px 0 12px; }

.about section.magazin .layout .inner .wrapper .notice { color: #fff; font-size: 12px; text-align: center; }

@media (min-width: 600px) { .about section.magazin .layout .inner .wrapper .notice { text-align: left; } }

@media (min-width: 1000px) { .about section.magazin .layout .inner .wrapper .notice { text-align: right; } }

.about section.magazin .image-container { position: relative; }

@media (min-width: 1000px) { .about section.magazin .image-container { position: absolute; object-fit: cover; top: 0; left: 0; width: 100%; height: 100%; } }

.about section.magazin .image-container:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 15vh; background: linear-gradient(0deg, #181413, #18141300); }

@media (min-width: 1000px) { .about section.magazin .image-container:after { display: none; } }

.about section.magazin .image-container img { width: 100%; }

@media (min-width: 1000px) { .about section.magazin .image-container img { height: 70vh; object-fit: cover; object-position: left; } }

@media (min-width: 600px) { .about section.magazin h2 { text-align: center; } }

@media (min-width: 1000px) { .about section.research { padding-top: 350px; } }

.about section.research .inner { align-items: center; display: flex; flex-direction: column; }

.about section.research .intro { display: flex; flex-direction: column; margin-bottom: 117px; }

@media (min-width: 1000px) { .about section.research .intro { flex-direction: row; } }

.about section.research .intro p { margin-top: 30px; }

@media (min-width: 1000px) { .about section.research .intro p { margin-left: 130px; } }

.about section.research .graph-container { position: relative; }

.about section.research .graph-container .row { display: flex; flex-direction: column; margin-bottom: 40px; align-items: center; }

@media (min-width: 1000px) { .about section.research .graph-container .row { flex-direction: row; } }

.about section.research .graph-container .row .graph { width: 100%; padding: 40px; background: #f1f1f1; border-radius: 26px; max-width: 600px; }

.about section.research .graph-container .row .graph:first-child { margin-bottom: 40px; }

@media (min-width: 1000px) { .about section.research .graph-container .row .graph:first-child { margin-right: 40px; margin-bottom: 0; } }

.about section.research .graph-container .row .graph .text { font-size: 25px; margin-bottom: 15px; }

.about section.research .graph-container .row .graph img { width: 100%; }

@media (min-width: 1000px) { .about section.research .graph-container .row .graph img { height: 350px; object-fit: contain; } }

.about section.research .graph-container .gradient { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(0deg, #181413 10%, #18141300); }

.about section.research .download-wrap { display: flex; flex-direction: column; align-items: center; max-width: 650px; text-align: center; margin-top: -300px; position: relative; }

@media (min-width: 1000px) { .about section.research .download-wrap { margin-top: -200px; } }

.about section.research .download-wrap .button { margin: 30px 0 12px; }

.about section.research .download-wrap .notice { font-size: 12px; color: #fff; opacity: 0.5; }

.imprint p { line-height: 150%; }

.imprint p a { color: #fff; }

.imprint h2 { padding-top: 100px; }

.problem-cards .inner .card-container { display: flex; margin-top: 100px; justify-content: space-between; flex-direction: column; }

@media (min-width: 600px) { .problem-cards .inner .card-container { flex-direction: column; } }

@media (min-width: 1000px) { .problem-cards .inner .card-container { flex-direction: row; } }

.problem-cards .inner .card-container .card { width: 100%; display: flex; flex-direction: column; align-items: center; padding: 50px 30px 65px; color: #fff; text-align: left; border-radius: 26px; }

.problem-cards .inner .card-container .card img { width: 150px; height: 150px; object-fit: contain; margin-bottom: 40px; }

.problem-cards .inner .card-container .card .title { width: 100%; font-size: 36px; line-height: 120%; letter-spacing: -0.02em; margin-bottom: 16px; }

@media (min-width: 600px) { .problem-cards .inner .card-container .card .title { font-size: 40px; margin-bottom: 20px; } }

@media (min-width: 1000px) { .problem-cards .inner .card-container .card .title { font-size: 42px; margin-bottom: 20px; } }

.problem-cards .inner .card-container .card .desc { font-size: 22px; line-height: 130%; letter-spacing: -0.02em; }

.problem-cards .inner .card-container .card:nth-child(1) { background: #1fbcff; }

.problem-cards .inner .card-container .card:nth-child(2) { background: #96dc00; margin: 40px 0; }

@media (min-width: 1000px) { .problem-cards .inner .card-container .card:nth-child(2) { margin: 0 40px; } }

.problem-cards .inner .card-container .card:nth-child(3) { background: #ffbb1c; }

.floating-content { width: 100%; max-width: 1800px; margin: 175px auto; position: relative; display: flex; flex-direction: column; }

.floating-content.no-shadow .image-container img { box-shadow: none; }

@media (min-width: 600px) { .floating-content { margin: 200px auto; } }

@media (min-width: 1000px) { .floating-content { height: 1000px; flex-direction: row; margin: 200px auto; } }

.floating-content .layout { width: 100%; align-items: flex-start; }

.floating-content .text-container { position: relative; width: 100%; display: flex; }

@media (max-width: 599px) { .floating-content .text-container { margin-top: -50px !important; } }

@media (min-width: 600px) and (max-width: 999px) { .floating-content .text-container { margin-top: 50px !important; } }

.floating-content .text-container .inner { display: flex; flex-direction: column; max-width: 510px; }

@media (min-width: 1000px) { .floating-content .text-container .inner { text-shadow: 0 0 30px black; }
  .floating-content .text-container .inner a { text-shadow: none; } }

@media (max-width: 599px) { .floating-content .text-container .inner { max-width: initial; } }

.floating-content .text-container .inner h4 { margin-bottom: 30px; }

@media (min-width: 600px) { .floating-content .text-container .inner h4 { margin-bottom: 50px; } }

.floating-content .text-container .inner .button { width: fit-content; }

.floating-content .image-container { width: 100%; }

@media (max-width: 599px) { .floating-content .image-container { min-height: 100% !important; height: 55vh !important; position: relative; left: 0 !important; right: 0 !important; }
  .floating-content .image-container:after { content: ""; position: absolute; width: 100%; height: 150px; left: 0; bottom: 0; background: linear-gradient(0deg, #181413, #18141300); } }

@media (min-width: 600px) { .floating-content .image-container { width: calc(100% - 35px); } }

@media (min-width: 1000px) { .floating-content .image-container { position: absolute; width: 90%; height: 100%; } }

.floating-content .image-container img { width: 100%; max-height: 1000px; max-width: 1340px; object-fit: cover; box-shadow: 0 2px 50px rgba(0, 0, 0, 0.4); }

@media (max-width: 599px) { .floating-content .image-container img { object-position: center !important; height: 100%; max-height: initial; max-width: initial; box-shadow: none; } }

@media (min-width: 600px) { .floating-content .image-container img { height: 100%; } }

.floating-content.left .text-container { text-align: right; justify-content: flex-end; }

.floating-content.left .text-container .inner { align-items: flex-end; }

.floating-content.left .image-container img { object-position: right; }

@media (min-width: 600px) { .floating-content.left .image-container img { border-radius: 0px 25px 25px 0px; } }

@media (min-width: 1440px) { .floating-content.left .image-container img { width: calc(100% - 150px); margin-right: 150px; } }

@media screen and (min-width: 1815px) { .floating-content.left .image-container img { border-radius: 25px; } }

.floating-content.right .text-container { text-align: left; justify-content: flex-start; }

.floating-content.right .text-container .inner { align-items: flex-start; }

.floating-content.right .image-container { left: 10%; }

@media (min-width: 600px) and (max-width: 999px) { .floating-content.right .image-container { margin-left: 35px; } }

.floating-content.right .image-container img { object-position: left; }

@media (min-width: 600px) { .floating-content.right .image-container img { border-radius: 25px 0px 0px 25px; } }

@media (min-width: 1440px) { .floating-content.right .image-container img { width: calc(100% - 150px); margin-left: 150px; } }

@media screen and (min-width: 1815px) { .floating-content.right .image-container img { border-radius: 25px; } }

.floating-content.center { justify-content: center; margin-top: 350px; }

.floating-content.center .text-container { text-align: center; justify-content: center; }

@media (min-width: 1000px) { .floating-content.center .text-container { margin-top: -150px !important; } }

.floating-content.center .text-container .inner { align-items: center; max-width: 600px; }

@media (min-width: 1000px) { .floating-content.center .text-container .inner { text-shadow: 0 0 30px black; } }

.floating-content.center .image-container { width: 100%; height: 100%; max-width: 1340px; }

@media (min-width: 600px) { .floating-content.center .image-container { width: calc(100% - 70px); margin-left: 35px; margin-right: 35px; } }

@media (min-width: 1000px) { .floating-content.center .image-container { width: calc(100% - 100px); margin-left: 50px; margin-right: 50px; } }

.floating-content.center .image-container img { object-position: center; width: 100%; max-height: initial; max-width: initial; }

@media (min-width: 600px) { .floating-content.center .image-container img { border-radius: 25px; } }

section.offer { position: relative; padding: 0; margin: 100px 0; }

@media (min-width: 1000px) { section.offer { margin: 200px 0 350px; } }

section.offer > img { width: 75%; margin-bottom: -150px; }

@media screen and (min-width: 1000px) and (max-width: 1079px) { section.offer > img { width: 600px !important; top: -10% !important; left: -200px !important; } }

@media screen and (min-width: 1080px) and (max-width: 1300px) { section.offer > img { width: 600px !important; top: -10% !important; left: -150px !important; } }

@media (min-width: 1000px) { section.offer > img { position: absolute; top: -15%; left: 0; width: 50%; max-width: 700px; } }

section.offer .layout { padding: 175px 0 52px; background: #fff; }

@media (min-width: 600px) { section.offer .layout { padding: 200px 0 60px; } }

@media (min-width: 1000px) { section.offer .layout { padding: 42px 0 52px; } }

section.offer .layout .inner { display: flex; justify-content: center; }

@media (min-width: 1000px) { section.offer .layout .inner { justify-content: flex-end; } }

section.offer .layout .inner .wrapper { max-width: 720px; }

section.offer .layout .inner h2 { color: #181413; }

section.offer .layout .inner h4 { color: #5f5f5f; }

section.offer .layout .inner .button { margin: 44px auto 0; display: block; width: fit-content; }