html {
    font-size:18px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  html {
    font-size: 15px;      
    }
}
body{
    font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-size:1.0em;
    margin:0px;
    margin-bottom:10px;
    background-color: #FFF;
}
input, select, textarea, button {
    font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-size:1.0em;
}
@media only screen and (min-width:980px){
    body{
        font-size:0.9em;
    }
}
h1{
    font-size:1.2em;
    color:#000;
    margin:10px 0px 5px 0px;
    font-family:'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
}
h2{
    font-size:1.1em;
    color: #333;
    font-family:'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
}
h3, h4, h5, h6{
    font-size:1.0em;
    color:#777;
    font-family:'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
}
strong, b{
    font-family:'Open Sans Bold', Verdana, Arial, Helvetica, sans-serif;
}
a, a:link, a:visited, a:active{
    color: #777;
}
a:hover{
    color: #333;
}
img {
    border:none;
    max-width:100%;
}
.error, .formerror{
    color:#C00;
    background-color:#FCC;
    border:1px solid #E99;
    padding:2px;
    margin:1px 0;
}
.right {
    float:right;
    margin-left:1%;
}
.left {
    float:left;
    margin-right:1%;
}
.hidden {
    visibility:hidden;
}
.nodisplay {
    display:none;
}
.fixedlink {
    position:fixed;
    bottom:2%;
    right:2%;
}
.fixedlink a{
    display: block;
    height:0.5em;
    width:1em;
    padding:0.6em 0.2em 0.25em 0.2em;
    line-height:0;
    border-radius: 50%;
    background-color: #228b22;
    color:#FFF;
    font-size:3.5em;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    box-shadow:0 0 8px #333;
    text-shadow:2px 2px 1px #555;
}
.fixedlink a:hover {
    background-color: #2aaf2a;
}
.fixedtoplink {
    bottom:1em;
    right:1em;
}
.fixedtoplink span.icon {
    position:relative;
    top:0.2em;
}
.fixedbacklink {
    bottom:1em;
    left:1em;
}
@media only screen and (min-width:750px){
    div.fixedlink {
        display:none;
    }
}
@media only print {
    div.fixedlink {
        display:none;
    }
}
img.contmainimg {
    width:65%;
    max-width:545px;
    height:auto;
}
div.contmainimgcontainer {
    width:65%;
    max-width:545px;
    overflow:hidden;
    padding:0;
}
div.contmainimgcontainer img{
    width:100% !important;
}
@media all and (max-width:850px){
    img.contmainimg {
        width:50%;
    }   
    div.contmainimgcontainer {
        width:50%
    }
}
@media all and (max-width:600px){
    img.contmainimg {
        width:98%;
        max-width:98% !important;
        margin:1%;
    }
    div.contmainimgcontainer {
        width:98%;
        max-width:98% !important;
        margin:1%;
    }
}
div.box {
    border:1px solid #CCC;
    padding:1px;
    overflow:hidden;
}
span.sup{
    font-size:0.75em;
    position:relative;
    bottom:0.25em;
}
sup{
    font-size:0.75em;
    line-height:0;
    position:relative;
    top:0.25em;
}
p.annotation{
    font-style:italic;
}
.bildunter{
    margin-top:0;
    font-size:0.9em;
    color:#555;
}
div.lightbox{
    cursor:pointer;
}
div.featherlight img {
    max-width:100%;
    width:auto !important;
	height:auto !important;
}
#klammer{
    width:100%;
    max-width:980px;
    margin:0 auto 5em auto;
    border:1px solid #EEE;
    overflow:hidden;
}
#cookie_ack {
    display:none;
    position:fixed;
    bottom:0;
    width:96%;
    background-color:#EEE;
    border-bottom:1px solid #AAA;
    box-shadow:0 0 10px #CCC;
    overflow:hidden;
    padding:2%;
    color:#888;
    z-index:550;
    opacity:0.95;
}
#cookie_ack p{
    padding:0;
    margin:0;
}
#cookie_ack div.disclaimer {
    width:60%;
    float:left;
}
#cookie_ack div.switch {
    width:35%;
    float:right;
}
#cookie_ack input.switch {
    width:100%;
    padding:2em 0;
    cursor: pointer;
    font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    font-size:1.3em;
    color:#888;
    border:1px solid #888;
    border-radius:0.3em;
    background-color: #F8F8F8;
    text-shadow:2px 2px 2px #FEFEFE;
}
#cookie_ack input.switch:hover {
    color:#555;
    border-color:#555;
    background-color: #F4F4F4;
}
@media only screen and (max-width:550px){
    #cookie_ack input.switch {
        font-size:1.0em;
    }
}
#navswitch {
    font-size:3em;
    font-weight:bold;
    background-color: #FCFCFC;
    text-decoration:none;
    text-align:right;
    display:none;    
}
@media only screen and (max-width:650px){
    #navswitch{
        display:block;
    }
}

