html{box-sizing: border-box}
html *, *:after, *:before{box-sizing: inherit;}
.blue{
    color: #2276a2;
}
.block{display: block}
.gt:after{content:" >"}
.visually-hidden{overflow: hidden; width:0; height:0; position: fixed; left:-10000px}
.nolist{list-style: none}

.nrml{font-size: 1em}
.b{font-weight: 700} .plain{font-weight: 500}
.mw100{max-width: 100%} .w100{width:100% !important} .w80{width:80% !important}
.m10{margin: 10px} .m20{margin: 20px} .m30{margin: 30px}
.p20{padding: 20px} .pt20{padding-top:20px !important}
.nowrap{white-space: nowrap} .wrap{white-space: normal}
.clearfix:after{content:""; display:table; clear:both}
.flex{display:-ms-flexbox;display:-webkit-flex; display: flex} .iflex{ display: -ms-inline-flexbox;display:-webkit-inline-flex; display: inline-flex}
.spacebetween{-ms-flex-pack: justify;-webkit-justify-content:space-between; justify-content: space-between}
.spacearound{ -ms-flex-pack: distribute;-webkit-justify-content: space-around;justify-content: space-around}
.justifyend{-ms-flex-pack: end;-webkit-justify-content:flex-end !important; justify-content:flex-end !important}
.blulink{color:#2276a2}
.c666{color:#666}
.noline{text-decoration: none} .nopad{padding: 0}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.lr15{padding-left: 15px; padding-right: 15px}
.smallprint{font-size:.7em}
ul.iblock li,.iblock{display: inline-block}
.fright{float: right} .fleft{float: left} .clear{clear:both}
.tright{text-align: right} .tleft{text-align: left} .tcenter{text-align: center}
.vatop{vertical-align: top}
.pointer{cursor: pointer}
.rel{position: relative}
.border-ccc{border:1px solid #ccc}
.bg-ddd{background-color: #ddd}
.ohidden{overflow: hidden}
.noplr{padding-left: 0 !important; padding-right: 0 !important}
.fixtbl{table-layout: fixed}
p.halfmarge{margin:.5em 0}
label.required{font-weight: 700}
label.required:before{content: "*"}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.framecontainer,.framecontainer ins, .framecontainer iframe{max-width: 100% !important}

body{
    background-color: #dddddd;
    font-family: 'PT Sans', sans-serif;
    font-size:18px;
    max-width: 1235px;
}
a{color:#000}
nav ul{list-style: none; padding: 0; margin: 0; width: 100%}
nav li{display: block; float:left}
#login{float: right; border:none; outline: none; padding-bottom: 0}
.loginform > div{clear: right; float: right; margin-right: 15px}
#login #username{width:9rem}
#login + div a{display: inline-block; line-height: 1em; font-size: .85em}
#menu-bar .loginform a:last-child{margin-left: 1.5em}
img{
    border:none;
    max-width: 100%; height:auto
}
h1,h2{
    font-size:1.2em;
    font-weight: 500
}
h3{
    font-size:1.1em;
    font-weight: 500
}

input:not([type="checkbox"]){
    font-family: 'PT Sans', sans-serif;
    height:30px;
    font-size:.9em;
    padding-left:10px;
     -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #ddd;
    margin:0px;
}
 input[type="radio"]{height:auto !important; padding: 0 !important}
#Registrieren input:not([type=checkbox]){height: 32px}

.cook_{
  position: fixed;bottom:0;z-index:12;background-color: #ccc;color:#333;
  font-size:13px;padding:5px;
}
.close{
  font-size:38px;position:absolute;right:10px;top:5px;cursor:pointer;
}


textarea{
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    padding-left:10px;
     -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #ddd;
    margin:0px;
}
select {
    padding:3px;
    font-family: 'PT Sans', sans-serif;
    font-size:15px;
    margin: 0;
    height:32px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background: #fff;
    color:#000;
    border:1px solid #ddd;
    outline:none;
    vertical-align: middle;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
table { 
  border-spacing:0;
  border-collapse:collapse;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}*/
/*
label {position:relative}
label:after {
    content:'<>';
    font:16px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:1px;
    position:absolute;
    pointer-events:none;
    
}
label:before {
    content:' ';
    right:4px; top:-2px;
    width:33px; height:28px;
    border-left:1px solid #ddd;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;
}
*/
.but{
    background-color: #feda00;
    font-weight:600;
    cursor:pointer;
    height:32px;
    padding-left: 20px;
    padding-right:20px;
    text-align: center
}
.paddiv{
    padding:3px;
}
#sitebars{
    position:fixed;
    top:105px;
    left:1055px;
   /* min-height:1000px;*/
    width:600px;
    z-index: 10;

}
#wrapper{
    padding:15px;
    width:100%;
}
#wrapper a{
     color: #2276a2;
    text-decoration:none;
}

#menu-bar {
  width: 100%;
  height: 65px;
  background-color:#feda00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbde2b, endColorstr=#E8C700);
  background: -webkit-gradient(linear, left top, left bottom, from(#fbde2b), to(#E8C700));
  background: -moz-linear-gradient(top,  #fbde2b,  #E8C700);
  background: linear-gradient(to bottom,  #fbde2b,  #E8C700);
  position:relative;
  
  z-index:5;
  
border-radius: 0 12px 0 0; 
-moz-border-radius: 0 12px 0 0; 
-webkit-border-radius: 0 12px 0 0;

}
#menu-bar li,.showlogin {
  padding: 0 8px;
  text-align:center;
  border-right:1px solid #f8e773;
  border-left:1px solid #e9c500;
}
#menu-bar .hamburger{display: none}
#menu-bar .hamburger label{text-indent: -10000px; display: block;margin-top:18px;height: 65px; width:30px; height: 30px; color:#fff; background: #fff; background-clip: content-box; border-top:4px solid; border-bottom:4px solid;padding: 9px 0; border-radius: 2px }
.showlogin{display: none}
#menu-bar .home{background: url("../_img/home.gif") no-repeat center; text-indent: -10000px; width:53px}
#menu-bar a {
  font-weight: 500;
  font-family: Arial, sans-serif;
  font-style: normal;
  font-size: .9em;
  color: #000;
  text-decoration: none;
  margin: 0;
  line-height: 65px;
  display: block;
  padding: 0 .2em
}

#menu-bar1 {
  position:relative;
  background-color:#ffe550;
  z-index:1;

}
#menu-bar1 li {
    box-sizing: border-box;
  padding: 0 8px 0 8px;
  text-align:center;
  border-right:1px solid #f8e773;
  border-left:1px solid #e9c500;
  vertical-align: middle;
font-size:.85rem;
  line-height: 55px;
  float: none;
  display: inline-block;
font-family: Arial, sans-serif;
}
#menu-bar1 a {
  font-weight: normal;
  
  font-style: normal;
  color: #21697f;
  text-decoration: none;
  margin: 0; 
}


.last{
 
-moz-border-radius: 0 12px 0 0; 
-webkit-border-radius: 0 12px 0 0;
border-radius: 0 12px 0 0;
border-right:none !important;
 
}
#login a{
    font-size: 10px;
    color: #000;
    cursor: pointer;
    text-decoration:none;
    
}
#login input{
    background-color: #ffed74;
    vertical-align: middle;
    font-size:.8rem;
    color: #666666;
     
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 2rem;width:4.5rem;
    border: 1px solid #ded070;
    padding-left:4px;
    
}


