@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css); /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{padding:15px 20px;display:inline-block;cursor:pointer;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:rgba(0,0,0,0);border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.4}.hamburger.is-active:hover{opacity:.4}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#4c4c4c}.hamburger-box{width:36px;height:20px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:36px;height:2px;background-color:#4c4c4c;border-radius:2px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-9px}.hamburger-inner::after{bottom:-9px}.hamburger--spin .hamburger-inner{-webkit-transition-duration:.22s;transition-duration:.22s;-webkit-transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin .hamburger-inner::before{-webkit-transition:top .1s .25s ease-in,opacity .1s ease-in;transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{-webkit-transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom .1s .25s ease-in,-webkit-transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19);transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19),-webkit-transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)}.hamburger--spin.is-active .hamburger-inner{-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;-webkit-transition:top .1s ease-out,opacity .1s .12s ease-out;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1);transition:bottom .1s ease-out,-webkit-transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1),-webkit-transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)}body{--cc-btn-primary-bg: #4c4c4c;--cc-btn-primary-text: white;--cc-btn-primary-hover-bg: #808080}@-webkit-keyframes fadeinout{50%{opacity:1}100%{opacity:0;display:none}}@keyframes fadeinout{50%{opacity:1}100%{opacity:0;display:none}}.cookie-banner{background-color:#fff;bottom:0;-webkit-box-shadow:0 -0.5rem 1rem rgba(0,0,0,.15);box-shadow:0 -0.5rem 1rem rgba(0,0,0,.15);left:0;padding:1.5rem;position:fixed;right:0;width:100%;z-index:var(--cc-z-index, 2147483647)}.cookie-banner.fade-out{-webkit-animation:fadeinout 200ms linear forwards;animation:fadeinout 200ms linear forwards}@media screen and (max-width: 768.02px){.cookie-banner{padding:2rem 1.5rem}}.cookie-banner p{font-size:1.125rem !important;margin-bottom:0 !important}.cookie-banner a{border-bottom:1px solid var(--cc-btn-primary-bg, #2d4156);color:var(--cc-btn-primary-bg, #2d4156);cursor:pointer;display:inline;font-weight:600;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;padding-bottom:0;text-decoration:none}.cookie-banner .btn{color:var(--cc-btn-primary-bg, #2d4156);border:1px solid var(--cc-btn-primary-bg, #2d4156) !important;margin-bottom:.75rem;margin-left:auto;width:auto}.cookie-banner .btn:hover,.cookie-banner .btn:focus{color:var(--cc-btn-primary-text, white);border:1px solid var(--cc-btn-primary-text, white) !important}body{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-weight:400;font-style:normal}header#header{color:#fff;background:#4c4c4c}header#header img.logo{height:70px}header#header nav.navbar{background-color:#fff}header#header nav.navbar li.nav-item{margin:.5rem 1rem}header#header nav.navbar li.nav-item a.nav-link{color:#4c4c4c;padding:1rem 2rem !important;text-transform:uppercase;font-weight:bold;-webkit-transition:ease-in-out background-color .24s;transition:ease-in-out background-color .24s}header#header nav.navbar li.nav-item a.nav-link:hover{text-decoration:none;background-color:#fbe100}header#header nav.navbar li.nav-item.active a.nav-link{text-decoration:none;background-color:#fbe100}header#header nav.navbar button.hamburger{display:none}header#header div.social-media-icons img{height:30px}header#header div.social-media-icons img:hover{opacity:.5}h1,h2,h3{font-weight:700}h1{text-transform:uppercase}h2{font-size:1.6rem}h3{font-size:1.25rem}.btn.btn-primary{color:#fff;font-weight:bold;text-transform:uppercase;background-color:#4c4c4c;border-color:#4c4c4c}.btn.btn-primary:hover{color:#4c4c4c;background-color:#fbe100;border-color:#fbe100;text-decoration:none}.btn.btn-secondary{color:#4c4c4c;font-weight:bold;text-transform:uppercase;background-color:rgba(0,0,0,0);border-color:#4c4c4c}.btn.btn-secondary:hover{color:#4c4c4c;background-color:#fbe100;border-color:#fbe100;text-decoration:none}main{margin-top:96px}main div.introText p{font-size:1.4rem}main div.content{margin-top:4rem;margin-bottom:6rem}main div.content a{color:#4c4c4c;font-weight:bold;text-decoration:none}main div.content a:hover{text-decoration:underline}main div.content div.standortCard img.staoImg{-webkit-transition:.3s;transition:.3s}main div.content div.standortCard img.staoImg:hover{opacity:.8}main div.content div.standortCard div:first-of-type div:first-of-type a{height:315px;position:relative;display:block;overflow:hidden}main div.content div.standortCard div:first-of-type div:first-of-type a img{height:100%;-o-object-fit:cover;object-fit:cover}main div.content div.standortCard div.staoText-xlg{min-height:510px}main div.content div.standortCard div.staoText-lg{min-height:420px}main div.content div.standortCard div.staoText-sm{min-height:330px}main div.content div.standortCard img.markenLogo{height:55px;max-width:85px;margin-right:1rem;margin-top:1rem}main div.content div.standortCard img.markenLogo--vw{width:71px;height:auto;margin:0;top:11px;position:relative}main div.content img.partnerLogo{width:240px}main div.content img.partnerLogo.tcs{width:120px}main div.content div.gallery .card{border:0;border-radius:0}main div.content div.gallery .card img.galleryImg{width:100%;height:auto;-webkit-transition:.3s;transition:.3s}main div.content div.gallery .card img.galleryImg:hover{opacity:.8}footer{color:#fff;background:#4c4c4c}footer a{color:#fff;text-decoration:none}footer a:hover{color:#999}footer div.markenLogos img{height:60px;max-width:70px;margin:0 .8rem}footer div.social-media-icons img{height:30px}footer div.social-media-icons img:hover{opacity:.5}@media(max-width: 379.98px){footer div.markenLogos img{height:45px !important;max-width:45px !important;margin:0 .5rem !important}}@media(max-width: 575.98px){footer div.markenLogos img{height:45px;max-width:55px;margin:0 .6rem}}footer div.markenLogos img.footer--vwLogo{height:100px;margin:auto;max-width:100px;position:relative;top:-16px}@media(max-width: 991.98px){header#header nav.navbar li.nav-item a.nav-link{padding:.5rem 1rem .3rem 1rem !important}header#header nav.navbar button.hamburger{display:block}header#header nav.navbar div#navbarContent{margin:3rem 0}header#header div.social-media-icons{display:none}}@media(max-width: 1199.98px){main div.content div.standortCard .btn{width:100% !important}}@media(max-width: 1399.98px){footer div.markenLogos img{height:55px;max-width:65px;margin:0 .6rem}}