/*=== module navswitch fixed ===*/
#navswitch {
    position:fixed;
    top:0px;
    left:0px;
    height:52px;
    z-index:500;
    width:98%;   
    padding-right:2%;
    box-shadow: 0 0 5px #888;
    background: url(../img/bg_navswitch.gif) left 8px no-repeat #FCFCFC;
    background-size: initial;
}
@media only screen and (max-width:650px){
    #klammer {
        padding-top:50px;
    }
}
/*=== navswitch fixed end ===*/

#topnav {
    background-color: #FCFCFC;
}
#topnav div.nav{   
}
#topnav div.nav ul{
    list-style:none;
    margin:0;
    padding:0;
}
#topnav div.nav li {
    list-style: none;
    display:inline-block;
    position:relative;
    margin:0;
}
#topnav div.nav a {
    display:inline-block;
    padding:2em;
    margin:0;
    text-decoration:none;
    font-weight:bold;
    overflow:hidden;
}
#topnav div.nav a:hover {
    background-color: #FAFAFA;
}
#topnav li.facebook a span.facebook{
    display:block;
    position:relative;
    width:1.3em;
    height:1.3em;
    background-color: #BBB;
    border-radius:1.0em;
}
#topnav li.facebook span.logo{
    position:absolute;
    line-height:0.1em;
    bottom:0.25em;
    right:0.26em;
    display:inline-block;
    font-size:1.5em;
    color:#FCFCFC;

}
#topnav li.facebook span.rest{
    display:none;
}
#topnav div.nav div.level2 {
    position:absolute;
    border:1px solid #BBB;
    background-color: #FDFDFD;
    z-index:500;
    width:20em;
    display:none;
    overflow:hidden;
}
#topnav div.nav div.level2 a{
    display:block;
    width:14em;
    padding:2em 3em;
}
@media only screen and (max-width:650px){
    #topnav {
        position:relative;
        display:none;
        left:0;
        width:100%;
    }
    #topnav div.nav li {
        display:inline;
    }
    #topnav div.nav a{
        display:block;
        border-top:1px solid #FFF;
        border-bottom:1px solid #EEE;
    }
    #topnav div.nav div.level2 {
        position:relative;
        width:100%;
        border:0;
    }
    #topnav div.nav div.level2 a{
        width:auto;
        border:none;
        font-weight:normal;
    }
}

#header{
    clear:both;
    position:relative;
    overflow:hidden;
    height:22em;
    background-size: cover;
    border-top:1px solid #CCC;
}
#header picture.header_bg, #header img.header_bg {
    position:absolute;
    bottom:0px;
    left:50%;
    transform: translateX(-50%);
    text-align:center;  
    width:980px;
    z-index:-1;
}
#header ul.headerlinks{
    margin:0 auto;
    padding:0;
    list-style:none;
    
}
#header ul.headerlinks li{
    list-style:none;
    display:inline;
}
#header ul.headerlinks a{
    display:inline-block;
    height:120px;
    margin:0 7px;
    background-size: contain !important;
    background-position: center !important;
}
#header ul.headerlinks a span{
    display:none;
}
#header ul.headerlinks a#homelink{
    width:33%;
    padding-right:5px;
    background:url(../img/logos/autohaus-huf-buedelsdorf.gif) no-repeat #FFF;
    z-index:100;
    position:relative;
    border:1px solid #CCC;
    border-radius:0 0 20px 20px;
    border-top:0;
    box-shadow:2px 2px 5px #333;
}
#header p.telefon{
    position:absolute;
    right:2%;
    bottom:3px;
    padding:0;
    margin:0;
    font-size:3em;
    font-weight:bold;
    color:#EEE;
    opacity: 0.8;
    text-shadow:1px 1px 0 #555, -1px -1px 0 #AAA;
}
#header ul.headerlinks a.markenlink {
    width:15%;
    border:1px solid #CCC;
    border-radius:0 0 20px 20px;
    border-top:0;
    box-shadow:2px 2px 5px #333;
    background: center top no-repeat #FFF;
}
#header ul.headerlinks a#link_mitsubishi{
    background-image:url(../img/logos/mitsubishi.gif);
}
#header ul.headerlinks a#link_citroen{
    background-image:url(../img/logos/citroen.gif);
}
#header ul.headerlinks a#link_kia{
    background-image:url(../img/logos/kia.gif);
}
#header ul.headerlinks a#link_seat{
    background-image:url(../img/logos/seat.gif);
}

@media only screen and (max-width:780px){
    #header {
        height:25em;
    }
    #header ul.headerlinks a {
        height:9em;
    } 
}
@media only screen and (max-width:650px){
    #header {
        height:20em;
    }
    #header ul.headerlinks a {
        height:6em;
    } 
    #header ul.headerlinks a#homelink p.telefon{
        bottom:1px;
        left:10%;
    }
    #header p.telefon{
        font-size:2em;
    }
}
@media only screen and (max-width:530px){
    #header {
        height:15em;
    }
    #header ul.headerlinks a {
        height:4em;
    } 
    #header ul.headerlinks a#homelink {
        width:45%;
    } 
    #header ul.headerlinks a.markenlink {
        width:10%;
    }
    #header p.telefon{
        font-size:1.5em;
    }
}
#main {
    overflow: hidden;
}
#footer {
    background-color: #EFEFEF;
    border-top:1px solid #DDD;
    margin-top:0.5em;
    overflow:hidden;
}
#footer div.sociallinks {
    float:left;
    line-height:0;
}
#footer div.sociallinks ul{
    list-style:none;
    padding:0;
    margin:0;
    position:relative;
    overflow: visible;
}
#footer div.sociallinks li{
    list-style:none;
    padding:0;
    margin:0;
    line-height:0;
    display:inline-block;
    overflow: visible;
}