.loginbutton{
    background-color: #ffffff !important;
    cursor: pointer;
    font-weight:bold;
}
#logo{
    display: inline-block;
    vertical-align: top;
    width:28.9%
}
#slogan{
    /*padding-left:15px;
    height:45px;
    font-size: .95em*/
}
#bigsize{
    display: inline-block;
    width:69%;
    float: right;
    height: 0;
    overflow: hidden;
   /* padding-bottom: 8.5%;*/
     padding-bottom: 9.5%;
    position: relative
}
#bigsize div{max-width: 100%; max-height:100%}

#bigsize iframe{ position: absolute; top:0; left:0}
header,#all,footer{ max-width:1055px;width: calc(100% - 200px);}
header{position: relative}
#all{

  margin-top: 5px;
  margin-bottom:0;
  padding-bottom:0;
  min-height:800px;
  -moz-box-shadow:    6px 6px 5px 0 #aaa;
  -webkit-box-shadow: 6px 6px 5px 0 #aaa;
  box-shadow:         6px 6px 5px 0 #aaa;
  -moz-border-radius: 0 12px 12px 0; 
  -webkit-border-radius: 0 12px 12px 0;
   border-radius: 0 12px 12px 0; 
  background-color: #fff;
}
#portal{
    background-color: #ffffff;
    width:100%;
    padding:0 21px;
    margin-bottom: 0 !important;
    }

#schnellsuche{
    width:100%;
    background-color:#eeeeee;   
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding-bottom: 21px
}
#first_column{
    padding-left:10px;
    float:left;
    width:42%;
}
#first_column select{width:88% !important; }
#second_column{
    padding-top: 22px;
    width:389px;
    float:left;
    }
    
#third_column{
    padding-top: 22px;
    width:200px;
    float:left;
}
#third_column td input{
    height: 25px;
}
#autofenster_gesamt{

    width: calc(100% + 8px);
    min-height:640px;
    background-color:#ffffff;
    padding:0px;
    margin-top:10px;
    position: relative; left:-8px;
    /*display: -webkit-flex;
    display:flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;*/
    overflow: hidden;
}
#Gebrauchtwagenhaendler{
    
    width:64%;
    float: left;
    
}
.carcanvas{
     display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;
     -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    
    }

#Private{
    width:32%;
    float: right
}
.autofenster{
    overflow: hidden;
    border-left:8px solid #fff;
    
    border-bottom:8px solid #fff;
}
#Gebrauchtwagenhaendler .autofenster{width:25%;
    background: #fcf4b6;
}
#Private .autofenster{width:50%; background: #ddd;}
.autofenster div{
    background-color: #ddd;
    width: 100% !important;
    background: no-repeat;
    text-align: center
}
.autofenster img{width: 100% !important; display: block}
.autofenster > div:last-child{color: #000; padding: 4px}
.autofenster > div:nth-child(2){height: 0; padding-bottom: 75%; position: relative}
.autofenster > div:nth-child(2) a{position: absolute; top:0; right: 0; left: 0; bottom: 0; overflow: hidden}
.autofenster > div:nth-child(2) img{height: 100% !important}
.autofenster div a{
    color: #333;
    font-size:14px;
    text-align:left;
    line-height:1.0;
    text-decoration: none;
   
}
section.portal{background-color:#ccc;padding:15px 0; position: relative}
section.portal:before,section.portal:after {content:""; display: block; position: absolute; top: 0; left:100%; width:21px; height:100%; background: inherit}
section.portal:before{left:-21px}
#news{display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    
    }
#news h1{width:100%; padding-left: 8px}
#news article{border-left:8px solid transparent}
#facebook{
    clear:left;
    background-color:#dddddd;
    margin-bottom:0;
    /*border-top:10px solid #ffffff;*/
    min-height:50px;
    overflow:hidden;
  -moz-border-radius: 0 0 12px 0; 
  -webkit-border-radius: 0 0 12px 0;
border-radius: 0 0 12px 0
}
#facebook div{
    padding: 10px;
    padding-bottom:0px;
    float:left;
}

.article{
    background-color: #ddd;
    padding:10px;
    width:33%;
    float:left;
    font-size:14px;
    margin-bottom: 8px
    
}
.article a{
    color: #006993;
}
#Gebrauchtwagen{
    background-color:#333;
    color: #ccc;
    font-size:.9em;
    padding:15px
}
#Gebrauchtwagen ul{padding:0; margin: 0}
#Gebrauchtwagen h1{font-size: .9em; margin: 0 0 .1em 0}
#Gebrauchtwagen li{
    color:#fff;
    cursor:pointer;
    list-style: none;
    display: inline
}
#Gebrauchtwagen li:not(:last-child):after{content:" | "}
#News-Gebrauchtwagen{
background-color: #ccc;
/*width:880px;
float:left;*/
padding: 15px 0;
clear:left;
}
.news-container{
  background-color: #efefef;
 /* width:780px;
  margin-left:40px;
  margin-top:15px;
  margin-bottom:15px;*/
  margin:0 40px 15px 40px;
  padding:20px;

}
.news-container a{
    color: #006993;}

#Automarken{
background-color: #efefef;
width:880px;
float:left;
clear:left;
}
#Automarken a{
color: #000;
}
#automarken{padding: 15px}
#automarken > div:first-child{padding: 20px}
#automarken > table tr{border-bottom: 3px solid #fff; background: #ccc}
.container{

    background-color: #ccc;
    vertical-align:middle;
    border-bottom:3px solid #fff;
    color:#666;
    /*border: 5px solid #aaa;*/
}
#automarken .container{border: none; background: none}

