@charset "UTF-8";
* {
box-sizing: border-box
}
html {
padding: 0;
margin: 0;
background-color: #1e5480;
background: linear-gradient(180deg, rgba(26,53,103,1) 0%, rgba(75,118,185,1) 100%);
min-height: 100vh;
}
body {
font-family: Montserrat, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #555;
padding: 0;
margin: 0;
text-align: center;
touch-action: pan-y;
overflow: hidden;
}
a {
text-decoration: none;
}
.vin {
background: #f7d04736;
padding: 0 10px 10px 10px;
color: #fecf03;
text-align: center;
font-weight: 300;
box-shadow: 0 10px 8px -10px #000;
display: none;
}
#vin {
padding: 10px;
display: block;
border-bottom-left-radius: 10px;
margin: 0 auto;
width: 90%;
text-align: center;
font-size: 13px;
color: #152646;
border: 1px solid #fecf03;
border-bottom-right-radius: 10px;
text-transform: uppercase;
}
#gcaMainButton {
width: 60px !important;
height: 60px !important;
bottom: 10px !important;
z-index: 99 !important;
}
#gcaMainCardPoweredBy {
color: #fff;
font-size: 6px !important;
}
#jahrclc {
margin-bottom: 40px;
}
.container {
max-width: 390px;
margin: 0 auto;
}
#matrix, #call, #call1, #call2, #call3, #call4, #call5, #call6, #call7, #call8, #call10, #call11, #call12, #call14, #month, #year {
background: rgb(21 38 70);
}
#call14 #contentbox, #call15 #contentbox {
background: rgb(21 38 70);
margin-top: 80px;
}
#myDropdown10 img {
width: 70%;
margin-top: 20px;
}
#myDropdown14 input[type="checkbox"] {
position: relative;
z-index: -1;
-webkit-appearance: none !important;
width: 15px;
height: 15px;
float: right;
-moz-appearance: none;
appearance: none;
}
#myDropdown14 [type="checkbox"]:checked + label {
background: #fecf03bd;
color: #1a3567;
display: block;
}
.dropdown a:after {
content: ' \00BB';
float: right;
}
button.goop:after {
content: ' \00BB';
font-size: 40px;
color: #fecf03;
position: absolute;
right: 5px;
top: 15px;
}
.main {
text-align: left;
}
.gelb {
color: #fed001;
}
.mtop0 {
margin-top: 0px !important;
}
.mtop10 {
margin-top: 10px !important;
}
.mtop30 {
margin-top: 30px !important;
}
.mtop50 {
margin-top: 50px !important;
}
.mbott60 {
margin-bottom: 60px !important;
}
.mbott0 {
margin-bottom: 0px !important;
}
.mbott110 {
margin-bottom: 110px !important;
}
.logo {  
text-align: right;
padding-bottom: 5px;
}
.logo img {
max-width: 30px;
margin-top: 0px;
}
.activelg {
background: #fff;
}
h2.optio {
margin: 0;
color: #fff;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
h4.ausstattung {
padding: 0px 16px;
text-transform: uppercase;
color: #fecf03;
margin-bottom: 5px;
}
h4.ausstattungse {
padding: 0px 16px;
text-transform: uppercase;
color: #fecf03;
margin-bottom: 0px;
margin-top: 10px;
}
.skyline {  
position: fixed;
top: 6px;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0;
max-width: 460px;
text-align: center;
} 
.skyline img {
max-width: 460px;
}
.height180 {
height: 180px;
}
h2, h3 {
font-size: 17px;
color: #1b3567;
}
h2.opti {
color: #fff;
mragin: 0;
}
ul {
list-style: none;
width: 100%;
padding: 0;
list-style-type: none;
}
select {
-webkit-appearance: none;
}
#month input {
position: absolute;
left: -9999px;
}
.start h4, .conthom h4, .faqhom h4 {
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
}
h5 {
font-size: 16px;
}
h5 span {
color: #ff2600;
}
.fa-check {
color: #fecf03;
font-size: 18px;
}
ul {
list-style: none;
margin: 0;
}
ul.point {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
margin-top: 30px;
padding: 0;
}
p.wid {
color: #fff;
text-shadow: 0 0 2px #040404;
font-weight: bold;
line-height: 1.1;
}
span.num {
color: #2a5a8d;
font-size: 24px;
}
.shadow {
box-shadow: 0 0 40px -15px #000;
}
.myInput {
font-size: 14px;
padding: 14px 0 12px 35px;
border: none;
width: 100%;
font-weight: bold;
color: #000;
background: #fff6cf;
box-shadow: inset 0 0 12px -5px #000;
background-image: url("../img/luxembourg-lupe.png");
background-repeat: no-repeat;
background-position: 10px;
background-size: 20px;
}
.myInput:focus {
outline: 3px solid #ddd;
}
#myDropdown12 input:checked + label {
background-color: #fecf03;
color: #1a3567;
}
option label {
display: block;
}
option {	   
padding: 12px 16px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #ffce00;
}
option:hover { 
background-color: #fecf03;
color: #1a3567;
}
option:focus { 
background-color: #fecf03;
color: #1a3567;
}
.dropdown-content a {
padding: 15px 40px 15px 15px;
display: block;
text-transform: uppercase;
border-bottom: 1px solid #ffce00;
color: #fff;
height: 53px;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
}
.dropdown-content a img {
width: 57px;
margin-bottom: -23px;
margin-top: -18px;
margin-right: 10px;
}
.dropdown-content a:after {
content: ' \00BB';
margin-top: -15px;
font-size: 30px;
position: absolute;
right: 15px;
color: #ffce00;
}
.dropdown a:hover, .dropdown a:focus-visible {   
color: #fecf03;
}
.show {
display: block;
transition: all 1s linear;
opacity: 1;
}
.mySlides {display: none;
transition: all 1s linear;
}
#gotoprice {
background-image: url(../img/auto-bewerten-richtpreis.png);
background-repeat: no-repeat;
background-size: contain;
} 
#gotoopt {
background-image: url(../img/autobewertung-preis-ausstattung-anzeigen.png);
background-repeat: no-repeat;
background-size: contain;
} 
#pributt {
display: none;
}
.prev {
color: #fff;
font-size: 13px;
}
.skills {
padding-top: 6px;
padding-bottom: 6px;
clear: both;
}
.info {
float: left;
padding-left: 3px;
max-width: 290px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 16px;
}
.pfeil {
font-size: 45px;
cursor: pointer;
margin-top: -55px;
color: #fecf03;
text-align: left;
margin-bottom: -9px;
width: fit-content;
}
.imgs {
width: 65px;
float: left;
}
[type="checkbox"] {
float: left;
margin-top: 10px;
}
.topbar {
width: 90%;
float: right;
}
#extaus [type="radio"] + label::before, #extaus [type="checkbox"] + label::before {
float: right;
font-size: 20px;
color: #fed001;
margin-top: -5px;
content: '\002B';
}
#myDropdown12 input[type="radio"], #myDropdown12 input[type="checkbox"] {
position: relative;
z-index: -1;
-webkit-appearance: none !important;
width: 15px;
height: 15px;
float: right;
-moz-appearance: none;
appearance: none;
}
[type="checkbox"] + label {
padding: 8px 16px;
display: block;
color: #fff;
}
#extaus [type="radio"]:checked + label::before, #extaus [type="checkbox"]:checked + label::before {
content: '\2713';
color: #057500;
font-size: 20px;
}
#myDropdown12 [type="checkbox"]:checked + label {
background: #fecf03bd;
color: #1a3567;
display: block;
}
.button1 {
color: #1f3251;
padding: 0.8em 0.8em 0.8em 2.5em;
font-size: 14px;
background: #3cff35;
border: 2px solid #1e4253;
box-shadow: 0 4px 10px -3px #000;
font-weight: bold;
text-transform: uppercase;
width: 350px;
border-radius: 7px;
height: 45px;
}
.button1:after {
content: ' \00BB';
font-size: 40px;
color: #152646;
position: absolute;
top: -7px;
margin-left: 30px;
}
.button1:before {
content: url("../img/auto-bewerten-preis-anzeigen.png");
position: absolute;
top: -18px;
margin-left: -105px;
}
#extaus .hsoau {
border-bottom: 1px solid #fecf03;
}
.example {
float: left;
height: 70vh;
overflow-y: scroll;
width: 100%;
}
.example::-webkit-scrollbar {
display: none;
}
.example {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}
#call10 {

