@font-face{font-family:"SizmoPro";src:url("../themes/main-theme/assets/fonts/SizmoPro-Light.woff2") format("woff2"),url("../themes/main-theme/assets/fonts/SizmoPro-Light.woff") format("woff"),url("../themes/main-theme/assets/fonts/SizmoPro-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap !important}
@font-face{font-family:"SizmoPro";src:url("../themes/main-theme/assets/fonts/SizmoPro.woff2") format("woff2"),url("../themes/main-theme/assets/fonts/SizmoPro.woff") format("woff"),url("../themes/main-theme/assets/fonts/SizmoPro.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap !important}
@font-face{font-family:"SizmoPro";src:url("../themes/main-theme/assets/fonts/SizmoPro-Medium.woff2") format("woff2"),url("../themes/main-theme/assets/fonts/SizmoPro-Medium.woff") format("woff"),url("../themes/main-theme/assets/fonts/SizmoPro-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap !important}
@font-face{font-family:"SizmoPro";src:url("../themes/main-theme/assets/fonts/SizmoPro-Demibold.woff2") format("woff2"),url("../themes/main-theme/assets/fonts/SizmoPro-Demibold.woff") format("woff"),url("../themes/main-theme/assets/fonts/SizmoPro-Demibold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap !important}
@font-face{font-family:"SizmoPro";src:url("../themes/main-theme/assets/fonts/SizmoPro-Bold.woff2") format("woff2"),url("../themes/main-theme/assets/fonts/SizmoPro-Bold.woff") format("woff"),url("../themes/main-theme/assets/fonts/SizmoPro-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap !important}
@font-face{font-family:"Birthstone";src:url("../themes/main-theme/assets/fonts/Birthstone-Regular.woff2") format("woff2"),url("../themes/main-theme/assets/fonts/Birthstone-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap !important}
@font-face{font-family:"bootstrap-icons";src:url("../themes/main-theme/assets/bootstrap/icons/font/fonts/bootstrap-icons.woff2") format("woff2"),url("../themes/main-theme/assets/bootstrap/icons/font/fonts/bootstrap-icons.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap !important}
@keyframes slideUpFade{0%{opacity:0;transform:translateY(200px)}100%{opacity:1;transform:translateY(0px)}}
@keyframes hotspot-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(2.2);opacity:0}}
#header{background:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0) 40%,rgba(1,2,2,0) 80%,#010202 100%)}
@media (max-width:991px){#header{height:auto;min-height:90vh;background-position:center top;background:linear-gradient(180deg,#FFF 15%,rgba(255,255,255,0) 80%,rgba(1,2,2,0) 90%,#010202 100%)}}
@media (max-width:991px){.projekt-hero,.verkauf-hero{min-height:40vh}}
@media (max-width:991px){.leistungen-header{min-height:40vh;background-position:40%}}
header,.header{padding:50px 0;padding-top:clamp(20px,6vw,50px);position:relative;height:100vh;display:flex;align-items:start;background-size:cover;background-position:center;background-repeat:no-repeat}
@media (max-width:1199px){header,.header{height:calc(100svh - 80px)}}
@media (max-width:991px){header,.header{height:auto;min-height:50vh;background-position:center top}header .home-h1,.header .home-h1{line-height:1.2}}
header .scroll-down,.header .scroll-down{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);transition:300ms}
header .scroll-down i,.header .scroll-down i{font-size:50px;color:#fff !important}
header .scroll-down i::before,.header .scroll-down i::before{backdrop-filter:blur(18px);border-radius:6px;overflow:hidden}
header .scroll-down:hover,.header .scroll-down:hover{opacity:0.5}
header .bekannt-aus,.header .bekannt-aus{position:absolute;bottom:0;left:0;width:100%;background-color:#272727 !important;border-bottom:1px solid #fff !important;padding:20px 0}
header .bekannt-aus__row,.header .bekannt-aus__row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:3rem;row-gap:1rem;color:#fff !important}
header .bekannt-aus__row img,.header .bekannt-aus__row img{height:50px;filter:grayscale(100%) invert(1) brightness(2)}
.hero-gif,.techart-gif{position:absolute;inset:0;z-index:-1;height:100%;width:100%;object-fit:cover}
@media (max-width:991px){.hero-gif{top:15%}}
.pause-button,.start-button{width:50px;height:50px;border:3px solid #272727 !important;backdrop-filter:blur(18px);border-radius:6px;background-color:transparent;position:absolute;top:60%;left:50%;transform:translateX(-50%);transition:opacity 300ms ease}
.pause-button.hidden,.start-button.hidden{opacity:0;pointer-events:none}
.pause-button:hover,.start-button:hover{opacity:0.5}
.pause-button i,.start-button i{font-size:30px;color:#fff !important}
.techart-header{background:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0) 40%)}
@media (max-width:991px){.techart-header{min-height:60vh}}
@media (max-width:575px){.techart-header{min-height:40vh}}
.techart-header .start-button{top:50%;transform:translate(-50%,-50%)}
.techart-header .scroll-down{position:absolute;bottom:100px;left:50%;transform:translateX(-50%);transition:300ms}
.techart-header .scroll-down i{font-size:50px;color:#fff !important}
.techart-header .scroll-down i::before{backdrop-filter:blur(18px);border-radius:6px;overflow:hidden}
.techart-header .scroll-down:hover{opacity:0.5}
.projekt-header{padding:80px 0;background-image:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0) 25%,#000 100%),var(--header-bg);background-size:cover;background-position:var(--header-pos,center 100%);background-repeat:no-repeat;min-height:min(100vh,80vw);display:flex;align-items:center;flex-direction:column;justify-content:flex-end;color:#fff !important}
@media (max-width:991px){.projekt-header{background-image:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0) 60%,#000 100%),var(--header-bg);aspect-ratio:auto;min-height:60vh;padding-bottom:10px}}
@media (max-width:575px){.projekt-header{min-height:40vh}}
.about-overlay-wrapper{position:relative;background-color:#DEDFDC;padding-top:0;overflow:hidden}
.about-overlay-wrapper .image-wrapper{position:relative}
.about-overlay-wrapper .image-wrapper img{display:block;width:100%;height:120vh;object-position:center 90%}
@media (max-width:991px){.about-overlay-wrapper .image-wrapper img{object-fit:cover;object-position:center}}
@media (max-width:1200px){.about-overlay-wrapper .image-wrapper img{height:60vh;object-position:center 60%}}
@media (max-width:575px){.about-overlay-wrapper .image-wrapper img{height:280px}}
.about-overlay-wrapper .image-wrapper .about-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#FFF 0%,rgba(255,255,255,0) 15%);pointer-events:none}
.about-overlay-wrapper .container{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);width:100%}
@media (max-width:1200px){.about-overlay-wrapper .container{position:static;transform:none;padding-top:50px}}
.sportwagen-detail-header{min-height:480px}
@media (max-width:1199px){.sportwagen-detail-header{height:calc(100svh - 80px)}}
@media (max-width:991px){.sportwagen-detail-header{height:auto;min-height:40vh;background-position:center top}}
.sportwagen-detail-header .verkauft-badge-large{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:2;padding:24px 64px;background-color:rgba(220,38,38,0.95);border:4px solid #fff;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,0.3);pointer-events:none}
.sportwagen-detail-header .verkauft-badge-large span{display:block;color:#fff;font-size:48px;font-weight:800;text-transform:uppercase;letter-spacing:4px;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,0.2)}
@media (max-width:991px){.sportwagen-detail-header .verkauft-badge-large{padding:18px 48px}.sportwagen-detail-header .verkauft-badge-large span{font-size:36px;letter-spacing:3px}}
@media (max-width:575px){.sportwagen-detail-header .verkauft-badge-large{padding:14px 36px}.sportwagen-detail-header .verkauft-badge-large span{font-size:28px;letter-spacing:2px}}
nav.navbar{position:relative;padding-bottom:20px;padding-top:clamp(40px,6vw,100px);width:100%;background-color:#fff !important}
nav.navbar.navbar-dark{background-color:black !important}
nav.navbar.navbar-dark .logo img{filter:invert(1)}
nav.navbar.navbar-dark .desktop-menu__item--link{color:#fff !important}
nav.navbar.navbar-dark .desktop-menu__item--link::before{background:#fff !important}
nav.navbar.navbar-dark .desktop-menu__trenner{background-color:#fff !important}
nav.navbar.navbar-dark .desktop-menu .sub-menu{background-color:black !important;box-shadow:0 4px 12px rgba(0,0,0,0.4)}
nav.navbar.navbar-dark .desktop-menu .sub-menu::before{background-color:black !important;box-shadow:-2px -2px 4px rgba(0,0,0,0.2)}
nav.navbar.navbar-dark .desktop-menu .sub-menu .sub-menu__item--link{color:#fff !important}
nav.navbar.navbar-dark .desktop-menu .sub-menu .sub-menu__item--link:hover{background:rgba(255,255,255,0.08)}
nav.navbar.navbar-dark .btn-hamburger{color:#fff !important}
nav.navbar .desktop-menu{display:none;list-style-type:none;margin:0;padding:0;flex-direction:row;align-items:center}
@media (min-width:1200px){nav.navbar .desktop-menu{display:flex}}
nav.navbar .desktop-menu__item{position:relative}
nav.navbar .desktop-menu__item--link{font-weight:500;padding:16px;position:relative;color:#272727 !important}
nav.navbar .desktop-menu__item--link::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#272727 !important;z-index:1;transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease-in-out}
nav.navbar .desktop-menu__item--link::before{transform-origin:right}
nav.navbar .desktop-menu__item--link:hover::before{transform:scaleX(1)}
nav.navbar .desktop-menu__item--link:hover::before{transform-origin:left;transform:scaleX(1);transition-timing-function:cubic-bezier(0.2,1,0.82,0.94)}
nav.navbar .desktop-menu__item:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
nav.navbar .desktop-menu__trenner{display:block;height:4px;width:4px;background-color:#717171}
nav.navbar .desktop-menu .sub-menu{position:absolute;top:100%;left:0;z-index:10;width:max-content;background:#FFF;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:8px 0;margin-top:12px;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease}
nav.navbar .desktop-menu .sub-menu::before{content:"";position:absolute;top:-6px;left:20px;width:12px;height:12px;background:#FFF;transform:rotate(45deg);box-shadow:-2px -2px 4px rgba(0,0,0,0.05)}
nav.navbar .desktop-menu .sub-menu__item--link{display:block;padding:10px 20px;text-decoration:none;color:#272727 !important;transition:all 0.2s ease}
nav.navbar .desktop-menu .sub-menu__item--link:hover{background:#F5F5F5}
nav.navbar .logo{transition:300ms}
nav.navbar .logo img{height:64px}
nav.navbar .logo:hover{opacity:0.5}
nav.navbar .btn-hamburger{background:unset;border:none;padding:0;transition:300ms;color:#272727 !important}
nav.navbar .btn-hamburger:hover{opacity:0.5}
nav.navbar .btn-hamburger i{font-size:40px;line-height:1;display:block;transform:translateY(-7px)}
nav.navbar .btn-hamburger i::before{font-weight:400 !important;-webkit-font-smoothing:auto !important}
.offcanvas{width:50% !important}
.offcanvas .mobile-menu__item{padding:10px;border-bottom:1px solid #272727 !important}
.offcanvas .mobile-menu__item--has-children{padding-bottom:0}
.offcanvas .mobile-menu__item--row{display:grid;grid-template-columns:repeat(2,1fr);padding-bottom:10px}
.offcanvas .mobile-menu__item--link{font-size:20px;color:#272727 !important;transition:300ms}
.offcanvas .mobile-menu__item--link:hover{color:#C50000 !important}
.offcanvas .mobile-menu__toggle{display:flex;align-items:center;justify-content:flex-end;width:100%;height:30px;background:transparent;border:none;color:#272727 !important;cursor:pointer;transition:300ms}
.offcanvas .mobile-menu__toggle:hover{opacity:0.5}
.offcanvas .mobile-menu__toggle[aria-expanded="true"] .mobile-menu__toggle-icon{transform:rotate(180deg)}
.offcanvas .mobile-menu__toggle-icon{transition:transform 0.3s ease;pointer-events:none}
.offcanvas .mobile-menu__submenu{padding:0 12px 12px 12px;overflow:hidden}
.offcanvas .mobile-menu__submenu:not([hidden]){animation:submenuOpen 0.3s ease forwards}
.offcanvas .mobile-menu__submenu li{padding:8px 0}
.offcanvas .mobile-menu__submenu li a{color:#272727 !important}
.offcanvas .mobile-menu__submenu li a:hover{color:#C50000 !important}
@media (max-width:767px){.offcanvas{width:80% !important}}
@media (max-width:575px){.offcanvas{width:100% !important}}
@keyframes submenuOpen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
footer.footer{position:relative;padding:40px 16px;background:linear-gradient(180deg,#ECECEF 0%,#BEBEBE 100%)}
footer.footer .grid4{grid-template-columns:auto auto auto auto}
@media (max-width:1023px){footer.footer .grid4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){footer.footer .grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:479px){footer.footer .grid4{grid-template-columns:1fr}}
footer.footer table tr:last-child td{padding-top:2px}
footer.footer .footer-logo{height:70px;width:auto}
footer.footer .footer-menu__item--link{padding:4px 0;color:#272727 !important}
footer.footer .socials-grid{display:grid;grid-template-columns:42px 42px;gap:10px}
footer.footer .socials-grid .social-link{display:flex;align-items:center;justify-content:center;background-color:#B3B3B3;height:42px;width:42px;transition:300ms ease}
footer.footer .socials-grid .social-link i{color:white;font-size:24px;line-height:0}
footer.footer .socials-grid .social-link:hover{background-color:#fff !important}
footer.footer .socials-grid .social-link:hover i{color:#272727 !important}
footer.footer .copyright{font-size:12px;font-weight:500}
*{-webkit-font-smoothing:antialiased}
.container{max-width:1440px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:500 !important;line-height:1.5}
h1,.h1{font-size:clamp(30px,calc(30px + (40px - 30px) * ((100vw - 320px) / (1400px - 320px))),40px) !important}
h2,.h2{font-size:clamp(26px,calc(26px + (32px - 26px) * ((100vw - 320px) / (1400px - 320px))),32px) !important}
h3,.h3{font-size:clamp(24px,calc(24px + (28px - 24px) * ((100vw - 320px) / (1400px - 320px))),28px) !important}
h4,.h4{font-size:clamp(22px,calc(22px + (26px - 22px) * ((100vw - 320px) / (1400px - 320px))),26px) !important}
h5,.h5{font-size:clamp(20px,calc(20px + (24px - 20px) * ((100vw - 320px) / (1400px - 320px))),24px) !important}
h6,.h6{font-size:clamp(18px,calc(18px + (20px - 18px) * ((100vw - 320px) / (1400px - 320px))),20px) !important}
p,.p{font-size:clamp(16px,calc(16px + (24px - 16px) * ((100vw - 320px) / (1400px - 320px))),24px) !important;margin-bottom:0;font-weight:300;line-height:1.4}
.fs-7{font-size:14px !important}
.fs-100{font-size:clamp(30px,calc(30px + (100px - 30px) * ((100vw - 320px) / (1400px - 320px))),100px) !important}
body{font-family:"SizmoPro",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;font-style:normal;font-size:16px;overflow-x:clip}
textarea{resize:none}
img{max-width:100%;height:auto;object-fit:cover;pointer-events:none}
a{color:#C50000 !important;text-decoration:none}
section{position:relative;padding:80px 0}
ul{margin:0;padding:0}
[id]{scroll-margin-top:85px}
.anchor-target{scroll-margin-top:85px}
.btn{font-size:clamp(16px,calc(16px + (24px - 16px) * ((100vw - 320px) / (1400px - 320px))),24px) !important;padding:clamp(12px,2vw,16px) clamp(24px,4vw,42px);color:unset;width:fit-content;border-radius:0px;transition:300ms}
.btn-primary{background-color:rgba(255,255,255,0.4);color:#272727 !important;border:2px solid #272727 !important}
.btn-primary:hover{background-color:#C50000 !important;color:#EEE !important;border:2px solid #C50000 !important}
.btn-white{background-color:#FFF33;color:#fff !important;border:2px solid #fff !important}
.btn-white:hover{background-color:#C50000 !important;color:#EEE !important;border:2px solid #C50000 !important}
button:focus,button:focus-visible,.btn:focus,.btn:focus-visible,[type="button"]:focus,[type="button"]:focus-visible,[type="submit"]:focus,[type="submit"]:focus-visible,[type="reset"]:focus,[type="reset"]:focus-visible{outline:none !important;box-shadow:none !important}
button:focus,.btn:focus,[type="button"]:focus,[type="submit"]:focus,[type="reset"]:focus{border-color:inherit !important;filter:none !important}
table{border-collapse:collapse}
table td{padding:2px 0;vertical-align:top}
table td p{margin:0}
table td:nth-child(1){padding-right:30px}
table td:nth-child(2){padding-right:30px}
table td:nth-child(3){text-align:right}
table tr:last-child td{padding-top:15px}
.section-background{background-size:cover;background-position:center;background-repeat:no-repeat}
.inserat-img{position:absolute;top:0;right:-30%;width:90%}
@media (max-width:767px){.inserat-img{position:relative;transform:none;top:auto;right:auto;width:100%}}
.hero-leiste{padding:30px 0;background-color:#272727 !important;position:sticky;top:0;z-index:11;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent}
@media (max-width:767px){.hero-leiste{padding:20px 0}}
.hero-leiste::-webkit-scrollbar{width:8px;height:8px}
.hero-leiste::-webkit-scrollbar-track{background:transparent}
.hero-leiste::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.3);border-radius:4px;transition:background-color 0.2s ease}
.hero-leiste::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,0.5)}
.hero-leiste::-webkit-scrollbar-corner{background:transparent}
.hero-leiste__grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;gap:16px;padding:0 20px}
@media (max-width:767px){.hero-leiste__grid{gap:8px;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 2 * 8px) / 3)}}
.hero-leiste__link{padding:28px 14px;background:rgba(217,217,217,0.25);border:1px solid #fff !important;color:#fff !important;transition:300ms;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
@media (max-width:767px){.hero-leiste__link{padding:12px 6px;scroll-snap-align:start;letter-spacing:-0.2px}}
.hero-leiste__link p{line-height:1;white-space:nowrap}
@media (max-width:767px){.hero-leiste__link p{white-space:normal;overflow-wrap:anywhere}}
.hero-leiste__link:hover{background:rgba(217,217,217,0.5)}
.porsche-erlebnis{background-image:linear-gradient(180deg,#010202 0%,rgba(3,4,5,0.35) 100%),url("/storage/app/media/bg-reifenspuren.webp")}
@media (max-width:575px){.porsche-erlebnis{padding:60px 16px}}
.porsche-erlebnis .erlebnis-card{display:block;height:600px;width:100%;position:relative;transition:transform 600ms;border:2px solid white;box-shadow:0 8px 16px 0 rgba(0,0,0,0.5);cursor:pointer;overflow:hidden;background-size:cover !important;background-position:center !important}
@media (max-width:991px){.porsche-erlebnis .erlebnis-card{height:400px}}
.porsche-erlebnis .erlebnis-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.4s ease;z-index:1}
.porsche-erlebnis .erlebnis-card:hover{transform:scale(1.05)}
.porsche-erlebnis .erlebnis-card:hover .erlebnis-card__video{opacity:1}
.porsche-erlebnis .erlebnis-card__span{width:100%;display:flex;align-items:center;position:absolute;bottom:0;left:0;padding:32px;z-index:2}
.porsche-erlebnis .erlebnis-card__span span{margin:auto}
@media (hover:none),(max-width:767px){.porsche-erlebnis .erlebnis-card__video{display:none}.porsche-erlebnis .erlebnis-card:hover{transform:unset}}
.porsche-erlebnis .erlebnis-card1{background:linear-gradient(180deg,rgba(29,29,29,0) 30%,rgba(39,39,39,0.5) 100%),url("/storage/app/media/thumbnails/thumbnail-service.webp")}
.porsche-erlebnis .erlebnis-card2{background:linear-gradient(180deg,rgba(29,29,29,0) 30%,rgba(39,39,39,0.5) 100%),url("/storage/app/media/thumbnails/thumbnail-verkauf.webp")}
.porsche-erlebnis .erlebnis-card3{background:linear-gradient(180deg,rgba(29,29,29,0) 30%,rgba(39,39,39,0.5) 100%),url("/storage/app/media/thumbnails/thumbnail-performance.webp")}
.cta-termin{display:flex;flex-direction:column;height:600px}
@media (max-width:991px){.cta-termin{height:100%}}
.cta-termin__bg{position:absolute;right:0;top:0;z-index:-1;width:40vw;height:100%;object-position:right;padding:40px 0;object-fit:contain}
@media (max-width:991px){.cta-termin__bg{position:relative;margin-left:auto;width:100vw}}
.section-swiper,.projekte-section{overflow:visible;position:relative;padding:80px 50px}
@media (max-width:575px){.section-swiper,.projekte-section{padding:60px 16px}}
.section-swiper .customswiper,.section-swiper .projektswiper,.projekte-section .customswiper,.projekte-section .projektswiper{position:static;overflow:hidden}
.section-swiper .customswiper .swiper-wrapper .swiper-slide,.section-swiper .projektswiper .swiper-wrapper .swiper-slide,.projekte-section .customswiper .swiper-wrapper .swiper-slide,.projekte-section .projektswiper .swiper-wrapper .swiper-slide{display:block;height:600px;width:calc((100% - 32px) / 3) !important;position:relative;overflow:hidden;background-size:900px auto;background-repeat:no-repeat;background-position:20% center;transition:width 0.35s cubic-bezier(0.4,0,0.2,1),background-position 0.35s cubic-bezier(0.4,0,0.2,1)}
@media (max-width:991px){.section-swiper .customswiper .swiper-wrapper .swiper-slide,.section-swiper .projektswiper .swiper-wrapper .swiper-slide,.projekte-section .customswiper .swiper-wrapper .swiper-slide,.projekte-section .projektswiper .swiper-wrapper .swiper-slide{height:400px;width:calc((100% - 16px) / 2) !important;background-size:700px auto}}
@media (max-width:575px){.section-swiper .customswiper .swiper-wrapper .swiper-slide,.section-swiper .projektswiper .swiper-wrapper .swiper-slide,.projekte-section .customswiper .swiper-wrapper .swiper-slide,.projekte-section .projektswiper .swiper-wrapper .swiper-slide{width:100% !important;background-size:cover;background-position:center;height:70vw}}
.section-swiper .customswiper .swiper-wrapper .swiper-slide img,.section-swiper .projektswiper .swiper-wrapper .swiper-slide img,.projekte-section .customswiper .swiper-wrapper .swiper-slide img,.projekte-section .projektswiper .swiper-wrapper .swiper-slide img{height:100%;width:100%;object-fit:cover;transform:scale(1.15);transition:transform 0.6s cubic-bezier(0.22,1,0.36,1);will-change:transform}
.section-swiper .customswiper .swiper-wrapper .swiper-slide .swiper-content,.section-swiper .projektswiper .swiper-wrapper .swiper-slide .swiper-content,.projekte-section .customswiper .swiper-wrapper .swiper-slide .swiper-content,.projekte-section .projektswiper .swiper-wrapper .swiper-slide .swiper-content{padding:20px;position:absolute;left:0;bottom:0;color:#fff !important;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;pointer-events:none}
@media (min-width:576px) and (hover:hover){.section-swiper .customswiper .swiper-slide.is-shrunk,.section-swiper .projektswiper .swiper-slide.is-shrunk,.projekte-section .customswiper .swiper-slide.is-shrunk,.projekte-section .projektswiper .swiper-slide.is-shrunk{width:calc((100% - 32px) / 4) !important}.section-swiper .customswiper .swiper-slide.is-active-hover,.section-swiper .projektswiper .swiper-slide.is-active-hover,.projekte-section .customswiper .swiper-slide.is-active-hover,.projekte-section .projektswiper .swiper-slide.is-active-hover{width:calc((100% - 32px) / 2) !important;background-position:center center}}
@media (min-width:576px) and (hover:hover) and (max-width:991px){.section-swiper .customswiper .swiper-slide.is-shrunk,.section-swiper .projektswiper .swiper-slide.is-shrunk,.projekte-section .customswiper .swiper-slide.is-shrunk,.projekte-section .projektswiper .swiper-slide.is-shrunk{width:calc((100% - 16px) / 3) !important}}
@media (min-width:576px) and (hover:hover) and (max-width:991px){.section-swiper .customswiper .swiper-slide.is-active-hover,.section-swiper .projektswiper .swiper-slide.is-active-hover,.projekte-section .customswiper .swiper-slide.is-active-hover,.projekte-section .projektswiper .swiper-slide.is-active-hover{width:calc((100% - 16px) * 2 / 3) !important}}
.section-swiper .customswiper .swiper-pagination,.section-swiper .projektswiper .swiper-pagination,.projekte-section .customswiper .swiper-pagination,.projekte-section .projektswiper .swiper-pagination{position:relative;margin-top:30px;display:flex;flex-direction:row;justify-content:center;gap:10px}
@media (max-width:767px){.section-swiper .customswiper .swiper-pagination,.section-swiper .projektswiper .swiper-pagination,.projekte-section .customswiper .swiper-pagination,.projekte-section .projektswiper .swiper-pagination{gap:4px}}
.section-swiper .customswiper .swiper-pagination .swiper-pagination-bullet,.section-swiper .projektswiper .swiper-pagination .swiper-pagination-bullet,.projekte-section .customswiper .swiper-pagination .swiper-pagination-bullet,.projekte-section .projektswiper .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;padding:18px;margin:-18px !important;background-clip:content-box;box-sizing:content-box}
@media (max-width:767px){.section-swiper .customswiper .swiper-pagination .swiper-pagination-bullet,.section-swiper .projektswiper .swiper-pagination .swiper-pagination-bullet,.projekte-section .customswiper .swiper-pagination .swiper-pagination-bullet,.projekte-section .projektswiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px}}
.section-swiper .customswiper .swiper-pagination .swiper-pagination-bullet-active,.section-swiper .projektswiper .swiper-pagination .swiper-pagination-bullet-active,.projekte-section .customswiper .swiper-pagination .swiper-pagination-bullet-active,.projekte-section .projektswiper .swiper-pagination .swiper-pagination-bullet-active{background-color:#272727 !important}
.section-swiper .customswiper .swiper-button-next,.section-swiper .customswiper .swiper-button-prev,.section-swiper .projektswiper .swiper-button-next,.section-swiper .projektswiper .swiper-button-prev,.projekte-section .customswiper .swiper-button-next,.projekte-section .customswiper .swiper-button-prev,.projekte-section .projektswiper .swiper-button-next,.projekte-section .projektswiper .swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:10}
@media (max-width:767px){.section-swiper .customswiper .swiper-button-next,.section-swiper .customswiper .swiper-button-prev,.section-swiper .projektswiper .swiper-button-next,.section-swiper .projektswiper .swiper-button-prev,.projekte-section .customswiper .swiper-button-next,.projekte-section .customswiper .swiper-button-prev,.projekte-section .projektswiper .swiper-button-next,.projekte-section .projektswiper .swiper-button-prev{display:none}}
.section-swiper .customswiper .swiper-button-next::after,.section-swiper .customswiper .swiper-button-next .swiper-navigation-icon,.section-swiper .customswiper .swiper-button-prev::after,.section-swiper .customswiper .swiper-button-prev .swiper-navigation-icon,.section-swiper .projektswiper .swiper-button-next::after,.section-swiper .projektswiper .swiper-button-next .swiper-navigation-icon,.section-swiper .projektswiper .swiper-button-prev::after,.section-swiper .projektswiper .swiper-button-prev .swiper-navigation-icon,.projekte-section .customswiper .swiper-button-next::after,.projekte-section .customswiper .swiper-button-next .swiper-navigation-icon,.projekte-section .customswiper .swiper-button-prev::after,.projekte-section .customswiper .swiper-button-prev .swiper-navigation-icon,.projekte-section .projektswiper .swiper-button-next::after,.projekte-section .projektswiper .swiper-button-next .swiper-navigation-icon,.projekte-section .projektswiper .swiper-button-prev::after,.projekte-section .projektswiper .swiper-button-prev .swiper-navigation-icon{display:none}
.section-swiper .customswiper .swiper-button-next i,.section-swiper .customswiper .swiper-button-prev i,.section-swiper .projektswiper .swiper-button-next i,.section-swiper .projektswiper .swiper-button-prev i,.projekte-section .customswiper .swiper-button-next i,.projekte-section .customswiper .swiper-button-prev i,.projekte-section .projektswiper .swiper-button-next i,.projekte-section .projektswiper .swiper-button-prev i{font-size:40px;color:#272727 !important;line-height:0}
.section-swiper .customswiper .swiper-button-next,.section-swiper .projektswiper .swiper-button-next,.projekte-section .customswiper .swiper-button-next,.projekte-section .projektswiper .swiper-button-next{right:20px}
.section-swiper .customswiper .swiper-button-prev,.section-swiper .projektswiper .swiper-button-prev,.projekte-section .customswiper .swiper-button-prev,.projekte-section .projektswiper .swiper-button-prev{left:20px}
.leistungen{background-image:linear-gradient(180deg,rgba(236,236,239,0.85) 0%,rgba(236,236,239,0.95) 47.12%),url("/storage/app/media/leistungen.webp");background-size:cover}
.leistungen .leistung-card{background-color:#B3B3B366;backdrop-filter:blur(4px);padding:20px;border-radius:0px;border:1px solid #272727 !important;height:100%}
.leistungen .leistung-card ul{list-style-type:none}
.leistungen .leistung-card ul li{font-size:20px}
@media (max-width:991px){.leistungen .grid.grid2{grid-template-columns:1fr}}
@media (max-width:991px){.leistungen .img-card{height:auto;position:relative;overflow:hidden;cursor:pointer;min-height:200px}.leistungen .img-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.leistungen .img-card .service-overlay{position:relative;z-index:1;padding-right:48px;height:100%}.leistungen .img-card .service-overlay h2{line-height:1.2}.leistungen .img-card .service-overlay::after{content:"";position:absolute;bottom:36px;right:24px;width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform 0.3s ease}.leistungen .img-card .service-overlay .service-text{overflow:hidden;max-height:0;opacity:0;transition:max-height 0.45s ease,opacity 0.3s ease}.leistungen .img-card.is-open .service-overlay::after{transform:rotate(-135deg)}.leistungen .img-card.is-open .service-overlay .service-text{max-height:2000px;height:100%;opacity:1;margin-top:0.75rem}}
.customcard{background-color:#B3B3B366;backdrop-filter:blur(4px);padding:20px;border-radius:0px;border:1px solid #272727 !important;height:100%}
.customcard ul{list-style-type:none}
.customcard ul li{font-size:20px}
.transport{background-image:linear-gradient(240deg,rgba(0,0,0,0) 60%,rgba(0,0,0,0.75) 80%),url("/storage/app/media/Transport.webp");color:#fff !important;min-height:100vh;display:flex;background-position:top}
@media (max-width:767px){.transport{background-image:linear-gradient(240deg,rgba(0,0,0,0.2) 60%,rgba(0,0,0,0.8) 80%),url("/storage/app/media/Transport.webp")}}
@media (max-width:575px){.transport{padding:60px 16px}}
.transport .btn{background:rgba(255,255,255,0.4)}
@media (max-width:575px){.wdr{padding:60px 16px}}
.contact{color:#fff !important;min-height:100vh;display:flex;align-items:center}
.contact .dropdown-group{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:32px}
@media (max-width:991px){.contact .dropdown-group{flex-direction:column;align-items:center}}
.contact .dropdown-group .dropdown{transition:300ms ease}
.contact .dropdown-group .dropdown:hover{background-color:rgba(255,255,255,0.25)}
.contact .dropdown-group .dropdown .btn.dropdown-toggle{background-color:rgba(217,217,217,0.25);border:1px solid #fff !important}
@media (max-width:991px){.contact .dropdown-group .dropdown .btn.dropdown-toggle{max-width:300px;width:100%}}
.contact .dropdown-group .dropdown:has(.dropdown-menu.show) .btn.dropdown-toggle{border-bottom:none !important}
.contact .dropdown-group .dropdown .dropdown-menu{background-color:rgba(217,217,217,0.25);border:1px solid #fff !important;border-top:none !important;text-align:center;width:100%;border-radius:0;inset:auto !important;transform:none !important;z-index:1 !important;padding:0}
.contact .dropdown-group .dropdown .dropdown-menu .dropdown-item{font-size:clamp(16px,calc(16px + (24px - 16px) * ((100vw - 320px) / (1400px - 320px))),24px) !important;font-weight:300;padding:20px 0;transition:300ms ease}
.contact .dropdown-group .dropdown .dropdown-menu .dropdown-item:hover{background-color:rgba(255,255,255,0.25)}
@media (max-width:991px){.contact .dropdown-group .dropdown{max-width:300px;width:100%}.contact .dropdown-group .dropdown .dropdown-menu.show{position:relative !important;transform:unset !important}}
.team{background-image:linear-gradient(180deg,#FFF 39.52%,rgba(255,255,255,0.6) 100%),url("/storage/app/media/bg-reifenspuren.webp")}
.team .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto}
@media (max-width:1024px){.team .team-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.team .team-grid{grid-template-columns:1fr}}
.team .team-grid .team-member img{object-position:85% 10%}
.team-member{position:relative;overflow:hidden;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;color:white;display:flex}
@media (max-width:640px){.team-member{height:500px;flex-direction:column}}
.team-member:hover{transform:translateY(-5px)}
.team-member img{object-position:85% center}
@media (max-width:640px){.team-member img{height:100%;width:100%}}
.team-member__info{position:absolute;inset:auto 0 0 0;padding:16px;background:#D9D9D926;backdrop-filter:blur(5px);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),opacity 0.3s ease;transform:translateY(0);opacity:1}
.team-member__icons{display:flex;gap:14px;max-height:0;overflow:hidden;opacity:0;transform:translateY(10px);transition:max-height 0.35s ease,opacity 0.3s ease,transform 0.35s cubic-bezier(0.34,1.3,0.64,1)}
.team-member:hover .team-member__icons{max-height:60px;opacity:1;transform:translateY(0)}
.team-member__icon-btn{width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);background:rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:#fff !important;transition:background 0.25s ease,border-color 0.25s ease,opacity 0.3s ease,transform 0.35s cubic-bezier(0.34,1.56,0.64,1);opacity:0;transform:translateY(10px)}
.team-member__icon-btn:nth-child(1){transition-delay:0.1s}
.team-member__icon-btn:nth-child(2){transition-delay:0.2s}
.team-member__icon-btn:nth-child(3){transition-delay:0.3s}
.team-member__icon-btn:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.8)}
.team-member:hover .team-member__icon-btn{opacity:1;transform:translateY(0);margin-top:10px}
.entscheidung .techart-card-wrapper{display:flex;flex-direction:row;gap:1rem}
@media (max-width:575px){.entscheidung .techart-card-wrapper{flex-direction:column}}
.entscheidung .techart-card-wrapper .techart-card{height:500px;width:330px;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff !important;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;position:relative;overflow:hidden}
@media (max-width:991px){.entscheidung .techart-card-wrapper .techart-card{width:100%}}
.entscheidung .techart-card-wrapper .techart-card_heading{font-size:clamp(24px,calc(24px + (30px - 24px) * ((100vw - 320px) / (1400px - 320px))),30px) !important;font-weight:500;position:relative;z-index:2;transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}
.entscheidung .techart-card-wrapper .techart-card_subheading{font-size:clamp(18px,calc(18px + (22px - 18px) * ((100vw - 320px) / (1400px - 320px))),22px) !important;font-weight:300;position:relative;z-index:2;transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}
.entscheidung .techart-card-wrapper .techart-card_btn{background-color:rgba(255,255,255,0.67);font-size:20px !important;padding:12px 24px;position:absolute;left:16px;bottom:16px;z-index:3;opacity:0;transform:translateY(60px);transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.22,1,0.36,1);pointer-events:none}
.entscheidung .techart-card-wrapper .techart-card:hover .techart-card_heading,.entscheidung .techart-card-wrapper .techart-card:hover .techart-card_subheading{transform:translateY(-65px)}
.entscheidung .techart-card-wrapper .techart-card:hover .techart-card_btn{opacity:1;transform:translateY(0);pointer-events:auto}
.soundcheck .soundcheck-wrapper{background-image:linear-gradient(180deg,rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 45%),url("/storage/app/media/techart/techart-soundcheck.webp");padding:40px}
.soundcheck .soundcheck-wrapper .soundcheck-inner{display:flex;flex-direction:row;justify-content:end;align-items:flex-end;gap:2rem}
@media (max-width:575px){.soundcheck .soundcheck-wrapper .soundcheck-inner{flex-direction:column;align-items:center}}
.soundcheck .soundcheck-wrapper .soundcheck-inner .soundcheck-buttons{display:flex;flex-direction:column;gap:2rem}
@media (max-width:575px){.soundcheck .soundcheck-wrapper .soundcheck-inner .soundcheck-buttons{width:100%}}
.soundcheck .soundcheck-wrapper .soundcheck-inner .soundcheck-buttons .btn-sound{background:#EEE !important;border:1px solid #272727 !important;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:30px;width:200px;height:200px;transition:300ms ease}
@media (max-width:575px){.soundcheck .soundcheck-wrapper .soundcheck-inner .soundcheck-buttons .btn-sound{width:100%}}
.soundcheck .soundcheck-wrapper .soundcheck-inner .soundcheck-buttons .btn-sound:hover{opacity:0.67}
.vorteile .vorteil-card{text-align:center;background-color:#eee;padding:60px 16px 40px 16px;border-radius:0px;display:flex;flex-direction:column;align-items:center;justify-content:start;height:100%}
.vorteile .vorteil-card i{font-size:80px}
.kundenbewertungen .kunden-swiper{max-width:800px}
.kundenbewertungen .kunden-swiper .kundenrezension{color:#272727 !important;padding:20px 100px;border-radius:10px;height:auto;display:block;position:relative;text-align:center}
@media (max-width:991px){.kundenbewertungen .kunden-swiper .kundenrezension{padding:20px 80px}}
.kundenbewertungen .kunden-swiper .kundenrezension .kundentext{font-style:italic}
.kundenbewertungen .kunden-swiper .kundenrezension .profil{display:flex;align-items:center;justify-content:center;gap:10px}
.kundenbewertungen .kunden-swiper .kundenrezension .profil .profile-pic{background-color:#48269A;color:#fff !important;width:30px;height:30px;border-radius:100px}
.kundenbewertungen .kunden-swiper .kundenrezension .profil .kundenname{font-weight:600}
.kundenbewertungen .kunden-swiper .kundenrezension a{opacity:0.75;text-decoration:underline}
.kundenbewertungen .kunden-swiper .swiper-pagination{position:relative;margin-top:32px;display:flex;flex-direction:row;justify-content:center;gap:10px}
.kundenbewertungen .kunden-swiper .swiper-pagination .swiper-pagination-bullet{background-color:#272727 !important;opacity:0.3;width:12px;height:12px;padding:18px;margin:-18px !important;background-clip:content-box;box-sizing:content-box}
.kundenbewertungen .kunden-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity:1}
.kundenbewertungen .swiper-button-next,.kundenbewertungen .swiper-button-prev{color:#272727 !important}
.kundenbewertungen .swiper-button-next .swiper-navigation-icon,.kundenbewertungen .swiper-button-prev .swiper-navigation-icon{display:none}
.co2-klasse{height:200px}
.fixed-buttons{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px;position:fixed;z-index:100;bottom:20px;right:20px}
.fixed-buttons .button-backtotop{background-color:#fff !important;color:#272727 !important;width:65px;height:65px;border-radius:100px;display:flex;align-items:center;padding:10px;overflow:hidden;transition:300ms ease;gap:1rem;justify-content:center;border:none;cursor:pointer;visibility:hidden;opacity:0;transform:translateY(10px);font-size:40px;line-height:1}
.fixed-buttons .button-backtotop.visible{opacity:1;visibility:visible;transform:translateY(0)}
.fixed-buttons .button-backtotop:hover{background-color:#272727 !important;color:#fff !important}
.grid-item{display:flex;flex-direction:column;align-items:center;color:#272727 !important;font-size:14px}
.grid-item img{width:80px;height:80px}
.grid{display:grid;gap:20px}
.grid2{grid-template-columns:repeat(2,1fr)}
@media (max-width:991px){.grid2{grid-template-columns:1fr}}
.grid3{grid-template-columns:repeat(3,1fr)}
@media (max-width:991px){.grid3{grid-template-columns:1fr}}
.grid4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1023px){.grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:479px){.grid4{grid-template-columns:1fr}}
.grid5{grid-template-columns:repeat(5,1fr)}
@media (max-width:1199px){.grid5{grid-template-columns:repeat(4,1fr)}}
@media (max-width:991px){.grid5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.grid5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:479px){.grid5{grid-template-columns:1fr}}
.event-carousel .carousel-item img{height:75vh;border-radius:1rem}
.image-hover-wrapper{position:relative;overflow:hidden}
.image-hover-wrapper img{width:100%;display:block}
.image-hover-wrapper .hover-text{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.75);color:white;text-align:center;padding:1rem;transform:translateY(100%);transition:transform 0.3s ease}
.image-hover-wrapper:hover .hover-text{transform:translateY(0)}
table.zeitplan{width:100%;background:#FFF;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.06);border:1px solid #F0F0F0;border-collapse:separate;border-spacing:0}
table.zeitplan th{background:#B3B3B366;padding:24px 32px;text-align:left;border-bottom:1px solid #F0F0F0}
table.zeitplan tr td{padding:20px 32px;vertical-align:top;border-bottom:1px solid #F0F0F0}
@media (max-width:768px){table.zeitplan{border-radius:12px;margin-bottom:24px}table.zeitplan th{padding:20px 24px}table.zeitplan tr{display:block;border-bottom:1px solid #F5F5F5}table.zeitplan tr td{display:block;width:100%;padding:12px 24px}}
.projekt-uebersicht .img-card{height:400px;position:relative;overflow:hidden}
.projekt-uebersicht .img-card .projekt-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.3) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:white}
.projekt-uebersicht .img-card .projekt-overlay h2,.projekt-uebersicht .img-card .projekt-overlay p{position:relative;z-index:2;transition:transform 0.4s cubic-bezier(0.22,1,0.36,1)}
.projekt-uebersicht .img-card .techart-card_btn{background-color:rgba(255,255,255,0.67);font-size:16px;padding:12px 24px;position:absolute;left:20px;bottom:20px;z-index:3;opacity:0;transform:translateY(60px);transition:opacity 0.4s ease,transform 0.4s cubic-bezier(0.22,1,0.36,1);pointer-events:none}
.projekt-uebersicht .img-card:hover .projekt-overlay h2,.projekt-uebersicht .img-card:hover .projekt-overlay p{transform:translateY(-70px)}
.projekt-uebersicht .img-card:hover .techart-card_btn{opacity:1;transform:translateY(0);pointer-events:auto}
.img-card{position:relative;overflow:hidden;height:550px;cursor:pointer}
.img-card img{transition:transform 0.4s ease;height:100%;width:100%}
.img-card .service-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.3) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;color:white}
.img-card .service-overlay .service-text{font-size:18px !important;margin:0;margin-top:8px;opacity:0;height:0;transform:translateY(20px);transition:all 0.67s ease}
.img-card .service-overlay .service-text .btn{background-color:rgba(255,255,255,0.3)}
.img-card:hover img{transform:scale(1.05)}
.img-card:hover .service-overlay{background:linear-gradient(to top,rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.85) 100%)}
.img-card:hover .service-overlay .service-text{opacity:1;transform:translateY(0);height:100%}
.brand-item{position:relative;overflow:hidden}
.brand-item:hover img{transform:scale(1.1)}
.brand-item .item-bg img{filter:brightness(40%);transition:transform 0.3s ease}
.brand-item .item-content{position:absolute;top:35%;left:0;width:100%;text-align:center}
.faq-section .faq-accordion .accordion-item{border:none;border-bottom:1px solid #272727 !important;margin-bottom:10px;overflow:hidden}
.faq-section .faq-accordion .accordion-button{background:transparent;color:#272727 !important;font-size:clamp(18px,calc(18px + (24px - 18px) * ((100vw - 320px) / (1400px - 320px))),24px) !important;font-weight:300;padding:24px 24px 24px 0;margin:0;border:none;box-shadow:none !important;display:flex;align-items:center;gap:18px;transition:color 0.35s cubic-bezier(0.4,0,0.2,1),background 0.35s cubic-bezier(0.4,0,0.2,1)}
.faq-section .faq-accordion .accordion-button::after{display:none}
.faq-section .faq-accordion .accordion-button .faq-icon{margin-left:auto;flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.35s cubic-bezier(0.4,0,0.2,1)}
.faq-section .faq-accordion .accordion-button .faq-icon svg{width:20px;height:20px;stroke:#272727 !important;transition:transform 0.35s cubic-bezier(0.4,0,0.2,1),stroke 0.35s cubic-bezier(0.4,0,0.2,1)}
.faq-section .faq-accordion .accordion-button:not(.collapsed) .faq-icon{background:#c8c8c8;border-color:#c8c8c8}
.faq-section .faq-accordion .accordion-button:not(.collapsed) .faq-icon svg{stroke:#000 !important;transform:rotate(180deg)}
.faq-section .faq-accordion .accordion-button:focus{outline:none;box-shadow:none !important}
.faq-section .faq-accordion .accordion-collapse{transition:height 0.35s cubic-bezier(0.4,0,0.2,1) !important}
.faq-section .faq-accordion .accordion-body{padding:0 32px 32px 32px}
.faq-section .faq-accordion .accordion-body p{font-size:clamp(16px,calc(16px + (20px - 16px) * ((100vw - 320px) / (1400px - 320px))),20px) !important}
.swiper--few-slides .swiper-button-next,.swiper--few-slides .swiper-button-prev,.swiper--few-slides .swiper-pagination{display:none}
@media (min-width:1279px){.swiper--few-slides .swiper-button-next,.swiper--few-slides .swiper-button-prev,.swiper--few-slides .swiper-pagination{display:flex}}
.lightboxopen{position:relative;cursor:zoom-in}
.lightboxopen:hover::after{background:rgba(0,0,0,0.35);opacity:1}
.section-interactive-car .car-viewer{position:relative;border-radius:12px;overflow:hidden}
.section-interactive-car .car-viewer .car-view{display:none;position:relative;transition:opacity 0.35s ease,transform 0.35s ease}
.section-interactive-car .car-viewer .car-view.active{display:block}
.section-interactive-car .car-viewer .car-view img{width:100%;height:auto;display:block;border-radius:12px}
.section-interactive-car .car-viewer .hotspot{position:absolute;width:40px;height:40px;border-radius:50%;background:white;border:none;cursor:pointer;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px rgba(0,0,0,0.25);z-index:10;transition:transform 0.2s ease}
.section-interactive-car .car-viewer .hotspot:hover{transform:translate(-50%,-50%) scale(1.15)}
.section-interactive-car .car-viewer .hotspot:hover .hotspot-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px)}
.section-interactive-car .car-viewer .hotspot .hotspot-pulse{width:12px;height:12px;background:#1d1d1d;border-radius:50%;display:block;position:relative}
.section-interactive-car .car-viewer .hotspot .hotspot-pulse::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(0,0,0,0.2);animation:hotspot-pulse 2s infinite}
.section-interactive-car .car-viewer .hotspot .hotspot-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);background:#1d1d1d;color:white;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;white-space:nowrap;opacity:0;transition:all 0.2s ease;pointer-events:none}
.section-interactive-car .car-viewer .hotspot .hotspot-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#1d1d1d}
.section-interactive-car .car-viewer .car-back{position:absolute;bottom:16px;left:16px;background:white;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:background 0.2s ease;z-index:10}
.section-interactive-car .car-viewer .car-back:hover{background:#f0f0f0}
.inserat-list .inserat-card{background:linear-gradient(236deg,#F6F6F6 0%,#E4E4E4 100%);overflow:hidden;transition:box-shadow 0.2s ease;padding:24px;gap:24px}
.inserat-list .inserat-card__image{height:100%;overflow:hidden;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.16)}
.inserat-list .inserat-card__image img{width:100%;height:100%;object-fit:cover;object-position:20%;display:block}
.car-tech__table{display:flex;flex-direction:column}
.car-tech__row{display:flex;gap:16px}
@media (max-width:767px){.car-tech__row{flex-direction:column}}
.custom-card{background-color:#f0f0f0;padding:48px 24px;height:100%;display:flex;flex-direction:column;align-items:center;transition:transform 300ms ease}
.custom-card i{color:#1d1d1d;margin-bottom:24px}
.projekt-section img{width:450px !important;height:600px !important}
@media (max-width:991px){.projekt-section img{width:100% !important;height:500px !important}}
@media (max-width:575px){.projekt-section img{width:100% !important;height:350px !important}}
.no-hover,.no-hover *{transition:none !important;animation:none !important}
.no-hover:hover,.no-hover *:hover{transform:none !important;scale:none !important;filter:none !important;cursor:default !important}
.leistung-contact .team-member{height:auto}
.leistung-contact .team-member .nico-karkosch{transform:scale(4) translate(40px,50px);height:500px;width:100%}
@media (max-width:1199px){.leistung-contact .team-member .nico-karkosch{transform:scale(4) translate(30px,30px)}}
@media (max-width:991px){.leistung-contact .team-member .nico-karkosch{transform:scale(4) translate(60px,40px)}}
@media (max-width:767px){.leistung-contact .team-member .nico-karkosch{transform:scale(3) translate(50px,80px)}}
@media (max-width:575px){.leistung-contact .team-member .nico-karkosch{transform:scale(3) translate(40px,30px);height:450px}}
.techart-contact-section .team-member .maximilian-schreiber,.verkauf-contact-section .team-member .maximilian-schreiber,.inserat-contact-section .team-member .maximilian-schreiber{object-fit:cover;object-position:center top;width:100%}
@media (max-width:991px){.techart-contact-section .team-member .maximilian-schreiber,.verkauf-contact-section .team-member .maximilian-schreiber,.inserat-contact-section .team-member .maximilian-schreiber{object-fit:cover}}
.techart-contact-section .team-member{height:575px}
@media (max-width:575px){.techart-contact-section .team-member{height:500px}}
.verkauf-contact-section .team-member{height:600px}
@media (max-width:575px){.verkauf-contact-section .team-member{height:500px}}
.inserat-contact-section .team-member{height:620px}
@media (max-width:575px){.inserat-contact-section .team-member{height:500px}}
.filter-bar{column-gap:80px}
.filter-bar .form-select{border-radius:0px;border:1px solid #000 !important;background-color:#eee}
.filter-bar .multiselect{position:relative;width:100%}
.filter-bar .multiselect .multiselect-toggle{width:100%;cursor:pointer;border:1px solid #ced4da}
.filter-bar .multiselect.open .multiselect-toggle::after{transform:translateY(-50%) rotate(180deg)}
.filter-bar .multiselect .multiselect-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:100;max-height:300px;overflow-y:auto}
.filter-bar .multiselect.open .multiselect-dropdown{display:block}
.filter-bar .multiselect .multiselect-option{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;margin:0;transition:background-color 150ms ease}
.filter-bar .multiselect .multiselect-option:hover{background-color:#f5f5f5}
.filter-bar .multiselect .multiselect-option input[type="checkbox"]{margin:0;cursor:pointer}
.filter-bar .multiselect .multiselect-option span{flex:1;font-size:0.95rem}
.btn-reset{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:start;gap:4px}
.freigestelltes-bild{position:absolute;left:0;top:50%;transform:translateY(-50%);width:50vw}
@media (max-width:767px){.freigestelltes-bild{width:100%;position:relative;transform:unset;margin-left:-12px}}
.car-mode-image .mode-image{width:100%;max-height:800px}
.car-mode-image .car-mode-switch{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}
.car-mode-image .car-mode-switch .car-mode-arrow{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:none;border-radius:50%;background-color:#e8e8e8;color:#1a1a1a;cursor:pointer;transition:background-color 0.25s ease,transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}
.car-mode-image .car-mode-switch .car-mode-arrow:hover{background-color:#d8d8d8}
.car-mode-image .car-mode-switch .car-mode-arrow:active{transform:scale(0.92)}
.car-mode-image .car-mode-switch .car-mode-toggle{position:relative;display:inline-flex;align-items:center;justify-content:space-between;width:120px;height:50px;padding:0 15px;border:none;border-radius:999px;background-color:#e8e8e8;cursor:pointer;transition:background-color 0.4s ease;user-select:none;overflow:hidden}
.car-mode-image .car-mode-switch .car-mode-toggle[data-mode="dark"]{background-color:#2b2b2b}
.car-mode-image .car-mode-switch .car-mode-toggle[data-mode="dark"] .car-mode-thumb{transform:translateY(-50%) translateX(68px) rotate(360deg);background-color:#0c0c0c}
.car-mode-image .car-mode-switch .car-mode-toggle[data-mode="dark"] .car-mode-icon-sun{color:#888}
.car-mode-image .car-mode-switch .car-mode-toggle[data-mode="dark"] .car-mode-icon-moon{color:#fff}
.car-mode-image .car-mode-switch .car-mode-toggle .car-mode-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;transition:color 0.4s ease,transform 0.5s cubic-bezier(0.34,1.56,0.64,1);pointer-events:none}
.car-mode-image .car-mode-switch .car-mode-toggle .car-mode-icon svg{width:16px;height:16px}
.car-mode-image .car-mode-switch .car-mode-toggle .car-mode-icon-sun{color:#1a1a1a}
.car-mode-image .car-mode-switch .car-mode-toggle .car-mode-icon-moon{color:#888}
.car-mode-image .car-mode-switch i{font-size:20px}
.car-mode-image .car-mode-thumb{position:absolute;top:50%;left:4px;width:44px;height:44px;border-radius:50%;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.15);transform:translateY(-50%);transition:transform 0.5s cubic-bezier(0.68,-0.55,0.27,1.55),background-color 0.4s ease,box-shadow 0.4s ease}
.car-mode-image .car-mode-stack{position:relative;width:100%}
.car-mode-image .car-mode-stack .car-mode-img{position:absolute;top:0;left:0;width:100%;opacity:0;transform:scale(0.985);filter:blur(4px);transition:opacity 0.6s ease,transform 0.8s cubic-bezier(0.22,1,0.36,1),filter 0.6s ease;will-change:opacity,transform,filter}
.car-mode-image .car-mode-stack .car-mode-img:first-child{position:relative}
.car-mode-image .car-mode-stack .car-mode-img.is-active{opacity:1;transform:scale(1);filter:blur(0)}
@media (prefers-reduced-motion:reduce){.car-mode-stack .car-mode-img,.car-mode-thumb,.car-mode-icon,.car-mode-toggle,.car-mode-arrow{transition-duration:0.01ms}}
.car-gallery{display:grid;grid-template-columns:1fr 3fr;gap:16px;align-items:stretch;max-height:750px}
@media (max-width:767px){.car-gallery{grid-template-columns:1fr}}
.car-gallery-thumbs{display:grid;grid-template-rows:repeat(3,1fr);gap:16px}
@media (max-width:767px){.car-gallery-thumbs{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}}
.car-gallery-thumb{position:relative;overflow:hidden;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;height:240px}
@media (max-width:767px){.car-gallery-thumb{height:140px}}
.car-gallery-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:transform 0.5s ease,opacity 0.25s ease}
.car-gallery-thumb:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.15)}
.car-gallery-thumb:hover img{transform:scale(1.05)}
.car-gallery-thumb.is-swapping img{opacity:0;transform:scale(0.95)}
.car-gallery-main{position:relative;overflow:hidden}
.car-gallery-main-img{width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:opacity 0.25s ease,transform 0.5s ease}
.car-gallery-main-img.is-swapping{opacity:0;transform:scale(0.97)}
.about-wrapper{background:linear-gradient(0deg,#CACBCB 40.18%,rgba(209,211,210,0) 100%);padding-top:0;padding-bottom:0}
.about-wrapper img{aspect-ratio:1.5;object-position:center 60%;max-height:900px}
.about-wrapper .container{padding-top:60px;padding-bottom:60px}
.car-count-wide{grid-column:span 3}
@media (max-width:1199px){.car-count-wide{grid-column:span 2}}
@media (max-width:991px){.car-count-wide{grid-column:span 1}}
#sg-cookiesBar{position:fixed;right:30px;bottom:30px;z-index:99999;width:calc(100% - 60px);max-width:480px;background:rgba(255,255,255,0.96);backdrop-filter:blur(16px);border-radius:0;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.18)}
@media (max-width:768px){#sg-cookiesBar{right:12px;left:12px;bottom:12px;width:auto;max-width:none}}
#sg-cookiesBar .cookies-bar-container{padding:1.75rem}
@media (max-width:768px){#sg-cookiesBar .cookies-bar-container{padding:1.1rem}}
#sg-cookiesBar .title{font-size:clamp(20px,calc(20px + (26px - 20px) * ((100vw - 320px) / (1400px - 320px))),26px) !important;font-weight:500;margin:0 0 0.8rem}
#sg-cookiesBar .content p{font-size:clamp(14px,calc(14px + (16px - 14px) * ((100vw - 320px) / (1400px - 320px))),16px) !important;font-weight:300;line-height:1.55;margin:0 0 1.25rem}
#sg-cookiesBar .buttons{display:flex;flex-direction:column;gap:0.75rem}
#sg-cookiesBar .buttons a{width:100%;text-decoration:none}
#sg-cookiesBar .btn-enable-all{background-color:#272727 !important;color:#fff !important;border:2px solid #272727 !important}
#sg-cookiesBar .btn-enable-all:hover{background-color:#C50000 !important;border-color:#C50000 !important}
#sg-cookiesBar .btn-disable-all{background-color:rgba(255,255,255,0.4);color:#272727 !important;border:2px solid #272727 !important}
#sg-cookiesBar .btn-disable-all:hover{background-color:#C50000 !important;color:#EEE !important;border-color:#C50000 !important}
.projekt-infos{position:absolute;bottom:0;width:100%;color:#fff !important}
@media (max-width:991px){.projekt-infos{position:relative;background-color:#272727 !important}}
.projekt-infos .projekt-details{display:grid;grid-template-columns:repeat(3,1fr);hyphens:auto}
@media (max-width:991px){.projekt-infos .projekt-details{grid-template-columns:1fr}}
.projekt-infos .projekt-details .projekt-info{font-size:clamp(26px,calc(26px + (64px - 26px) * ((100vw - 320px) / (1400px - 320px))),64px) !important;font-weight:500;line-height:1.2;letter-spacing:-1px}
.projekt-infos .projekt-details__left,.projekt-infos .projekt-details__right{padding:0 0}
@media (max-width:991px){.projekt-infos .projekt-details__left,.projekt-infos .projekt-details__right{padding:10px 0 !important}}
.projekt-infos .projekt-details__left{padding-right:50px}
.projekt-infos .projekt-details__right{padding-left:50px}
.projekt-infos .projekt-details__middle{padding:0 50px;border-left:2px solid #fff !important;border-right:2px solid #fff !important}
@media (max-width:991px){.projekt-infos .projekt-details__middle{padding:10px 0;border:none !important;border-top:2px solid #fff !important;border-bottom:2px solid #fff !important}}