#automarken > table{width: 100%; table-layout: fixed}
#automarken tr > td:first-child{padding: 10px; width: 150px}
#automarken tr > td:nth-child(2){width: 200px}

#hilfe td{
    padding-top:10px;
}
.small{
    font-size:12px;
}


/***********************************/
#suche-menu{

    background-color:#ffe550;
    color:#000;
    padding:10px;
    
    
}
#suche-menu a{
    color: #006993;
    
}

#suche-left{
    
    width: 100%
}
#suche-left .col-1{width: 25%}
#suche-left .felder *{box-sizing: border-box}
#suche-left #uco_cba_id{max-width:130px; width: 100%}
#suche-left .col-1 label,#suche-left .col-1 select{display: block; width: 100%}
#suche-left .col-2 span{display: inline-block; width:6.1em}
#suche-left .col-2 select{ width:calc(50% - 4em)}
#suche-left .felder>div:not(:first-child){padding-left: 20px}
#suche-left .felder-2 .col-2{width: 205px}
#suche-left .felder-2 .col-2 input{display:inline-block; margin-right:5px}
#suche-left .felder-2 .col-2 label,.checkwrap label {display:block;line-height: 2.2em}
.checkwrap label:first-child{margin-top: 0}
#suche-left .felder  select{margin:0 0 .5em 0; position: relative; top:2px}
#suche-left .felder-2 .col-3{width: calc(75% - 205px); text-align: left}
#suche-left #pos_code{width:5em}
#suche-left input[type="text"]{height:32px}
#srch-1{position:absolute ; bottom:0; left:calc(25% + 250px)}
.suche_bei {line-height: 30px}
#suche-right{
    width:728px;
    max-width: 100%;
    float:left;
    background-color:#fff;
    margin-top:15px;
}

#suche-bottom{
   width: 100%;
    background-color:#fff;
    
}
.checkwrap {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.suche_wrap{
    background-color: #ddd;
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    margin: 2px 15px 2px 15px;
    padding:15px;

}
.suche_wrap td{
     padding-top:9px;
}
.yell{
    background-color: #fef5b8!important;
}
/***********************************/
#gebrauchtwagenliste{
    background-color: #fff;
    margin:15px;
}

#suchergebnis{
   /* width:435px;
    font-size:12px;*/
    background-color:#eee;
     
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    margin:15px 15px 0 15px;
    padding:15px;
   overflow: hidden
    
}
#suchergebnis h1{
    font-size:1em;
    margin:0;
}
#gesucht_nach{
    background-color:#ffe550;
    width:80%;
    margin-left:-30px;
    padding: 5px;
    padding-left:35px;
    font-size: 1.2rem;
 
}
#gesucht_nach h2{
    font-size: inherit;  margin:0 0 .5em 0;
}
.anmerkung{float: lef; font-size: .8rem}
.searchauftragbtncontainer{margin-right: 22.5%; float: right}
#legende{
   background-color:#fff;
   margin:0 15px;
    
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    border:1px solid #ddd;
    margin-top:5px;
    line-height: 26px
}
#legende ul, #paging_leiste ul{padding: 0 15px}
#legende li:not(:last-child){padding-right: 10px}
#legende li:not(:first-child){padding-left: 30px; background-position: 2px center; background-repeat: no-repeat}
.merken{background-image: url("/_img/pin.png")}
.oemac{background-image: url("/_img/oeamtc.png")}
.privat{background-image: url("/_img/privat.jpg")}
.haendler{background-image: url("/_img/haendler.jpg")}
.gebrauchtwagen_zeile{ 
    font-size:14px;
    clear:left;
    background-color: #eee;
    margin-top:2px;
   overflow: hidden;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;  border-radius: 4px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.shortwidth{display: none}
.gebrauchtwagen_element{
    float:left;
    padding:3px;
}
.gebrauchtwagen_element a{
   color: #2276a2;
}
.gebrauchtwagen_info_wrap{display: -ms-flexbox;
    display: -webkit-flex;display: flex; -webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column; width:75%; min-width:calc(100% - 220px); max-width: calc(100% - 150px); padding-right: 10px}
.gebrauchtwagen_info_wrap > div{display: -ms-flexbox;
    display: -webkit-flex;display: flex;-webkit-justify-content: space-between;
    -ms-flex-pack: justify;justify-content: space-between}
.gebrauchtwagen_zeile .bild{padding-right: 10px; max-width: 220px; width:25%; min-width: 150px}
.gebrauchtwagen_zeile .bild img{width: 100%; }
/*.gebrauchtwagen_zeile .auto{width:240px}
.gebrauchtwagen_zeile .preis, .gebrauchtwagen_zeile .bj{width:80px}
 .gebrauchtwagen_zeile .km,.gebrauchtwagen_zeile .desert{width:100px}
.gebrauchtwagen_zeile .ort{width:130px}
.gebrauchtwagen_zeile .hp{width:40px}
.gebrauchtwagen_zeile .update{width:270px}
.gebrauchtwagen_zeile .praemie{width:140px}
.gebrauchtwagen_zeile .merkliste{width:20px}*/
.gebrauchtwagen_zeile .preis, .gebrauchtwagen_zeile .km,.gebrauchtwagen_zeile .bj,.gebrauchtwagen_zeile .ort{height: 70px}

.paging_leiste{
   background-color: #ddd;
   min-height:50px;
   
   margin:0 15px;
   padding:10px 15px;
}
.paging_leiste div *{vertical-align: middle}

#neue_suche{
    width:110px;
    padding-left:10px;
}
#neue_suche a{
    color: #2276a2;
    text-decoration:none;
}
#page{
    padding-top:9px;
    width:420px;
    float:right;
}