text-align: center;
background: url(../img/car-luxemburg-body-hg.png);
margin-top: 30px;
background-repeat: no-repeat;
background-size: 100%;
background-position: top right;
}
.dropdown-content #call10 a:after {
font-size: 40px;
color: #fecf03;
position: absolute;
right: 5px;
top: 0;
margin-top: 5px;
}
.onclick {
width: 50% !important;
}	   
#group {
width: 100%;
}
.jaclick {
width: 50% !important;
transition: all 0.50s;
float: left;
}
button.goop {
background: rgb(21 38 70);
width: 90%;
padding: 10px 25px 10px 100px;
display: block;
text-transform: uppercase;
border: 1px solid #ffce00;
color: #fff;
text-align: left;
margin: 25px 5%;
border-radius: 10px;
height: 90px;
box-shadow: 0 0 15px -3px #000;
position: relative;
font-size: 15px;
}
button.goop:disabled, button.goop[disabled] {
filter: grayscale(90%);
color: #dcd1ab;
background: rgb(174, 174, 174);
}
#mail:focus {
border: 2px solid #ffce00;
outline: 1px solid #ffce00;
}
#call0 {
width: 0%;
}
.infobar {
margin-top: 54px;
}
.bgcar {
background-color: #1e5480;
background: linear-gradient(180deg, rgba(26,53,103,1) 0%, rgba(75,118,185,1) 100%);
position: fixed;
left: 0;
width: 100%;
height: 100vh;
z-index: -1;
top: 0;
}
.title {
text-transform: uppercase;
color: #fff;
font-size: 20px;
letter-spacing: 1px;
text-align: center;
text-shadow: 0 0 6px #15243f;
display: block;
width: fit-content;
margin: 0 auto;
z-index: 999999;
position: fixed;
top: 14px;
left: 0;
right: 0;
}
.relbut {
position: fixed;
bottom: 80px;
right: 0;
left: 0;
text-align: center;
}
#call1, #call2, #call3, #call4, #call5, #call6, #call7, #call10, #call12, #call14 {
overflow: scroll;
height: 65vh;
padding-bottom: 30vh;
}
#call13 {
overflow: scroll;
height: 65vh;
}
#call15, #call11 {
overflow: scroll;
height: 80vh;
}
.header {
top: 0;
left: 0;
right: 0;
margin: 0 auto;
/*background: #1c386a;*/
padding: 10px;
width: 100%;
position: fixed;
/*box-shadow: 0 6px 8px -7px #000;*/
z-index: 9999;
height: 45px;
}
.inftip {
width: 45px;
z-index: 9;
position: absolute;
left: -50px;
top: -12px;
}
.floating {  
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
from { transform: translate(0,  0px); }
65%  { transform: translate(0, 10px); }
to   { transform: translate(0, -0px); }    
}
.baujahr [data-tooltip]::before {
background-image: url(../img/carluxembourg-autoankauf-date.jpg);
}
[data-tooltip] {
position: relative;
left: 0;
float: left;
}
[data-tooltip]:before {
content: attr(data-tooltip);
padding: 10px;
font-size: 12px;
text-align: center;
z-index: 99;
background: #14243fd6;
height: fit-content;
font-weight: 400;
text-transform: initial;
letter-spacing: 0;
border-radius: 10px;
border: 1px solid #fff;
position: fixed;
visibility: hidden;
opacity: 0;
bottom: calc(100% + 5px);
transition: 0.2s;
left: 0;
right: 0;
margin: 0 auto;
top: 25px;
width: 310px;
}
.baujahr [data-tooltip]::before, .kw [data-tooltip]::before {
width: 310px;
height: 145px;
top: -10px;
background-size: contain;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
opacity: 1;
}
[data-tooltip]:hover:before {
transition-delay: 0.3s;
transform: translate(-50%, -5px) scale(1);
}
[data-tooltip]:hover:after {
transition-delay: 0.5s; 
transition-duration: 0.2s;
transform: translateX(-50%) scaleY(1);
}
[data-tooltip-location="left"]:before,
[data-tooltip-location="left"]:after {
left: auto;
right: calc(100% + 5px);
bottom: 50%;
}
[data-tooltip-location="left"]:before {
transform: translate(-5px, 50%) scale(0.5);
}
[data-tooltip-location="left"]:hover:before {
transform: translate(-5px, 50%) scale(1);
}
[data-tooltip-location="left"]:after {
border-width: 5px 0px 5px 5px;
border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
transform-origin: left;
transform: translateY(50%) scaleX(0);
}
[data-tooltip-location="left"]:hover:after {
transform: translateY(50%) scaleX(1);
}
[data-tooltip-location="right"]:before {
transform: translate(5px, 50%) scale(0.5);
}
[data-tooltip-location="right"]:hover:before {
transform: translate(5px, 50%) scale(1);
}
[data-tooltip-location="right"]:hover:after {
transform: translateY(50%) scaleX(1);
}
.relati {
position: relative;
}
.kw [data-tooltip]::before {
background-image: url(../img/carluxembourg-autoverkauf-kw.jpg);
}
#loader, #loading {
text-align: center;
font-size: 20px;
color: #fecf03;
display: block;
height: 100vh;
width: 100%;
background: #13254594;
z-index: 99999;
position: fixed;
top: 0;
left: 0;
}
#loader img, #loading img {
width: 150px;
margin-top: 20%;
}
#primg {
  margin-top: 20px;
  position: relative;
}
.primgleft {
  width: 218px;
  float: right;
}
.primgright {
  float: right;
  width: 95px;
  margin-bottom: -39px;
}
.speBubble {
	width: 160px;
	color: #06143a;
	position: absolute;
	right: 142px;
	font-size: 12px;
}
#mail {
  padding: 15px 15px 15px 40px;
  display: block;
  border: 2px solid #f00;
  border-radius: 10px;
  width: 94%;
  text-align: center;
  font-size: 13px;
  color: #152646;
  background-image: url("../img/autoankauf-preis-anzeigen-semail-icon.png");
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: 30px;
  text-indent: 10px;
	margin-left: 2%;
}
.mrgtp-123 {
margin-top: -60px;
}
#content2 {
display: flex;
}
.headcont {
max-width: 390px;
margin: 0 auto;
}
.prev #content2 img {
width: 65px;
height: 65px;
position: fixed;
margin-left: -105px;
margin-top: -10px;
}
.infoimg {
width: 60px;
height: 60px;
float: left;
}
#myDropdown10 #buttimg {
margin: 3px -5px 0 5px;
padding: 0;
width: 90px;
position: absolute;
left: 1px;
} 
a#matrix {
background: rgb(21 38 70);
width: 90%;
padding: 10px 25px 10px 105px;
display: block;
text-transform: uppercase;
border: 1px solid #ffce00;
color: #fff;
text-align: left;
margin: 5px auto;
border-radius: 10px;
height: 80px;
box-shadow: 0 0 15px -3px #000;
position: relative;
overflow: inherit;
white-space: break-spaces;
font-size: 13px;
}
#standaus {
font-size: 12px;
padding: 10px;
background: #122b52;
border-bottom: 1px solid #fff1b1;
}
#standaus [type="checkbox"]+ label.tab-label {
background: #122b52;
color: #fff;
font-weight: inherit;
text-transform: none;
display: flex;
justify-content: space-between;
text-transform: uppercase;
}
#standaus [type="checkbox"]+ label.tab-label {
background: #122b52;
color: #fff;
font-weight: inherit;
text-transform: none;
display: flex;
justify-content: space-between;
text-transform: uppercase;
}
#standaus .tab-content [type="checkbox"]:checked + label {
background: #fecf03bd;
color: #1a3567;
font-weight: 400;
text-transform: none;
padding: 6px 15px;
}
.tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
.row {
display: flex;
}
.row .col {
flex: 1;
}
.row .col:last-child {
margin-left: 1em;
}
/* Accordion option styles */
.tabs {
overflow: hidden;
}
.tab {
width: 100%;
color: white;
overflow: hidden;
}
#standaus .tab-label {
cursor: pointer;
display: flex;
justify-content: space-between;
color: #fff;
font-weight: 400;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.tab-label::after {
content: "\276F";
width: 1em;
height: 1em;
transition: all 0.35s;
margin-right: -10px;
font-size: 15px;
}
.tab-content {
max-height: 0;
padding: 0 1em;
transition: all 0.35s;
overflow: hidden;
}
.tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
cursor: pointer;
}
.tab-close:hover {
background: #000;
}
input:checked + .tab-label:after {
transform: rotate(90deg);
}
input:checked ~ .tab-content {
max-height: 100vh;
padding: 1em;
}
#chck2 {
color: #fff;
font-weight: 400;
text-transform: uppercase;
padding: 15px 0 0 10px;
}
#ausdesc {
font-size: 12px;
color: #d2d2d2;
padding: 10px 0 10px 20px;
font-weight: 400;
margin-top: -10px;
background-image: url("../img/auto-verkauf-info.png");
background-position: left center;
background-repeat: no-repeat;
background-size: 15px;
}
#ausdesc2 {
font-size: 12px;
color: #d2d2d2;
padding: 10px 0 10px 30px;
font-weight: 400;
margin-top: -10px;
background-image: url("../img/auto-verkauf-info.png");
background-position: 10px center;
background-repeat: no-repeat;
background-size: 15px;
}
.white {
color: #fff;
}
@media only screen and (max-width: 300px) {
.next, .text {font-size: 11px}
}
.yearerror {
padding: 15px;
background: #1c386a;
color: #fff;
border-radius: 10px;
border: 2px solid #f00;
text-align: center;
width: 360px;
margin: 0 auto;
box-shadow: 0 0 15px -4px #000;
}
.yearerror h4 {
color: #f00;
text-transform: uppercase;
margin-bottom: 0;
}
.dropdown-content .yearerror a::after {
content: '';
display: none;
float: none;
}
.dropdown-content .yearerror a {
padding: 0;
text-transform: unset;
border-bottom: none;
height: 20px;
color: #fecf03;
width: fit-content;
margin: 0 auto;
}
.yearerror .fa-envelope::before {
content: "\f0e0";
font-family: FontAwesome;
}
.yearerror .fa-phone::before {
content: "\f095";
font-family: FontAwesome;
}
.yearerror .fa-whatsapp::before {
content: "\f232";
font-family: FontAwesome;
}
.yearerror i {
color: #fff;
margin-right: 10px;
}
.yearerror p {
margin: 0;
}
.icon-sort-by-alphabet::before {
content: "\f15d";
}
#sortalpha {
width: 13%;
padding: 12px 0 8px 0;
border-radius: 5px;
font-size: 18px;
background: #3cff35;
border: 1px solid #1e4253;
box-shadow: 0 4px 10px -3px #000;
font-family: font-awesome;
}
[class^="icon-"], [class*=" icon-"] {
font-family: FontAwesome;
}
#myInput2, #myInput3 {
width: 86%;
}
/* additionalinfo */

