/* Kontakt */
#kon_wrap,
.kon_box{
	width: 100%;
    float: left;
}
#kon_wrap label{
    width: 40%;
    float: left;
    font-weight: normal;
}

#kon_wrap input,
#kon_wrap textarea,
#kon_wrap select{
	width: 60%;
    float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#kon_wrap #kon_button{
	float: right;
}
#kon_wrap select{
	padding: 5px 0;
}
#kon_wrap textarea{
	height: 100px;
    resize: vertical;
}
#kon_wrap label.red+input{
	border-color: #1d3e92;
}
#kon_wrap .red{
	color: #1d3e92;
}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    background: #F0F0F0;
    border: 1px solid #777A7F;
    color: #1d3e92;
    text-shadow: none;
    font-weight: normal;
}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
    background: #777A7F;
    border: 1px solid #F0F0F0;
    color: #1d3e92;
}
.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{
    background: #1d3e92;
    border: 1px solid #F0F0F0;
    color: #ffffff;
}


@media only screen and (max-width: 959px) {
    #kon_wrap label{
        width: 100%;
    }

    #kon_wrap input,
    #kon_wrap textarea,
    #kon_wrap select{
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    #kon_wrap label{
        width: 40%;
    }

    #kon_wrap input,
    #kon_wrap textarea,
    #kon_wrap select{
        width: 60%;
    }
}
@media only screen and (max-width: 479px) {
    #kon_wrap label{
        width: 100%;
    }

    #kon_wrap input,
    #kon_wrap textarea,
    #kon_wrap select{
        width: 100%;
    }
}