.paging{
    font-family:Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:bold;
    padding: 0 15px
}
.paging a
{
        color: #777777;
        border: 1px solid #aaaaaa;
  	background-color: #faf9f7;
	padding:5px;
        padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
        border-radius: 2px; 
        -moz-border-radius: 2px; 
        -webkit-border-radius: 2px;
         -moz-box-shadow:  1px 1px 2px #aaa;
        -webkit-box-shadow: 1px 1px 2px #aaa;
        box-shadow:  1px 1px 2px #aaa;
}

.paging a.active
{
	background-color: #fed501;
	color: #fff;
        border: 1px solid #fff;
        padding:5px;
        padding-left:5px;padding-right:5px;
        
        -moz-border-radius: 2px; 
        -webkit-border-radius: 2px;
        border-radius: 2px; 
         -moz-box-shadow: inset 1px 1px 5px #666;
        -webkit-box-shadow: inset 1px 1px 5px #666;
        box-shadow: inset 1px 1px 5px #666;
}

.paging a:hover
{
	background-color: #4D819E;
	color: #faf9f7;
        border-radius: 2px; 
        -moz-border-radius: 2px; 
        -webkit-border-radius: 2px;
}

#beschriftung{
    padding:5px;
    padding-top:10px;
    padding-left:25px;
    font-size:12px;
    width:960px;
}
#beschriftung div{
    float:left;
}
#detail-left{
    width:53%;
    /*max-width: 445px;*/
    min-height:1000px;
    float:left;
    background-color: #fff;
}
.detail > table{width: 100%; table-layout: fixed}
#detail-right{
    width:45%;
    /*max-width: 410px;*/
    min-height:1000px;
    float:left;
    background-color: #fff;
}
#detail-box1{
    /*max-width:430px;*/
    width:96.6%;
    height:210px;
    background-color:#eeeeee;
     
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    margin-left:15px; margin-top:15px;

}
#detail-box1 a{
    color: #2276a2;
    text-decoration:none;
}
#detail-header{
    background-color:#ffe550;
    margin-left:-30px;
    padding: 5px;
    padding-left:35px;
    z-index:10;
    font-size: 20px;
}
#detail-features{
    padding-top:15px;
    padding-left:20px;
    width:440px;
    height:40px;
}
#detail-features div{
    padding-left:2px;
}
#image-box{
    /*width:430px;*/
    width:96.6%;
    height:0;
    padding-left:15px;
     padding-top:8px;
     position: relative;
     padding-bottom: 55%
}
#image-box div{position: absolute; top:0; left:0; height:100% ; width:100%; text-align: center}
#image-box img{height:100% !important; width:auto !important}
#image-box2
{
    width:430px;
    width:96.6%;
    padding-left:15px;
}

#detail-kontakt{
    /*width:390px;*/
    background-color:#fcf0a8;
    min-height:250px;
    margin-left:10px;
    margin-top:15px;
    padding-top:0px;
}
#usr_message{
    font-size:12px;
}
#email{
    padding:5px;
    padding-left:10px;
    padding-right:10px;
}
#kontakt-daten{
    padding:10px;
}
#tabs{
    margin:15px;
    width: calc(100% - 15px);
    box-sizing: border-box;
}
.tabs-nav{
    
    float:left;
    width:25%;
    background-color: #eee;
    color: #2276a2;
    cursor:pointer;
    font-size:12px;
    text-align:center;
    padding:5px;
    margin-bottom:8px;
    position: relative; left:-2px
}
.tabs-nav_act{
    float:left;
    width:88px;
 width:25%;
    background-color: #c7c7c7;
    font-size:12px;
    text-align:center;
    padding:5px;
    margin-bottom:8px;
}
.dark{
    background-color: #e9c703;
    color: #000;
    padding:3px;
    padding-left:10px;
}
.light{
    background-color: #ffe550;
    color: #2276a2;
    padding:3px;
    padding-left:10px;
    cursor:pointer;
}

.detail, .left{
    float:left;
}
.detail div {
	padding: 2px;
	border-bottom: 1px dashed #ddd;
        width: 270px;
}

.left div{
        list-style-type: none;
	padding: 2px;
        border-bottom: 1px dashed #ddd;
        
        width: 160px;
        max-width: 100%
}
.left td{
        list-style-type: none;
	padding: 2px;
        border-bottom: 1px dashed #ddd;
        
        width: 150px;
}

#AGB{
    padding:30px;
}

#breadcrums{
    clear:left;
    font-size:.8em;
    padding:10px;
}
#breadcrums a{
    text-decoration: none;
    font-weight: bold;
    color: #2276a2;
}
#footer{
    background-color: #feda00;
    color: #000;
    font-size:.9em;
     
    -moz-border-radius: 0 0 12px 0; 
    -webkit-border-radius: 0 0 12px 0;
    border-radius: 0 0 12px 0;
    overflow: hidden;
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
}
body:not(.home) #footer{width:100%}
#footer div{
    padding:10px;
    float:left;
    text-align:center;
}
#footer div:first-child, #footer div:last-of-type{flex-shrink: 0; align-self: center}
#footer div a{
    color: #000;

}
#last{
    height:20px;
    float:left;
    clear:left;
}

#lostdata div{border: 1px solid #aaa; padding: 10px}
#lostdata input[type=text]{display: inline-block; max-width: 95%; margin-bottom: 5px}
.butstay{padding:0 20px !important}
#print{
   width: 820px;
   min-height:1000px;
}
#print_header{
    
  width: 790px;
  background-color:#feda00; 
  background: -webkit-gradient(linear, left top, left bottom, from(#fbde2b), to(#E8C700));
  background: -moz-linear-gradient(top,  #fbde2b,  #E8C700);
  background: linear-gradient(to bottom,  #fbde2b,  #E8C700);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbde2b, endColorstr=#E8C700);
  position:relative;
  
  z-index:1;
  vertical-align: middle;
  padding-left:20px;
  padding-top:10px;
  padding-bottom:10px;
border-radius: 15px 15px 0 0; 
-moz-border-radius: 15px 15px 0 0; 
-webkit-border-radius: 15px 15px 0 0;
border: 1px solid #aaa;
border-bottom:0px;
}
#print_image{
    width:470px;
    min-height:200px;
    float:left;
    padding:0px;
    margin:0px;

}
#print_contact{
    float:left;
    min-height:200px;
    width:330px;
    padding-left:10px;
    background-color: #dedede;
    border: 1px solid #aaa;
    border-left: 0;

}
#print_details{
    float:left;
    width:470px;
    min-height:300px;

}
#print_ausstattung{
    float:left;
    width:330px;
    min-height:300px;

}