#footer div.sociallinks a {
    display:inline-block;
    width:40px;
    padding:1.67em 0;
    background: url(../img/logos/social-media-logos.png) no-repeat;
    background-position-y: center;
}
#footer div.sociallinks a span{
    display:none;
}
#footer div.sociallinks a.fb {
    background-position: left;
}
#footer div.sociallinks a.ig {
    background-position-x: -40px;
}
#footer div.sociallinks a.tw {
    background-position-x: -80px;
}
#footer div.sociallinks a:hover {
    background-color: #DDD;
}
#navutils{
    float:right;
}
#navutils a{
    display:inline-block;
    padding:1em 3em;
    margin:0;
    text-decoration:none;
    text-align:center;
}
#navutils a:hover{
    text-decoration:none;
    background-color: #DDD;
}
#navutils a.aktiv{
    border-color:#AAA;
    color:#DD1337;
}
@media only screen and (max-width:960px){
    #navutils a{
        padding-left:1em;
    }
}
@media only screen and (max-width:650px){
    #footer div.sociallinks {
        float:none;
    }
    #navutils {
        float:none;
        clear:both;
    }
    #navutils a{
        display:block;
        text-align:left;
    }
}
    
    
#navmain{
    padding-left:1%;
    float:left;
}
#navmain ul{
    list-style: none;
    padding:0;
    margin:0;
    width:190px;
    overflow:hidden;
}
#navmain li {
    border:1px solid #CCC;
    border-radius:20px;
    list-style: none;
    margin:0 0 10px 0;
    padding:0;
    width:180px;
    box-shadow:3px 3px 5px #CCC;
}
#navmain a{
    display:block;
    margin:0;
    text-decoration:none;
    color:#000;
    font-size:1.25em;
    font-weight:bold;
    border:2px solid #FFF;
    border-radius:20px;
    padding:10px;
    height:35px;
    overflow:hidden;
    background:url(../img/bg_box.gif) no-repeat left bottom #FFF;

}
#navmain a:hover{
    border-color:#CCC;
    
}

#navmain a.aktiv{

}
#navmain a.ext {
   height:45px;
   border-color:#EAA;
}
#navmain a.ext:hover {
   border-color:#D77;
}
#navmain span.subline{
    position:relative;
    font-size:0.8em;
    top:-0.3em;
}
#content{
    padding:2% 0 0 0;

}
/*Buttonlist*/
ul.buttonlist {
    margin:0;
    padding:0;
    list-style:none;
}
ul.buttonlist li{
    display:inline;
}
ul.buttonlist a{
    display:block;
    padding: 0.5em;
    border: 1px solid #DEDEDE;
    margin: 0.1em 0.1em 0 0.1em;
    border-radius: 5px;
}
ul.buttonlist a:hover{
    border-color: #CECECE;
}
ul.buttonlist a::before {
    content: "» ";
}

/*toplink*/
div.top{
    margin:3px auto;
}

div.top a{
    display:block;
    width:90%;    
    border:1px solid #DDD;
    padding: 3px 0px 3px 0px;
    text-align: center;
    color:#999;
    text-decoration:none;
    clear:both;
    font-size:0.9em;
}
div.top a:link{
    color:#999;
}
div.top a:visited{
    color:#999;
}
div.top a:hover{
    color: #000;
    background-color: #EFEFEF;
}
div.top a:active{
    color:#999;
}
p.toplink{
    height:1px;
}

