body {
    /*font-family: 'Lato', sans-serif;
    font-family: Circular, -apple-system, BlinkMacSystemFont, Roboto, Helvetica Neue, sans-serif !important;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4a4a4a;
    font-size: 1rem !important;
    /*background-image: url(../img/footerbg.png) !important;
    background-position: bottom;
    background-repeat: repeat-x;*/
}







html, body, form {
    height: 100%;
}

#kfzaphomewrapper, #kfzapmasterwrapper {
    position: relative;
    min-height: 100% !important;
}

#kfzaphomecontent{
    padding-bottom: 440px;
}
#kfzapmastercontent {
    margin-top: 80px;
    padding-bottom: 400px !important;
}

.footer {
    width:100%;
    background-color: #000;
    color: #fff;
    height:400px;
    position:absolute;
    bottom:0;   
}



.footer a, .footer a:visited{
color:#6CC2BC;
}
	


.footer a:hover{
color:#fff;
text-decoration:underline!important;
}
	
.hwnowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.info1121 {
    font-size: 1.2rem;
    padding: 10px;
    margin-top: 20px;
    background-color: coral;
    color: white;
}
    .info1121 a {
        font-weight: bold !important;
        color: white !important;
        text-decoration: underline !important;
    }

    .btn-transport a, .btn-transport a:hover {
        color: white !important;
    }


.container {
    width: 1280px;
    max-width: 100%;
}
a,a:visited {
    color:  #6CC2BC;
    text-decoration:none!important;
   
}

    a:hover {
        color: #3B4B59;
    }


.kfzapcaruselimg{
    height:100%!important;
}
.klaro .cookie-notice .cm-btn.cm-btn-success{
background-color:#5c5c5c!important;
}


.bg-kfzap-color {
    background-color: #314C5A !important;
    color: white !important;
}

.bg-kfzap-color-pale {
    background-color: #E1F0E6 !important;
}

.RadWindow_Bootstrap .rwIcon {
    width:32px!important;
 
    background: transparent url("img/kfzap.gif") no-repeat!important;
}




.RadLabel_Bootstrap {
    /*color: #4a4a4a ;*/
    font-family: unset;
}





.kfzapmenu_t .rnvHovered, .kfzapmenu_t .rnvLink {
    background: none !important;
    border: none;
}

.kfzapmenumaster{
    background-color:#314C5A !important;
}

    .kfzapmenumaster a, .kfzapmenumaster a:visited {
        color: white !important;
    }

        .kfzapmenumaster a:hover, .kfzapmenumaster a:active {
            color: #6CC2BC !important;
        }


.kfzapauktime{
    font-size:1rem;
    font-weight:bold;
}


.kfzapbutton-small {
    padding: 5px!important;
    text-decoration: none;
    font-size:12px;
}

.kfzapbutton {
    padding: .85rem 2rem;
    border-radius: 2px;
    border: 0;

    text-decoration: none!important;
    margin: 6px;
    white-space: normal !important;
    cursor:pointer;
}

.kfzapbutton-large {
    font-size:20px;
}
.kfzapbutton-primary {
    cursor: pointer;
    background-color: #314C5A!important;
    color: white !important;
}

.kfzapbutton-secondary {
    background-color: #000 !important;
    color: white;}

    .kfzapbutton-primary:hover, .kfzapbutton-secondary:hover {
        background-color: #4b4b4b !important;
        color: white;
    }


    .kfzappreisinfo{
        font-size:1.3rem;
    }

    .kfzapheute {
        color:#000;
        background-color:#6CC2BC!important;
    }

.kfzapgestern {
    color: #808080;
    background-color: #fff;
}


    .kfzapbewertung{
        color:blue;
    }


  .gebotediv hr{
       margin-top:0.2rem!important;
       margin-bottom:0.2rem!important;
   }


 

