/* CSS
R.J.I. 
Design, tech. Infrastruktur und Website Architektur: R.Infantino 
*/   
        @font-face{font-family:Raleway;src:url(fonts/raleway-bold-webfont.woff2) format('woff2'),url(fonts/raleway-bold-webfont.woff) format('woff');font-weight:700;font-style:normal}@font-face{font-family:Raleway;src:url(fonts/raleway-bolditalic-webfont.woff2) format('woff2'),url(fonts/raleway-bolditalic-webfont.woff) format('woff');font-weight:700;font-style:italic}@font-face{font-family:Raleway;src:url(fonts/raleway-light-webfont.woff2) format('woff2'),url(fonts/raleway-light-webfont.woff) format('woff');font-weight:300;font-style:normal}@font-face{font-family:Raleway;src:url(fonts/raleway-medium-webfont.woff2) format('woff2'),url(fonts/raleway-medium-webfont.woff) format('woff');font-weight:500;font-style:normal}@font-face{font-family:Raleway;src:url(fonts/raleway-regular-webfont.woff2) format('woff2'),url(fonts/raleway-regular-webfont.woff) format('woff');font-weight:400;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;background:#c4c4c4;font-family:Raleway;color:#555555;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%;min-height:100%}ol,ul{list-style:none;line-height:1.2em}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:inherit}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}p{line-height:1.5em;margin:20px 0}ul,li{line-height:1.5em}header,nav,section,footer,article,.inner-section,figure,aside,content{display:block}::-moz-selection{background-color:#52c667;color:#fff}::selection{background-color:#52c667;color:#fff}h1{font-weight:700;font-size:34px;line-height:1.2em;font-family:Raleway;word-wrap:break-word}h2,.service h3{font-weight:300;font-size:24px;line-height:1.2em}p+h2{padding-top:20px}h3{line-height:1.4}h4{color:#ffffff;font-size:30px;line-height:1.2em;font-weight:500}h5{color:#ffffff;line-height:1.2em}.contactarea h3{font-size:24px}.floatleft{float:left}.floatright{float:right}.center{text-align:center}.left{text-align:left}.right{text-align:right}.lightgrey{background-color:#f1f1f1}.overflow{overflow:hidden}.padding{padding:20px}strong{line-height:1.4em}.pic{width:100%;background-color:#f1f1f1;min-height:300px;display:block}.dezimal li{list-style-type:decimal}.liststyle{list-style-type:disc}.list ul{padding:5px 22px 10px 22px}.list ul li{padding:12px 10px}a{color:#52c667}a:hover{color:#777}.current{color:#777}.startext{font-size:.8em;color:#c9c9c9}.nav .current{color:#52c667}.intro{position:relative;}.finz{display:inline-block; padding:15px 20px;margin-top:15px;background-color: #52c667;color:#ffffff;font-weight:600;font-size: 16px;line-height: 1.2em;border-radius: 30px;}.shortway{width:35%}.longway{width:60%}.halfway{width:49%}.firstcolumn{width:33%}.centercolumn{width:33%}.lastcolumn{width:33%}.quickinfo{margin-top:10px;padding:5px 20px;background-color:#eee;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.quickinfo p{margin:0;display:inline-block;font-size:12px;color:#7e7e7e;letter-spacing:1px;font-weight:700}.quickinfo a{text-decoration:none;font-size:12px;color:#7e7e7e;letter-spacing:1px}.quickinfo a:hover{color:#333}header{background-color:#152739!important}@media screen and (min-width:1025px){#menu{max-width:100%;line-height:76px}#menu li{display:inline-block;padding:4px 10px;cursor:default}#menu li:first-child{margin-left:0;padding-left:0}#menu li a{text-decoration:none;color:#fff}#menu a:hover{color:#48a856}#menu li ul{display:none;padding-top:5px;margin-left:-15px}#menu li:hover ul{display:block;position:absolute;width:170px}#menu li ul li{padding:0;margin:0;width:100%}#menu li ul li a{width:100%;display:block;padding:8px 15px;margin-top:19px;background-color:#152739;text-align:left}#menu li ul li a:hover{color:#48a856;background-color:#1b3249}}.nav{position:relative;text-align:right;z-index:1;max-width 100%;padding:0}.inlinelink a{display:inline-block;padding-bottom:15px}.logo{position:absolute;z-index:2}.intro h1,.artikelteaser h2,.contactarea h3{color:#ffffff;font-weight:700;margin-bottom:10px}.intro h2{color:#ffffff;font-weight:300}.artikelteaser h2,.contactarea h3{font-weight:700}.intro span{color:#ffffff}.intro .blue{text-transform:uppercase;font-style:italic;color:#52c667}.intro.startsite{background:#181818 url(../img/motorinstandsetzung.jpg) no-repeat;background-position:center bottom;background-size:cover;padding-top:200px;padding-bottom:100px}.intro.kontaktsite{background:#181818 url(../img/test.jpg);background-position:center bottom;padding-top:200px;padding-bottom:100px}.intro.motoreninstandsetzung{background:#181818 url(../img/motoreninstandsetzung.jpg);background-position:center bottom;background-size:cover;padding-top:200px;padding-bottom:100px}.intro.ursachen{background:#181818 url(../img/symptome-motorschaden.jpg);background-position:center bottom;background-size:cover;padding-top:200px;padding-bottom:100px}.intro.austauschmotor{background:#181818 url(../img/austauschmotor.jpg);background-position:center bottom;background-size:cover;padding-top:200px;padding-bottom:100px}.intro.artikelteaser{background:#181818 url(../img/symptome-motorschaden.jpg);background-position:center bottom;background-size:cover;padding-top:100px;padding-bottom:80px}@media screen and (min-width:1025px){.intro{height:200px}.intro.startsite,.intro.motoreninstandsetzung,.intro.ursachen,.intro.austauschmotor{padding-top:200px;padding-bottom:50px}.intro.artikelteaser{padding-top:120px;padding-bottom:180px}.intro h2{width:64%}.artikelteaser h2,.contactarea h3{font-size: 34px}}.artikelteaser p{color:#fff;width:50%}.orangebutton{background-color:#52c667;display:inline-block;padding:15px 20px;color:#fff;border-radius:2px;text-decoration:none}.orangebutton:hover{background-color:#48a856;color:#fff}.orangebutton.current{color:#fff;background-color:#48a856}.contactinfo h2{color:#ffffff}.contactinfo h3{color:#ffffff;font-weight:700}.contactinfo{background:linear-gradient(60deg,#52c667,#48a856,#52c667);background-size:600% 600%;padding-top:60px;padding-bottom:60px;-webkit-animation:AnimationName 9s ease infinite;-moz-animation:AnimationName 9s ease infinite;-o-animation:AnimationName 9s ease infinite;animation:AnimationName 9s ease infinite}.contactarea{background:url(../img/how-contact.svg) no-repeat;background-position:center bottom;background-size:cover;color:#fff}.contactarea ul li{padding:3px 0}.contactarea ul li:before{content:'✔ ';font-size:20px;font-weight:300;color:#fff;position:relative;top:2px}.contactarea .border{border:0 solid rgba(255,255,255,.9);border-radius:2px}.carbrand ul{width:100%}.carbrand ul li{display:inline-block;width:16%;text-align:center;vertical-align:middle;padding:30px 0}.carbrand h2{font-weight:300;margin-bottom:50px;text-align:center}.validatr-message{max-width:300px;padding:5px!important;background-color:#ffa1a1!important;color:#db2d2d!important;border:1px solid #db2d2d!important}.phonecall{display:none;position:fixed;bottom:20px;right:20px}@media screen and (min-width:481px){.call-to-action{display:none}}@media screen and (max-width:480px){.call-to-action{padding:0;position:fixed;z-index:300;bottom:20px;width:100%;background:none}.call-to-action>div{overflow:hidden;margin:0 20px 0 20px;background:rgba(0,0,0,.5);padding:0;border-radius:70px}.call-to-action a.btn-phone{padding:5px 5px 3px 5px;float:right}.call-to-action>div div{float:left;width:58%;margin-left:10px;margin-right:10px;color:#fff;text-align:center;font-weight:700}.call-to-action>div p{margin:20px 0 0 0;font-size:20px;line-height:2}.call-to-action>div p a{color:#fff;text-decoration:none}}@media screen and (max-width:349px){.call-to-action>div div{width:66%}}form{background:none;padding:0 0 0 0;border:0 solid #fff}input[type=text],input[type=email],input[type=number],textarea{border:none;border:0 dotted #c9c9c9;background:#52c667;width:99%;padding:10px 4px;margin-bottom:5px;border-radius:2px;font-family:Raleway}input::placeholder,textarea::placeholder{color:#f8f8f8}textarea{height:139px;border-radius:2px;border-left:0 dotted #c9c9c9;font-family:Raleway}input[type="email"].big-dog::-webkit-input-placeholder{color:#777777;padding:10px}input[type=submit]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:2px;border:0;width:100px;color:#fff;font-size:16px;height:35px;background:#152739;cursor:pointer;margin:5px 0;float:right}input[type=submit]:hover{color:#48a856}.copyright{background:#48a856;padding:0 20px;margin-bottom:20px;color:rgba(255, 255, 255, 0.7);-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.copytext{color:rgba(255, 255, 255, 0.7)}@-webkit-keyframes AnimationName{0%{background-position:0% 86%}50%{background-position:100% 15%}100%{background-position:0% 86%}}@-moz-keyframes AnimationName{0%{background-position:0% 86%}50%{background-position:100% 15%}100%{background-position:0% 86%}}@-o-keyframes AnimationName{0%{background-position:0% 86%}50%{background-position:100% 15%}100%{background-position:0% 86%}}@keyframes AnimationName{0%{background-position:0% 86%}50%{background-position:100% 15%}100%{background-position:0% 86%}}section,header,footer,copyright{max-width:1400px;margin:0 auto;border:0 solid red;padding:20px;background-color:#ffffff}header{padding:16px 20px}section,footer{padding:60px 20px}section img{max-width:100%;height:auto}.pic1{height:auto}.pic2{height:auto}.pic3{height:auto}.titlearea{background-color:#f1f1f1;padding:10px 20px;background:linear-gradient(90deg,#52c667,#52c667,#8bf89f);background-size:100% 100%;color:#fff}article,.inner-section{max-width:1024px;margin:0 auto;padding:20px}.ref{background-color:#f1f1f1;background-repeat:no-repeat;min-height:500px}.mc-field-group{overflow:hidden;box-sizing:border-box;width:100%}.mc-field-group label{display:none}.mc-field-group .email{border:2px solid #fff;float:left;width:53%;height:50px;padding:0 20px;font-family:Raleway;font-size:14px}.button{border:2px solid #fff;float:left;color:#ffffff;background:none;width:32%;height:54px;cursor:pointer;font-family:Raleway}.button:hover{background-color:#181818}::-webkit-input-placeholder{color:#777777;font-family:Raleway;font-size:16px}:-moz-placeholder{color:#777777;font-family:Raleway;font-size:16px}::-moz-placeholder{color:#777777;font-family:Raleway;font-size:16px}:-ms-input-placeholder{color:#777777;font-family:Raleway;font-size:16px}::placeholder{line-height:1;padding:0 0 0 5px}.pulsar1{left:45%;top:42%}.pulsar2{left:70%;top:75%}.pulsar3{left:60%;top:16%}.pulsar4{left:10%;top:67%}.pulsar5{left:62%;top:-1%}.pulsar6{left:40%;top:13%}.pulsar7{left:12%;top:32%}.pulsar8{left:5%;top:42%}.pulsar9{left:40%;top:59%}.pulsar10{left:12%;top:80%}@keyframes pulsar{0%{transform:scale(0);opacity:1}75%{opacity:1}100%{transform:scale(1);opacity:0}}@-webkit-keyframes pulsar{0%{-webkit-transform:scale(0);opacity:1}75%{opacity:1}100%{-webkit-transform:scale(1);opacity:0}}.pulsar{width:30px;height:30px;margin:0 auto;position:absolute}.pulsar .ring{box-sizing:border-box;position:absolute;top:50%;left:50%;border:7px solid #52c667;box-shadow:inset 0 0 7px 0 #52c667;border-radius:50%;width:100%;height:100%;margin-top:-50%;margin-left:-50%;-webkit-transform:scale(0);transform:scale(0)}.pulsar span{font-weight:700;top:-10px;left:-5px;color:#999;position:absolute}.pulsar .ring:nth-child(1){-webkit-animation:pulsar 2s 0s linear infinite;animation:pulsar 2s 0s linear infinite}.pulsar .ring:nth-child(2){-webkit-animation:pulsar 2s .5s linear infinite;animation:pulsar 2s .5s linear infinite}.pulsar .ring:nth-child(3){-webkit-animation:pulsar 2s 1s linear infinite;animation:pulsar 2s 1s linear infinite}.pulsar .ring:nth-child(4){-webkit-animation:pulsar 2s 1.5s linear infinite;animation:pulsar 2s 1.5s linear infinite}footer{background-color:#152739;min-height:200px}footer .lastcolumn li{color:rgba(255, 255, 255, 0.7)}footer .lastcolumn span{color:#52c667;text-decoration:none!important}footer li a{padding:5px 0;display:inline-block;color:rgba(255, 255, 255, 0.7)}footer li a:hover{color:#ffffff}footer .current{color:#ffffff}#cookie-bar{background:#181818;height:auto;line-height:24px;color:#eee;text-align:center;padding:8px 20px}#cookie-bar.fixed{position:fixed;top:0;left:0;width:100%}#cookie-bar.fixed.bottom{bottom:0;top:auto}#cookie-bar p{margin:0;padding:0;font-size:12px}#cookie-bar a.cb-enable{color:#212121;display:inline-block;border-radius:2px;text-decoration:none;padding:5px 14px;margin-left:50px;font-size:12px}#cookie-bar .cb-enable{background:#52c667}#cookie-bar .cb-enable:hover{background:#48a856}#cookie-bar .cb-disable{background:#900}#cookie-bar .cb-disable:hover{background:#b00}#cookie-bar .cb-policy{background:#046db5}#cookie-bar .cb-policy:hover{background:#777}@media screen and (max-width:850px){#cookie-bar{padding:10px}#cookie-bar p{font-size:10px}#cookie-bar a.cb-enable{padding:3px 14px;margin:5px auto 0;display:block;width:fit-content;font-size:10px}}.tooltip .tooltiptext{display:none;width:400px;max-width:100%;background-color:black;color:#fff;border-radius:6px;padding:15px;font-size:13px;position:absolute;z-index:1;left:51%;margin-top:-12%}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}@media screen and (min-width:769px){.tooltip:hover .tooltiptext{display:inline-block}}@media screen and (max-width:1500px){footer{background-color:#152739;min-height:200px;margin-bottom:0;border-radius:0}.quickinfo{margin-top:0;border-radius:0}}@media screen and (max-width:1024px){.intro{padding-top:180px;padding-bottom:50px}.carbrand ul li{width:32%}.carbrand_smartphone_sec{display:none}.artikelteaser p{width:100%}}@media screen and (max-width:768px){h5{margin-bottom:15px}.intro{padding-top:80px;padding-bottom:30px}.floatleft{float:none;width:100%}.floatright{float:none;width:100%}.quickinfo{display:none}.firstcolumn,.centercolumn{margin-bottom:60px}.carbrand ul li{width:49%}.carbrand_smartphone{display:none}.intro.startsite{padding-top:50px;padding-bottom:50px}.intro.kontaktsite{padding-top:50px;padding-bottom:50px}.intro.motoreninstandsetzung{padding-top:50px;padding-bottom:50px}.intro.artikelteaser{padding-top:50px;padding-bottom:50px}.intro.ursachen{padding-top:50px;padding-bottom:50px}.intro.austauschmotor{padding-top:50px;padding-bottom:50px}textarea{border-left:0 solid rgba(255,255,255,.9)}.validatr-message{left:15%!important}.contactarea ul{margin-bottom:30px}.phonecall{display:block}}@media screen and (max-width:480px){section,header,footer,copyright,.titlearea{padding-left:10px;padding-right:10px}h1{font-size:27px}}.show-menu{text-decoration:none;color:#fff;text-align:right;height:42px;padding:25px 0 2px;display:none;overflow:hidden}.show-menu>div{float:right}.show-menu>div>div{background:#fff;width:30px;height:3px}.show-menu>div>div:not(:last-child){margin-bottom:5px}header input[type=checkbox]{display:none;-webkit-appearance:none}@media screen and (max-width:1024px){nav.nav{position:absolute;left:0;width:100%;background:#152739}.show-menu{display:block;background:url(../img/menu.svg) right no-repeat;background-size:30px 20px}header ul{margin:0;padding:0;position:absolute;text-align:center}header li{display:inline-block;float:left;margin-right:1px}.submenu{display:inline}header li a{display:block;min-width:140px;height:50px;text-align:center;line-height:50px;color:#fff;background:#152739;text-decoration:none}header li:hover ul a{background:#1b3249;color:#fff;height:40px;line-height:40px}header li:hover ul a:hover{background:#1b3249;color:#fff}header li ul{display:none}header li ul li{display:block;float:none}header li ul li a{width:auto;min-width:100px;padding:0 20px}input[type=checkbox]:checked~nav #menu{display:block}input[type=checkbox]:checked~nav.nav{padding:30px 0}input[type=checkbox]#submenu-check:checked~.hidden{display:block}header ul{position:static;display:none}header li{margin-bottom:1px}header ul li,header li a{width:100%}.show-menu{display:block}.dropdown:after{content:'▼';margin-left:20px;color:#fff}}