div.infobox{
    border:1px solid #CCC;
    border-radius:20px;
    margin:0 0 5px 0;
    width:200px;
}
div.infobox.hervorhebung {
    border-color:#EAA;
    border-width:2px;
}
div.infobox div.in{
    border:2px solid #FFF;
    border-radius:20px;
    background: url(../img/bg_box.gif) left bottom no-repeat #FFF;
    padding:15px 5px;
}
div.infobox h2{
    padding:0;
    margin:0;
}
div.infobox h3{
    padding:0;
    margin:0;
}
div.infobox p{
    padding:0;
    margin:0 0 0.3em 0;
}
div.infobox_content{
    padding:3px 3px;
    margin:0px;
}
div.infobox_content p{
    margin:0px;
}
div.box_tuevnord img{
    width:100%;
    max-width:200px;
}
div.rightcol {
    float:right;
    padding-right:1%;
}
div.leftcol{   
    float:left;
    width:280px;
    margin:0 20px 1% 20px;
}
div.maincol {
    overflow: hidden;
    padding:0 1%;
}
@media only screen and (max-width:750px){
    div.rightcol {
        float:none;
        clear:both;
        overflow:hidden;
        width:auto;
        padding:0 1%;
    }
    div.rightcol div.infobox {
        width:200px;
        float:left;
        margin-right:0.5em;
        overflow:hidden;
    }
    div.rightcol div.infobox div.in{
        min-height:14em;
        padding-bottom:10px !important;
    }
    div.maincol {
        clear:both;
/*        padding:0;*/
    }
}
@media only screen and (max-width:680px){
    div.rightcol div.infobox {
        width:190px;
    }
}
@media only screen and (max-width:650px){
    div.rightcol {
        padding:0;
    }
    div.rightcol div.infobox {
        width:180px;
    }
}
@media only screen and (max-width:600px){
    div.rightcol div.infobox {
        width:170px;
    }
}
@media only screen and (max-width:550px){
    div.rightcol div.infobox{
        float:none;
        width:auto;
        margin:1% 0;
    }
    div.rightcol div.infobox div.in {
        min-height:1em;
    }
}
/*===== Formulare =====*/
div.normform {
    margin-bottom:4px;
    clear:both;
}
div.normform label{
    display:inline-block;
    width:8em;
    min-width:100px;
}
div.normform input{
    width:22em;
    min-width:200px;
    padding:2px;
    margin-bottom:1px;
    color:#777;
    border:1px solid #AAA;
    background-color:#FFF;
}
div.rightcol div.normform input {
    width:98%;
    min-width:1%;
}
div.leftcol div.normform label{
    width:9em;
    min-width:20px;
}
div.leftcol div.normform input{
    width:11em;
    min-width:80px;
}
div.leftcol div.normform input.submit{
    width:100%;
    min-width:80px;
}
div.normform textarea{
    width:22em;
    min-width:200px;
    padding:2px;
    border:1px solid #AAA;
    margin-bottom:1px;
}
div.normform input.submit{
    font-size:1.0em;
    width:100%;
    min-width:205px;
    padding:2px;
    color:#7E9E00;
    border:1px solid #37BA00;
    background-color:#E9FF93;
    margin:2px 0 1px 0;
    cursor:pointer;
}
div.normform input.submit:hover{
    background-color: #D5FF30;
    color:#000;
}
div.normform select{
    padding:1px;
    border:1px solid #AAA;
    margin-bottom:1px;
}
div.normform input.radio{
    width:auto;
    min-width:1px;
}
div.normform input.checkbox{
    width:auto;
    min-width:1px;
    padding:2px;
    border:1px solid #AAA;
    margin-bottom:1px;
}
div.normform input.plz{
    width:5em;
    min-width:5px;
    margin-right:0.5em;
}
div.normform input.ort{
    width:16em;
    min-width:5px;
    margin-right:0.5em;
}
div.normform input.hausnr{
    width:2em;
    min-width:5px;
}
div.normform p.anmerkung{
    margin:0;
    padding:0;
    font-size:0.9em;
    font-style:italic;
}
div.normform input.dtpicker{
    width:7em;
    min-width:10px;
}
div.normform div.checkbox_container input{
    width:auto;
    min-width:10px;
    position:relative;
    top:0.1em;
}
div.normform div.rightcol + div.formbody{
    margin-right:220px;
}
@media only screen and (max-width:750px){
    div.normform label {
        display:block;
        width:100%;
        max-width:700px;
    }
    div.normform div.formbody{
        margin:1% !important;
    }
}

/* Datepicker */
#ui-datepicker-div{
    background-color: #FFF;
    border:1px solid #AAA;
    padding:3px;
    box-shadow:3px 3px 3px #AAA;

}
div.ui-datepicker-header a.ui-corner-all {
    display:inline-block;
    padding:2% 5% 3% 5%;
    margin:0.5%;
    width:39%;
    background-color: #EFEFEF;
    cursor: pointer;
    text-align: center;
}
div.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #E8E8E8;
}

div.ui-datepicker-header a.ui-corner-all span {
    font-size:2em;
    line-height:1;
}

div.ui-datepicker-title {
    padding:5%;
    margin:0.5%;
    background-color: #e5edda;
    font-weight:bold;
}
table.ui-datepicker-calendar {
}
table.ui-datepicker-calendar td{
    padding:1em;
}
table.ui-datepicker-calendar td:hover{
    background-color: #eff4e8;
}
table.ui-datepicker-calendar td.ui-state-disabled{
    color:#CCC;
}
table.ui-datepicker-calendar td.ui-datepicker-today{
    background-color: #e5edda;
}
table.ui-datepicker-calendar td.ui-datepicker-current-day{
    background-color: #abcc76;
}

div.ahh_radio_active input.radio{
    display:none;
}
div.ahh_radio_active div.ahh_radio_input label{
    display:inline-block;
    cursor:pointer;
    padding-left:22px;
    background:no-repeat left -2px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle style='fill:%23ffffff;fill-opacity:1;fill-rule:evenodd;stroke:%23b4b4b4;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' cx='10' cy='10' r='6.5'/%3E%3C/svg%3E");
}
div.ahh_radio_active div.ahh_radio_input label.checked{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle style='fill:%23b4dc00;fill-opacity:1;fill-rule:evenodd;stroke:%235b8100;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1' cx='10' cy='10' r='6.5'/%3E%3C/svg%3E");
}