.clearBoth {
	clear: both;
}

:root {
	--white: #ffffff;
	--light: #f0eff3;
	--black: #000000;
	--dark-blue: #1f2029;
	--dark-light: #353746;
	--red: #da2c4d;
	--yellow: #f8ab37;
	--grey: #ecedf3;
}

/* #Primary */

::selection {
	color: var(--white);
	background-color: var(--black);
}
::-moz-selection {
	color: var(--white);
	background-color: var(--black);
}
mark{
	color: var(--white);
	background-color: var(--black);
}
.section {
    position: relative;
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.over-hide {
    overflow: hidden;
}
.z-bigger {
    z-index: 100 !important;
}


.background-color{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--dark-blue);
	z-index: 1;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.checkbox:checked ~ .background-color{
	background-color: var(--white);
}


#myDropdown11 [type="checkbox"]:checked,
#myDropdown11 [type="checkbox"]:not(:checked),
#myDropdown11 [type="radio"]:checked,
#myDropdown11 [type="radio"]:not(:checked){
	position: absolute;
	left: -9999px;
	width: 0;
	height: 0;
	visibility: hidden;
}
.checkbox:checked + label,
.checkbox:not(:checked) + label{
	position: relative;
	width: 70px;
	display: inline-block;
	padding: 0;
	text-align: center;
	margin: 17px 0;
	margin-top: 100px;
	height: 6px;
	border-radius: 4px;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	z-index: 100 !important;
}
.checkbox:checked + label:before,
.checkbox:not(:checked) + label:before {
	position: absolute;
	font-family: 'unicons';
	cursor: pointer;
	top: -17px;
	z-index: 2;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
}
.checkbox:not(:checked) + label:before {
	content: '\eac1';
	left: 0;
	color: var(--grey);
	background-color: var(--dark-light);
	box-shadow: 0 4px 4px rgba(0,0,0,0.15), 0 0 0 1px rgba(26,53,71,0.07);
}
.checkbox:checked + label:before {
	content: '\eb8f';
	left: 30px;
	color: var(--yellow);
	background-color: var(--dark-blue);
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
}