/************************************ priv-user-interface **************************/
.list{
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    
}
.list_header{
    background-color: #efefef;
    font-weight:bold;
    text-align:left;
    padding:10px;

}
.header{
    
    background-color: #ffe550;
    font-weight:bold;
    text-align:left;
    padding:10px;
    padding-bottom:4px;   
    -moz-border-radius: 12px 12px 0 0; 
    -webkit-border-radius: 12px 12px 0 0;
     border-radius: 12px 12px 0 0; 
}

.piclist{
    border-spacing: 3px;
    border-collapse: separate;
    border-spacing: 2px;
    background: #fff;
    
}
.piclist td{
    background-color:#eee;
    width:500px;
    padding:5px;
    padding-left:10px;
 }

.input-table{
   background-color: #efefef;  
   -moz-border-radius: 12px 12px 0 0; 
   -webkit-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0; 
}
.input-table input[type=text], .input-table input[type=number], .input-table select{height: 36px; box-sizing: border-box; max-width: 100%}
textarea{max-width: 100%}
fieldset.noborder{border: none; outline: none}
legend.header{display: block; width:100%}
form.w-padding{padding:0 10px; margin: 20px 0}
form.w-padding fieldset{margin: 0;padding: 0}
form.html5 div{margin: 5px 20px}
form.html5 label{display: inline-block}
form.html5 fieldset>div>label, .labelwrap{width:12em}
#usr_country {margin-right: 5px}
input.name, select.name,#cpr_id{width: 200px}
input.addy{width: 300px}
.pt-oneline, .pt-oneline td{padding-top: 1.4em !important}
.sea_group{width: 260px}
#supp textarea{height:7em}
#add_uc{position: relative}
#add_uc input[type=number]{width: 5em}
.fon{width: 147px}
input.PLZ{width:50px}
input[type=password]{font-family: Verdana, sans-serif}
input[type=checkbox]{margin-left: 0}
#eurotax{position: absolute; top:-10px; right: 30px; width: 300px}
#eurotax table{width: calc(100% - 10px) !important}

.input-table td{
    padding:5px;
    padding-left:10px;
 }
 .combolist{
    font-size: 11px;
    background-color: #ffe550;
    height:150px;
    overflow:auto;
    cursor:pointer;
    width:500px;
    margin:0px;
    border:1px solid #ddd;
 }
 .combolist li{
    margin:3px;
    border-bottom:1px solid #fff;
 }
 .eurotax_ausstattung{
    height:300px;
    width:100%;
    overflow: auto;
    border: solid #ccc 1px;
    background-color:#EEEEEE;
 }
 .eurotax_ausstattung td{

    font-size: 11px;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
 }
 #add_uc, #daten{width: 100%}
 #add_uc .input-table td:first-child:not([colspan]){width:200px}
 /*#fze td:last-child{width:calc(100% - 200px)}*/
 #fze .box1{line-height: 30px}
 #fze .box2 label{display:inline-block; width: 100%; line-height: 30px}
 #add_uc .input-table > tbody{width: 100%}
 #add_uc .input-table td.header{width:100%}
 .multicol{-webkit-column-count: 3;
    -moz-column-count: 3;
         column-count: 3;}