/*=== Formulare Ende ==*/





/*=== Content ===*/
/*== Infoboxen rechts==*/

div.box_werkstatt-service{
    background:url(../img/box-express-werkstatt-service3.jpg) center top no-repeat transparent;
    padding-top:90px;
}
div.box_werkstatt-service div.in{
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding-top:5px;
    background-color: transparent;
}
div.box_werkstatt-service p.termin a {
    display:block;
    padding:0.5em;
    border:1px solid #DEDEDE;
    margin-top:1em;
    border-radius:15px;
}
div.box_oeffnungszeiten {
    border-color: #A00;
}
div.box_oeffnungszeiten h2 {
    background-color:#A00;
    color:#FFF;
    padding:5px 3px;
    margin-bottom:0.2em;
}
div.box_oeffnungszeiten h3 {
    color:#A00;    
}
p.hotline {
    font-size:1.3em;
    color:#A00; 
}


@media only screen and (max-width:750px){
    div.box_werkstatt-service {
        background-image: none;
        padding-top:0;
    }
    div.box_werkstatt-service div.in{
        padding-top:15px;
        padding-bottom:1.5em !important;
    }
}
div.boxcol{
    float:left;
    margin-right:10px;
}


/*== Startseite ==*/
div.startcontent div.box_aktuell {
    width:auto;
    overflow: hidden;
    margin-bottom:5px;
    border:1px dotted #CCC;
    border-radius: 20px 0 0 20px;
}
div.startcontent div.box_aktuell div.in {
    overflow:hidden;
    background: url(../img/bg_box.gif) left bottom no-repeat #FFF;
}
div.startcontent div.box_aktuell h3{
    margin:0;
    padding:0.7em 1em;
}
div.startcontent div.box_aktuell h2{
    margin:0;
    padding:1em;
}
div.startcontent div.box_aktuell h3.styled{
    background-color: #53A031;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#75890c+0,a4b357+100 */
background: #75890c; /* Old browsers */
background: -moz-linear-gradient(top, #75890c 0%, #a4b357 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #75890c 0%,#a4b357 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #75890c 0%,#a4b357 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75890c', endColorstr='#a4b357',GradientType=0 ); /* IE6-9 */
    color:#FFF;
    margin:0;
    padding:0.7em 1em;
    text-shadow: 0 0 2px #111;
}
div.startcontent div.box_aktuell h2.styled{
    background-color: #A00;
    color:#FFF;
    margin:0;
    padding:1em;
    border-top:1px solid #560000;
    border-bottom: 1px solid #560000;
    text-shadow: 0 0 2px #000;
}
div.startcontent div.box_aktuell div.img {
    float:right;
    line-height:0;
}
div.startcontent div.box_aktuell div.desc {
    padding:0 1em;
    overflow:hidden;
    line-height:80%;
}
div.startcontent div.box_aktuell p.anm {
    color:#888;
}
div.startcontent div.box_aktuell_sommerreifen{
    border-radius:20px;
}
div.startcontent div.box_aktuell_sommerreifen h2{
    padding:0 1em;
}
div.startcontent div.box_aktuell_sommerreifen ul.termine{
    font-weight:bold;
}
div.startcontent div.box_aktuell h3.styled{
    color:#C00;
    background: #e1e8f2;
    margin:0;
    padding:0.15em 1em 0.1em  1em;
    text-shadow: 0 0 2px #FFF;
}
div.startcontent div.box_aktuell h2.styled{
    background:#d80111;
    color:#FFF;
    margin:0;
    padding:0.3em 1em;
    border-top:1px solid #560000;
    border-bottom: 1px solid #560000;
    text-shadow: 0 0 2px #000;
}
div.startcontent div.box_aktuell h3.preis {
	color:#C00;
	padding:0.5em 1em 0 1em;
}
div.startcontent div.box_aktuell div.desc p{
	margin:0.5em 0;
	line-height:1.0em;
}
div.startcontent div.box_aktuell img {
	width:300px;
        height:auto;
}
div.eek{
    display:none;
    clear:both;
}
/*
div.eek h2{
}
div.eek h3{
}*/
@media only screen and (max-width:650px){
/*    div.startcontent{
        background-size: contain;
        padding-top:220px;
    }*/
    div.boxcol{
        float:none;
        margin:0;
        width:auto;
    }
    div.boxcol div.infobox{
        float:left;
        margin:1%;
    }
    div.startcontent div.box_aktuell {
        margin-top:5px;
        border-style:solid;
    }
    div.startcontent div.box_aktuell_asx{
        border-radius:0;
    }
    div.startcontent div.box_aktuell_asx div.img{
        width:100%;
        margin-bottom:0.5em;
    }
}
@media only screen and (max-width:600px){
    div.boxcol{
        float:none;
        margin:0;
    }
    div.boxcol div.infobox{
        float:none;
        width:auto;
    }
}
@media only screen and (max-width:550px){
    div.startcontent div.box_aktuell div.img {
        float:none;
        text-align:right;
        margin:0;
    }
    div.startcontent div.box_aktuell div.img img{
        width:100%;
    }
}
/*===== Team-Liste =====*/
div.team div.ma {
    border:1px solid #CCC;
    padding:2px;
    margin:0 0 1px 0;
    position:relative;
    font-size:1.2em;
    overflow:hidden;
}
div.team h2.abteilung{
    font-size:1.2em;
    background-color: #a00;
    color: #fff;
    padding: 5px 3px 5px 8px;
}
div.team div.ma p.img{
    padding:0;
    margin:2px 2px 1% 0;
    float:right;
}

/*===== Content Werkstatt =====*/

/*===== Formatabhängige Ein-/Ausblendung =====*/
.wideonly {
    display:inherit;
}
.narrowonly {
    display:none;
}
@media only screen and (max-width:650px){
    #content {
        padding:0 1%;
    }
    div.maincol {
        padding: 0;
    }
    .wideonly {
        display:none;
    }
    .narrowonly {
        display:inherit;
    }
}
/*==== Mobile-Anzeigen ====*/

