body img { margin-bottom:2rem; } p { clear:both ; padding:0 0 0.2% 0; -moz-hyphens:auto; -epub-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; } .onMobileShow{ display:none; } .onMobileHide{ display:block; } img { display:block; width:100%; } .browser-upgrade a { width:100%; position:fixed; bottom:0; left:0; padding:10px; font-size:14px; color:#6d6647; text-align:center; background:#FAF4AF; border-bottom:1px solid #ccc; z-index:1000; } .browser-upgrade a:focus, .browser-upgrade a:hover { background: #f9f2a5 ; } .vertical-spacer { clear:both; width:48%; margin:7% 23% 5% 25%; padding:0 0 ; text-align:center; } .vertical-spacer-line { clear:both; width:48%; border-top:solid 1px silver; margin:7% 23% 5% 25%; padding:0 0 ; text-align:center; } .seperator-line { border-top: solid 1px ; padding: 2vh 0; } .seperator-spacer { margin-top: 2vh; } #headerNavigation .nav-content {background-color:#fff;} #mainNavigation .nav-content {background-color:#fff;} #additionalNavigation .nav-content {background-color:#fff;} #langNavigation{ clear:both; display:block; position:relative; } #langNavigation::after{ clear:both; } #langNavigation > #top-left. #langNavigation > #bottom-left{ float: left; position: relative; width: auto; height: 2%; display: block; } #top-left > #lang-select, #top-right > #lang-select, #bottom-left > #lang-select, #bottom-right > #lang-select{ display: block; width: 15%; height: auto; } #langNavigation > #top-right, #langNavigation > #bottom-right{ float: right; position: relative; width: auto; height: 2%; display: block; } #top-left > #lang-select, #bottom-left > #lang-select{ float: left; display:block; width:auto; } #top-right > #lang-select, #bottom-right > #lang-select{ float: right; display:block; width:auto; } img.iso-flag{ margin: 5pt 10pt; position: relative; width: auto; height: 1.5em; display: block; border-radius: 50%; padding: 0.5pt; box-shadow: 0pt 2pt 4pt #999; } #breadcrumps { position: relative; text-align:left; display: block; width: 100%; font-size: 1.1vw; color: grey; text-decoration: none; left: 1.8%; margin-bottom:2%; } #breadcrumps a.parent { color: grey; text-decoration: none; } #breadcrumps a#active-child { } } #breadcrumps a:hover#active-child { text-decoration:underline; } .header-section-wrapper { position:relative; display:block; width:100%; } #footerNavigation .nav-item p{width:100%;} .button, input[type='submit'] { display: table; } .button > a:link, .button > a:visited, .label.button > a:link , .label.button > a:visited , input[type='submit'] { -webkit-appearance: none; -ms-appearance: none; -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; transition-duration:0.4s; color:inherit; } .button > a:hover, .button > a:focus, .button > a:active, label .button > a:hover, label .button > a:focus, label .button > a:active, input.custom:hover, input.custom:focus, input.custom:active { } .copyrights { clear: both; min-width:20%; word-break:keep-all; float: left; font-size: small; color: #5A5A5A; padding: 0.2% 2% 2% 5%; list-style-type: none; } .copyrights a { color: #5A5A5A; } #invisible, { display: none; } #nav-container, #nav, .nav-content { } #lang_flags { z-index: 998; position: fixed !important; bottom: 2rem; right: 2%; } .lang{ display: inline-block; width: 100%; } #lang_flags img { display: block; width: 1.5rem; height: auto; margin-bottom: 1rem; } img #flags { height: 1.5rem; color: black; width: auto; float:right; } .scrolling { opacity: 0.8 !important; } /* .nav-content { display: none; } .nav-active > .nav-content { } a.nav-active:link .nav-content, a.nav-active:visited .nav-content, a.nav-active:hover .nav-content, a.nav-active:focus .nav-content, a.nav-active:active .nav-content { /*display: block;*/ } */ #nav-container #nav-ul li, #nav-container li a:link, #nav-container li a:visited { } #nav-content a:link, #nav-content a:visted { } .nav-content:hover { display: block; } .nav-item, .nav-active { width:100%; } .nav-item a, .nav-active a { } .nav-item:focus { background-color: #444; } .nav-item:hover~.nav-content, .nav-item:active~.nav-content, .nav-item:focus~.nav-content, .nav-item~.nav-content:target { z-index: 999; display: block; } .nav-content:hover, .nav-content:focus, .nav-content:target { display: block; } */ #headerNavigation .nav-item, #headerNavigation .nav-item a, #headerNavigation .nav-active, #headerNavigation .nav-active a, #legalNavigation .nav-item, #legalNavigation .nav-item a, #legalNavigation .nav-active, #legalNavigation .nav-active a {float:right;} #headerNavigation .nav-item:hover~.nav-content, #headerNavigation .nav-item:active~.nav-content, #headerNavigation .nav-item:focus~.nav-content, #headerNavigation .nav-item~.nav-content:target, #headerNavigation .nav-active:hover~.nav-content, #headerNavigation .nav-active:active~.nav-content, #headerNavigation .nav-active:focus~.nav-content, #headerNavigation .nav-active~.nav-content:target, #mainNavigation .nav-item:hover~.nav-content, #mainNavigation .nav-item:active~.nav-content, #mainNavigation .nav-item:focus~.nav-content, #mainNavigation .nav-item~.nav-content:target, #mainNavigation .nav-active:hover~.nav-content, #mainNavigation .nav-active:active~.nav-content, #mainNavigation .nav-active:focus~.nav-content, #mainNavigation .nav-active~.nav-content:target, #additionalNavigation .nav-item:hover~.nav-content, #additionalNavigation .nav-item:active~.nav-content, #additionalNavigation .nav-item:focus~.nav-content, #additionalNavigation .nav-item~.nav-content:target, #additionalNavigation .nav-active:hover~.nav-content, #additionalNavigation .nav-active:active~.nav-content, #additionalNavigation .nav-active:focus~.nav-content, #additionalNavigation .nav-active~.nav-content:target { display: block; } #mainNavigation .nav-content:hover, #mainNavigation .nav-content:target { display: block; } #leftNavigation{ height:100%; } #leftNavigation .nav-item, #leftNavigation .nav-active { display: block; clear:both; } #leftNavigation .nav-item:hover~.nav-content, #leftNavigation .nav-item:active~.nav-content, #leftNavigation .nav-item:focus~.nav-content, #leftNavigation .nav-item~.nav-content:target { display: block; clear:both; } /* .nav-content:hover, .nav-content:target { display: block; }*/ #nav img { display:block; float: left; } /* #nav li, #nav li:link, #nav li:visited { display: inline-block; padding:0 0.4rem 0.4rem; } */ #nav-container #nav-ul li a:hover, #nav-container #nav-ul li a:active, #nav-container #nav-ul li a:focus { } #nav-content a:hover, #nav-content a:active, #nav-content a:focus { } #top { display: none; } #nav-title a#nav-img, #nav-title a#nav-img img, #top #nav-title a#nav-img, #top #nav-title a#nav-img img { display: inline-block; /*max-height: 5rem;*/ max-height: 3.7rem !important; max-width:20vw; } #nav-mob-img, #nav-mob-img img { display:none; max-height:50px !important; height:50px; width:auto; max-width:250px !important; margin:3px auto 0 5px; } #top #btn-open { display:block; } #nav #btn-close { height:0; width:0; } .navColumn-1-100{} .navColumn-1-50,.navColumn-2-50{float:left;width:50%} .navColumn-1-33,.navColumn-2-33,.navColumn-3-33{float:left;width:33.33%} .navColumn-1-25,.navColumn-2-25,.navColumn-3-25,.navColumn-4-25{float:left;width:25%} .navColumn-1-20,.navColumn-2-20,.navColumn-3-20,.navColumn-4-20,.navColumn-5-20{float:left;width:20%} .navColumn-1-17,.navColumn-2-17,.navColumn-3-17,.navColumn-4-17,.navColumn-5-17,.navColumn-6-17{float:left;width:16.66%} .navColumn-1-14,.navColumn-2-14,.navColumn-3-14,.navColumn-4-14,.navColumn-5-14,.navColumn-6-14,.navColumn-7-14{float:left;width:14.25%} .navColumn-1-13,.navColumn-2-13,.navColumn-3-13,.navColumn-4-13,.navColumn-5-13,.navColumn-6-13,.navColumn-7-13,.navColumn-8-13{float:left;width:12.50%} .header-section-wrapper .section-1-100 {width:100%;margin:0;padding:0;} .section-1-100 {width:100%;clear:both;} .section-1-75 {float:left;width:75%;} .section-1-50,.section-2-50 {float:left;width:50%;} .section-1-33, .section-2-33, .section-3-33{float:left;width:33.33%;} .section-1-25, .section-2-25, .section-3-25, .section-4-25 {float:left;width:25%;} .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 {float:left;width:20%;} .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 {float:left;width:16.5%;} .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 {float:left;width:14.25%;} .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {float:left;width:12.5%;} .split-1-100 {width:100%;} .split-1-75 {float:left;width:75%;} .split-1-67 {float:left;width:66.67%;} .split-1-50, .split-2-50 {float:left;width:50%;} .split-1-33, .split-2-33, .split-3-33 {float:left;width:33.33% ;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {float:left;width:25%;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {float:left;width:20%;} .no_star { float:left; line-height:32px; color:#F1541B; font-size:20px; width:16px; margin:0px; visibility:hidden; } .input { display:block; /*width:96% !important;*/ font-size:medium; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } input:matches([type='date']) { display: block; font-size: large; width: 96% !important; float: left; margin-right: 1%; padding:5px; line-height: 2.5rem; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .input span { position:absolute; z-index:1; cursor:text; /*pointer-events:none;*/ color:#999; padding:7px; line-height:xx-large; margin-left:2px; } .input input, .input select { z-index:0; padding:0px; margin:0.5% 0; font:inherit; line-height:xx-large; /*width:96% !important;*/ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; font-size:medium; } .input textarea { z-index:0; padding: 6px 0px 6px 18px; margin:0.5% 0% 0.5% 0%; font:inherit; line-height:xx-large; width:92% !important; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 1px lightgrey; background-color:white; /*font-size:medium;*/ } .input select { padding:5px; height:31px; } .button_holder { width:100%; } #captcha-feld { width:220px; float:left; margin-top:5px; margin-right:0px; margin-left:11px; } p.errormsg { display :none; margin:5px; margin-left:0px; color:lightsteelblue; height:35px; } .error { font-weight: 400; /*font-size: 20px;*/ color: #ff6666; visibility: hidden; opacity: 0; transition: visibility 0s 4s, opacity 4s linear; } @keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1.01); } 40% { transform: scale(1.01); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.01); } 80% { transform: scale(1.01); } 100% { transform: scale(1); } } .pulse:hover { animation-name: pulse_animation; animation-duration: 4s; transform-origin:70% 75%; animation-iteration-count: infinite; animation-timing-function: linear; } .tooltip .tooltiptext { visibility: hidden; min-width: 10vw; max-width: 30vw; background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 0.5vw; opacity: 0.95; position: fixed; z-index: 1; font-size: 1rem; margin: -2vw 3vw 0 -10vw; } .tooltip:hover .tooltiptext { visibility: visible; display:block; } .tooltip .tooltiptext p{ color:#fff; } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); transform:translateY(0); } 40% { -moz-transform:translateY(-30px); transform:translateY(-30px); } 60% { -moz-transform:translateY(-15px); transform:translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform:translateY(0); transform:translateY(0); } 40% { -webkit-transform:translateY(-30px); transform:translateY(-30px); } 60% { -webkit-transform:translateY(-15px); transform:translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); } 40% { -moz-transform:translateY(-30px); -ms-transform:translateY(-30px); -webkit-transform:translateY(-30px); transform:translateY(-30px); } 60% { -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); -webkit-transform:translateY(-15px); transform:translateY(-15px); } } #fader { width:25px; height:25px; position:absolute; bottom:2%; margin:0 auto 0 -15px; left:49%; } .arrow { border:solid 1px white; border-radius:100%; padding:1px; opacity:0.9; width:45px; height:45px; background-color:rgba(0,0,0,0.1); background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=); background-size:contain; } .bounce { -moz-animation:bounce 2s infinite; -webkit-animation:bounce 2s infinite; animation:bounce 2s infinite; z-index: 997; position: absolute; } [class*='parallax_'] { min-height: 45rem; width:100%; text-indent:-9999px; background-attachment:fixed; background-position: center center; background-size: cover; &:nth-child(2n) { box-shadow: inset 0 0 1em #111; } } .parallax_1 { } .parallax_2 { } .parallax_3 { } .parallax_4 { } body, .lang{font-family:Exo 2;font-weight:300;Helvetica Neue:Exo 2;font-size:36px;font-size:calc(6 * 0.18rem);font-size:calc(6 * 0.25vw);font-weight:300;height:100%;margin:0% ;padding:0% ;}.split{width:96%;margin:0% 2% ;padding:0% ;} .split-1-100 {float:left;width:96%;margin:0% 2% ;padding:0% ;;} .split-1-50, .split-2-50 {float:left;width:46%;margin:0% 2% ;padding:0% ;;} .split-1-33, .split-2-33, .split-3-33 {float:left;width:29.33%;margin:0% 2% ;padding:0% ;;} .split-1-25, .split-2-25, .split-3-25, .split-4-25 {float:left;width:21%;margin:0% 2% ;padding:0% ;;} .split-1-20, .split-2-20, .split-3-20, .split-4-20, .split-5-20 {float:left;width:16%;margin:0% 2% ;padding:0% ;;} #km-autolack-adresse-telefonnummer-kontakt .section-1-33,#km-autolack-adresse-telefonnummer-kontaktform .section-1-33,#km-autolack-anfahrt .section-1-33, #km-autolack-magel-and-kononov .section-1-33, .section-1-33,#km-autolack-adresse-telefonnummer-kontakt .section-3-33,#km-autolack-adresse-telefonnummer-kontaktform .section-3-33,#km-autolack-anfahrt .section-3-33, #km-autolack-magel-and-kononov .section-3-33, .section-3-33{width:20%;margin:0% ;padding:0% ;}h2{color:#565655;font-weight:400;font-size:48px;font-size:calc(8 * 0.18rem);font-size:calc(8 * 0.25vw);font-weight:400;margin:0% ;padding:0% ;}.header-section-wrapper, .header-section-wrapper .section-1-100, .header-section-wrapper .section-1-100 img{background-color:#000000;margin:0% ;padding:0% 0% 4% 0% ;}#mainNavigation .nav-item a, #mainNavigation .nav-item{color:#ffffff;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:300;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:36px;font-size:calc(6 * 0.18rem);font-size:calc(6 * 0.25vw);font-weight:300;margin:0% ;padding:21% 0% 7% 0% ;}#mainNavigation .nav-active a:hover, #mainNavigation .nav-item a:hover{color:#af0a04;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:300;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:36px;font-size:calc(6 * 0.18rem);font-size:calc(6 * 0.25vw);font-weight:300;margin:0% ;padding:21% 0% 7% 0% ;}#mainNavigation{background-color:#010101;opacity:0.9;width:86%;margin:0% ;padding:2% 7% 0% 7% ;position:fixed;z-index:998;width:100% !important;}#km-autolack-adresse-telefonnummer-kontakt .section-2-33,#km-autolack-adresse-telefonnummer-kontaktform .section-2-33,#km-autolack-anfahrt .section-2-33, #km-autolack-magel-and-kononov .section-2-33, .section-2-33{width:60%;margin:0% ;padding:0% ;}#km-autolack-google-map{height:70%;margin:0% ;padding:0% ;margin-top:-4%;}#km-autolack-google-map .video-container{height:40%;margin:0% ;padding:0% 0% 30% 0% ;}#mainNavigation .nav-active, #mainNavigation .nav-active a{color:#af0a04;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:300;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:36px;font-size:calc(6 * 0.18rem);font-size:calc(6 * 0.25vw);font-weight:300;margin:0% ;padding:21% 0% 7% 0% ;}#mainNavigation img{margin:0% ;padding:0% ;height: 6.4vw; margin: -33% 0 0 0;padding: 0 0 0 14%;}#headerNavigation{color:#af0a04;height:0%;margin:0% ;padding:1% 0% 2% 0% ;top:0; position:fixed;z-index:999;}#headerNavigation .nav-item, #headerNavigation .nav-item a, #headerNavigation p{color:#af0a04;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);width:81%;margin:0% ;padding:0% 0% 0% 19% ;text-align:right;width:100%;}h1{color:#ffffff;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:1000;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:60px;font-size:calc(10 * 0.18rem);font-size:calc(10 * 0.25vw);font-weight:1000;opacity:0.77;width:58%;margin:0% ;padding:2% 0% 2% 22% ;margin:0 0 -3% -2%}.button, .button:visited, input[type='button'], input[type='submit']{color:#ffffff;background-color:#c00c06;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:400;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:42px;font-size:calc(7 * 0.18rem);font-size:calc(7 * 0.25vw);font-weight:400;border:1px solid #ffffff;border-radius:4px 4px 4px 4px ;opacity:0.77;margin:0% ;padding:2% 5% ;}.button:hover, .button:focus, input[type='button']:hover, input[type='button']:focus, input[type='submit']:hover, input[type='submit']:focus{color:#ffffff;background-color:#000000;font-family:"Open Sans", "Helvetica Neue", "Helvetica";Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";border:1px solid #ffffff;border-radius:20px 20px 20px 20px ;opacity:0.77;margin:0% ;padding:2% 5% ;}#footerNavigation{color:#ff;background-color:#030303;width:63%;margin:5% 0% 0% 0% ;padding:3% 15% 6% 22% ;}#footerNavigation .nav-item, #footerNavigation .nav-item p, #footerNavigation .nav-item a:link, #footerNavigation .nav-item a{color:#ffffff;background-color:#010101;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);margin:0% ;padding:0% ;}#km-autolack-anfahrt{font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:200;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:200;margin:0% ;padding:0% ;margin-top:-3%;} .section-1-100 {width:100%;margin:0% ;padding:0% ;;} .section-1-50, .section-2-50 {float:left;width:50%;margin:0% ;padding:0% ;;} .section-1-33, .section-2-33, .section-3-33 {float:left;width:33.33%;margin:0% ;padding:0% ;;} .section-1-25, .section-2-25, .section-3-25, .section-4-25 {float:left;width:25%;margin:0% ;padding:0% ;;} .section-1-20, .section-2-20, .section-3-20, .section-4-20, .section-5-20 {float:left;width:20%;margin:0% ;padding:0% ;;} .section-1-17, .section-2-17, .section-3-17, .section-4-17, .section-5-17, .section-6-17 {float:left;width:16.5%;margin:0% ;padding:0% ;;} .section-1-14, .section-2-14, .section-3-14, .section-4-14, .section-5-14, .section-6-14, .section-7-14 {float:left;width:14.25%;margin:0% ;padding:0% ;;} .section-1-13, .section-2-13, .section-3-13, .section-4-13, .section-5-13, .section-6-13, .section-7-13, .section-8-13 {float:left;width:12.5%;margin:0% ;padding:0% ;;} #footerNavigation .nav-active:hover, #footerNavigation .nav-item:hover, #footerNavigation .nav-active a:hover, #footerNavigation .nav-item a:hover{color:#af0a04;background-color:af0a04;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);margin:0% ;padding:0% ;}#footerNavigation .nav-active, #footerNavigation .nav-active a{color:#af0a04;background-color:af0a04;font-size:30px;font-size:calc(5 * 0.18rem);font-size:calc(5 * 0.25vw);margin:0% ;padding:0% ;}img{margin:0% ;padding:0% ;margin-bottom:0;}#roter-hintergrund{color:#ffffff;background-color:#060606;margin:0% ;padding:0% ;}#roter-hintergrund h2{color:#ff0000;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:200;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:90px;font-size:calc(15 * 0.18rem);font-size:calc(15 * 0.25vw);font-weight:200;margin:0% ;padding:0% ;text-shadow:1px 2px 2px rgba(150, 150, 150, 1);}#roter-hintergrund p{color:#ffffff;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:200;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:42px;font-size:calc(7 * 0.18rem);font-size:calc(7 * 0.25vw);font-weight:200;margin:0% ;padding:0% ;}#km-autolack-magel-and-kononov{background-color:#efefef;background-image: url('/images/2017-02-22-km-logo-ohne-verlauf-weiss-invertiert-804109325.png');background-size: 100% auto, contain;background-position: center;margin:0% ;padding:0% ;}h3{color:#df1f09;font-family:"Lato", sans-serif;font-weight:200;Lato:"Lato", sans-serif;font-size:156px;font-size:calc(26 * 0.18rem);font-size:calc(26 * 0.25vw);font-weight:200;margin:0% ;padding:0% ;}h4{color:#ffffff;font-family:"Open Sans", "Helvetica Neue", "Helvetica";font-weight:200;Helvetica Neue:"Open Sans", "Helvetica Neue", "Helvetica";font-size:120px;font-size:calc(20 * 0.18rem);font-size:calc(20 * 0.25vw);font-weight:200;opacity:0.77;width:80%;margin:0% auto 1% auto ;padding:2% 0% ;text-align:center;}h4 .button, h4 .button:hover{background-color:#000000;font-weight:200;font-size:72px;font-size:calc(12 * 0.18rem);font-size:calc(12 * 0.25vw);font-weight:200;opacity:0.62;width:36%;margin:0% auto 13% auto ;padding:6% 3% ;}.blog-classic-item .split-1-50, .blog-classic-item .split-2-50{background-image: url('/images/km-autolack-logo-transparent-806004689.png');background-size: 100% auto, contain;background-position: center;margin:0% ;padding:0% ;}.blog-classic-item h3{margin:0% ;padding:0% ;margin:inherit;width:inherit;font-size:2rem;}.no-add-spacer{margin:0% ;padding:0% ;margin-top:6em;}.input input{margin:0% ;padding:0% ;border-radius: 5px;padding: 11px;display: inline-block;opacity: 1;left: 0%;margin: 1% 0;text-align: left;text-indent: 0;font-size: 0.85rem;}