/*
.fitnessrechner{
    font-family: "Roboto", sans-serif; 
}
*/


.fitnessrechner .wrapper{

  -moz-box-shadow:    1px 1px 3px 0px #ccc;
  -webkit-box-shadow: 1px 1px 3px 0px #ccc;
  box-shadow:         1px 1px 3px 0px #ccc;

    margin-bottom: 30px;
    
}

.fitnessrechner select{
    display: inline-block !important;
}

.fitnessrechner .innerwrapper{
/*    border: 2px solid #EFEFEF;*/
    border-top: none;
    padding: 20px;
    background-color: #F7F7F7;

}

.fitnessrechner input[type=text]{
    font-size: 17px;
    font-style:bold;
    color: black;
    font-family: Open Sans bold, sans-serif;
    display: inline-block;
}


.fitnessrechner input[type=text]{
    text-align: center!important;
    color: black!important;
    font-weight:normal!important;
    background-color: #F7F7F7!important;
    width: 90px;
    padding: 2px!important;
    border: none!important;
    border-bottom: solid 2px #c9c9c9!important;
    transition: border 0.3s!important;
}



.fitnessrechner .innerwrapper p{
    font-size: 1.2em;
    line-height: 1.35em!important;
    color: #282828;

}

.fitnessrechner .titlebar{
    width: 100%;
    min-height: 50px;
    background-color: #F9E900;
}

.fitnessrechner .titlebar p{
    padding: 15px;
    font-size: 1.3em;
    font-family: "lato-regular-latin", sans-serif;
    
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #494949;
}



.fitnessrechner .sbmtbutton{
    width: 160px;
    
    background-color: #F9E900;
    padding: 10px;
    font-size: 12px!important;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
    user-select: none;
    color: white;
    letter-spacing: 0.15em;
    background: linear-gradient(#227EC6, #1B6EAE)!important;
   
    border-radius: 5px;
    margin: auto 0px;
    
}

.fitnessrechner div.sbmtbutton:hover{
    background: linear-gradient(#2A92D8, #1B6EAE)!important;
   
}







/* remove standard-styles */
.fitnessrechner select {
    width: 90px;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border:none!important;
    border-radius: 0!important;
    font-size: 1em!important;
/*    text-indent: 5px;*/
    color: black!important;
    font-weight:normal!important;
    border: 1px solid #bbb!important;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2)!important;
    box-sizing: content-box!important;
    -moz-box-sizing:content-box!important;
    -webkit-box-sizing:content-box!important;
    
    
} 


.fitnessrechner select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

/* remove standard-styles */
.fitnessrechner .txtselect select {
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border:none!important;
    border-radius: 0!important;
    font-size: 1em!important;
    text-indent: 5px!important;
    color: black!important;
    font-weight:normal!important;
    border: 1px solid #bbb!important;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2)!important;
    box-sizing: content-box!important;
    -moz-box-sizing:content-box!important;
    -webkit-box-sizing:content-box!important;
    max-height: 10px!important;
    
    
} 



.fitnessrechner .txtselect select:hover {
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}




/* centered columns styles */
.fitnessrechner .row-centered {
    text-align:center;
}
.fitnessrechner .col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}




/*Mobile Ansicht*/
@media only screen 
and (min-width : 100px) 
and (max-width : 600px) {

     
}