/*== Galerie ==*/
div.ad_gallery{
    float:left;
    margin:0 5px 1em 5px;
}
div.ad_gallery ul, div.ad_gallery li{
    display:inline;
    margin:0;
    padding:0;
    list-style:none;
}
div.lightbox_ad_gallery div.featherlight-content{
    overflow:hidden;
    border-bottom:none;
}
div.lightbox_ad_gallery span.featherlight-previous, div.lightbox_ad_gallery span.featherlight-next {
    display:inline-block;
    height:100%;
    color:#FFF;
    font-size:18em;
    text-shadow:0px 0px 15px #FFF;
    position:absolute;
    opacity:0.3;  
    cursor:pointer;
    vertical-align:middle;
}
div.lightbox_ad_gallery span.featherlight-previous:hover, div.lightbox_ad_gallery span.featherlight-next:hover {
    opacity:0.8;
}
div.lightbox_ad_gallery  span.featherlight-previous {
    top:0;
    left:0;
    padding:15% 10% 0 5%;
}
div.lightbox_ad_gallery  span.featherlight-next {
    top:0;
    right:0;
    padding:15% 5% 0 10%;
}
@media only screen and (max-width:500px){
    div.lightbox_ad_gallery span.featherlight-previous, div.lightbox_ad_gallery span.featherlight-next {
        font-size:10em;
        padding-top:5%;
    }
}
div.ad_gallery div.admainimg {
    background-color: #FFF;
    max-width:420px;
    text-align:center;
    box-shadow: 0 0 3px #CCC;
    padding:10px;
    margin: 0 auto;
    overflow:hidden;
}
div.ad_gallery div.adthumbnails{
    display:block;
    height:60px;
    position:relative;
    max-width:418px;
    overflow:visible;
    margin:5px auto;
}
div.ad_gallery div.adthumbnails div.inner{
    display:block;
    height:auto;
    overflow:hidden;
    max-width:420px;
    background-color:#FFF;
    box-shadow: 0 0 3px #CCC;
    padding:1px 54px 1px 1px;
}
div.ad_gallery div.adthumbnails ul{
    display:inline-block;
    height:54px;
    overflow:hidden;  
    background-color: #FFF;
    margin:0;   
    max-width:365px;
}
div.ad_gallery div.adthumbnails_open ul{
    height:auto;
}
div.ad_gallery div.adthumbnails_open div.inner{
    height:auto;
}

div.ad_gallery div.adthumbnails a.gallerylink{
    display:inline-block;
    position:relative;
    width:57px;
    height:57px;
    text-align:center;
    overflow:hidden;
}
div.ad_gallery div.adthumbnails a.gallerylink img{
    position:relative;
    width:80px;
    max-width:80px;
    left:-17px;
}
div.ad_gallery div.adthumbnails span.expandbutton {
    display:block;
    position:absolute;
    right:0px;
    top:0px;
    width:54px;
    height:37px;
    padding-top:17px;
    overflow:hidden;
    color:#CCC;
    text-decoration:none;
    font-size:1em;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
    background-color:#FFF;
}
/*== Detailansicht ==*/
div.mobile_de-adtop h2 {
    color:#A00;
    font-size:1.4em;
}
div.mobile_de-adtop h2 span.nr {
    font-size:0.8em;
    color:#AAA;
}
div.mobile_de-adtop p.category{
    margin-top:0;
    font-weight:bold;
}
div.mobile_de-adtop ul.highlights {
    list-style-type: none;
    margin:0 0 1em 0;
    padding:0;
}
div.mobile_de-adtop ul.highlights li{
    display:inline-block;
    background: url(../img/icons/icon-thumbsup.png) center left no-repeat #FFF; 
    padding:0.5em 1em 0.5em 32px;
    font-size:1.2em;
    font-weight:bold;
    color:#4a0;
}
div.mobile_de-addetail div.mobile_de-adright {
    margin-left:430px;
}
div.mobile_de-addetail p.price {
    padding:0.2em;
    text-align:center;
    border:1px outset #83e083;
    background-color:#4a0;
    color:#FFF;
    font-size:2.6em;
    font-weight:bold;
    box-shadow:1px 1px 4px #888;
    text-shadow:-1px -1px 1px #050;
}

