@media screen and (max-width: 1040px)
{
    .onlymobile
    {
        display:block;
    }
    .onlymobiletablecell
    {
        display:table-cell;
    }
    #mobilemenu
    {
        display:block;
    }

    #column_left {
        display: none;
    }

    .main_content_class {
        margin: 0px 0px 0px 0px;
        border: 1px solid #b2b2b2;
    }

    .main_content_class_noborder {
        margin: 0px 0px 0px 0px;
        border: 1px solid #b2b2b2;
    }
    .main_content_text_class h1
    {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .QMLogo
    {
        height:60px;
        width:auto;
        padding-top:0;
    }

    #header
    {
        height:87px;
        border-bottom: 6px solid #fff;
    }
    #header_left, #header_left_bottom
    {
        width:100%;
    }
    #header_left_top
    {
        height:60px;
        padding-left:3rem;
    }
    #header_left_bottom .img_cell img
    {
        width:20px;
    }
    #header_right
    {
        display:none;
    }

    #middle, #container, #content, #footer
    {
        width:100%;
    }
    video
    {
        width:100%;
    }
    .boxAbmeldenMobile
    {
        display:block;
    }
    .details_view
    {
        width:100%;
    }
    .leftColumn50PctResponsive, .rightColumn50PctResponsive 
    {
        width: 100%;
        float: none;
        margin: 0 0 10px 0
    }


    /**********************************************
        FORMS INPUT
    **********************************************/
    /* TextArea (Textmode = Multiline) */
    .main_content_text_class .form_ta_wide
    {
        width:100%;
    }
    .main_content_text_class .form_tb_wide
    {
        width:100%;
    }
    .main_content_text_class .form_table_buttons
    {
        width: 100%;
    }

    .main_content_text_class .form_ddl_wide
    {
        width:100%;
    }
    .main_content_text_class .form_ta_wide
    {
        width:100%;
    }
    .tb_box
    {
        width:100%;
    }
    .main_content_text_class .form_tb_wide
    {
        width:100%;
    }
    .main_content_text_class .form_tb_tripple_left
    {
        width:80%;
    }
    .main_content_text_class .form_tb_tripple_right
    {
        width:80%;
    }
    .main_content_text_class .form_tb_small_left
    {
        width:17%;
    }
    .main_content_text_class .form_tb_small_right
    {
        width:17%;
    }


    .function_icon
    {
        margin-right:5px;
    }
}

@media screen and (min-width: 600px )
{
    .rightColumn { margin-left: 350px; }
	.leftColumn  { position: absolute; top: 0; left: 0; width: 340px; }   

    .newsdate
    {
        float:none;
    }
    table.grid input[type="image"] {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0 0 0 0;
    }
}