#menu-bar a[href*="logout.php"]{display: inline-block;padding-left:1em}
table.kfz-listing{margin:30px}
.kfz-listing th:first-child{width:74px}
.kfz-listing th:nth-child(2){width:200px}
.kfz-listing th:nth-child(3),.kfz-listing td:nth-child(3){text-align: right;white-space: nowrap}
.kfz-listing th:nth-child(4){width:150px;text-align: right}
.kfz-listing th:nth-child(5){width:50px;text-align: right}
.kfz-listing th:last-child{width:150px}
.kfz-listing th,.kfz-listing td:not(.header){font-size:.85em}
.kfz-listing td:not(.header):first-child{padding: 1px}
.headrow{background-color: #ffe550;}
.dropzone{margin-bottom: 1em}
.updown{padding:20px 0 20px 20px; box-sizing:border-box; width: 50px}
.xtratext{font-size: .8em}
.pa-preview{table-layout: fixed; width:148px}
.pa-preview img{display: block}
.pa-preview .imgcontainer{padding: 0}
.pa-schalten .box1{padding:5px 0 5px 5px}
#submitd {padding: 15px}
.paytbl {table-layout: fixed}
.paytbl  td:last-child{width: 8em}
div + #usr_phone1Tr{margin-top: 2em}
.goggle{padding-left: 10px;font-size: 10px;color:#aaa}
#sitebars .hider{display:none}
#sitebars .inside{width: 300px}
#sitebars .inside > label{ display:block;display:none;padding-right:37px; position: relative; background: #fff; border-bottom:1px solid #000; text-align: right; text-transform: uppercase; line-height: 30px; cursor:pointer; width:calc(100% + 20px); left:-10px; }
#sitebars  .inside> label:after{content:"+"; position: absolute; right: 5px;  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg); font-size: 30px; }
#sitebars .hider:checked ~ *{display: none !important}
.x-flashcontainer div{width:100% !important}
.x-flashcontainer iframe, #bigsize iframe{-ms-transform-origin: left top;-webkit-transform-origin: left top;transform-origin: left top}
 #tabs-1 table, #tabs-2 table, #tabs-3>div{max-width: 100%; width: 100% !important}
          #tabs-3>div{padding: 0 .5em}
/*MEDIA QUERIES*/


@media only screen and (max-width: 1300px)
{
    #sitebars {max-width: 180px}
    #sitebars iframe{-ms-transform: scale(.6);-webkit-transform: scale(.6);transform: scale(.6)}
}
@media only screen and (max-width: 1265px)
{
    #sitebars{left:calc(100% - 195px)}
}
@media only screen and (max-width: 1235px)
{
    .checkwrap {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
#
}
 @media only screen and (max-width: 1045px){
		 #menu-bar a{font-size: .9rem}
         #second_column{float: right; max-width: 56%}
         .gebrauchtwagen_zeile .auto{width: 170%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
         .gebrauchtwagen_zeile .preis, .gebrauchtwagen_zeile .km, .gebrauchtwagen_zeile .bj, .gebrauchtwagen_zeile .ort{height: auto}
         /*.gebrauchtwagen_zeile .update {
    width: auto;margin-right: 15px
}*/
         .gebrauchtwagen_zeile .bild {
    max-width: 220px;
    width: 45%;
    min-width: 150px;
}
         .gebrauchtwagen_info_wrap{ -webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: row; width: 55%; min-width: calc(100% - 220px); max-width: calc(100% - 150px)}
         .gebrauchtwagen_info_wrap > div{ -webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column; width:60%}
         .gebrauchtwagen_info_wrap > div:last-child{ -webkit-justify-content: flex-end;
    -ms-flex-pack: end;justify-content: flex-end;  -webkit-align-items: flex-end;
    -ms-flex-align: end;align-items: flex-end; width:40%; text-align: right; white-space: nowrap}
   }
 
@media only screen and (max-width: 990px){
		.showlogin{display: block; float: left; font-size: .9rem; line-height: 65px; font-family: Arial, sans-serif; cursor: pointer}
        .loginform{height: 0; overflow: hidden; }
        #showlogin:checked ~ form{height: 65px; position: absolute; z-index: 1;right: 0; top: 65px;  background:#feda00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbde2b, endColorstr=#E8C700);
  background: -webkit-gradient(linear, left top, left bottom, from(#fbde2b), to(#E8C700));
  background: -moz-linear-gradient(top,  #fbde2b,  #E8C700);
  background: linear-gradient(to bottom,  #fbde2b,  #E8C700)
        }
        #Gebrauchtwagenhaendler .autofenster{width: 50%}
        #Private .autofenster{width: 100%}
        #eurotax {width: 200px;top:16px}
        #eurotax h1{font-size:.8em}
        #legende li:first-child{display: none}
   }
   @media only screen and (max-width: 970px)
   {
    
    .paging_leiste{ -webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column}
    .paging_leiste > div:first-child{margin-bottom: 20px}
     #detail-box1{width: 100%; margin-left: 0}
     #detail-features{padding-left: 0; height: auto}
     #detail-features >div{-ms-transform: scale(.8);-webkit-transform: scale(.8);transform: scale(.8);padding-left: 0}
         #detail-features >div:nth-child(odd){padding-left: 3px !important}
         #detail-features >div:nth-child(even){margin-left: -5px}
   }
   @media only screen and (max-width: 932px)
   {
    .pa-schalten{font-size: .8em}
     .checkwrap {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
margin-bottom: 1em
   }
   #suche-bottom .ausstattung{ -webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column}
    #legende .fullwidth{display: none}
    #legende .shortwidth{display: inline}
    #detaildata td{display: block}
   }
    @media only screen and (max-width: 880px)
   {
    
    
    #add_uc > table,  #add_uc > table > tbody > tr, #add_uc > table > tbody > tr, #add_uc .box1, #add_uc .box2{display: block; width: 100% !important}
    #add_uc tr{clear: both}
   #add_uc .input-table > tbody{display: block}
   #add_uc .input-table td.header{width: calc(100vw - 220px)}
   #add_uc .cb:first-child{width:146px !important}
   #add_uc .cb:last-child{width:22px !important}
   #add_uc .cb{float: left}
    #eurotax {width: 300px;top:-10px}
        #eurotax h1{font-size:1em}
        .headrow{border-radius: 12px 12px 0 0;}
      .hideaway{display:none}  
   }
   @media only screen and (max-width: 865px)
   {
    #second_column table{table-layout: fixed; width: 100%}
    #second_column td:first-child{font-size: .9em;max-width: 40%}
    #second_column td{max-width: 30%}
    
    #second_column select, #second_column input{max-width: 85%; min-width: 85%}
    #menu-bar a[href*="logout.php"]{position: absolute; top: 82px; right:10px; line-height: 1.4em}
    table.kfz-listing{margin:30px 10px}
    .kfz-listing th,.kfz-listing td:not(.header){font-size:.7em}
    .kfz-listing select{font-size:.75rem; padding-right: 10px}
    #menu-bar1 .hide-when-narrow{display: none}
   }
   @media only screen and (max-width: 820px)
   {
    #suche-left label, .checkwrap label{font-size:.8em}
    #legende ul{
        flex-wrap:wrap;
        justify-content: flex-start
    }
   }
   
    @media only screen and (max-width: 820px)
   {
    .multicol{-webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;}
    #eurotax {width: 200px;top:-4px}
        #eurotax h1{font-size:.8em}
        .flexeventually{ display: -ms-flexbox;
    display: -webkit-flex;display: flex;  -webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column}
        #suche-left #uco_cba_id{position: absolute; top:-42px; right: 0}
        #suche-left .suche_wrap .felder-1 .col-3{padding: 0}
        .suche_bei{padding: 0; margin:2px 0}
   }
    @media only screen and (max-width: 775px)
   {
    #legende .shortwidth{display: none}
    #detail-left,#detail-right{width:100%; min-height: 10px}
    #detail-right{width: calc(100% -20px)}
     #Registrieren div > label, #Registrieren .labelwrap{display: block}
     #menu-bar.logged li:not(.home){display: block; height: 0; overflow: hidden; float: none}
     #all nav#menu-bar.logged ul li.hamburger{height: 65px; width:53px }
    .logged  #hamburg:checked + ul li:not(.home){height: auto;background-color:#feda00;}
     #menu-bar a[href*="logout.php"]{top:32px;  left:100px;}
     table.kfz-listing, .kfz-listing tbody, .kfz-listing tr, .kfz-listing td.header{display: block}
     .kfz-listing th{display: none}
     .kfz-listing td{display:inline-block}
     .kfz-listing td:nth-child(5):after{content:" Views"}
     .kfz-listing td[colspan="6"]{display: block}
     .kfz-listing td.list:first-child{max-width: 50%}
   }
/*   ursprünglich 740*/
   @media only screen and (max-width: 765px)
   {
    .gebrauchtwagen_zeile{position: relative; padding-bottom: 40px}
    .gebrauchtwagen_info_wrap > div:last-child{ -webkit-flex-direction: row;
    -ms-flex-direction: row;flex-direction: row; position: absolute; bottom: 0; left:0; width: 100%;  text-align: left}
    .gebrauchtwagen_zeile .gebrauchtwagen_info_wrap > div{white-space: normal; width: 100%}
   .checkwrap{-webkit-column-count: 2;
    -moz-column-count: 2;
         column-count: 2;}
         .suche_bei{position:relative; padding-bottom: 2em}
         .suche_bei > div > :last-child{position: absolute; bottom:0; right:0}
   }
/*  ursprünglich 720 */
@media only screen and (max-width: 765px)
{
    #second_column{float: none}
    #first_column,#second_column{width: 336px !important}
    #first_column select{width: 90% !important}
    #second_column table{table-layout: auto}
    #menu-bar li:not(.home){display: block; height: 0; overflow: hidden; float: none}
     #all nav#menu-bar ul li.hamburger{height: 65px; width:53px }
     .showlogin{position: absolute; left:106px; top:0; }
     #hamburg:checked + ul li:not(.home){height: auto;background-color:#feda00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fbde2b, endColorstr=#E8C700);
  background: -webkit-gradient(linear, left top, left bottom, from(#fbde2b), to(#E8C700));
  background: -moz-linear-gradient(top,  #fbde2b,  #E8C700);
  background: linear-gradient(to bottom,  #fbde2b,  #E8C700);}
  header{line-height: 0}
    #bigsize{float: none;width: 100%; line-height: 0;padding-bottom: 12.5%;}
    #bigsize a, #bigsize img{display:block}
    #logo{position: absolute; right: 20px;z-index: 8; /*top:9vw; */ top:12vw;line-height: 0; }
     .nobigsize #logo{top:15px}
    #automarken table, #automarken tr{display: block}
    #automarken td{display: inline-block}
    #automarken tr td:first-child{padding-right: 0; width: 130px}
    #automarken td:last-child{width:100%; padding:0 15px 15px}
    #automarken tr td:nth-child(2){width: auto; }
    
     .kfz-listing td.list:first-child{max-width: 30%; min-width: 110px}
     #eurotax {position: fixed;top: 190px;
    background: #fff;
    padding: 5px;
    right: 10px;}
     #suche-left label{font-size:.8em}
   #suche-left .felder-2 .col-2 {width: 170px;}
    #suche-left .felder-2 .col-3 {width: calc(75% - 170px)}
    #srch-1 {left: calc(25% + 215px);
   
   }
   #schnellsuche form{display: -ms-flexbox;
    display: -webkit-flex;display: flex;  -webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column}
 .gebrauchtwagen_zeile .auto{width: 100%}

}
/*seltsame anomalie im geschehen, wenn folgende deklarationen nicht doppelt, geht's nicht */
@media only screen and (max-width: 665px)
{
     .pa-schalten{font-size: .7em}
    /*.pa-preview{position: fixed; right:10px; background: #efefef}*/
     #srch-1{left: auto; right:20px}
    #suche-left #pos_code {width: 4em}
}
@media only screen and (max-width: 665px)
{
   /* .pa-preview{position: absolute; left:0; background: #efefef}*/
   .pa-schalten{font-size: .7em}
    .pa-schalten .box1{padding-left:0}
    .pa-schalten .box1 + td{padding-left:5px}
      #srch-1{left: auto; right:20px}
    #suche-left #pos_code {width: 4em}
}
@media only screen and (max-width: 650px)
{
    #menu-bar1 li {font-size: .75rem}
    
}
@media only screen and (max-width: 650px)
{
     #menu-bar1 li{font-size: .75rem; padding: 0 4px}
     #strt .input-table, #strt .input-table>tbody, #strt .input-table>tbody>tr, #strt .input-table>tbody>tr>td{display:block}
     .gebrauchtwagen_zeile .auto a{white-space: normal}
}
@media only screen and (max-width: 640px)
{
    #Gebrauchtwagenhaendler,#Private{width:48%}
    #Gebrauchtwagenhaendler .autofenster{width: 100%}
    
    .article{width: 49%}
    .article:last-child{width: 100%}
    #facebook > div:last-child{width:auto !important; float: right}
    #footer{-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;flex-wrap: wrap}
    #footer>div{width: 49%}
    #footer>div:nth-child(2){width: 100%; -webkit-order: 1;
    -ms-flex-order: 1; order:1}
   .multicol{font-size: .8em}
   #submitd div{width:180%}
   #supp input:not(.but) {width: 100%}
    #supp input[type=checkbox]{width: auto}
    #suche-left .felder{-webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column}
    #suche-left #uco_cba_id{ top:0; right: auto; left: 0}
    #suche-left .col-1{padding-top: 3em} #suche-left .col-2{padding-top: 1em; padding-left: 0 !important}
    #suche-left .felder>div{width:100% !important}
    #suche-left .felder-2 .col-3 div{display: inline-block; width:auto !important}
    #suche-left  #submit-wrap{position: relative; width:100% !important; height:40px}
     #suche-left label{font-size:1em}
     #Gebrauchtwagenhaendler .autofenster:nth-child(n + 9){display: none}
}
@media only screen and (max-height: 420px)
{
    #sitebars{position: absolute}
}
@media only screen and (max-width: 565px)
{
   header,#all,footer{ width: 99%;}
   #logo{right: 20px; top:calc(12vw + 15px); min-width: 140px}
  .bigsize #logo{/*top:12vw;*/ top:16vw}
   #all{box-shadow: none;}
   #portal{padding:0 10px}
   #add_uc .input-table td.header{width: 100%}
   textarea{width:calc(100vw - 136px)}
   #sitebars{max-width:100%}
   #sitebars iframe{-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
   #sitebars  .inside{padding: 0 10px; border: 1px solid; background: #fff; max-width: 70%; margin-top: -80px; width: 320px}
   #sitebars  .inside > label{display: block}
   #sitebars img{position: static}
   #sitebars{position:absolute;display: -webkit-flex; display: -ms-flexbox;display: flex; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center;left:0;}
   .x-flashcontainer{margin-top: 10px; text-align: center}
   .cond-none{display: none !important}
   #sitebars.visit-1 .inside{display: none}
}
@media only screen and (max-width: 530px)
{
     #eurotax {box-sizing: border-box;position: absolute;top: 1620px;
    background: #fff;
    padding: 5px;
    left: 10px;
    width: calc(100% - 60px);
    right:auto}
    .newInsert #eurotax{top:1100px}
    .etax-placeholder{margin-bottom: 370px}
    #billcar_form{padding: 10px; }
    #billcar_form .spacearound>td{padding: 0; }
    #billcar_form .spacearound{display: table-row}
    body{overflow-x: hidden}
}

@media only screen and (max-width: 470px)
{
    #gebrauchtwagenliste:not(.merkliste) .gebrauchtwagen_data_wrap:last-child {-webkit-justify-content: space-between;
    -ms-flex-pack: justify;justify-content: space-between; -webkit-flex-direction: row;
    -ms-flex-direction: row;flex-direction: row;  -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;flex-wrap: wrap}
    .gebrauchtwagen_data_wrap > div{width: 50%}
    .gebrauchtwagen_zeile{padding-bottom: 60px}
    #gebrauchtwagenliste.merkliste .secondwrap > div{width:auto}
    .news-container{margin-left: 20px; margin-right: 20px}
    #zahlen .input-table, #zahlen .input-table>tbody, #zahlen .input-table>tbody>tr, #zahlen .input-table>tbody>tr>td{display:block}
    #sitebars iframe{-ms-transform: scale(.9);-webkit-transform: scale(.9);transform: scale(.9);margin-left: calc(50% - 135px)}
   
    
}
@media only screen and (max-width: 420px)
{
    .paging_leiste .paging a:nth-child(6):not(:nth-last-child(3)){display: none}
    .paging_leiste .paging a:nth-child(5):not(:nth-last-child(4)){display: none}
    .multicol, .checkwrap{-webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;}
    .checkwrap label{font-size: 1em}
    .suche_bei{padding-top: 2em}
         .suche_bei > div > :first-child{position: absolute; top:.5em; left:0}
         #sitebars iframe{-ms-transform: scale(.8);-webkit-transform: scale(.8);transform: scale(.8); margin-left: calc(50% - 120px)}
        
         #tabs{margin-left:0}
         #tabs-1, #tabs-2, #tabs-3, #tabs-4{font-size: .9em; }
         
         #tabs-1 td:nth-child(2){overflow-x: hidden}
         #tabs-1 div[onclick] img{position: relative; left:-5px}
         #image-box2{display: -webkit-flex; display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;flex-wrap: wrap; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center}
}
@media only screen and (max-width: 395px)
{
    #second_column *,#first_column *{font-size:14px}
    #second_column table {
     /*table-layout: fixed*/
}
    #second_column td:first-child{max-width:
    80% !important; min-width: 100px !important}
    #second_column td:not(:first-child) {
    width: calc(50% - 50px) !important;
    }
    #second_column select, #second_column input{max-width: 25vw !important; }
   #first_column,#second_column{width: 100% !important; max-width: 100%}
   #facebook > div:last-child{font-size: 14px; line-height: 2em}
   #Registrieren .name, #Registrieren .addy{width: 100%}
   #Registrieren .fon{width:calc(50% - 3px)}
   #Registrieren .pwrap{position: relative}
   #Registrieren .pwrap span{font-size: .8em; position: absolute; right: 0; top:5px}
   #Registrieren input[type=password]{width: 100%}
   #menu-bar1{ -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;flex-wrap: wrap}
   #menu-bar1 li{min-width: 33.33%; line-height: 40px}
   #menu-bar1 li:first-child, #menu-bar1 li:nth-child(2), #menu-bar1 li:nth-child(3){border-bottom: 1px solid #e9c500}
  #menu-bar1 li:first-child:nth-last-child(2), #menu-bar1 li:first-child:nth-last-child(2) + li{width: 49%; border-bottom: none}
   #menu-bar1 li:first-child:nth-last-child(3), #menu-bar1 li:first-child:nth-last-child(3) + li{border-bottom: none}
    #logo{min-width: 100px}
    #supp .input-table, #supp .input-table>tbody, #supp .input-table>tbody>tr, #supp .input-table>tbody>tr>td{display:block}
    #supp .tright{text-align: left}
    .pt-oneline td:last-child{padding-top: 5px !important}
    #suche-left .col-2 span {display: block;margin-top: .5em}
     #add_uc .box2{max-width:80%}
}
@media only screen and (max-width: 360px)
{
    .paging_leiste .paging a:nth-child(4):not(:nth-last-child(5)){display: none}
     #sitebars iframe{-ms-transform: scale(.7);-webkit-transform: scale(.7);transform: scale(.7); margin-left: calc(50% - 105px)}
}
@media only screen and (max-width: 350px)
{
   
    #facebook > div:last-child{float:left;font-size: 16px; margin-top: -7px; margin-bottom: 5px}
    .but{padding: 0}
    #bildup .but,#billcar_form .but,#zahlen .but, #supp .but,#suche-left .but,#suche-bottom .but {padding: 0 15px}
    #zahlen .butwrap td{padding:5px 0; text-align: center}
    .gebrauchtwagen_zeile{-webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column; padding-bottom: 0}
    #gebrauchtwagenliste .gebrauchtwagen_zeile > div{width:100%; max-width: 100%; -webkit-flex-direction: column;
    -ms-flex-direction: column;flex-direction: column}
    .gebrauchtwagen_zeile .gebrauchtwagen_data_wrap{position: static !important;  -webkit-flex-direction: row;
    -ms-flex-direction: row;flex-direction: row; -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;flex-wrap: wrap}
    .gebrauchtwagen_data_wrap:first-child .auto{width: 100%}
    #logo{right: 10px}
    #menu-bar a[href*="logout.php"]{font-size:.75rem}
     .pa-preview{position: absolute; left:30px; top:calc(100% + 120px)}
     .pa-schalten{margin-bottom: 350px}
     #submitd div {width: 100%;}
     #Registrieren .fon,#Registrieren .fon + select{width:100%; display: block}
     Registrieren .fon + select{margin-bottom: 1em}
}