div.mobile_de-addetail div.details {
    clear:both;
}
div.mobile_de-addetail div.emission_fuel_consumption{
    margin:1em 0;
    padding:1%;
    background-color:  #eef7b7;
    border:1px solid #83e083;
    box-shadow: 0 0 3px #CCC;
}
div.mobile_de-addetail div.emission_fuel_consumption p {
    margin:0;
}
div.mobile_de-addetail div.features ul{
    list-style:none;
    margin:0;
    padding:0;
}
div.mobile_de-addetail div.features li {
    display:inline-block;
    padding:0.3em;
    margin:0 1px 1px 0;
    background-color: #F8F8F8;
    border: 1px solid #DDD;
}
div.mobile_de-addetail div.backlink a{
    display:block;
    position:relative;
    overflow:hidden;
    background-color: #FFF;
    box-shadow: 0 0 3px #CCC;
    margin:0.5em 0;
    text-decoration:none;
    text-align:center;
    width:99%;
}
div.mobile_de-addetail div.backlink span.icon {
    display:block;
    float:left;
    background-color: #AAA;
    color:#FFF;
    text-shadow:-1px -1px 2px #444;
    font-size:2.0em;
    font-weight:bold;
    padding:0.5em;
}
div.mobile_de-addetail div.backlink a:hover {
    background-color: #EEE;
}
div.mobile_de-addetail div.backlink a:hover span.icon {
    background-color: #777;
}
div.mobile_de-addetail div.backlink span.text{
    display:inline-block;
    padding:1.4em 0.5em;
}
/* Kontaktbereich */
div.mobile_de-adcontact {
    position:relative;
    overflow:visible
}
div.mobile_de-adcontact div.content {
    border: 1px solid #CCC;
    background: url(../img/bg_box.gif) -20px bottom no-repeat #FFF;
    overflow:hidden;
    margin-right:1%;
}
div.mobile_de-adcontact h2{
    background-color: #A00;
    color: #FFF;
    padding: 5px 2%;
    margin:0 0 0.2em 0;
    font-weight:normal;
}
div.mobile_de-adcontact h2 span.model-description, div.mobile_de-adcontact h2 span.nr{
    font-weight:bold;
}
div.mobile_de-adcontact div.phone {
    width:45%;
    float:left;
    margin:1%;
    padding:1%;
}
div.mobile_de-adcontact div.callback {
    width:45%;
    float:right;
    margin:1%;
    padding:1%;
}
div.mobile_de-adcontact div.callback form{
    background: transparent;
}
div.mobile_de-adcontact div.callback label{
    display:block;
}
div.mobile_de-adcontact div.callback input{
    width:auto;
    margin:1%;
}
div.mobile_de-adcontact label{
    margin:0.5em 0;
    padding:0.5em 0;
}
div.mobile_de-adcontact div.ahh_radio_input label {
    background-position-y: 0.4em;
}
div.mailform_container {
    position:absolute;
    z-index:100;
    width:80%;
    left:10%;
    background-color: #FFF;
    background-color:#FFF;
    box-shadow: 3px 3px 10px #CCC;
    padding:1px;
    overflow:hidden;
    
}
div.mobile_de-mailform span.close{
    display:block;
    width:auto;
    text-align:right;
    padding:0.2em 1em;
    font-size:1.5rem;
    line-height:1.2em;
    font-weight:bold;
    color:#CCC;
    background-color: #EFEFEF;
    cursor:pointer;
}
div.mobile_de-mailform span.close:hover {
    color:#AAA;
}
div.mobile_de-mailform div.formleft{
    display:block;
    width:46%;
    margin:1%;
    float:left;
}
div.mobile_de-mailform div.formright{
    display:block;
    width:46%;
    margin:1%;
    float:left;
}
div.mobile_de-mailform textarea{
    width:100%;
    height:400px;
}
div.mobile_de-mailform div.ahh_radio_input {
    display:inline-block;
}