.kfzapreclamcard {
    text-align: center;
}

    .kfzapreclamcard .card-title {
        font-size: 1.2rem;
        font-weight: 600;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.kfzapreclamcard .card-text{
  margin-bottom:5px;
}


    .kfzapreclamcard .card-block {
        margin-top:-35px;
    }

.kfzapreclambutton {
    background-color: #314C5A !important;
    padding:5px 20px 5px 20px;
    font-size:1.2rem;
    color:white;
    cursor:pointer!important;

 
}
    .kfzapreclambutton {
      color:white!important;
    }


        .kfzapreclambutton:hover {
          
            background-color: #4b4b4b !important;
            text-decoration:none;
            /*text-decoration: underline;*/
        }





.kfzapbutton-danger {
    color: #fff!important;
    background-color: #dc3545!important;
    border-color: #dc3545!important ;
    }



    .kfzapbutton-danger:hover {
        color: #fff !important;
        background-color: #c82333 !important;
        border-color: #bd2130 !important;
    }



    .kfzapreclamcard h4 {
        margin-bottom:10px;
        margin-top:20px;
       
    }


.kfzapreclamlabel {
    color: #0FCEBC;
}



.kfzapmorebuttonrow{
    text-align:center;
    margin-bottom:80px;
}

    .kfzapmorebuttonrow a {
        background-color: #314C5A !important;
        padding: 5px 20px 5px 20px;    
        font-size: 20px;
        color: white!important ;
    }

    .kfzapmorebuttonrow a:hover {
        background-color: #4b4b4b !important;
     
    }





    .kfzapinforow a:first-child {
        background-color: #314C5A !important;
        font-size:1.6rem;
    }

.kfzapinforow a:last-child {
    background-color: #000 !important;
    font-size: 1.6rem;
}

.kfzapheaderline{
    padding:10px;
    background-color:#000;
    color:#fff;
    font-size:2rem;
}

.buehne
{
    background-image:url(../img/bg_main.jpg);
    height:600px;

}


.buehne a,.buehne a:visited,.buehne a:hover{
    color:#000;
    text-decoration:none;
}




.buehne a:hover {
    color:#1C4D5A;
    /*text-decoration:underline ;*/
}


.border-bottom-1{
    border-bottom:1px solid #cecece;
}


.accent2{
    color:#3B4B59; 
}

.a-accent2,a-accent2:visited{
color:#6CC2BC!important;
}
.a-accent2:hover{
color:#1C4D5A!important;
}

.accent3 {
    color:#6CC2BC;
}

.no-margin {
    margin-left: -15px;
    margin-right: -15px;
}



.kfzapaccounttable a {
    color:red;

}


.kfzapaccountmastertable {
margin-bottom:0px;    
}




.RadGrid_MetroTouch th.rgSorted {
    background-color: #3B4B59!important;
}
.RadGrid_MetroTouch .rgRow a, .RadGrid_MetroTouch .rgRow a:visited, .RadGrid_MetroTouch .rgAltRow a, .RadGrid_MetroTouch .rgAltRow a:visited{
    color: #6CC2BC !important;
}

    .RadGrid_MetroTouch .rgRow a:hover, .RadGrid_MetroTouch .rgAltRow a:hover {
        color: #314C5A !important;
    }


.rddlPopup_MetroTouch .rddlItemSelected {
    color: #fff;
    background-color: #314C5A!important;
}




.RadDropDownList_MetroTouch .rddlFocused {
    border-color: #314C5A !important;
    color: #fff;
    background-color: #314C5A !important;
}


.footerlogo {
    width: 100%;
}


.introtext{
 text-align:center ;
 padding-top:40px;
 font-size:1.2rem;
 line-height:2.0rem;
 font-weight:100;

}


.btnregistrieren  {
    display: block;
    background: url(../img/buttons_22.png) no-repeat;
    height: 35px;
    width: 189px;
}

.btnregistrieren:hover {
    background-position: 0 -35px;
}


.RadWizard_Bootstrap .rwzSelected .rwzLink, .RadWizard_Bootstrap .rwzSelected .rwzLink::before {
    border-color: #6CC2BC !important;
    color: #000;
    background-color: #6CC2BC !important;
}

.RadWizard_Bootstrap .rwzProgress {
    border-color: #6CC2BC !important;
    background-color: #6CC2BC !important;
}

.rwzFinish {
    border-color: #6CC2BC !important;
    color: #fff;
    background-color: #6CC2BC !important;
}

.RadWizard_Bootstrap .rwzNext, .RadWizard_Bootstrap .rwzFinish {
    border-color: #6CC2BC !important;
    color: #fff;
    background-color: #6CC2BC !important;
}

.kfzapempty{
    color:#808080;
}

.RadWizard .rwzContent {

   overflow:hidden!important;
}


.rowbeendet {
    background-image: linear-gradient(45deg, #fff2f2 25%, #ffffff 25%, #ffffff 50%, #fff2f2 50%, #fff2f2 75%, #ffffff 75%, #ffffff 100%);
    background-size: 56.57px 56.57px;
}


.kfzaptab .rtsTxt {
    color: #314C5A !important;
}



 .rtsLevel1 .rtsLink{
     color:#314C5A!important;
 }



.kfzapaccountdiv {
    padding-top: 20px;
}

.kfzapaccountdiv * {
    width: 100% !important;
}

.kfzapupload *{
    height:30px!important;
}

.kfzapupload input{
    color:red;
}



.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
   background-color: #314C5A !important;
}


.kfzappreis {
  font-size:0.8rem;
    background-color: #314C5A !important;
    color:white;
}

.filterdd {
    padding-top: 10px;
}

    .filterdd a:visited, .filterdd a:hover, .filterdd a:focus {
        color:white!important;
    }
    
    
    .hwblk h2 {
        font-size: 20px;
    }

.buehne {
    background-image: url(../img/bg_main.jpg);
    height: 300px;
    background-size: cover;
    padding-top:60px;
}

.kfzapcontentdiv {
    margin-top: 0px;
}

.kfzapinforow {
    padding-left: 10px;
}

    .kfzapinforow a {
        margin: 10px;
        padding: 10px;
        font-size: 16px;
        color: white !important;
    }

    

.smfilterdiv {
    padding-top: 27px;
    padding-bottom: 0.5rem;
   
    padding-left: 15px;
    background-color: #000;
  width:100%;
    z-index: 999;
   
}



.smfilterdiv a:hover, .smfilterdiv a:visited {
    color: white;
}
#sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 120vh;
    background-color: rgba(0,0,0,.5);
    z-index: 997;
    will-change: opacity;
}