@media screen and (max-width: 450px )
{
    .scrollcontainer {
        max-width: 100%;
        overflow-x: scroll;
    }

    .details_view tr, table.download_table tr {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.2em;
    }

    .details_view tr:first-child {
        margin-bottom: 0;
    }

    .details_view tr td:first-child{
        font-weight: 800;
    }

    .details_view tr td:last-child {
        display: flex;
    }

    .details_view tr:first-child td[colspan='2'] {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        width: 100%;
    }

    .details_view td.form_row_caption_separator {
        text-align: initial;
        padding-bottom: 0px;
        font-size: 1.4em;
    }

    .main_content_text_class .quick_search_zusteller {
        width: 100%;
    }

    .main_content_text_class select {
        width: 100%;
    }

    .desktop {
        display: none
    }
    .mobilesmall
    {
        display:block;
    }
    .mobileBreakall
    {
        word-break:break-all;
    }
    .teamimage
    {
        float:none;
        margin-top:15px;
        padding-top:15px;
        border-top:1px solid gray;
    }
    .teamtext
    {
        margin-bottom:0px;
    }
    tr.desktopheader
    {
        display:none;
    }

    #header_left_bottom .img_cell img
    {
        width:20px;
    }
    tr.responsive td.form_left_col
    {
        text-align:left;
    }
    tr.notresponsive td
    {
        display:table-cell;
    }
    td.form_left_col
    {
        display:none;
    }
    td.form_left_col
    {
        display:none;
    }
    .MobileLeftAlign
    {
        float:left;
        margin-left:auto;
    }
    .details_view
    {
        table-layout:fixed;
    }

    /**********************************************
        FORMS INPUT
    **********************************************/
    .main_content_text_class td.form_row_caption_right,
    .main_content_text_class td.form_row_caption
    {  
        vertical-align: top;
        text-align:left;
    }

    .main_content_text_class .form_ddl
    {
        font-size:1rem;
        height: 22px;
    }

    .main_content_text_class .form_ddl_100percent
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_ddl_small
    {
        font-size:1rem;
        height: 22px;
        width:111px;
    }
    .main_content_text_class .form_ddl_small_right
    {
        font-size:1rem;
        height: 22px;
        width:111px;
    }
    .main_content_text_class .form_ddl_redressenInput
    {
        font-size:1rem;
        height: 22px;
        width:203px;
    }
    /* TextArea (Textmode = Multiline) */
    .main_content_text_class .form_ta_wide
    {
        font-size:1rem;
    }

    .redressen_button_ok
    {
        width:323px;
    }
    /* TextBox allgemein ohne Breitenangabe*/
    .main_content_text_class .form_tb 
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_tb_100percent
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_tb_wide
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_tb_middle_left {
        font-size: 1rem;
        height: 22px;
        width: 100%;
    }
    .main_content_text_class .form_tb_middle_right
    {
        font-size:1rem;
        height: 22px;
        width:224px;
    }
    .main_content_text_class .form_tb_tripple_left
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_tb_tripple_right
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_tb_small_left
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_tb_small_right
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_tb_mini_left
    {
        font-size:1rem;
        height: 22px;
        width:55px;
    }
    .main_content_text_class .form_tb_mini_left_error
    {
        font-size:1rem;
        height: 22px;
        width:55px;
    }
    .main_content_text_class .form_tb_mini_right
    {
        font-size:1rem;
        height: 22px;
        width:55px;
    }
    .main_content_text_class .form_tb_readonly 
    {
        font-size:1rem;
        height: 22px;
    }
    .main_content_text_class .form_tb_redressenInput
    {
        font-size:1rem;
        height: 22px;
        width:202px;
    }
    /* File Upload Control*/
    .main_content_text_class .form_file_upload 
    {
        font-size:1rem;
    }
    /* Button */
    .main_content_text_class .form_button
    {
        font-size:1rem;
        width:111px;
    }

    .main_content_text_class td.MobileLeftAlign
    {
        text-align: left;
    }
    input.textfeld_breit, textarea.textfeld_breit
    {
        font-size:1rem;
        width:300px;
        height: 20px;
    }
    .textarea_breit
    {
        width:300px;
        font-size:1rem;
    }
    select.dropdown_breit
    {
        width:300px;
        font-size:1rem;
    }
    .contact td
    {
        padding-bottom:20px;
    }

    /**********************************************
        Zusteller eigene Daten
    **********************************************/
    .details_view.zustellereigenedaten div
    {
        width:325px;
    }

    /**********************************************
        Tooltips
    **********************************************/
    body .ui-tooltip
    {
        max-width: 250px;
    }

    /**********************************************
        Quicktraining
    **********************************************/
    #quicktraining .qtquestion
    {
        height:auto;
        /*line-height: 1.4em;*/
    }
    #quicktraining .tdqtantwort {
        width: 100%;
        height: auto;
    }

    #quicktraining .tdqtantwortleft {
        margin-bottom: 7mm;
    }

    #quicktraining .tdbutton {
        width: 100%;
        height: 60px;
    }
}

@media screen and (max-width: 360px )
{
    #middle, #content, #main_content_text_class
    {
        max-width:360px;
    }
    img
    {
        height:auto;
        max-width:100%;
    }
    .teamimage
    {
        float:none;
    }
    #header_left_bottom .img_cell img
    {
	    height:20px;
        width:20px;
	    max-width:20px;
    }
    .main_content_text_class
    {
        padding: 10px 5px 5px 5px;
    }
    .main_content_text_class th.blue_center, 
    .main_content_text_class th.blue_left,
    .main_content_text_class th.grid_cell,
    .main_content_text_class td.gray_left,
    .main_content_text_class td.gray_center,
    .main_content_text_class td.lightBlue_center,
    .main_content_text_class td.table_header, 
    .main_content_text_class td.hellblau,
    .main_content_text_class td.hellgrau,
    .main_content_text_class td.grid_cell
    {
        font-size:0.59rem;
    }
    .padleft60
    {
        padding-left:0px;
    }
    #header_left_bottom td.tb_cell
    {
        width:30%;
    }
    #header_left_bottom td.spacer_cell
    {
        width: 0px;
    }
    #header_left_bottom td.img_cell
    {
        padding-right:3px;
    }
    input.textfeld_breit, textarea.textfeld_breit
    {
        font-size:1rem;
        width:270px;
        height: 20px;
    }
    .textarea_breit
    {
        width:270px;
        font-size:1rem;
    }
    select.dropdown_breit
    {
        width:270px;
        font-size:1rem;
    }
    table.calculatorresult
    {
        width:320px;
    }
    table.calculatorresult td.table_header, 
    table.calculatorresult td.hellblau,
    table.calculatorresult td.hellgrau
    {
        font-size:0.8rem;
    }
    #planung
    {
        max-width:300px;
    }
    #planung td.hellblau
    {
        max-width:40px;
    }

    /**********************************************
        Quicktraining
    **********************************************/
    #quicktraining .qtquestion
    {
        height:auto;
        /*line-height: 1.4em;*/
    }
    #quicktraining .tdqtantwort
    {
        width: 100%;
        height:auto;
    }
    #quicktraining .tdqtantwortleft
    {
        margin-bottom: 7mm;
    }
    #quicktraining .tdbutton
    {
        width: 100%;
        height:60px;
    }
}