.checkbox:checked ~ .section .container .row .col-12 p{
	color: var(--dark-blue);
}


.checkbox-button:checked + label,
.checkbox-button:not(:checked) + label{
	position: relative;
	width: 31.3%;
	margin: 1%;
	border-radius: 4px;
	overflow: visible;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	float: left;
	line-height: 13px;
}

.checkbox-button:checked + label {
	color: #152646;
}
.checkbox-button:not(:checked) + label {
	background-color: #717171;
	color: #3c3c3c;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.checkbox-button:checked + label{
	background-color: transparent;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-button:not(:checked) + label:hover{
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.checkbox-button:checked + label::before,
.checkbox-button:not(:checked) + label::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-image: linear-gradient(180deg, #fecf03, var(--yellow));
	z-index: -1;
}
.checkbox-button:checked + label .uil,
.checkbox-button:not(:checked) + label .uil{
	font-size: 24px;
	line-height: 24px;
	display: block;
	padding-bottom: 10px;
	position: absolute;
}
.hands i {
	left: 40px;
}
.wheell i {
	left: 15px;
}
.accsses i {
	left: 0px;
}
.checkbox:checked ~ .section .container .row .col-12 .checkbox-button:not(:checked) + label{
	background-color: var(--light);
	color: var(--dark-blue);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}
.mb-4 {
  text-align:center;
  text-transform:uppercase;
	margin-bottom: 40px;
	color: #fff;
	position: relative;
	z-index: -11;
}
.mb-4:after, .mb-4:before {
	content: " ";
	display: block;
	border-bottom: 1px solid #fecf03;
	width: 70px;
	position: absolute;
	bottom: 5px;
}
.mb-4:before {
  left: 0;
}
.mb-4:after {
 right: 0;
}
.link-to-page {
	position: fixed;
    top: 30px;
    right: 30px;
    z-index: 20000;
    cursor: pointer;
    width: 50px;
}
.link-to-page img{
	width: 100%;
	height: auto;
	display: block;
}
.rot {
  color: #ff1010;
  font-size: 25px;
}
label[for=holder-1], label[for=holder-2], label[for=holder-3] {
	font-size: 30px;
	font-weight: bold;
}
.checkbox-button:checked + label[for=holder-1] i {
		content: url("../img/carluxembourg-additional-holder1-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=holder-1] i {
		content: url("../img/carluxembourg-additional-holder1-icons.png");
}
.checkbox-button:checked + label[for=holder-2] i {
		content: url("../img/carluxembourg-additional-holder2-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=holder-2] i {
		content: url("../img/carluxembourg-additional-holder2-icons.png");
}
.checkbox-button:checked + label[for=holder-3] i {
		content: url("../img/carluxembourg-additional-holder3-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=holder-3] i {
		content: url("../img/carluxembourg-additional-holder3-icons.png");
}

.checkbox-button:checked + label[for=compwheel] i {
		content: url("../img/carluxembourg-additional-compwheel-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=compwheel] i {
		content: url("../img/carluxembourg-additional-compwheel-icons.png");
}
.checkbox-button:checked + label[for=wheel] i {
		content: url("../img/carluxembourg-additional-wheel-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=wheel] i {
		content: url("../img/carluxembourg-additional-wheel-icons.png");
}
.checkbox-button:checked + label[for=nowheel] i {
		content: url("../img/carluxembourg-additional-nowheel-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=nowheel] i {
		content: url("../img/carluxembourg-additional-nowheel-icons.png");
}

.checkbox-button:checked + label[for=isacced] i {
		content: url("../img/carluxembourg-additional-isacced-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=isacced] i {
		content: url("../img/carluxembourg-additional-isacced-icons.png");
}
.checkbox-button:checked + label[for=noacced] i {
		content: url("../img/carluxembourg-additional-noacced-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=noacced] i {
		content: url("../img/carluxembourg-additional-noacced-icons.png");
}
.checkbox-button:checked + label[for=unkonwn] i {
		content: url("../img/carluxembourg-additional-unkonwn-checked-icons.png");
}
.checkbox-button:not(:checked) + label[for=unkonwn] i {
		content: url("../img/carluxembourg-additional-unkonwn-icons.png");
}
.hands label i {
width: 35px;
margin: -73px -10px 0 -40px;
}
.wheell label i {
width: 40px;
margin: -76px -30px 0 -15px;
}
.accsses label i {
width: 50px;
margin: -88px -50px 0 0px;
}
.z-bigger {
padding: 0 18px;
}
.gowinfo {
color: #1f3251;
padding: 1.8em 7em 2.8em 0.5em;
font-size: 14px;
background: #fecf03;
border: 2px solid #f8ab36;
box-shadow: 0 4px 10px -3px #000;
font-weight: bold;
text-transform: uppercase;
width: 250px;
border-radius: 7px;
height: 45px;
margin: 20px auto 0 auto;
position: relative;
}
.gowinfo::after {
content: ' \00BB';
font-size: 40px;
color: #152646;
position: absolute;
top: 4px;
right: 40px;
}