/* Font Faces */

@font-face { font-family: CorporateA-Light; src: url("/fonts/CorporateA-Light.eot");}
@font-face { font-family: CorporateA-Light; src: url("/fonts/CorporateA-Light.otf") format("opentype"); }

@font-face { font-family: CorporateA-Regular; src: url("/fonts/CorporateA-Regular.eot");}
@font-face { font-family: CorporateA-Regular; src: url("/fonts/CorporateA-Regular.otf") format("opentype"); } 


html, body {
    
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-family: 'Roboto Condensed' !important;
    font-weight: 400;
    font-size: 14px;
    
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

body {
    
 
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 30%, 50%
 
}


a:hover {
    
    text-decoration: none;
    
}

.navbar {
    

    border-radius: 0px !important;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 0px;
    
    
}

.navbar-brand { 
    padding: 0px 15px; 
    
}


.mainCont {
    
    border-left: 1px solid #e7e7e7;
    border-right:1px solid #e7e7e7;
    font-family: 'CorporateA-Regular';
    text-align: justify;
    font-size: 16px;
    
}

#footer {
    
    background: #e7e7e7;
    background: #ddd;
    //min-height: 230px;
    
    
}

.answer {
    
    text-indent: 10px;
    padding: 5px;
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
}


.question {
    
    line-height: 30px;
    border-bottom: 1px solid #eee;
    font-size: 15px;
    line-height: 25px;
}

h1,h2,h3,h4 {
    
    color: #ff005c;
    font-family: 'Roboto Condensed';
    
}



.dragdealer {
  position: relative;
  height: 10px;
  background: #444;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.dragdealer .handle {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  
}
.dragdealer .red-bar {
  width: 100px;
  height: 20px;
  background: #4db55c;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  
  margin-top: -5px;
  border-radius: 5px;
}
.dragdealer .disabled {
  background: #898989;
}




a { cursor: pointer }


#Result {

    position: fixed;
    z-index: 99;
    background: #eee;
    width: 100%;
    border-radius: 0px;
    font-size: 14px;
    bottom: 0px;

}

#hiResGage {
    
    width: 75px;
    height: 75px;
    
}

#hiResText {
    
    width: calc(100% - 75px);
    
}

@media (min-width: 783px) {

    .schnelltest-info {
        
        max-width: calc(100% - 450px)
        
        
    }
    
    #Result {

        position: fixed;
        z-index: 99;
        background: #eee;
        width: 400px;
        border-radius: 5px;
        top: 70px;
        bottom: initial;

    }
    
    #hiResGage {
    
        width: 150px;
        height: 110px;

    }

    #hiResText {

        width: calc(100% - 150px);

    }
    
    .answer {
    
        text-indent: 10px;
        padding: 5px;
        cursor: pointer;
        font-size: 16px;
        line-height: 30px;
    }


    .question {

        line-height: 30px;
        border-bottom: 1px solid #eee;
        font-size: 16px;
        line-height: 30px;
    }
    
    

}




.answer .active {
    
    color: #ff005c;
    text-decoration: underline;
    
}