#filterpanel {
    position: fixed;
    left: 0px;
    top: 125px !important;
    padding-top: 5px;
    border-right: 1px solid #3B4B59;
    background-color: #314C5A !important;
    color: white;
    z-index: 999;
    width:66%;
}

    #filterpanel .RadButton_Bootstrap.rbCheckBox .rbText {
        color: white !important;
    }
    
    .rddlPopup_Bootstrap .rddlItemSelected{
        background-color:#6CC2BC!important;
        color:#000!important;
    }




.kfzaplogo {
    max-width:300px;
}

.kfzaphomelogomobile {
    max-width: 250px;
}

.kfzaphomelogo {
    max-width: 450px;
}


.kfzaplogomaster {
    max-width: 67%;
}



.beendet {
    transform: skewY(-45deg);
    color:red;
    height:10px;
}




.form-group input[type=radio] {
   
    margin-right: 10px;
    margin-left: 10px;
    cursor:pointer ;
}



.form-group input[type=checkbox ] {
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
}

.RadInput_Bootstrap .riEmpty{
color:#808080!important;
}

.fahrzeugzeile a, .fahrzeugzeile a:visited, .fahrzeugzeile a:active  {
    color: #314C5A!important;
}

    .fahrzeugzeile a:hover  {
        color: #6CC2BC!important;
    }


/* Fahrzeugdetails*/
.kfzapfzdetail_titel {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    line-height: 1.1 !important;
}














