body {background-color:#efefef;

font-size:16px;
line-height: 170%;

}

.content_container  {
    background-color:#fff;
    max-width:1200px;
    overflow:visible;
}

.content_header {
    display:flex;
    flex-direction:row;
    min-height:100px;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-align:center;
    padding:0px;
    margin:0px;
    width:100%;
    justify-content: space-between;
}

.header_logo {
    margin:20px;
    margin-right:40px;
}


.header_headline {
    margin:20px;
    font-size:150%;
    margin-left:40px;
}


.Abstand_body {
 max-width:1200px;
    height:0px;

}

.question_container{
    width:85%;
    margin: 40px auto 40px auto;
    overflow:visible;
}

.content_header {
    overflow:visible;
}

.schatten {
    box-shadow:none;
    -moz-box-shadow:none;
    -ms-filter:none;
    -webkit-box-shadow:none;
    filter:none;
}


.tdLine {border-bottom: 4px solid #fff;
    padding:8px;
    font-size:16px;
border-top: 0px;
}

.tdLine_bgColor {
    background-color:#f5f5f5;
    border-bottom: 4px solid #fff;
}

.tdLine_alternateColor {
    background-color:#e9e9e9;
    border-bottom: 4px solid #fff;

}

.textarea_mobil {
    background-color:#f5f5f5;
}

.progressbar_done {
    height:6px;

    background-color: #a9d685;
    border: none;
}

.progressbar_togo {
    height:6px;

    border-right: none;
    border-top: none;
    border-bottom: none;
    background-color: #eee;

}

.progressbar_text {
    padding-bottom:8px;
    color:#aaa;
    font-size:85%;
}

.klein_blass {
    color:#aaa;
    font-size:85%;
}

.Zusatztext {
    padding-top:10px;
    padding-bottom:20px;
}

.showGoodMeldung {}
.showBadMeldung  {border:1px solid #eab4b4;}
.button {padding:5px 15px 5px 15px;}

.balken_grafik {
    height:13px;
}

a {color:#000; text-decoration:underline}
a:hover {background-color:#eee;}

.footer_text a:hover {background-color:#fff;}


.radio_paragraph {
}

.radio_paragraph label {
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    min-width: 500px;
    background-color:#eee;
    margin-bottom: 4px;
    margin-top: 4px;
    padding:8px;
    display:block;
    border-radius: 8px;
}

.input_radio {
    float: left;
    display: inline-block;
    width: auto !important;
    margin-right:12px;
    height:100% !important;
}

.label_Beschr_re {
    float: none;
    max-width: 500px;
}

label:hover {
    background-color:#cacaca ;
}

.label_Beschr:hover { /* labels von input-eingabezeilen müssen keinen Hover haben, nur die von checkbox/radio */
    background-color: transparent !important;
}

.textarea_mobil, .input_text {
    border-radius: 8px;
    border:2px solid #bbb;
}

.showBadMeldung, .showNoticeMeldung, .balken_grafik,
.showGoodMeldung {
    border-radius: 8px;
}

.input_text {
    font-size:16px;
    padding:8px;
    font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}

textarea { font-size: 16px; padding:8px;}

.label_highlight {
    background-color:#c9f6b2 !important;
}

.Prozentfrage_table {

    border: 1px solid #eee;
    border-radius: 8px;
    background-color:#eee;

}

.tdLineNoBorder {

    border:none !important;
    background-color:none !important;
}

.balken_grafik {
    background-color: #afe286;
    display:block;
    float:left;
}

.progressbar_done {
    background-color: #afe286;
}

.andere_infotext_offset
{
    margin-left:40px;
    margin-bottom:0;
    width:80%
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   /* Remove default arrow */
    background-image: url(...);
    /* Add custom arrow */
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    font-size: 16px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 8px;
    border: 2px solid #bbb;


    /* unset select_mod styles */
    margin: 0 !important;
    height: auto !important;
    width:42% !important;

    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;

}


/* Smartphones -------------------------- */

@media only screen and (max-width: 685px)
{
    .header_headline, .header_logo {
        float: none !important;
        clear: both !important;
        margin: auto !important;
    }

    .header_headline {
                padding-top:20px !important;
        padding-bottom:20px !important;
    }

    .radio_paragraph label {
            min-width: 90% !important;
    }

    .content_header {
        display:block !important;
    }
}