@charset "UTF-8";

@font-face{font-display: swap;font-family:'Montserrat';font-style:normal;font-weight:200;src:url('../fonts/montserrat-v25-latin-200.eot');src:local(''),url('../fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-v25-latin-200.woff2') format('woff2'),url('../fonts/montserrat-v25-latin-200.woff') format('woff'),url('../fonts/montserrat-v25-latin-200.ttf') format('truetype'),url('../fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg');
}
@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:400;src:url('../fonts/montserrat-v25-latin-regular.eot');src:local(''),url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'),url('../fonts/montserrat-v25-latin-regular.woff') format('woff'),url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'),url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg');
}
@font-face{font-display:swap;font-family:'Montserrat';font-style:normal;font-weight:700;src:url('../fonts/montserrat-v25-latin-700.eot');src:local(''),url('../fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'),url('../fonts/montserrat-v25-latin-700.woff') format('woff'),url('../fonts/montserrat-v25-latin-700.ttf') format('truetype'), url('../fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg');
}

*,::after,::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}

html {width:100%;overflow-x:hidden;font-size:16px; }
body{width:100%;min-width:320px;max-width:100%;margin:0;padding:0;font-family:"Montserrat",sans-serif;font-weight:400;line-height:1.5;color:#333;background-color:#FFF;overflow-x:hidden!important;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-optical-sizing:auto;hyphens:auto;}
p { hyphens:auto; }
h1{font-size:2rem;font-weight:400;margin:0 auto 35px;line-height:1;color:#0B4395;filter:drop-shadow(0px 0px 1px #333);}
h2{font-weight:400;margin:0 auto 20px;line-height:1;}
.tit, .titel{line-height:1;max-width:90%;margin:auto;}
svg,img{vertical-align:middle}
.img-fluid{max-width:100%;height:auto;}

a{color:#0B4395;text-decoration:none;}
a:hover{color:#D8B36C;text-decoration:underline;}
a.no:hover{color:inherit;text-decoration:none;cursor:text;}
.bbolder{font-weight:700;}
.bbold{font-weight:700;}
.blue{color:#0B4395;}
.maxbody{max-width:2000px;margin:auto}
.maxw {padding-left:5px;padding-right:5px;}

header{width:100%;margin:0px auto;padding:0;z-index:3;}
.navheader{position:fixed;top:0px;padding-top:40px;width:100%;z-index:3;}
.mylogo{position:relative;max-width:60%;width:100%;margin:0px auto;height:auto;text-align:center;}

/* MENU */
input#hicon{opacity:0;position:absolute;z-index:-1;}
#hicon:focus + label{outline:none;}
#hicon:focus-visible + label .line-1,#hicon:focus-visible + label .line-2,#hicon:focus-visible + label .line-3{background-color:#0B4395;}
#hicon:focus-visible + label{outline:2px solid #0B4395;outline-offset:6px;border-radius:4px;}

label#lhicon{position:fixed;display:block;width:50px;height:34px;top:20px;right:20px;padding:0.5em;cursor:pointer;z-index:5;}
label#lhicon::after{opacity:0;}
label#lhicon .line{position:absolute;display:block;right:0px;background-color:#FFF;width:50px;height:4px;border-radius:3px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;box-shadow:0px 0px 5px #000;}

label#lhicon .line.line-1{top:0;width:100%;}
label#lhicon .line.line-2{top:50%;width:55%;}
label#lhicon .line.line-3{top:100%;width:89%;}
input#hicon:checked ~ label#lhicon {width:50px;}
input#hicon:checked ~ label#lhicon .line, label#lhicon:hover .line-1, label#lhicon:hover .line-2, label#lhicon:hover .line-3 { background-color:#0B4395;box-shadow: 0px 0px 3px #FFF;}
input#hicon:checked ~ label#lhicon .line {background-color:#445C70;}
input#hicon:checked ~ label#lhicon .line-1{-webkit-transform:translateY(17px) translateX(0) rotate(45deg);-moz-transform:translateY(17px) translateX(0) rotate(45deg);transform:translateY(17px) translateX(0) rotate(45deg);}
input#hicon:checked ~ label#lhicon .line-2{opacity:0;width:100%;}
input#hicon:checked ~ label#lhicon .line-3{width:100%;-webkit-transform:translateY(-17px) translateX(0) rotate(-45deg);-moz-transform:translateY(-17px) translateX(0) rotate(-45deg);transform:translateY(-17px) translateX(0) rotate(-45deg);}

/* NAVIGATION */
nav{position:fixed;top:0px;right:-80px;width:0%;height:100%;padding:40px;opacity:0;overflow-x:auto;overflow-y:scroll;z-index:4;transform:translateX(0%);background-color:#FFFFFF;transition-timing-function:cubic-bezier(10, 2, 3, 1);transition:0.5s;-ms-overflow-style:none;scrollbar-width:none;text-align:center;filter:drop-shadow(0px 0px 5px #333);
background-image:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,.9), rgba(255,255,255,0)),url("../images/slides/xl/verkauf-montage-autoreifen-felgen.jpg");background-repeat:no-repeat;background-position:center;background-size:cover;}
nav::-webkit-scrollbar{display:none;}
input#hicon:checked ~ nav{width:100%;visibility:visible;opacity:1;right:0%;}

nav ul{list-style:none;display:block;height:auto;overflow:hidden;margin:0;padding:0;text-align:left;}
nav ul li{position:relative;}
nav ul li div{margin:20px;transition:all 1s ease-in;line-height:1;}
nav ul li div span{font-weight:400;font-size:2rem;color:#0B4395;display:block;margin-bottom:20px;}
nav ul li div a{display:block;font-size:1.2rem;margin-top:5px;transition:all .3s ease-in;line-height:1.8;}

.navbook {display:none;}
.navlang a {margin:2rem 1rem 0;color: #333333;}
input#hicon ~ nav ul li div {color:#333;filter:opacity(0);}
input#hicon ~ nav ul li div a {margin-left:0px;}
input#hicon:checked ~ nav ul li div {filter:opacity(1);color:#333}
input#hicon:checked ~ nav ul li div a{margin-left:13px;color:#333}

/* HEADER */
.topimgcontainer {position:relative;max-width:2400px;width:100%;height:55vh;min-height:400px;margin:-55px auto 0;overflow:hidden;}
.parallpic {position:relative;width:100%;height:100%;}
.parallpic img{position:relative;width:100%;height:55vh;min-height:400px;object-fit:cover;object-position:center;}

.titolocontainer{position:absolute;bottom:30px;width:100%;text-align:center;filter:drop-shadow(0px 0px 5px rgba(0,0,0,0.55));}
.titolo {max-width:90%;margin:0px auto 4rem;font-size:calc(21px + 4vw);line-height:1;font-weight:700;hyphens:auto;color:rgba(12,67,148,1.00);text-shadow:0px 0px 1px #000;filter:drop-shadow(0px 0px 5px #fff);}

.duo{display:flex;align-items:center;border-top:1px solid #0C4394;border-bottom:1px solid #0C4394;margin-top:1rem;margin-bottom:1rem;background-color: rgba(12,67,148,0.05); }
.duo2{display:flex;align-items:center;}
.duo div {margin:1rem;text-align:justify;}
.duo2 div:first-child {margin:1rem;;text-align:justify;order:2;}
.duo2 div:last-child {margin:1rem;order:1;}

/* MOBILE BOTTOM BUTTONS*/
.bottnav {display:none;}
.floatl,.floatr{float:none;}
.storno {float:left;margin:1rem 2rem 1rem 0;max-width:100%;height:auto}
.whitebkg {background-color:#FFFFFF;}
.maincontent {display:flex;align-items:center;width:100%;margin:0px auto 0px;min-height:55vH;padding:5rem 20px 0px;}
.maincontent div{display:flex;flex-direction:column;}

.mainpage{display:flex;justify-content:center;align-items:center;text-align:center;}
.mainpage div {align-self:center;}
.m-auto{margin:0 auto;}

/* MAPS */
.maps {max-width:2400px;margin:5rem auto 0;overflow:hidden;display:flex;-webkit-box-align:center;align-items:center;justify-content:center;}
.maps img {min-width:100%;min-height:420px;width:auto;height:auto;max-height:480px;}

/* FOOTER */
.fmarker {
  display:inline-block;margin:1.2rem .5rem 0rem -1.2rem;width:12px;height:15px;background-repeat:no-repeat;background-size:12px 15px;background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18 23' style='enable-background:new 0 0 18 23;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bfill:%23B1340A;%7D%3C/style%3E%3Cpath class='st0' d='M9,0C4,0,0,4.1,0,9.2c0,3.7,4.8,10,7.4,13.1c0.8,1,2.4,1,3.2,0c2.6-3.1,7.4-9.4,7.4-13.1C18,4.1,14,0,9,0L9,0z M9,10.9c-1.2,0-2.2-1-2.2-2.2s1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2S10.2,10.9,9,10.9L9,10.9z'/%3E%3C/svg%3E");
}

footer {color:#111111;padding:13px;max-width:2400px;margin:0 auto 50px;background-color:#FFFFFF;}
footer > div:first-child {display:flex;flex-flow:column;padding:5rem 0rem;justify-content:center;align-items:center;}
footer > div:first-child div {justify-content:center;align-items:center;text-align:center;padding:8px;}
footer a{color:#0C4394;}
table td {padding-right:30px;}
.footer-logo a span {display:none;}
.footer-logo a {display:block;width:250px;height:108px;line-height:0;font-size:0;color:transparent;}

.footerline {display:flex;font-size:0.8rem;padding:1rem;border-top:1px #0C4394 solid;justify-content:center;text-align: center;}
.footerline div {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.footerline div:last-child {display:flex;justify-content:flex-end;}

.partner {display:none!important;}

.nsm{display:none;}
.onlydesktop{display:none;}

/* BUTTON */
.btn{display:inline-block;padding:8px 15px;border:1px solid #0C4394;background-color:rgba(255,255,255,0.50);text-align:center;color:#333;text-decoration:none;transition:.4s;cursor:pointer;text-shadow:0px 0px 2px #000;}
.btn:hover{background-color:rgba(255,255,255,0.80);color:#0C4394;text-decoration:none;border-color:#FFFFFF;}
a.btn.blue{border-color:#0C4394;color:#FFF;background-color:#0C4394;}
a.btn.blue:hover{color:#0C4394;background-color:rgba(255,255,255,0.80);}

div.btn.blue{font-weight:700;border-color:#008CFF;color:#FFF;background-color:#0B4395;}
div.btn.blue:hover{background-color:transparent;}

.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
.zertificate {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(233px, 1fr));
  gap:1.44rem;
  max-width:2000px;
  margin:0 auto;
  padding:1.44rem;
  text-align:center;
}
.services-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(233px, 1fr));
  gap:1.44rem;
  max-width:2000px;
  margin:0 auto;
  padding:1.44rem;
}
.service-item {
  background: #f7f7f7;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.service-item h3 {
  margin-bottom: 0.5rem;
  color: #333;
}
.service-item a {display:block;width:100%;height:100%;padding: 1rem;text-decoration:none;color:#333333}
.service-item a:hover{background: #f0f0f0;color:#000000;}
.service-item a:hover img{ transition: all 0.65s; transform: rotateY(360deg);}

#gt1 {display:block;width:100%;overflow:hidden;margin-top:3rem;}

@media (max-width:767px) {
.phone {
  background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230B4395;%7D%0A%3C/style%3E%3Cpath class='st0' d='M45.1,48.3c-2.3,1.8-13,5.8-30.7-11.4C-4.2,18.7-0.2,7,1.9,5L14,17.1c-1.7,1.7-0.2,3.9,3.2,8.1 c2.3,2.8,5.3,6,8.7,8.7c2.4,1.9,4.9,3.7,6.7,1.9L45.1,48.3L45.1,48.3z'/%3E%3Cpath class='st0' d='M6.2,0.6c0.8-0.8,2-0.7,2.7,0l0,0l9.4,9.5c0.7,0.7,0.7,2,0,2.7l-3.4,3.4L2.8,4L6.2,0.6L6.2,0.6L6.2,0.6z'/%3E%3Cpath class='st0' d='M37,31.4c0.8-0.8,2-0.7,2.7,0h0l9.7,9.8c0.7,0.8,0.7,2,0,2.7L46,47.3L33.6,34.9L37,31.4L37,31.4L37,31.4z'/%3E%3C/svg%3E%0A");
}
.mail{
  background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 58 44' style='enable-background:new 0 0 58 44;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230B4395;%7D%0A%3C/style%3E%3Cpath class='st0' d='M54.7,0H3.3C1.5,0,0,1.5,0,3.4v37.3C0,42.5,1.5,44,3.3,44h51.3c1.9,0,3.3-1.5,3.3-3.4V3.4C58,1.5,56.5,0,54.7,0 L54.7,0z M30.9,24.8c-0.4,0.4-1.1,0.7-1.8,0.7c-0.7,0-1.4-0.3-1.9-0.7L6.9,4.1h44.6L30.9,24.8L30.9,24.8z M18.7,21.9L4,37V7 L18.7,21.9L18.7,21.9z M21.5,24.8l2.8,2.9c1.3,1.3,3,1.9,4.7,1.9c1.7,0,3.4-0.6,4.7-1.9l2.8-2.8l14.6,15H6.9L21.5,24.8L21.5,24.8z M39.4,22L54,7.3V37L39.4,22L39.4,22z'/%3E%3C/svg%3E");
}
.bottnav {position:fixed;display:block;width:100%;height:60px;bottom:0px;left:0px;z-index:2;overflow:hidden;}
.bottnav ul {list-style-type:none;display:flex;margin:0;padding:0;width:100vW;height:50px;justify-content:space-around;}
.bottnav ul li {display:inline-block;background-color:#FFF;border:1px solid #0B4395;width:60px;height:55px;margin-bottom:5px;/*border-radius:5px;*/cursor:pointer;}
.bottnav ul li a {display:block;height:100%;width:100%;text-indent:-9999;line-height:0;font-size:0;}
.bottnav ul li.book {background-color:#0B4395;width:auto;border:1px solid #0B4395;}
.bottnav ul li.book a {display:inline;height:100%;width:100%;text-indent:0;line-height:50px;font-size:calc(.6rem + 1vw);font-weight:700;color:#FFF;padding:30px;text-transform:uppercase;text-decoration: none;}
.bottnav ul li.phone {background-position:13px;background-size:34px;}
.bottnav ul li.mail {background-position:13px;background-size:34px;}
.bottnav ul li.calendar {background-position:13px;background-size:34px;}
}

@media (min-width:576px){

  input#hicon:checked ~ nav{width:400px;}
  .floatl{float:left;padding-bottom:30px;padding-right:30px;}
  .floatr{float:right;padding-bottom:30px;padding-left:30px;}
  .partner {display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important;}
  .partner img{margin-left:1rem;filter:grayscale(100%) sepia(50%) opacity(.7);transition: all .2s ease-in;}
  .partner img:hover{filter:grayscale(0%) sepia(0%) opacity(1); }
  .footerline {justify-content:space-around;text-align:left;}  
  .nsm{display:inline-block;margin:0 .5rem;}
  .sm{display:none;}
}

@media (min-width:768px) {
  
  .maincontent {position:relative;}
  .maincontent div{display:block;}
  .maincontent div.duo{display:flex;flex-direction:row;gap:20px;margin-bottom:3rem;margin-top:3rem;}
  .maincontent div.duo2{display:flex;flex-direction:row;gap:20px;margin-bottom:3rem;margin-top:3rem;}
  .maxw {max-width:90%;margin:auto}
  label#lhicon{top:45px;right:40px;}
  .mylogo {max-width:inherit;width:100%!important;margin:25px auto 0px;}
  .navbook{position:fixed;display:block;top:10px;left:10px;z-index:5;}
  .navbook span{display:block;padding-bottom:10px;}
  .navbook a{margin-left:10px;}
  .navbook span a{margin-left:20px;}
  .navbook span a:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)}
  .topimgcontainer {min-height:500px;margin:-90px auto 0;}
  .parallpic img{min-height:500px;}

  footer {margin:0 auto 0px;}
  footer > div:first-child {flex-flow:row;justify-content:space-around;align-items:baseline;}
  footer > div:first-child div {justify-content:flex-start;align-items:flex-end;text-align:left;padding:0px;}
  .onlydesktop {display:inherit;}

  .duo div:first-child {margin-left:1rem;}
  .duo div:last-child {margin-right:1rem;}
  .duo2 div:first-child {margin-left:1rem;order:1;}
  .duo2 div:last-child {margin-right:1rem;order:2;}
  
}
@media (max-width:1200px) and (orientation:landscape) {

}
@media (min-width:1025px){
  .mylogo {max-width:inherit;width:100%!important;margin:55px auto 0px;}
  .topimgcontainer {min-height:630px;margin:-90px auto 0;}
  .parallpic img{min-height:630px;}
}
@media (min-width:1200px){
  .maincontent {padding:5rem 200px;}
  a.btn{ font-size:1.1rem;}
  a.btn.blue{font-weight:700;padding:8px 20px;letter-spacing:3px}
  .topimgcontainer {min-height:700px;margin:-100px auto 0;}
  .parallpic img{min-height:700px;} 
}
@media (min-width:1441px){
  input#hicon:checked ~ nav{width:600px;}
  .topimgcontainer {min-height:850px;margin:-100px auto 0;}
  .parallpic img{min-height:850px;}
  footer > div {margin-top:3rem;}
}
@media (min-width:1400px) and (min-height:900px){
}