@media only screen and (max-width:500px){
    div.mobile_de-adcontact div.phone {
        width:auto;
        float:none;
    }
    div.mobile_de-adcontact div.callback {
        width:auto;
        float:none;
    }
}
div.mobile_de-adcontact div.phone span.phone{
    color:#A00;
    font-weight:bold;
    font-size:1.5em;
}
div.mobile_de-adcontact input.submit, div.mobile_de-adcontact button.toggle_form {
    font-size:1.2rem;
    font-weight:bold;
    color:#FFF;
    background-color: #AA0000;
    border:2px solid #FFF;
    box-shadow:0 0 2px #333;
    padding:1em;
    border-radius:10px;
    cursor:pointer;
}
div.mobile_de-adcontact button.toggle_form:hover {
    background-color:#C40000;
}
@media only screen and (max-width:850px){
    div.mobile_de-addetail div.ad_gallery {
        float:none;
        text-align:center;
    }
    div.ad_gallery div.admainimg {
        padding:0;
    }
    div.mobile_de-addetail div.mobile_de-adright {
        margin:0;
        clear:both;
    }
    div.mobile_de-adcontact div.formleft, div.mobile_de-adcontact div.formright{
        float:none;
        width:auto;
    }
    div.mobile_de-adcontact textarea {
        height:200px;
    }
}
/*== Listenansicht ==*/
div.mobile_de-adlist div.mobile_de-ad{
    overflow:hidden;
    clear:both;
    background-color: #FFF;
    box-shadow: 0 0 3px #CCC;
    margin:0.5em 0;
    padding-bottom:0.5em;
    position:relative;
}
div.mobile_de-adlist div.mobile_de-adlink a {
    display:block;
    clear:both;
    text-align:center;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:600px 0 0.1em 0;  
    line-height:0;
    color:#FFF;
    text-decoration:none;}
div.mobile_de-adlist div.mobile_de-adlink a:hover {
    background-color: #EEE;
    font-size:2.0em;
    font-weight:bold;
    opacity:0.2;
    line-height:100%;
    color:#000;
}
div.mobile_de-adlist div.mobile_de-adleft {
    float:left;
    width:30%;
}
div.mobile_de-adlist div.mobile_de-adleft img {
    width:100%;
    max-width:400px;
}
div.mobile_de-adlist div.mobile_de-admid{
    float:left;
    width:35%;
    padding:0 1em;
}
div.mobile_de-adlist div.mobile_de-adright{
    float:right;
    width:30%;
}
div.mobile_de-adlist p.addata span{
    display:inline-block;
}
div.mobile_de-adlist ul.highlights {
    margin:0;
    padding:0;
    list-style:none;
}
div.mobile_de-adlist ul.highlights li {
    font-weight:bold;
    color:#4a0;
}
div.mobile_de-adlist p.price {
    padding:0.5em 1em 0.5em 0.5em;
    margin:0;
    text-align:center;
    border:1px outset #83e083;
    border-right:0;
    background-color:#4a0;
    color:#FFF;
    font-size:2.0em;
    font-weight:bold;
    box-shadow:1px 1px 4px #888;
    text-shadow:-1px -1px 1px #050;
    text-align:right;
}
@media only screen and (max-width:980px) {
    div.mobile_de-adlist div.mobile_de-adright {
        clear:both;
        width:50%;
    }
}
@media only screen and (max-width:500px) {
    div.mobile_de-adlist div.mobile_de-adleft {
        float:none;
        clear:both;
        width:auto;
        text-align:center;
    }
    div.mobile_de-adlist div.mobile_de-admid {
        float:none;
        clear:both;
        width:auto;
    }
    div.mobile_de-adlist div.mobile_de-adright {
        float:none;
        width:100%;
    }
}
/*== Filterformular ==*/
div.filter div.select {
    border:1px solid #CCC;
    border-radius:0.5em;
    display:inline-block;
    width:31%;
    overflow:hidden;
    position:relative;
    background-color: #FFF;
    color:#555;
}
div.filter div.select::before{
    z-index:10;
    position:absolute;
    top:0.8em;
    right:0.5em;
    color:#CCC;
    content: "▼";
}
div.filter select{
    position:relative;
    font-size:1.2em;
    width:100%;
    padding:0.5em 0 0.5em 1em;
    background: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor:pointer;
    z-index:100;
    border:none;
}
select::-ms-expand {
    display: none;
}
div.filter div.filterform_select_sortorder {
    width:94%;
}
div.filter div.filterform_select_sortorder::before{
    content: "↕";
    font-weight:bold;
    font-size:150%;
    line-height:0;
}
div.filter div.active {
    font-weight:bold;
    background-color: #E9FF93;
    color: #050;
}
div.filter div.disabled, div.filter div.disabled select {
    background-color: #EEE;
    color: #AAA;
    cursor: not-allowed;
}
div.filter option.default {
    color: #999;
}
div.filter option.reset {
    background: #FCC;
    color: #C00;
}
div.filter input.submit{
    border-radius:0.5em;
    font-size:1.2em;
    width:48%;
    padding:0.5em 0;
    margin:1px;
}
div.filter a.resetlink {
    border-radius:0.5em;
    font-size:1.2em;
    display:inline-block;
    text-decoration:none;
    padding: 0.5em 0;
    color: #7E9E00;
    border: 1px solid #37BA00;
    background-color: #E9FF93;
    text-align:center;
    margin:1px;
    width:94%;
}
div.filter a.resetlink:hover{
    background-color: #D5FF30;
    color: #000;
}
div.filter a.resetlink.disabled {
    background-color: #EEE;
    color: #AAA;
    border-color:#AAA;
    cursor: not-allowed;    
}
@media only screen and (max-width:400px){
    div.filter input.submit{
        width:100%;
    }
    div.filter a.resetlink {
        display:block;
        width:auto;
    }
}