label.human{
    width:auto;
}

label.human.checked:before {
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    /* font-weight: 800; */
    /* color: white; */
    background-color: blue;
    display: inline-block;
    font-size: 1.2em;
    line-height: normal;
    padding-left: 2px;
}

label.human:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c8";
    font-weight: 400;
    font-size: 1.2em;
    line-height: normal;
    height: 20px;
    padding-left: 2px;
}
button:disabled, ._button:disabled, button:disabled:hover, ._button:disabled:hover {
    background-color: silver;
    color: grey;
    border: 1px solid grey;
    text-decoration: none;
    cursor: not-allowed;
}

.no-upper-padding {
    padding-top:0;
}

#htmlcosttable table tr {
    border-top: none;
}
.collapsed{
    height:6em;
    overflow: hidden;

}

.zahl {
    text-align: right;
}

.checkboxtext{
    font-family: 'BrandonGrotesque-Light';
}


.kontakt_wrapper label.error{
    color:red;

    display: block;
}

.kontakt_wrapper {
    /*    width:80%;*/
    position:relative;

    /*    border: 1px solid silver;*/

}

.field_wrapper{
    width: 400px;
    position: relative;
    float: left;
    margin-bottom: 1rem;
}


.field_wrapper ul.level2 {
    position: relative;
    list-style: none;
    margin-left:0 ;
    padding-left: 1.2em;
}
.field_wrapper ul.level2 li {
    /*list-style-type: none;*/
}

.field_wrapper ul.level2 li:before {
    /*content: "-";*/
    position: absolute;
    left: 0;
}

.field_wrapper ul.level3 {
    position: relative;
    list-style: none;
    margin: 0 0 0 1em;
    padding-left: 1.2em;
}
.field_wrapper ul.level3 li {
    /*list-style-type: none;*/
}

.field_wrapper ul.level3 li:before {
    /*    content: "+";
        position: absolute;
        left: 0;*/
}


.kontakt_wrapper label {
    /*    padding-top:6px;*/
    max-width:350px;
    width:30%;
    float:left;
    /*margin-right:2vw;*/
    margin-bottom: 1rem;
    /*    font-size: 1em;*/

}
.kontakt_wrapper .field_wrapper label {
    display: contents;


}

.kontakt_wrapper input, textarea, select {
    width:98%;
    max-width: 400px;
    border:1px solid #5e001e;
    border-radius: 0;
    display: block;
    font-size: .75em;
    line-height: 28px;

}

input[type="checkbox"], input[type="radio"] {
    width: 1.5em;
    height: 1em;
    border:1px solid #5e001e;
    display: inline-block;
    vertical-align: baseline;
}


.kontakt_wrapper textarea {
    height: 120px;
}

textarea:focus, input:focus{
    outline: none;
}

button  {

    float:right;

}

.disabled {
    color:silver;

}

.loading_animation {
    float:right;
    margin:8px 10px 0px 0px ;

}
.hidden{
    display: none;

}

.hinweis-buchungsoption {
    margin-top: .5rem;
    font-style: italic;
    font-size: smaller;
    line-height: normal;
    font-weight: 200;
    font-family: 'BrandonGrotesque-Light'
}


#message-html {
    margin:20px;
    padding:5px;
    border:1px dotted silver;
}

#message-html h1 {
    /*    font-size: 1.2em;*/
}


.sent {
    width:100%;
    background-color:white;
    text-align: left;
    padding:5px 0px;

}
.page-content #sent_successfully table tr {
    border-top: none;
}

.successfully {
    font-size:inherit;
    /* color:green;
         border:1px solid green;*/


}

.unsuccessfully {
    color:red;
    font-size:inherit;
    /*    border:1px solid red;*/


}

#navi_2 {
    display:block;
}

#navi_2 li {
    float:left;
    text-align: left;
    height: auto;
    width: auto;
    margin: 0px 50px 0px 3px;
    line-height:20px;
}

@media (max-width: 400px)
{
    .field_wrapper{
        width: 100%;
        position: relative;

    }

    .kontakt_wrapper input, textarea, select {


        font-size: 1em;

    }


}


@media (max-width: 920px)
{
    .field_wrapper{
        width: 100%;
        position: relative;
        float: none;
        clear:both;
    }

    .kontakt_wrapper label {
        width:100%;
    }

    .kontakt_wrapper label:empty {
        display: none;
    }

    .kontakt_wrapper input, textarea, select {


        font-size: 1em;

    }


}