.RadWizard  {
   min-height:400px;
}


    .RadWizard .form-group {
        margin-bottom: 0.5rem !important;
    }



.kfzapcheckboxlistitem 
{
overflow:hidden!important;
padding-top:10px;
}

.kfzapcheckboxlistitem .rbCheckBox {
    text-align: left;
    white-space: nowrap !important;
    font-size: .8rem;
    color: #6CC2BC !important;
}


.kfzapcheckboxlistitem .rbToggleCheckboxChecked {
    color: #fff!important;
}


.kfzappbar {
    white-space: nowrap !important;
    overflow:hidden!important ;
    padding-top:10px;
}


.kfzapmenudropdown a, .kfzapmenudropdown a:visited, .kfzapmenudropdown a:active {
    color: #6CC2BC !important;
    background-color: inherit !important;
}

    .kfzapmenudropdownmobile a, .kfzapmenudropdownmobile a:visited, .kfzapmenudropdown a:active {
        color: #6CC2BC !important;
    }


.kfzapmenudropdownmobile a:hover {
    color: #fff !important;
}
            .kfzapmenudropdownmobiledropdown a:hover {
                color: #314C5A !important;
            }


.kfzapcontentdiv {
    padding-top: 55px!important;
}

.RadCalendar .rcRow .rcOutOfRange {
    opacity: .1!important;
}

.fileuploadimg{
    height:auto!important;
   
}

.RadUpload .ruBrowse 
{
    height:inherit!important;
}

.uploads .card-img-top{
    min-height:140px;
    background-color:#E1F0E6;
    margin-bottom:10px;
}

.uploads .card{
    padding:2px;
}

.uploads i:hover{
    cursor:pointer;
}

.ruUploadProgress
{
    font-size:8px!important;
}

.ruButton .ruRemove{
    display:none;
}


@media(min-width:768px) {
    .kfzaplogo {
        max-width: 500px;
    }


    .kfzaphomelogomobile {
        max-width: 500px;
    }




    .kfzaplogomaster {
        max-width: 300px;
    }





        .kfzapmenudropdown a, .kfzapmenudropdown a:visited {
            color: #6CC2BC !important;
        }

            .kfzapmenudropdown a:hover {
                color: #314C5A !important;
            }





    #kfzapmastercontent {
        margin-top: 80px;
        padding-bottom: 300px !important;
    }

    .footer {
        height: 300px;
    }



}





    
    @media (min-width: 992px) {
        .buehne {
        background-image: url(../img/bg_main.jpg);
        height: 550px;
        padding-top:20px;
    }

     

        .kfzappreis {
            font-size: 1rem;
        
        }

        
    #filterpanel {
    transform: translateX(0%) !important;
    width: initial;
    position: relative;
    left: initial;
    top: 0px !important;
    padding-top: inherit;
    z-index: initial;
    background-color: initial;
    border-right: 1px solid #222222;
    padding-bottom:200px;
}
        .kfzapkontaktdiv label {
            padding-left: 70px;
        }


        .footerlogo {
            max-width: 300px;
        }


    .hwblk {
        background-color: #000000;
        display: block;
        color: white;
        padding: 5px 20px 5px 20px;
        margin-bottom: 5px;
        margin-left: 0px;
    }

        .hwblk h2 {
            font-size: 3rem;
            font-weight: bold;
        }



    .kfzapinforow {
        padding-left: 300px;
    }

        .kfzapinforow a {
            margin: 10px;
            padding: 10px;
            font-size: 50px;
            color: white !important;
        }

#anzeigepanel {
    transform: translateX(0%) !important;
}

        /*.kfzapcontentdiv {
            margin-top: 40px;
        }*/


        .kfzaplogo{         
            max-width:550px;
        }
        .kfzaplogomaster {
            max-width: 400px;
        }



        #kfzaphomecontent {
            padding-bottom: 280px;
        }

        #kfzapmastercontent {
            margin-top: 40px;
            padding-bottom: 280px !important;
        }

        .footer {
            height: 280px;
        }




    }