@import url('skoda-font.css');
body {
    margin: 0;
    font-family: 'SKODA Next';
}

.main {
    max-width: 1920px;
    margin: auto;
    font-family: 'SKODA Next';
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  {
	margin-bottom: 0.5rem;
	font-family: 'SKODA Next';
	font-style: normal;
	color: #161718;
;}

h1 {
	font-size: 48px;
	font-weight: 700;
    line-height: 119%;
    letter-spacing: normal
}

h2 {
	font-size: 42px;
	font-weight: 700;
    line-height: 119%;
    letter-spacing: normal;
}

h3 {
	font-size: 30px;
	font-weight: 700;
    line-height: 120%;
    letter-spacing: normal;
}

h5 {
    margin: 0;
    font-size: 14px;
    
}

p{
	font-size: 16px;
	font-weight: 100;
	line-height: 1.5;
	letter-spacing:normal;
	
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

i.fa.fa-chevron-right {
    display: none;
}

.car-overview-description li:before,
.unternehmen-content li:before {
    content: '\F111';
    font-family: 'FontAwesome';
    font-size: 5px;
    float: left;
    padding-right: 5px;
}

li {
    list-style: none;
}

::selection {
    color: #161718;
    background-color: transparent;
}


::-moz-selection {
    color: #161718;
    background-color: transparent;
}

.car-details a {
   /* text-transform: uppercase;*/
}
.headerModelle {
    text-align: center;
    margin-top: 0;
}


/* Hauptmenu */

.navigation {
    width: 100%;
    height: 70px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #ddd;
	/*
	position: fixed;
	top:0px;
	*/
	
}

.navi-shadow {
    background-color: black;
    width: 100%;
    height: 97%;
    z-index: 10000;
    top: 71px;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    right: 0;
    position: absolute;
    display: none;
}

.navi-shadow.active {
    display: block;
}

.logo {
    width: 138px;
    height: 40px;
    float: left;
    margin-top: 14px;
    margin-left: 30px;
    /*background-image: url(../pics/logo.png);*/
    background-size: cover;
}

.headerHr {
    border: none;
    border-top: solid 1px #b4b4b4;
}

.name {
    padding-left: calc(45% - 480px);
    /*padding-right: calc(40% - 480px);*/
    position: absolute;
    top: 120px;
    z-index: 10002;
    font-size: 22px;
}

.name.active {
    display: block;
}

.navigation ul {
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
    -webkit-padding-after: 0;
    -webkit-mpadding-before: 0;
    margin: 0;
}

.navigation ul >li {
    float: left;
    list-style: none;
    margin-left: 30px;
    padding: 0 10px;
    line-height: 68px;
    cursor: pointer;
}

.navigation ul > li:hover {
    border-bottom: solid 2px #a0a0a0;
}

.navigation ul >li.active {
    border-bottom: solid 2px #0e3a2f;
}

.navigation ul >li.active.notactive {
    border-bottom: none;
}

.navigation ul > li > a {
    color: black;
    text-decoration: none;
}

.navigation ul > li > ul {
    position: absolute;
    padding: 40px 0 50px 0px;
    background: #f1f2f2;
    z-index: 10001;
    top: 71px;
    left: 0;
    right: 0;
    display: none;
    max-width: 100%;
    margin: auto;
    padding-left: calc(63% - 480px);
    padding-right: calc(40% - 480px);
}

.navigation ul > li > ul.nav-models {
    padding: 39px 150px 50px 150px;
    position: absolute;
    background: #fff;
    z-index: 10001;
    top: 71px;
    left: 0;
    right: 0;
    display: none;
}

.navigation .menu-punkte > ul > li > a {
    padding: 25px 0;
}

.navigation ul > li > ul.nav-models li {
    border-bottom: 1px solid #f0f0f0;
    width: 25%;
    float: left;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}

.navigation ul > li > ul > li {
    width: 26%;
    line-height: 40px;
    border-bottom: solid 1px #f0f0f0;
    margin-left: 0;
	margin-right:10px;
    padding: 0 0;
}

.navigation ul > li > ul > li:hover {
    border-bottom: solid 1px #f0f0f0;
}

.navigation ul > li > ul > li > a {
    color: #000000;
}

.nav-models li a {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    padding-top: 41%;
    text-decoration: none;
    font-family: 'SKODA Next';
	font-weight:700;
    color: #000;
   /* text-transform: uppercase;*/
}


/*Automodelle Navigation*/

.nav-models li {
    min-height: 170px;
    display: table;
    background-image: url(pics/model/CITIGO.png);
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
}

.nav-models li.rapid {
    background-image: url(pics/model/RAPID.png);
}

.nav-models li.fabia {
    background-image: url(pics/model/FABIA.png);
}

.nav-models li.octavia {
    background-image: url(pics/model/OCTAVIA.png);
}

.nav-models li.karoq {
    background-image: url(pics/model/KAROQ.png);
}

.nav-models li.kodiaq {
    background-image: url(pics/model/KODIAQ.png);
}

.nav-models li.superb {
    background-image: url(pics/model/SUPERB.png);
}


/*Automodell Navigation*/

.menu-punkte ul li.active ul {
    display: block;
}

.mobile-back {
    width: 71px;
    position: absolute;
    top: 71px;
    z-index: 100005;
    background-color: #ddd;
    font-family: 'FontAwesome';
    height: 71px;
    line-height: 71px;
    text-align: center;
    cursor: pointer;
    display: none;
}
.mobile-back i {
    line-height: 71px;
    cursor: pointer;
}
.left-section {
    float: left;
}

.right-section {
    float: right;
}

.smaler-menu {
    display: none;
}

.smaler-menu li {
    float: left;
    line-height: 69px;
    list-style: none;
    padding: 0 20px;
}

.smaler-menu-navi {
    width: 100%;
    position: absolute;
    top: 71px;
    left: 0;
    z-index: 10001;
    background-color: white;
    display: none;
}

.smaler-menu-navi-display {
    display: block;
}

.smal-mobile {
    cursor: pointer;
}

.smaler-menu-navi ul > li > a {
    color: black;
    text-decoration: none;
    line-height: 30px;
    padding: 0 0 0 5px;
}

.smaler-menu-navi ul li {
    list-style: none;
}

.row {
    float: left;
    margin-left: 120px;
    margin-bottom: 80px;
    display: none;
}

.activeElement {
    font-family: 'SKODA Next';
	font-weight:300;
}

.row ul li {
    font-size: 24px;
    border-bottom: solid 1px #ddd;
    padding: 15px 100px 15px 0;
}

.row ul ul {
    position: absolute;
    top: 26px;
    left: 460px;
    right: 0;
    display: none;
}

.row ul ul li {
    line-height: 1.5em;
    display: block;
    border-bottom: solid 1px #ddd;
    float: left;
    width: 46%;
    padding: 7px;
    padding-right: 0;
    margin: 1% 1%;
}

.row ul ul li a {
    font-size: 14px;
    color: #4ba82e;
}
.right-section div{
    box-sizing: border-box;
    padding: 1rem;
    height: 70px;
}
.car-config img, .partner img{
    display: none;
}
.car-config {
    height: 70px;
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    float: left;
    margin-left: 70px;
    text-align: center;
}
.car-config a::before, .partner a::before{
    content: '';
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(/pics/icons/vehiclefront.png);
	background-size: cover; 	
    position: relative;
    top: 6px;
    right: 6px;
}
.partner a::before{
    background-image: url(/pics/icons/icon-probefahrt.png);
}
.partner {
    height: 70px;
    border-right: solid 1px #ddd;
    float: left;
    text-align: center;
}

.pfeil {
    width: 30px;
    height: 70px;
    float: left;
    text-align: center;
    display: none;
}

.search {
    width: 150px;
    height: 70px;
    float: left;
    line-height: 70px;
    box-sizing: border-box;
}

.search img {
    vertical-align: middle;
    width: 100%;
}

i.fa.fa-times {
    position: absolute;
    right: 20px;
    font-size: 19px;
    line-height: 71px;
    cursor: pointer;
}

.car-config a,
.partner a,
.search a,
.pfeil a {
    color: #000000;
    text-decoration: none;
   /* text-transform: uppercase;*/
    font-size: 15px;
    padding: 0 1.5rem;
}

.car-config img,
.partner img {
    float: left;
    margin-top: 22px;
    margin-left: 15px;
}

.clear {
    clear: both;
}

.special-menu img {
    float: left;
    margin: 5px 11px;
    width: 25px;
    height: 25px;
}


/* Mobile Menu*/

.mobile-menu {
    display: none;
    line-height: 71px;
    float: right;
    margin-right: 18px;
    position: absolute;
    right: 0;
    cursor: pointer;
    color: #4ba82e;
    border-left: solid 1px #ddd;
    padding-left: 20px;
}

.mobile {
    float: left;
    background-color: grey;
    height: 100%;
    width: 50px;
    text-align: center;
    display: none;
}

.mobile-model {
    line-height: 71px;
    position: absolute;
    right: 50px;
    cursor: pointer;
    display: none;
}


/* Mobile Menu Ende*/


/* Hauptmenu Ende */


/* Header*/

.header-pic {
    width: 100%;
    height: 500px;
    max-height: 500px;
    background-image: url(pics/headerpic.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
}
.sliderImages{
    height: 500px;
    width: 100%;
    background-size: cover;
    background-position: center center;
}
.slider{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}
.arrowRight i.fa.fa-chevron-right,.arrowLeft i.fa.fa-chevron-left {
    display: block;
    line-height: 50px;
    width: 50px;
    text-align: center;
    color: rgb(75,168,46);
}
.arrowRight.slick-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    width: 50px;
    height: 50px;
    background: #FFF;
    opacity: 0.5;
    color: rgb(75,168,46);
}
.arrowLeft.slick-arrow {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10;
    width: 50px;
    height: 50px;
    background: #FFF;
    opacity: 0.5;
    color: rgb(75,168,46);
}
ul.slick-dots {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    padding-left: 0;
    margin: auto;
    text-align:center;
}
ul.slick-dots li {
    display: inline;
}
ul.slick-dots li button {
    background: rgba(255,255,255,0.4);
    color: #FFF;
    border: none;
    margin: 0 5px;
    height: 7px;
    font-size:0;
    cursor:pointer;
}
li.slick-active button {
    background: #4BA82E!important;
}
.header-pic.unterNehmen {
    /*background-image: url(pics/highlights_skoda_4.85ad92620b331ae8273c9fc850a9f0f4.fill-1920x1096.jpg);*/
    background-image: url(/getpic.php?id=55074&kat=330&w=1920&h=1096&q=80&name=a1a7bffd21f466efd8bb389f48abc80f);
    background-size: cover;
    background-position: center center;
    position: relative;
}

.header-pic img {
    width: 100%;
}
.widgetTop img,.widgetTopTwo img {
    width: 50px;
    float: left;
    margin-right: 10px;
}
input.searchCar {
    text-align: right;
    padding-right: 50px!important;
    min-width: 30px!important;
    width:100%!important;
}
img.searchPic {
    position: absolute;
    left: 30px;
    width: 40px;
    top: 6px;
}
.searchWrapper {
    float: left;
    position: relative;
    width: 190px;
}
.intro-text {
    width: 400px;
    position: absolute;
    bottom: 47px;
    left: 30px;
}

.intro-text.unternehmen,
.intro-text.car {
    bottom: 70px;
    height: 20px;
}

.intro-text h1 {
    color: #FFF;
   /* text-transform: uppercase;*/
    margin: 28px 0;
    line-height: 47px;
}

.intro-text a {
    text-decoration: none;
    color: #FFF;
    background-color: #4ba82e;
    padding: 10px 15px;
    border-radius: 2px;
}

.intro-text a:hover {
    background-color: #377220;
}

.intro-text.mobils {
    text-align: center;
    margin: auto;
    position: inherit;
    display: none;
}

.intro-text.mobils h1 {
    color: #000;
    display: none
}


/* Header Ende*/


/* Content Bereich */

.footer-menu a{ color:#fff;}

.shadow1{

     background-color:#fff;
     padding-bottom:25px;
     padding-top:25px;
     padding-left:15px;
     padding-right:15px;
     box-shadow: 0 0 5px 0 rgba(0,0,0,.05),0 5px 20px 0 rgba(0,0,0,.05);
     margin-left:50px;

}
.footer .auswahl{
border:1px solid red;
display: flex;  
justify-content: center;  
/*
align-items: center;
flex-basis: auto;
*/

}
.footer .auswahl-box{
flex-basis:auto;
}


.flex-container{

display: flex;
justify-content: space-evenly;
gap: 15px;
flex-flow: row wrap;
margin-top:30px;
margin-bottom:30px;
}

.flex-item{
     background-color:#f1f1f1;
     align-self: auto;
     box-shadow: 0 0 5px 0 rgba(0,0,0,.05),0 5px 20px 0 rgba(0,0,0,.05);
     padding:10px;
     min-width:300px;
text-align:justify;

}
.shadow1r{
width:100%;
}
.flex-item-content{

vertical-align:center;
text-align:center;

}
.auswahl-text{
  width: 100%;
  height: Unset;
  display: block;
  vertical-align: middle;
  text-align: center;
  line-height: 25px;
  background-color: white;


}

.leftBox,
.rightBox {
    width: 48%;
    float: left;
    padding: 1%;
}

.fullBox {
    width: 98%;
    padding: 1%;
}


/* Content Bereich Ende */


/* Index */

.content {
    width: 100%;
    min-height: 140px;
    /*background-color: #f1f2f2;*/
}

.content a{
    color: #394748;
    text-decoration: none;
}

p .left {
    text-align: left!important;
}

.content-intro h5 {
    margin-top: 1em;
    font-family: 'SKODA Next';
	font-weight:300;
}

.content-intro a {
    color: #394748;
    text-decoration: none;
    font-weight: bold;
}
.content-intro.clearfix {
    padding-bottom: 15px;
}
.content a:hover,
.more-choice:hover {
    text-decoration: underline;
    color: #394748;
	cursor: pointer;
	
}
.content .inner img {
    width: 100%;
    height: auto;
}
.content td.textbox2 img, .content .ce_dk_vehicles_filter div img {
    width: auto;
}
.content .popup_content img {
    width: auto;
}
.spalte1{
	background-color:#fff;
	padding:20px;
}
.left-content {
    width: 48.5%;
    float: left;
	/*
	padding-top: 0.75%;
    padding-left: 0;
    padding-right: 0.75%;
    padding-left: 0.75%;
    */
	margin-right: 1.75%;
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 0.75%;
	background-color:#f1f1f1;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.05),0 5px 20px 0 rgba(0,0,0,.05);
}
.right-content {
    width: 48.5%;
    float: right;
   
    overflow: hidden;
	/*
	 max-width: inherit;
	padding-top: 0.75%;
    padding-left: 0.75%;
    padding-right: 0.75%;
    padding-bottom: 0.75%;
    */
	padding-bottom: 0.75%;
	margin-bottom: 30px;
	
	background-color:#f1f1f1;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.05),0 5px 20px 0 rgba(0,0,0,.05);
}
.left-content .content-box, .right-content .content-box{
	margin-left:15px;
	margin-right:10px;
	margin-bottom:15px;
	margin-top:15px;
}

.content-box .content-box-price{
	text-align:right;
	padding-right:20px;
	
	display:box;
	font-size:20px;
	witdh:100%;
	margin-bottom:20px;
	margin-top:20px;
}


.left-content a:hover,.right-content a:hover {
    background: #f8f8f8;
}
.left-content a,.right-content a{
    display: block;
	color: #161718;
	font-weight: 700;
	letter-spacing: 1px;
	/*
	
	font-style: normal;
	font-stretch: normal;
	
	
	font-size: 12px;
	line-height: 117%;
	*/
	
	
	
}
.left-content.no-full-width-pic img {
    width: auto;
}
.no-full-width-pic img {
    width: auto;
}
form .left-content select {
    height: 41px;
}
form .right-content {
    padding-left: 0;
}
.right-content img,.left-content img{
    width: 100%;
}
.left-content h4,.right-content h4 {
    font-family: 'SKODA Next';
    margin: 15px 0px 8px 0px;
    color: #000;
	font-weight:700;
}
.right-content a:hover,.left-content a:hover {
    text-decoration: none;
}
.left-content p,.right-content p {
    margin: 0px 0 8px 0;
    color: #000;
}
.transition {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.navigation ul > li > ul.nav-models li img {
    width: 100%;
}

.url {
    margin: auto;
    width: 50px;
}

.url a {
    color: #000;
    text-decoration: none;
    font-family: 'SKODA Next';
	font-weight:700;
    /*text-transform: uppercase;*/
}


/* Index Ende*/

/*Mitarbeiter*/
.wrapperMitarbeiter {
    max-width: 480px;
    min-height: 200px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.imageMitarbeiter {
    width: 50%;
    float: left;
}
.infoMitarbeiter {
    width: 44%;
    float: left;
    margin-left: 4%;
    padding-right: 2%;
}
.infoMitarbeiter p {
    font-size: 14px;
}
.infoMitarbeiter img{
    width: 20px;
}
.content .inner .infoMitarbeiter p img {
    width: 20px;
}
.unternehmenMitarbeiter:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
/*Mitarbeiter Ende*/

/* Gebrauchtwagen*/
.fahrzeugsuche label {
    
    float: left;
    margin-right: 20px;
    font-size: 2em;
    line-height: 30px;
    font-weight: 200;
    padding-top: 9px;
}
.fahrzeugsuche input[type="submit"] {
    border: none;
    min-width: 202px;
}
.parentWidget {
    perspective: 1000px;
    width: 100%;
    max-width: 960px;
    margin: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.widgetTop,.widgetTopTwo{
	marign:auto;
	text-align:center;
    max-width: 1000px;
    z-index: 10;
    margin: auto;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 70px;
    padding: 13px 10px;
    background: rgba(255,255,255);
    transform: rotateX(0deg);
    -webkit-transform-origin: 0 100% 0;
    -moz-transform-origin: 0 100% 0;
    -ms-transform-origin: 0 100% 0;
    -o-transform-origin: 0 100% 0;
    transform-origin: 0 100% 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-shadow: 0 -1px 5px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 -1px 5px 5px rgba(0,0,0,0.2);
    box-shadow: 0 -1px 5px 5px rgba(0,0,0,0.2);;
	
}
.widgetTopTwo {
    background: rgba(255,255,255,1);
    margin-bottom: -70px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
    height: 90px;
    padding: 23px 10px;
}
.header-pic.unterNehmen.versionTwo {
    margin-bottom: 130px;
}
.widgetTop.active {
    transform: rotateX(92deg);
    transition: all 300ms linear;
}
.fahrzeugsuche select, 
.fahrzeugsuche input {
    float: left;
    width: 19%;
    max-width: 180px;
    margin-right: 20px;
    height: 46px;
}

.fahrzeugsuche input {
    color: #FFF;
    border-radius: 3px;
    margin-right: 0;
    height:auto;
}

.fahrzeugsuche select:first-child {
    margin-right: 0px;
}
.fahrzeugsuche .select-wrapper {
    position: relative;
    width: 190px;
    float: left;
  }
  span.fahrzeugSuche {
    /*text-transform: uppercase;*/
    color: #000;
    }
  .fahrzeugsuche .select-wrapper::before {
    color: #fff;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../img/Dropdown-Pfeil.svg);
    width: 50px;
    height: 100%;
    z-index: 10000;
    content: ' ';
  }
  .window .fahrzeugsuche .select-wrapper {
    width: 100%;
}
.window .fahrzeugsuche .select-wrapper::before {
    color: #fff;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 25%;
    background: url(../img/Dropdown-Pfeil.svg);
    width: 50px;
    height: 100%;
    z-index: 10000;
    content: ' ';
}
  .fahrzeugsuche select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-left: 10px;
    width: 100%;
  }
  select::-ms-expand {
    display: none;
}
/* Widget Ende*/
/* Bottomwidget */
.window {
    width: 410px;
    height: 260px;
    background-color: #FFF;
    position: absolute;
    right: 190px;
    z-index: 100;
    bottom: 75px;
    padding: 20px;
    display:none;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.25);
}
.mobileWindow{
	opacity:0;
}
.close {
    position: absolute;
    right: 5px;
    cursor: pointer;
    top: 5px;
}
.window .fahrzeugsuche select, .window .fahrzeugsuche input {
    width: 100%;
    max-width: 450px;
    margin-top: 20px;
}
div.dreieck {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #FFF;
    transform: rotate(180deg);
    position: absolute;
    bottom: -18px;
    right: 8%;
}

.display {
    border: solid 1px #ddd;
    border-right: none;
    height: 60px;
    text-align: center;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.1);
}
.display img {
    float: left;
}
.display span,
span.fahrzeugSuche,.display span i {
    line-height: 60px;
    cursor: pointer;
    margin-right: 10px;
}
.display span {
    float: left;
    margin-right: 0;
}
img.pfeilBottom {
    height: 60px;
    width: 24px;
}
.display span img{
    transform: rotate(180deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.display span img.isActive {
    transform: rotate(0deg);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.bottomParent {
    position: fixed;
    border:solid 1px #ddd;
    color: #4ba82e;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    right: -166px;
    bottom: 60px;
    width: 250px;
    height: 60px;
    text-align: center;
    display:none;
    z-index: 10;
}
span.fahrzeugSuche {
    margin-left: 16px;
}
.bottomWidget {
    height: 25px;
}

.bottomParent.not {
    right: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: #FFF;
}
/*BottomWidget Ende*/
.car-content:after {
    content: '';
    display: block;
    clear: both;
}
.content.car h1 {
    text-align: center;
}

.car-content {
    width: 100%;
    margin-top: 5px;
}

.car-content:nth-child(odd) {
    background-color: #f0f0f0;
}

.car-pic {
    float: left;
}

.car-pic img {
    width: 90%;
    padding: 20px 5%;
}

.car-details {
    float: left;
    width: 67%;
}

.car-details ul.first-row > li:first-child {
    padding-left: 0;
    border-bottom: 0;
}

ul.first-row li ul li:first-child {
    border-top: solid 1px #ddd;
}

ul.first-row {
    line-height: 30px;
}

.car-details ul.first-row > li {
    float: left;
    padding-left: 30px;
    border-bottom: solid 1px #ddd;
}

.mobile-description {
    display: none;
}

.car-details ul ul {
    padding-left: 0;
}

.car-details li {
    list-style: none;
}

.angaben {
    float: right;
    width: 34%;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: 'SKODA Next';
	font-weight:700;
}

.ez,
.km,
.prize {
    width: 33.33%;
    float: left;
}

.searchResult {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: 'SKODA Next';
	font-weight:700;
}


/* Gebrauchtwagen Ende*/


/* Auto Detail*/

.neuwagenDetail {
    margin: 40px 0;
}

.neuwagenDetail a {
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    color: #ffffff;
    background-color: #4ba82e;
    border-color: #4ba82e;
    padding: 13px 25px;
    border-radius: 2px;
}

.car-overview {
    margin-top: 30px;
    margin-bottom: 40px;
}

.car-overview-pic {
    float: left;
    width: 50%;
}

.irrtuemer {
    position: absolute;
    bottom: -30px;
}

.content.car .car-overview-details p {
    text-align: left;
    margin: 0;
    line-height: 25px;
}

.car-overview-details h2 {
    text-align: left;
    margin: 0;
    font-family: 'SKODA Next';
	font-weight: 700;
}

.car-overview-details {
    float: right;
    width: 50%;
    position: relative;
}

.car-overview-description {
    width: 90%;
    min-height: 200px;
    line-height: 26px;
    margin: 40px 0 80px 0;
    background-color: #f0f0f0;
    padding: 5%;
    font-size: 16px;
}

.car-overview-details ul {
    float: left;
    list-style: none;
}

.preis {
    font-family: 'SKODA Next';
	font-weight:700;
}

.car-overview-details ul li {
    line-height: 25px;
}

.car-overview-details ul:first-of-type {
    padding-left: 0;
}

.img-full {
    width: 80%;
}

.img-full img {
    width: 100%;
}

.img-thumb img {
    width: 24%;
    padding: 0 0.5%;
}

.img-thumb {
    width: 80%;
}

.content.car.overview h1 {
    text-align: center;
    margin: 15px 0;
}

.content.car.overview .car-overview-description p {
    text-align: left;
    margin-bottom: 0;
    font-family: 'SKODA Next';
	font-weight:700;
}

.car-overview-description ul {
    float: left;
    width: 45%;
    line-height: 25px;
}
/*Flyout*/
.flyout,.flyoutOne,.flyoutMobile,.flyoutOneMobile {
    height: 50px;
    width: 250px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background: #3D9620;
    position: fixed;
    right: -200px;
    z-index: 10;
    top: 47%;
}
.shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
.flyoutOne,.flyoutOneMobile{
    display:none;
}
.content .inner .flyout img,.content .inner .flyoutOne img,.content .inner .flyoutMobile img,.content .inner .flyoutOneMobile img {
    width: 37px;
    height: 50px;
    float: left;
    margin-left: 6px;
    margin-right: 20px;
}
.content .inner .close img {
    width: 18px;
    cursor: pointer;
}
.mobileWindow .close {
    width: 18px;
}
.flyoutWrapper a:hover,.flyoutWrapperMobile a:hover {
    color: #FFF;
}
.flyoutWrapperMobile{
    display:none;
}
.flyoutWrapper a,.flyoutWrapperMobile a {
    line-height: 50px;
    color: #FFF;
    text-decoration: none;
}


.content .inner .flyout.three img,.content .inner .flyout.four img,.content .inner .flyout.five img, .content .inner .flyoutMobile.three img,.content .inner .flyoutMobile.four img,.content .inner .flyoutMobile.five img{
    width: 37px;
    margin-left: 6px;
    margin-right: 20px;
}
.flyout.two,.flyoutMobile.two {
    top: calc(47% + 54px);
}

.flyout.three,.flyoutMobile.three {
    top: calc(47% + 107px);
}
.flyout.four,.flyoutMobile.four {
    top: calc(47% + 160px);
}

.flyout.five,.flyoutMobile.five {
    top: calc(47% + 213px);
}

.flyout.activ,.flyoutOne.activ,.flyoutMobile.activ,.flyoutOneMobile.activ {
    right: 0px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin-right: 0px;
}


/* Auto Detail Ende*/


/* Content Bereich Ende */


/* Footer*/

.footer-menu .inner > ul > li > a {
    font-family: 'SKODA Next';
	font-weight:700;
    /*text-transform: uppercase;*/
}


/* Appstore */

.skoda-apps {
    width: 100%;
    background-color: black;
}

.apps h2 {
    color: white;
    text-align: center;
    padding-top: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    /*text-transform: uppercase;*/
    font-family: 'SKODA Next';
}

.android-app {
    width: 50%;
    float: left;
    height: 70px;
    padding: 5px 0 30px 0;
}

.android-app img {
    float: right;
    margin-right: 10px;
}

.apple-app {
    width: 50%;
    height: 70px;
    float: right;
    padding: 5px 0 30px 0;
}

.apple-app img {
    margin-left: 10px;
}


/*Appstore End*/

.auswahl {
    width: 100%;
    height: 300px;
}

.auswahl .inner {
    max-width: 750px;
}

.auswahl-text {
    width: 100%;
    /*height: 10px;*/
    /*display: table-cell;*/
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
    background-color: #f1f1f1;
}

.auswahl-text.mouse .shadow1 {
    opacity: 0.5;
}

.auswahl-text.schatten.mouse .shadow1 {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    background: white;
    opacity: 1;
}

.auswahl-text img {
    width: 40px;
	margin-bottom:-20px;
}

.auswahl-text p {
    margin-top: 0;
    margin-bottom: 15px;
}

.auswahl-text a h5 {
    color: #000;
}

.auswahl-text a p {
    color: #000;
}

.auswahl-text a {
    color: #000;
    text-decoration: none;
	font-weight:700;
	letter-spacing:1px;
}
.auswahl-text a:hover{
	cursor:pointer;
}

.shadow1 {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 100%;
    background: white;
    opacity: 1;
}

.auswahl-box {
    width: 33.33%;
    display: table;
    height: 300px;
    float: left;
    cursor: pointer;
}

.footer-menu {
    width: 100%;
    font-size: 14px;
    padding: 25px 0;
    background-color: #f0f0f0;
}

.inner {
    max-width: 1200px;
    margin: auto;
}
/*Cookie Banner*/
a.cc-btn.cc-deny {
    color: #161718!important;
    background-color:#78FAAE !important;
	border: 1.5px solid #78FAAE  !important;
	border-radius: 80px!important;
	border: 1.5px solid #161718;
    border-width: 1px;
    border-radius: 80px;
    color: #161718;
    opacity: unset;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: center;
    transition-duration: 0.3s;
    float: none;
    padding: 0px 30px;
    width: auto;
    margin-right: 10px;
	
	
}
.cc-revoke, .cc-window {
    font-family: 'SKODA Next'!important;
}
.deleteCookie{
    cursor: pointer;
}
.cc-animate.cc-revoke.cc-bottom {
    -webkit-transform: translateY(0em)!important;
    transform: translateY(0em)!important;
}
.cc-revoke.cc-bottom {
    border-top-left-radius: 1px!important;
    border-top-right-radius: 1px!important;
}
.cc-revoke.cc-bottom.cc-animate.cc-color-override-541892535 {
    background-color: #4BA747!important;
    background: #4BA747!important;
    color: #FFF!important;
}
a.cc-btn.cc-allow{
	border: 1px solid #78FAAE!important;
    background-color: #78FAAE;
    border-width: 1px;
    border-radius: 80px;
    color: #161718;
    opacity: unset;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: center;
    transition-duration: 0.3s;
    float: none;
    padding: 0px 30px;
    width: auto;
    margin-right: 10px;
}
.a.cc-btn.cc-deny { 
	background-color: #cacecf!important;
    border: 1.5px solid #161718;
    border-width: 1px;
    border-radius: 80px;
    color: #161718;
    opacity: unset;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    line-height: 45px;
    letter-spacing: 1px;
    text-align: center;
    transition-duration: 0.3s;
    float: none;
    padding: 0px 30px;
    width: auto;
    margin-right: 10px;
}
.a.cc-btn.cc-deny:hover{
	text-decoration: none;
}

/* Footer Menu*/

.footer-menu .inner .adress {
    width: 20%;
    float: left;
    line-height: 25px;
}
.adress p {
    margin: 0;
	font-size:14px;
}

.footer-menu .inner .adress p {
    text-align: left;
}

.footer-menu h5 {
    margin: 0 0;
	color:#fff;
}
.footer-menu h4 {
	color:#fff;
}

.footer-menu a {
    color: #fff;
    text-decoration: none;
}

.footer-menu .inner > ul {
    width: 80%;
    float: left;
    margin: 0px;
    padding: 0;
}

.footer-menu ul >li {
    float: left;
    list-style: none;
    font-weight: bold;
    padding-left: 40px;
    line-height: 25px;
}

.footer-menu ul li ul {
    padding-left: 0;
}

.footer-menu ul li ul li {
    float: none;
    list-style: none;
    padding-left: 0;
    font-weight: normal;
}

.more,
.less {
    text-align: left;
    margin-top: 10px;
    border-top: solid 1px #ddd;
    cursor: pointer;
    padding: 5px 0 5px 20px;
    display: none;
}


/* Footer Menu End*/

.footer-end {
    width: 100%;
    height: 80px;
    background-color: black;
}

.footer-end .inner {
    position: relative;
    height: 80px;
}

.footer-end i {
    color: white;
    font-size: 20px;
}

.social {
    height: 38px;
    display: table;
    float: right;
}

.icons {
    display: table-cell;
    vertical-align: middle;
}

.icons a {
    padding: 0 5px;
}

.footer-end .inner hr {
    position: absolute;
    top: 30px;
    width: 100%;
    color: #787878;
    height: 1px;
    border-top: solid 1px #e6e6e6;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.hr-under {
    width: 100%;
    color: #e6e6e6;
    position: absolute;
    bottom: 8px;
}

.hr-left {
    float: left;
}

.hr-right {
    float: right;
}

.hr-right a {
    padding-left: 15px;
}

.menu-punkte ul > li.active ul.special-menu li {
    display: block;
}

.special-menu li a {
    white-space: nowrap;
    /* padding: 0 0px; */
}


/* Footer End */

/*Probefahrt*/
.introText p {
    width: 100%;
    column-count: 2;
    column-gap: 50px;
    margin-bottom: 35px;
}
.content .inner .left-content.probe img,.content .inner .right-content.probe img {
    width: 250px;
}
.wrapperModel {
    width: 33%;
    float: left;
}
.wrapperModel:hover {
    background: #F0F0F0;
}
input[type="date"] {
    width: 350px;
    padding: 8px 10px;
    margin-bottom: 5px;
    font-family: 'SKODA Next';
	font-weight: 200;
    font-size: 16px;
    border-radius: 0px;
    border: 1px solid #e6e6e6;
    /*text-transform: uppercase;*/
}
.wrapperBottom {
    width: 50%;
    float: left;
    margin-top: 30px;
}
.anfrageProbefahrt input[type="submit"] {
    border: none;
    min-width: 220px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.anfrageProbefahrt > label.text-big_label {
    margin-bottom: 20px;
}
.anfrageProbefahrt > label input[type="checkbox"] + span {
    margin: -2px 20px 0 0;
}
form .left-content select {
    height: 41px;
    margin-bottom: 15px;
}
form.anfrageProbefahrt .text-big[type="text"] {
    margin-bottom: 15px;
}
form.anfrageProbefahrt h2{
    font-size: 36px;
    font-family: 'SKODA Next';
	font-weight: 200;
    text-align: center;
}
.hiddenContent{
    display:none;
}
.showContent{
    cursor:pointer;
}
@media screen and (max-width: 2020px) {
    .flyout,.flyoutOne {
        height: 50px;
        width: 250px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        background: #3D9620;
        position: fixed;
        right: -200px;
        top: 50%;
    }
    .window {
        right: 187px;
    }

    .flyout.two {
        top: calc(50% + 53px);
    }
    
    .flyout.three {
        top: calc(50% + 106px);
    }
    
    .flyout.four {
        top: calc(50% + 159px);
    }
    
    .flyout.five {
        top: calc(50% + 212px);
    }
}
@media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .window { bottom: 70px } /* IE11 */
     }
     
@media screen and (max-width: 1667px) {
    .navigation ul >li {
        float: left;
        list-style: none;
        margin-left: 15px;
    }
    .car-config {
        margin-left: 0px;
    }
}
@media screen and (max-width: 1492px) {
    .navigation ul >li {
        padding: 0 0px;
        margin-left: 10px;
    }
}
@media only screen and (min-width:1430px){
    #mod_rating_container {
        position: absolute;
        right: 0px;
        top: 600px;
    }
}
@media screen and (max-width: 1295px) {
    .navigation ul >li {
        margin-left: 20px;
    }
}
@media screen and (max-width:1366px){
	.window {
	    right: 182px;
	}
    .shadow{
        background: rgba(0,0,0,0.8);
    }
}
@media (max-width:1366px) and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .window { bottom: 60px } /* IE11 */
     }
@media screen and (max-width: 1320px) {
    .menu-punkte ul > li {
        display: none;
    }
    .menu-punkte ul > li.activeMobile {
        display: block;
    }
    .menu-punkte ul > li.modell-menu {
        display: block;
    }
    .smaler-menu {
        display: block;
    }
    .row {
        display: block;
    }
    .name {
        display: none;
    }
    .name {
        display: none;
    }
}

@media screen and (max-width: 1100px) {
    .navigation ul > li > ul.nav-models {
        padding: 0;
    }
    .fahrzeugsuche {
        padding: 10px 0px;
    }
    form.fahrzeugsuche {
        width: 99%;
    }
    .fahrzeugsuche label {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .fahrzeugsuche select, .fahrzeugsuche input {
        width: 100%;
        max-width: 100%;
    }
    .widgetTop, .widgetTopTwo {
        height: 70px;
        padding: 4px;
    }
    .fahrzeugsuche label {
        margin-right: 0;
    }
    .widgetTop .fahrzeugsuche input[type="submit"],.widgetTopTwo .fahrzeugsuche input[type="submit"] {
        width: 100%;
    }
    form.fahrzeugsuche {
        width: 100%;
    }
    .fahrzeugsuche select {
        margin-right: 2%;
    }
    .widgetTop.active {
        transform: rotateX(94.5deg);
    }
    .window {
        height: 290px;
    }
    .widgetTop,.widgetTopTwo  {
        text-align: center;
    }
    .widgetTop img, .widgetTopTwo img {
        float: left;
        margin-right: 1%;
        margin-left: 1%;
        margin-top: 10px;
    }
    .fahrzeugsuche .select-wrapper {
        position: relative;
        width: 30%;
        float: left;
        margin-right: 1%;
    }
    form.fahrzeugsuche label {
        display: none;
    }

    .fahrzeugsuche .select-wrapper {
        width: 30%;
    }
    .newOne .fahrzeugsuche .select-wrapper {
        width: calc(50% - 110px);
    }
    img.searchPic {
        left: 40px;
        width: 30px;
        top: 0px;
    }
}
@media only screen and (max-width:1024px){
    .flyoutWrapperMobile{
        display:block;
    }
    .flyoutWrapper{
        display:none;
    }
    .mobileWindow{
		opacity:1;
		top: 85px;
		position: fixed;
	}
}
@media screen and (max-width: 1000px) {
    .intro-text,
    .intro-text h2,
    .intro-text a {
        display: none;
    }
    .intro-text.mobils,
    .intro-text.mobils h2,
    .intro-text.mobils a {
        display: block;
    }
    .navigation ul > li > ul.nav-models li {
        width: 33.33%;
    }
    .header-pic {
        height: 0;
        min-height: 400px;
    }
    .intro-text.mobils h1 {
        display: block;
        font-size: 33px;
        margin-bottom: 10px;
        line-height: 33px;
    }
    .android-app {
        padding: 5px 0 0px 0;
    }
    .ez,
    .km,
    .prize {
        display: none;
    }
    .mobile-description {
        display: block;
        float: left;
    }
    .car-details {
        width: 50%;
        float: right;
        margin: auto;
    }
    .car-pic {
        width: 50%;
        text-align: center;
    }
    .car-details ul.first-row > li {
        float: none;
        padding-left: 0;
        border-bottom: none;
    }
    .content.car.overview .content-intro {
        padding: 0 20px;
    }
    .car-config {
        display: none;
    }
    .intro-text.mobils.index a {
        width: 120px;
        margin: auto;
    }
    .intro-text.mobils.index {
        width: 260px;
    }
    .row {
        margin-left: 50px;
    }
    .row ul ul {
        position: absolute;
        top: 26px;
        left: 350px;
    }
    .row ul li {
        padding: 15px 50px 15px 0;
    }
    .navigation ul > li > ul {
        padding: 40px 0 50px 120px;
    }
    .widgetTopTwo {
        margin-bottom: -100px;
    }
    .sliderImages{
        height: 400px;
    }
    .arrowLeft.slick-arrow,.arrowRight.slick-arrow {
        top: 10px;
        opacity: 1;
    }
    input.searchCar {
        padding-right: 90px;
    }
}

@media screen and (max-width: 960px) {
    .content{
        padding: 0 1rem;
        box-sizing: border-box;
    }
    .unternehmen-content .inner {
        padding: 0 20px;
    }
    .car-overview-description {
        margin: 20px 0 80px 0;
    }
    .searchResult {
        margin-left: 20px;
    }
    .footer-menu .inner{
        box-sizing: content-box;
        padding:0 2rem;
    }
    .wrapperMitarbeiter {
        width: 50%;
    }
}

@media screen and (max-width: 900px) {
    .row {
        margin-left: 20px;
    }
    .row ul ul {
        left: 300px;
    }
}

@media screen and (max-width: 850px) {
    .content-intro {
        padding: 0 20px;
    }
    .content-intro.car {
        padding: 0 0;
    }
    .leftBox,
    .rightBox {
        width: 92%;
        overflow: hidden;
        padding: 4%;
    }
    .fullBox {
        width: 92%;
        padding: 4%;
    }
    .footer-menu .inner .adress p, h4 {
        text-align: center;
    }
	
    .footer-menu .inner > ul {
        display: none;
    }
    .footer-menu .inner .adress {
        width: 100%;
        float: none;
    }
    .footer-menu h5 {
        text-align: center;
    }
    .more {
        display: block;
    }
    i.fa.fa-chevron-down.footer {
        float: right;
        margin-top: 5px;
        margin-right: 5px;
    }
    i.fa.fa-chevron-up.footer {
        float: right;
        margin-right: 5px;
    }
    .footer-menu .inner > ul {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
    }
    .footer-menu ul >li {
        float: none;
        padding-left: 0;
        margin-top: 40px;
    }
    .footer-menu ul >li li, .footer-menu > div:nth-child(1) > ul:nth-child(2) > li:nth-child(3){
        margin-top: 0;
    }    
    .footer-menu > div:nth-child(1) > ul:nth-child(2) > li:nth-child(3) h5{
        display: none;
    }
    .social {
        float: none;
        margin: auto;
    }
    .mobile-none {
        display: none;
    }
    .hr-right {
        float: none;
        width: 100%;
        text-align: center;
    }
    .hr-under {
        bottom: 0;
    }
    .hr-left {
        float: none;
        text-align: center;
        width: 100%;
    }
    .row {
        margin-left: 0;
    }
    .row ul li {
        padding: 15px 10px 15px 0;
        font-size: 21px;
    }
    .row ul ul {
        left: 200px;
    }
    .row ul ul li {
        width: 42%;
    }
    .navigation ul > li > ul {
        padding: 0px 0 15px 15px;
    }
    .hr-right a:first-child {
        display: none;
    }
    .fahrzeugsuche label {
        display: block;
        text-align: center;
        float: none;
        padding-bottom: 0px;
        margin-right: 0;
        margin-bottom: 10px;
        padding-top: 0;
    }
    .widgetTop .fahrzeugsuche label,.widgetTopTwo .fahrzeugsuche label {
        font-size: 24px;
    }
    form.fahrzeugsuche {
        width: 100%;
        padding: 15px 0 0 0;
    }
    .fahrzeugsuche select, .fahrzeugsuche input {
        max-width: unset;
        width: 100%;
    }
    .widgetTop img, .widgetTopTwo img {
        width: 6.5%;
        min-width: 42px;
    }
    .fahrzeugsuche select:first-of-type {
        margin-right: 4%;
    }
    .fahrzeugsuche select {
        margin-right: 0px;
        height: 35px;
        font-size: 15px;
    }
    .fahrzeugsuche input {
        margin-top: 10px;
    }
    .widgetTop, .widgetTopTwo {
        height: 70px;
        padding: 4px;
    }
    .widgetTopTwo .fahrzeugsuche input {
        margin-top: unset;
    }
    .widgetTopTwo input[type="submit"] {
        padding: 9px 25px;
    }
    .widgetTop.active {
        transform: rotateX(94.5deg);
    }
    .fahrzeugsuche .select-wrapper {
        margin-right: 4.5px;
    }
    .fahrzeugsuche .select-wrapper:first-of-type {
        margin-right: 4.5px;
        margin-left: 0;
    }

    .widgetTop .fahrzeugsuche input {
        margin-top: 0;
        padding: 9px 25px;
    }
    .fahrzeugsuche input[type="submit"] {
        min-width: auto;
    }
    .window {
        height: 230px;
    }
    .widgetTop img,.widgetTopTwo img {
        top: 7px;
        left: calc(50% - 160px);
    }
    img.searchPic {
        top: -3px;
        left: 50px!important;
        min-width: 30px!important;
    }
}
@media screen and (max-width: 800px) {
    .partner {
        display: none;
    }
    .navigation ul > li > ul.special-menu {
        padding: 10px 0 50px 30px;
    }
    .menu-punkte ul.special-menu > li {
        padding-right: 40px;
    }
    .unternehmen-content .right-content ul {
        float: left;
        margin-left: 5%;
    }
    .unternehmen-content .right-content h3 {
        margin-left: 5%;
        margin-bottom: 0;
    }
    .fahrzeugsuche .select-wrapper::before {
        right: -7px;
        top: -7px;
        width: 50px;
        height: 150%;
    }
}
@media screen and (max-width:768px){
    .unternehmenMitarbeiter {
        max-width: 470px;
        width: 100%;
        margin: auto;
    }
    .wrapperMitarbeiter {
        max-width: 480px;
        width: 100%;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 650px) {
    @-moz-document url-prefix() {
        .menu-punkte ul {
            top: 125px!important;
        }
    }
    .left-content {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }

    .right-content {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
        padding-top: 30px;
    }
    i.fa.fa-chevron-right {
        float: right;
        line-height: 50px;
        display: block;
        color: #b3b3b3;
    }
    .widgetTop .fahrzeugsuche input[type="submit"], .widgetTopTwo .fahrzeugsuche input[type="submit"],.fahrzeugsuche .select-wrapper {
        width: 30%;
    }
    .special-menu img {
        margin: 11px 11px;
    }
    li.active .fa.fa-chevron-right {
        display: none;
    }
    .footer-menu {
        padding: 0;
    }
    .navigation ul > li > ul.special-menu {
        background-color: #f8f8f8;
    }
    .navigation ul > li > ul.nav-models li {
        width: 50%;
    }
    .fa.fa-times {
        display: none;
    }
    .window .fa.fa-times {
        display: block;
    }
    .apps h2 {
        font-size: 30px;
    }
    .mobile-model {
        right: 70px;
    }
    .logo {
        margin-left: 10px;
    }
    .navigation ul > li > ul > li {
        width: 97%;
        padding-left: 3%;
    }
    ul#special li {
        width: 100%;
    }
    .navigation .menu-punkte > ul >li.active {
        background-color: #f8f8f8;
    }
    .navigation ul > li > ul {
        padding: 0px 0 15px 0px;
    }
    .car-details {
        width: 100%;
    }
    .content.car.overview .content-intro {
        padding: 0 0;
    }
    .car-overview-pic {
        float: none;
        width: 100%;
    }
    .img-full {
        width: 90%;
        padding: 0 5%;
    }
    .img-thumb {
        width: 90%;
        padding: 0 5%;
    }
    .car-overview-details {
        float: none;
        width: 100%;
    }
    .car-overview-details {
        float: none;
        width: 90%;
        padding: 3% 5%;
    }
    .car-pic {
        width: 100%;
        text-align: center;
    }
    .menu-punkte li:after, .menu-punkte li:first-child:before {
        content: "\f054";
        font-family: 'FontAwesome';
        float: right;
        margin-right: 11px;
        color: #b3b3b3;
    }
    ul.fire li.active:after {
        content: '';
    }
    ul.fire li:last-child:after {
        content: '';
    }
    .special-menu li:after {
        content: '';
    }
    h1 {
        font-size: 37px;
    }
    .navigation ul >li {
        float: none;
        line-height: 50px;
        padding-left: 15px;
        border-bottom: solid 1px #ddd;
    }
    .navigation ul >li {
        margin-left: 0px;
    }
    .navigation ul ul li a {
        line-height: 50px;
    }
    .menu-punkte ul {
        background-color: white;
        padding: 0;
        width: 100%;
        z-index: 10002;
        position: absolute;
        top: 71px;
    }
    .special-menu.activeMobile {
        display: block!important;
    }
    .navigation ul li.modell-menu.activeModelle,
    .navigation ul > li > ul.nav-models.activeModelle {
        display: block!important;
    }
    .menu-punkte ul > li.modell-menu {
        display: none;
    }
    .navigation ul > li > ul > li {
        border-bottom: none;
    }
    .navigation ul >li.active {
        margin-left: 0;
        border-bottom: 0;
        display: block;
        line-height: 71px;
    }
    .navigation ul > li:hover {
        border-bottom: solid 1px #ddd;
    }
    .navigation ul > li > ul > li:hover {
        border-bottom: solid 1px #ddd;
    }
    .navigation ul > li > ul.special-menu {
        padding: 0px 0 0px 0px;
    }
    .navigation ul > li > ul.special-menu li {
        padding: 0 0 0 0px;
        border-bottom: solid 1px #ddd;
    }
    .mobile-menu {
        display: block;
    }
    .smal-mobile {
        display: none;
    }
    .smaler-menu li {
        margin-left: 90px;
    }
    .smaler-menu-navi {
        display: none!important;
    }
    .right-section {
        display: block;
    }
    .navigation ul > li > ul.nav-models li {
        width: 50%;
    }
    .mobile-model {
        display: block;
    }
    li.active {
        text-align: center;
    }
    .navigation ul >li.active a {
        text-align: left;
    }
    .content.unternehmen p {
        text-align: center;
        /*padding: 0 5%;*/
    }
    .content.unternehmen .left-content p,.content.unternehmen .right-content p{
        text-align:left;
    }
    .content.unternehmen ul p {
        padding: 0;
        text-align: left;
    }
    .search {
        display: none;
    }
    .pfeil {
        display: none;
    }
    .navigation ul > li > ul.nav-models {
        top: 50px;
    }
    .navigation ul > li > ul.nav-models.activeMobile {
        display: block;
    }
    .navigation ul > li > ul.special-menu {
        margin-top: 286px;
    }
    .irrtuemer {
        position: absolute;
        bottom: -230px;
    }
    @-moz-document url-prefix() {
        .navigation ul > li > ul.special-menu {
            margin-top: 10px;
        }
        .menu-punkte ul.fire {
            top: 71px!important;
        }
        .menu-punkte ul.fire ul {
            top: 71px!important;
        }
        .navigation ul li.modell-menu.activeModelle,
        .navigation ul > li > ul.nav-models.activeModelle {
            top: 50px!important;
        }
    }
    /* .car-config {
        width: 100%;
        height: 70px;
        border-right: none;
        border-left: none;
        float: left;
        margin-left: 0;
        text-align: left;
        position: absolute;
        left: 0;
        z-index: 1000000;
        top: 270px;
        background-color: #ddd;
    }*/
}
@media screen and (max-width: 650px) {
    .window {
        width: auto;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .window .fahrzeugsuche select, .window .fahrzeugsuche input {
        width: 100%;
        max-width: inherit;
        margin-top: 20px;
    }
    div.dreieck {
        right: 220px;
    }
    input.searchCar {
        color: #4BA82E!important;
    }
    .searchWrapper {
        width: 75px;
    }
    .newOne .fahrzeugsuche .select-wrapper {
        width: calc(50% - 45px);
    }
    img.searchPic {
        left: 0!important;
        right: 0!important;
        margin: auto;
        top: 5px;
    }
}
@media screen and (max-width:600px){
    .flyoutMobile.two,.flyoutMobile.three,.flyoutMobile.four,.flyoutMobile.five{
        display: none;
    }
}
@media only screen and (max-height:812px) and (min-width:568px) {
    .flyoutMobile.two,.flyoutMobile.three,.flyoutMobile.four,.flyoutMobile.five{
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .android-app,
    .apple-app {
        width: 100%;
        float: none;
        height: 70px;
        text-align: center;
    }
    .imageMitarbeiter {
        width: 50%;
        float: none;
        margin: auto;
    }
    .infoMitarbeiter {
        width: 50%;
        float: none;
        margin-left: 0%;
        padding-right: 0%;
        padding-top: 15px;
        margin: auto;
    }
    .widgetTop .fahrzeugsuche input[type="submit"], .widgetTopTwo .fahrzeugsuche input[type="submit"], .fahrzeugsuche .select-wrapper {
        width: 28.5%;
    }
    .apps h2 {
        font-size: 24px;
    }
    .apple-app img {
        margin-left: 0;
    }
    .left-content {
        width: 100%;
        float: none;
        padding-right: 0;
        padding-left: 0;
    }
    .footer-menu {
        height: auto;
        padding-top: 2rem;
    }
    .unternehmen-content .left-content {
        padding-left: 0;
        width: 100%;
    }
    .android-app img,
    .apple-app img {
        float: none;
        margin-right: 0;
    }
    .auswahl-box {
        width: 100%;
        height: 170px;
        float: none;
    }
    .auswahl-text{
        height: auto;
    }
    .auswahl {
        height: 530px;
    }
    ul.first-row {
        padding-left: 20px;
        padding-right: 20px;
    }
    .content-intro.car h1 {
        font-size: 34px;
    }
    .content-intro h2 {
        font-size: 25px;
        margin-top: 0;
    }
    .content.unternehmen .inner h1 {
        font-size: 26px;
        padding-top: 0;
        margin: 10px 0;
    }
    .shadow1,
    .shadow2,
    .shadow3 {
        display: block;
    }
    .content.unternehmen .content-intro h2 {
        margin-top: 30px;
    }
    .irrtuemer {
        bottom: -250px;
    }
    .text-big {
		width:200px;
	}
	select{
		width:205px;
	}
    .auswahl-box {
        width: auto;
        margin: auto;
        float: none;
        height: 100px;
        margin-top: 50px;
    }
}

/* Formulare */

.text-big[type="text"] {
	width:350px;
	padding:10px;
	margin-bottom:5px;
	font-family: 'SKODA Next';
	font-weight: 200;
	font-size: 16px;
	border-radius: 0px;
	border: 1px solid #e6e6e6;	
}
.text-big_label{
 	font-family: 'SKODA Next';
	font-weight: 200;
	display:block;
	cursor: pointer;
}
.text-big_newitem{
	/*border:1px solid green;*/
	display:inline-block;
	padding-right:40px;
	/*background-image: url(/img/icon/new_prospekt.png);*/
	background-position:right;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	
}

.text-big_newitem::after {
	content:"Neu";
	background-color: #0e3a2f;
	color:#fff;
	border-radius:5px;
	padding:5px;
	margin-left:10px;
}


input[type="submit"] {
	cursor: pointer;
	color: #161718;
	background-color: #78faae;
	border: 1.5px solid #78faae;
	padding: 14.5px 30px;
	line-height: 117%;
	min-width: 140px;
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	border-radius: 50px;
	font-family: SKODA Next, sans-serif;
	font-size: 14px;
}
input[type="checkbox"] {
	display:none;
}
textarea {
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	font-family: 'SKODA Next';
	font-weight:200;
	font-size: 16px;
}
input[type="checkbox"] + span {
    display:inline-block;
    width:30px;
    height:30px;
    margin:-2px 60px 0 0;
    vertical-align:middle;
    background:url(/img/forms/form_sprite_neu.png) left top no-repeat;
    cursor:pointer;
}
.wrapperModel .text-big_label {
    font-family: 'SKODA Next';
	font-weight:700;
    /*text-transform: uppercase;*/
}
input[type="checkbox"]:checked + span {
    background:url(/img/forms/form_sprite_neu.png) -28px top no-repeat;
}
select{
	width:375px;
	padding:9px;
	font-family: 'SKODA Next';
	font-weight:200;
	font-size: 16px;
	border-radius: 0px;
	border: 1px solid #e6e6e6;
	margin-bottom:5px;
}
.fehlermeldung{
	border-radius: 5px;
	border: 1px solid #e6e6e6;
}
@media screen and (max-width:450px){
    .widgetTop .fahrzeugsuche input[type="submit"],.widgetTopTwo .fahrzeugsuche input[type="submit"] {
        width: 100%;
        height: 35px;
        font-size: 15px;
        padding: 0;
    }
    .newOne .widgetTop {
        height: 70px!important;
    }
    .header-pic.unterNehmen.versionTwo {
        margin-bottom: 30px;
    }
    .fahrzeugsuche input {
        width: 100%;
        margin: auto;
        min-width: 50px;
    }
    .fahrzeugsuche .select-wrapper {
        position: relative;
        width: 49%;
        float: left;
        margin-right: 0%;
        margin-left: 1%;
    }
    .widgetTop, .widgetTopTwo {
        height: 110px;
    }
    .fahrzeugsuche .select-wrapper {
        width: calc(50% - 30px);
    }
    .newOne ul.slick-dots {
        bottom: 80px;
    }
    ul.slick-dots {
        bottom: 120px;
    }
}
@media screen and (max-width: 400px) {
    .fahrzeugsuche select,.fahrzeugsuche input {
        width: 100%;
    }
    .fahrzeugsuche select:first-of-type {
        margin-bottom: 10px;
        margin-right:0;
    }
    .widgetTopTwo {
        margin-bottom: -115px;
    }
    .widgetTop.active {
        transform: rotateX(95deg);
    }
    .window .fahrzeugsuche label {
        font-size: 27px;
    }
    .widgetTop img, .widgetTopTwo img {
        top: 12px;
        left: calc(50% - 135px);
    }
    .widgetTop img, .widgetTopTwo img {
        width: 40px;
    }
    .widgetTop .fahrzeugsuche label {
        font-size: 21px;
    }
    .fahrzeugsuche input {
        margin-top: 7px;
    }
    img.searchPic {
        width: 30px!important;
        top: 6px!important;
    }
}
@media screen and (max-width: 960px) {
	.text-big {
		width:270px;
	}
	select{
		width:225px;
	}
}
.cta-bt-big{
	height: 40px;    
	text-align: center;
	color:#fff;
	margin-top:20px;
	margin-bottom:40px;
}
.cta-bt-big img{
	display: inline-block;
	position: relative;
	top: 13px;
	right: 10px;
	height: 40px !important;
	width: 40px !important;
	border: none;
}
.cta-bt-big a{
	background-color: #4ba82e;
	color:#fff;
	text-decoration:none;
	font-weight:bold;    
	padding: 10px 20px 10px 20px;  
	border:1px solid #4ba82e;
	max-width:400px;
}
.cta-bt-big a:hover{
	text-decoration:none;
	color:#fff;
	border:1px dotted #cfcfcf;
}
.android-app img,.apple-app img{
	width:180px !important;
	height:59px !important;
}
#info_garantie{
	width:20px;
	height:20px;
}
/* TeaserBoxStartseite */
.aktion_teaser_box h4 a{
	color:#000;
}
.aktion_teaser_box:hover{
	background: #f8f8f8;

}

/* Ende TeaserBoxStartseite */


.content-disclaimer{
	Color:#fff;
	background-color:#00271d;
	padding:10px;	
}
.content-disclaimer a{
	Color:#fff;
}
.content-disclaimer a:hover{
	Color:#fff;
	font-weight:700;
	text-decoration:none;
}

/*
 * Kontakt
 */

.contact {
	background-color: #f1f1f1;
	margin: 20px;
	padding: 20px;
}
.contact .left-content, .contact .right-content{
	border:none;
	box-shadow:none;
}