/* main.css - riegelkfz.de */
/* ALLGEMEIN */
@font-face{font-family:open_sanslight;src:url(../fonts/open-sans-light/opensans-light.eot);src:url(../fonts/open-sans-light/opensans-light.eot?#iefix) format('embedded-opentype'),url(../fonts/open-sans-light/opensans-light.woff2) format('woff2'),url(../fonts/open-sans-light/opensans-light.woff) format('woff'),url(../fonts/open-sans-light/opensans-light.ttf) format('truetype'),url(../fonts/open-sans-light/opensans-light.svg#open_sanslight) format('svg');font-weight:400;font-style:normal}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}body,html{font-family:open_sanslight,Verdana,georgia,tahoma,arial,Segoe,helvetica,roboto,sans-serif;font-size:62.5%;line-height:1.6;font-weight:400;height:100%}body{font-size:1.6rem;margin:0 auto}h1,h2,h3,h4,h5{color:#000;text-align:left;letter-spacing:0;font-weight:400;text-transform:none}h1{font-size:3.5rem;line-height:3.7rem;margin-top:0;margin-bottom:5.2rem}h2{text-align:left;font-size:2.9rem;line-height:3.6rem;margin-top:0;margin-bottom:3.5rem;font-weight:700}h3{font-size:2rem;line-height:2.8rem;margin-top:1rem;margin-bottom:2.5rem;letter-spacing:0}a{background-color:transparent;color:#000;text-decoration:underline}a:hover{color:#298ed6;text-decoration:none}img{max-width:100%;height:auto;margin:0}.center{display:block;margin-left:auto;margin-right:auto;width:50%}.center-1{display:block;margin-left:auto;margin-right:auto;width:65%}.center-2{display:block;margin-left:auto;margin-right:auto;width:85%}.shadow{-moz-box-shadow:8px 0 10px #aaa,-8px 0 10px #aaa;-webkit-box-shadow:8px 0 10px #aaa,-8px 0 10px #aaa;box-shadow:8px 0 10px #aaa,-8px 0 10px #aaa}.small{font-size:1.3rem;line-height:1.9rem}.liste-1,.liste-1 ul{margin:0;padding:0}.liste-1 li{list-style:none;line-height:2.5rem;font-size:1.5rem;font-weight:700;padding:0;margin:0}.liste-1 li:before{display:inline-block;font-family:'Font Awesome 5 Free';content:"\f00c";font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:900;text-rendering:auto;-webkit-font-smoothing:antialiased;text-decoration:none;margin-right:1rem;color:#298ed6;font-size:1.3rem;transition:all .3s}#nav{margin:0;padding:0}#menu1{display:table;position:absolute;z-index:2;top:0;left:0;height:100vh;width:100%;margin-left:-200vw;padding:0;background:0 0;transition:all 2s ease-out 0s;-webkit-transition:all 2s ease-out 0s;-moz-transition:all 2s ease-out 0s;-ms-transition:all 2s ease-out 0s;-o-transition:all 2s ease-out 0s}#menu1 ul{display:table-cell;vertical-align:middle;background:#403f3f;text-align:center;margin:0 auto;padding:0 1rem}#menu1 li{list-style-type:none;display:block;margin:0;text-align:center;padding:0;font-weight:700}#menu1 li a{display:inline-block;text-align:center;text-decoration:none;font-size:1.6rem;letter-spacing:6px;padding:.4rem 1rem;margin:0 -4px;background:0 0;color:#fff;text-shadow:none;text-transform:uppercase}#menu1 li a:hover{background:0 0;color:#298ed6}#nav label.button-open{display:block;text-align:left;position:absolute;top:1rem;left:2rem;z-index:2;margin:0;padding:0;background:0 0;cursor:pointer;color:#fff;text-shadow:0 0 1px #000;font-size:3rem;transition:opacity 2s}#nav label.button-close{display:block;position:absolute;top:1rem;left:2rem;z-index:3;cursor:pointer;background:0 0;text-align:center;vertical-align:middle;opacity:0;color:#292828;font-size:3rem;transition:transform 2s,opacity 2s}#nav .fas{display:inline;margin:0;padding:0;width:5rem;height:5rem;line-height:5rem;font-size:3.4rem;color:#f7f7f7;background:0 0}#nav .fas:hover{color:#d65813}input[type=checkbox]{display:none}input#open-menue:checked~#menu1{margin:0;transition:all 1s ease-out}input#open-menue:checked~label.button-open{opacity:0}input#open-menue:checked~label.button-close{opacity:1;transform:rotate(360deg)}input#open-menue:checked~#menu1 li a{transform:rotateX(360deg);transition:transform 2s ease-out}.scrollicon{text-align:center;text-decoration:none;width:5.5rem;height:5.5rem;border-radius:50%;opacity:.7;position:fixed;bottom:2rem;right:2rem;display:none;border:.25rem dashed #fff;background-color:#039}.scrollicon div{font-weight:700;font-size:2.7rem;color:#fff;padding-top:.1rem}#slider{animation:slide 40s linear infinite;width:500%;height:100%;animation-direction:normal}#slider div{width:20%;float:left;display:table}@keyframes slide{0%{transform:translateX(0)}17%{transform:translateX(0)}20%{transform:translateX(-20%)}37%{transform:translateX(-20%)}40%{transform:translateX(-40%)}57%{transform:translateX(-40%)}60%{transform:translateX(-60%)}77%{transform:translateX(-60%)}80%{transform:translateX(-80%)}98%{transform:translateX(-80%)}}.pics{display:table;padding:0;margin:0;width:100%;height:100%;overflow:hidden;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.pics .inhalt{display:table-cell;vertical-align:bottom;padding-bottom:1rem}.bild-01{background-image:url(../images/logo01-werkstatt.jpg)}.bild-02{background-image:url(../images/logo02-motor.jpg)}.bild-03{background-image:url(../images/logo03-werkstatt-innen.jpg)}.bild-04{background-image:url(../images/logo04-werkstatt-innen.jpg)}.bild-05{background-image:url(../images/logo05-big-car.jpg)}.schalter span.lesen{color:#fff;display:inline-block;background:#3f3f3f;text-decoration:none;padding:.4rem 1.6rem .4rem 1.2rem;border-radius:0;cursor:pointer;margin:0}.schalter span.lesen:hover{color:#fff;background:#000;text-decoration:none;box-shadow:1px 1px 3px #9f9f9f}.schalter .lesen:before{display:inline-block;font-family:'Font Awesome 5 Free';font-weight:900;content:"\f0da";font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;text-decoration:none;color:#298ed6;padding:.2rem 0;margin:0 .6rem 0 .4rem;transition:transform .3s ease-out}.schalter .lesen:hover:before{transform:translate(.3rem);color:#d65813}.wrapper-box{display:block;text-align:center;padding:0}.box{display:inline-block;width:100%;vertical-align:top;padding:.2rem;margin:0 -.2rem 0 -.2rem}.box-1_of_1,.box-1_of_2,.box-1_of_3{width:100%}.wrapper-box .box a img,.wrapper-box .box img{display:block;width:100%;height:auto}.logo{display:table;width:100%;margin:0;padding:0;text-align:center;overflow:hidden;background-repeat:no-repeat;background-position:50% 60%;background-size:cover;background-image:url(../images/logo01-werkstatt.jpg)}.logo-content{position:relative;display:table-cell;width:100%;height:100vh;padding:0 0;margin:0}#name{position:absolute;display:inline-block;z-index:1;top:50%;left:50%;width:30rem;height:24rem;margin-top:-12rem;margin-left:-15rem;background:rgba(0,0,0,.5);opacity:.9;text-align:center;color:#fff;font-weight:700;letter-spacing:13px;padding:0;text-shadow:0 0 1px #000;text-transform:uppercase}#name .inhalt{display:table-cell;vertical-align:middle;text-shadow:2px 2px gray;text-align:center;height:24rem;width:35rem;font-size:6.5rem}#name span{display:block;text-align:center;color:#fff;letter-spacing:1px;text-shadow:2px 2px gray;font-size:3rem;line-height:4rem;padding:0 .5rem;text-transform:none}.section-content{display:table;width:100%;margin:0;padding:0;color:#000}.content{display:table-cell;width:100%;height:100vh;margin:0 auto;padding:10vh 0;text-align:left;vertical-align:middle}.section-content:nth-child(odd){background:#fbfbfb}.section-content:nth-child(even){background:#eaeaea}.schalter{position:relative}.boxfenster{display:block;font-size:15px;position:fixed;top:0;left:0;overflow:auto;box-shadow:0 0 1px #000;text-align:left;font-size:1.7rem;line-height:2.5rem;height:100vh;width:100vw;margin-top:-260vh;overflow:hidden}.boxinhalt{display:block;overflow:auto;position:relative;background:#fff;color:#000;height:100%;padding:5rem 6rem 0 2.5rem;margin:0}.schalter label.button-close{display:inline-block;position:absolute;top:2rem;right:3rem;z-index:3;cursor:pointer;background:0 0}.schalter .button-close .fas{display:inline-block;background:0 0;position:fixed;color:#d85813;margin:-1.5rem -2.5rem;padding:0;font-size:4rem;width:5rem;height:5rem;line-height:5rem;border-radius:100%}.schalter .button-close .fas:hover{color:#298ed6}.schalter input[type=checkbox]{display:none}input#open-home:checked~.boxfenster,input#open-kontakt:checked~.boxfenster,input#open-service:checked~.boxfenster,input#open-werkstatt:checked~.boxfenster{margin:0;z-index:4;background:rgba(0,0,0,.65)}.info .wrapper-box-table{display:table;table-layout:fixed;width:100%;padding:0}.info .box-tabcell{min-height:20rem;display:inline-block;background:0 0;width:100%;padding:2rem;margin-bottom:2rem;vertical-align:top;text-align:left;hyphens:auto}.info .box-tabcell-2{min-height:20rem;display:inline-block;background:0 0;color:#000;width:100%;padding:2rem;margin-bottom:2rem;vertical-align:middle;text-align:center;hyphens:auto}#partner .box{margin-bottom:4rem}#partner .box-1_of_3{width:25%;text-align:center}#partner h3{margin-top:.5rem;margin-bottom:.5rem;color:#000;font-size:1.6rem;text-align:center;text-transform:uppercase;font-weight:700}#partner img{max-width:80%}#kontakt .box{font-size:1.4rem;padding:0;margin-bottom:1rem}#kontakt .box-1_of_2{width:100%}#kontakt ul{text-align:left;padding:0;margin:0}#kontakt li{list-style:none;padding:0;margin:0}#kontakt h3{font-size:1.6rem}#kontakt b{font-weight:700}#kontakt .fas{display:inline-block;text-align:center;margin:0 .4rem 0 -.2rem;padding:0;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:1.4rem;color:#298ed6;text-shadow:none}.tag{display:inline-block;width:6rem;font-weight:400}.section-footer{width:100%;color:#fff;background:#2f2f2f;background-image:url(../images/werkstatt-footer.jpg);background-position:50% 40%;background-repeat:no-repeat;background-size:cover}.footer-content{min-height:15rem;margin:0 auto;padding:1rem 1rem 0 1rem;font-size:1.4rem}#footer .wrapper-box-table{display:table;table-layout:fixed;width:100%;padding:0}#footer .box-tabcell{min-height:20rem;display:inline-block;background:0 0;color:#fff;width:100%;padding:1rem 2rem 3rem 2rem;margin-bottom:1rem;vertical-align:top;text-align:left;background:linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.3),rgba(0,0,0,.7))}#footer h3{font-size:1.55rem;line-height:1.65rem;color:#fff;padding:1rem 0;border-bottom:dotted 1px #d85813;margin:1rem 0;text-align:left}#footer ul{text-align:left;padding:0;margin:0}#footer li{list-style:none;padding:0;margin:0}#footer .menu{margin:0 auto;padding:0;font-size:1.3rem;line-height:1.8rem}#footer .menu ul{text-align:center;margin:0;padding:0}#footer .menu li{list-style-type:none;margin:0;padding:.1rem}#footer .menu a{display:inline-block;text-align:left;vertical-align:middle;text-decoration:none;letter-spacing:0;padding:0;margin:.1rem 0;color:#fff}#footer .menu li a:hover{color:#fff;background:0 0;text-decoration:underline}#footer li a:before{display:inline-block;font-family:'Font Awesome 5 Free';content:"\f35a";font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-weight:400;margin-right:1rem;color:#fff;font-size:1.3rem}#footer li a:hover:before{color:#298ed6}#footer .fas{display:inline-block;text-align:center;margin:-4px;padding-right:2rem;width:2.5rem;height:2.5rem;line-height:2.5rem;font-size:1.2rem;color:#fff}@media (min-width:480px){.content{padding:6vh 4vw}.footer-content{padding:10vh 5vw}#name .inhalt{width:42rem;height:26rem;font-size:3.5rem;line-height:4.1rem}#name span{font-size:2rem;line-height:3rem}#footer .box-tabcell{padding:1rem 3rem 3rem 3rem}}@media (max-width:580px){#name{width:42rem;height:26rem;margin-top:-13rem;margin-left:-21rem}#name .inhalt{width:42rem;height:26rem}#name span{font-size:1.5rem;line-height:2rem}.box-1_of_1{width:50%}.box-1_of_2{width:50%}.box-1_of_3{width:33.33%}#partner .box-1_of_3{width:50%}}@media (min-width:760px){html{font-size:70%}.logo-content{height:40rem}.box-1_of_2{width:50%}#partner .box-1_of_3{width:25%}#footer .menu{font-size:1.3rem;line-height:1.6rem}}@media (min-width:960px){#name{width:60rem;height:26rem;margin-top:-10rem;margin-left:-30rem;font-size:2.5rem;line-height:3rem}#name .inhalt{width:60rem;height:26rem;font-size:4.5rem}#name span{font-size:2rem;line-height:4rem}.boxinhalt{width:80rem;height:84vh;margin:0 auto;margin-top:8vh;margin-bottom:8vh}.info .wrapper-box-table{border-spacing:1rem 0}.info .box-tabcell{display:table-cell;height:20rem;width:55%}.info .box-tabcell-2{display:table-cell;height:20rem;width:45%}#footer .wrapper-box-table{border-spacing:1rem 0}#footer .box-tabcell{display:table-cell;height:20rem}#nav label.button-close,#nav label.button-open{display:none}#menu1{position:fixed;z-index:4;background:0 0;top:0;left:0;height:0%;width:100%;margin:0;padding:0;text-align:center;box-shadow:none}#menu1 ul{margin:0;width:100%;padding:.5rem 0;text-align:center;border-radius:0}#menu1 li{display:inline-block;margin:0 -.24rem;padding:0;vertical-align:top}#menu1 li a{display:inline-block;width:100%;text-decoration:none;font-size:1.3rem;letter-spacing:.1rem;padding:1rem 1rem;margin:0;color:#fff}#menu1 li a:hover{background:#298ed6;color:#fff;box-shadow:none}}@media (min-width:1100px){html{font-size:75%}.footer-content{padding:4vh 4vw}}