@media screen and (max-width: 1340px)
{
    .main_bereich {
        margin-left:20px;
        margin-right:20px;
    }
    
    .advertisment_main { display: none; }

    /* Kopfteil */
    .main_pic_height {
        height:30vw;
    }
    .header_menu_icon {
        display:inline-block;
        visibility:visible;
    }
    .header_menu_kasten {
        visibility:hidden;
        display:none;
        position:fixed;
        left:0px;
        top:0px;
        bottom:0px;
        max-width:80%;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        background-color:#FFF;
        z-index:1010;
        margin-left:-100%;
        transition:all 0.5s ease-in-out;
    }
    .header_menu_titel {
        visibility:visible;
        display:block;
        margin:10px 30px;
        line-height:1.5em;
        font-weight:bold;
        border-bottom:1px solid #2d3033;
    }
    .header_menu_hor {
        flex-direction:column;
        justify-content:flex-start;
        overflow:auto;
        overflow-y:auto;
        padding-left:0px;
    }
    .header_menu_hor > li {
        padding:5px 30px;
        line-height:1em;
    }
    .header_menu_eintrag {
        padding:0px;
    }

    .header_class_full {
        flex-direction:column-reverse;
        margin-left:250px;
        align-items:flex-start;
    }
    .header_search_kasten {
        margin-left:0px;
        padding-bottom:10px;
        width:100%;
    }
    .header_search {
        width:100%;
    }
    #searchform {
        width:100%;
        margin-right:20px;
    }

    /* Mittelteil */
    .main_left_kasten {
        position:relative;
        left:-20px;
    }
    .main_inhalt_kasten {
        padding-left:5px;
        max-width:100%;
    }

    /* Fuß */
    .main_footer {
        padding:20px;
    }
}


@media screen and (max-width: 1200px)
{
    /* Kopf */

    /* Mittelteil */
    .construction {
        max-width:100%;
    }

    .marke_container {
        padding:0px;
    }
}


@media screen and (max-width: 1100px)
{
    /* Mittelteil */
    .inhalt_kasten {
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
    }
    .main_inhalt_kasten {
        flex: 1 1 100%;
        max-width:none;
        width:100%;
        padding-left:0px;
    }
    .main_left_kasten {
        visibility:hidden;
        display:none;
        position:fixed;
        left:0px;
        top:0px;
        bottom:0px;
        max-width:80%;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
        background-color:#FFF;
        z-index:1010;
        margin-left:-100%;
        transition:all 0.5s ease-in-out;
    }

    .filter_button {
        display:inline-block;
        visibility:visible;
        font-size:1em;
        padding:10px 20px;
    }
    .filter_button > span {
        margin-left:10px;
    }
    .filter_anzahl {
        position:absolute;
        line-height:30px;
        right:-10px;
        top:-10px;
    }
    .list_header_kasten_innen {
        width:calc(100% - 150px);
        flex:1 1 calc(100% - 150px);
        padding-left:40px;
    }
}


@media screen and (max-width: 1000px)
{
    /* Startseite Kacheln */
    .kachel_row_1_1 {
        height:unset;
    }
    .kachel_row_2_1 {
        height:500px;
    }

    .kachel_text_size_small {
        font-size:1.3em;
    }

    .kachel_text_vertikal_ausricht1 {
        margin:27% -28%;
    }
    .kachel_text_vertikal_ausricht3 {
        margin:17% -13%;
    }
    .kachel_text_vertikal_ausricht4 {
        margin:22% -32%;
    }
    .kachel_text_vertikal_ausricht5 {
        margin:22% -32%;
    }

    .gal_slider_bild {
        width:500px;
    }
}


@media screen and (max-width: 920px)
{
    .main_bereich {
        margin-left:10px;
        margin-right:10px;
    }

    /* Kopf */
    .head_elements_mitte {
        max-width:500px;
        width:100%;
    }
    .auto_suche_block {
        flex-direction:column;
        width:100%;
    }
    .auto_suche_block > * {
        flex:1 1 auto;
        width:100%;
    }

    /* Mittelteil */
    .det_bild_gross {
        max-width:100%;
    }
    .det_kasten > div:nth-child(2) {
        order:3;
        flex:0 0 100%;
    }
    .det_kasten > div:nth-child(3) {
        order:2;
        overflow:hidden;
        overflow-x:hidden;
        width:100% !important;
        -webkit-overflow-scrolling:touch;
    }
    .det_kasten > div:nth-child(3) > div {
        flex-wrap:nowrap;
        overflow:auto;
    }

    .artikel_block_teil_right_kasten {
        flex-direction:column;
        border-bottom:1px solid #EFEFEF;
        justify-content:flex-start;
        align-items:flex-start;
        padding-bottom:20px;
    }
    .artikel_block_teil_right_text {
        width:100%;
        flex:1 1 auto;
        height:auto;
        min-height:unset;
        border-bottom-width:0px;
        padding-bottom:0px;
        display:flex;
        flex-direction:column;
    }
    .artikel_block_teil_right {
        width:100%;
        flex:1 1 auto;
        height:auto;
    }

    /* Startseite Kacheln */
    .h_titel2 {
        padding:0px;
    }
    .kachel_main_row_1 {
        flex-direction:column;
    }
    .kachel_row_1_1 {
        height:50vw;
        width:100%;
        flex:1 1 auto !important;
    }
    .kachel_row_1_1 > div {
        height:50vw !important;
    }
    .kachel_row_1_2 {
        height:50vw;
    }
    .kachel_row_1_2 > div {
        height:25vw !important;
    }
    .art_slider_main_holder {
        width:100%;
        flex:1 1 auto;
        margin-bottom:20px;
    }
    .kachel_row_2_5 {
        display:none;
        visibility:hidden;
    }
    .kachel_row_2_1 {
        flex-direction:column !important;
        height:unset;
    }
    .kachel_row_2_1 > div {
        width:100% !important;
        flex:1 1 100% !important;
    }
    .kachel_row_2_2 {
        height:50vw !important;
        flex:1 1 auto !important;
    }
    .kachel_row_2_3 {
        height:25vw!important;
        flex:1 1 auto !important;
    }
    .kachel_row_2_4 {
        height:25vw!important;
        flex:0 0 auto !important;
    }
    .art_slider_main_parent_holder2 {
        margin-left:0px !important;
        width:100%;
        flex:0 0 auto;
        height:unset;
    }

    .kachel_text_vertikal_ausricht1 {
        margin:16% -13%;
    }
    .kachel_text_vertikal_ausricht3 {
        margin:36% -35%;
    }
    .kachel_text_vertikal_ausricht4 {
        margin:16% -14%;
    }
    .kachel_text_vertikal_ausricht5 {
        margin:16% -14%;
    }

    .gal_slider_bild {
        width:400px;
    }
    .gal_titel_kasten {
        font-size:1.8em;
    }
    .gal_kasten {
        font-size:0.7em;
    }

    /*Artikel */
    .advertisment_artikel_desktop {
        display: none;
    }
    .advertisment_artikel_mobil {
        display: initial;
    }
}

@media screen and (max-width: 800px)
{
    /* Kopf */
    .header_search_kasten {
        width:100%;
    }
    .header_search {
        width:100%;
    }

    .titel_kunden_begruessung {
        display:none;
    }

    .verfuegbar_button_leiste {
        flex-direction:column !important;
    }
    .verfuegbar_button_leiste > button {
        width:100%;
        flex:1 1 auto;
        margin:10px 0px !important;
    }
    .verfuegbar_button_leiste > button br {
        display: none;
    }

    .det_liste_kasten {
        width:100%;
        flex: 0 0 100%;
    }

    /* WK Und Kaufprozess */
    .wk_gross_kasten {
        flex-wrap:wrap;
    }
    .wk_gross_kasten > div:first-child {
        margin-bottom:20px;
    }
    .wk_gross_kasten > div:nth-child(2) {
        line-height:50px;
    }
    .wk_gross_kasten > div:nth-child(3) {
        line-height:50px;
    }
    .wk_gross_kasten > div:nth-child(4) {
        line-height:50px;
    }
    .wk_gross_main_titel_kasten > .wk_gross_kasten > div:first-child {
        display:none;
    }

    .kachel_text_vertikal_ausricht1 {
        margin:16% -16%;
    }
    .kachel_text_vertikal_ausricht3 {
        margin:19% -19%;
        width:50%;
    }
}


@media screen and (max-width: 700px)
{
    /* Kopf */
    .logo {
        width:110px;
    }
    .header_class_full {
        margin-left:0px;
    }
    .header_inline {
        padding-left:120px;
    }
    .header_inkasten {
        padding-left:120px;
    }
    .header_search_kasten {
        position:relative;
        left:-10px;
        width:calc(100% + 20px);
        padding-left:20px;
        padding-right:20px;
        padding-top:10px;
        background-color:#2d3033;
    }
    .header_menu_icon {
        background-color:transparent;
        color:#EFEFEF;
        border:0px solid #000;
    }
    .header_search {
        background-color:#FFFFFF;
    }

    /* Mittelteil */
    .login_kasten {
        width:90%;
    }
    .login_kasten_innen {
        margin-left:25px;
        margin-right:25px;
    }

    .versand_kasten {
        flex-wrap:wrap;
        justify-content:center;
    }
    .versand_kasten:nth-child(even) {
        background-color:#FFF;
    }
    .versand_box_left {
        flex:0 0 100%;
        text-align:center !important;
        border-right-width:0px;
        margin-top:10px;
    }
    .versand_box_rest {
        background-color:#EFEFEF;
    }
    .versand_box_rest:last-child {
        border-right-width:0px;
    }

    .list_header_kasten_innen {
        flex-direction:column;
        justify-content:flex-end;
        align-items:flex-end;
    }
    .list_header_kasten_innen > div {
        text-align:right;
    }


    /* Fuß */
    .footer_kasten {
        margin-top:20px;
    }
    .footer_inline:first-child {
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
    }
    .footer_inline > div:nth-child(1) {
        order:2;
        flex:1 1 auto;
        width:100%;
    }
    .footer_inline > div:nth-child(2) {
        order:1;
        flex:1 1 auto;
        width:100%;
    }
    .footer_inline > div:nth-child(3) {
        order:3;
        flex:1 1 auto;
        width:100%;
    }

    /* Startseite Kacheln */
    .kachel_text_vertikal_ausricht1 {
        margin:18% -20%;
    }
    .kachel_text_vertikal_ausricht3 {
        margin:14% -11%;
    }
    .kachel_text_vertikal_ausricht4 {
        margin:16% -19%;
    }

    /* Autoauswahl */
    .head_auto_auswahl_set_mobil {
        display:none;
        visibility:hidden;
        transition:all 0.25s ease-in-out;
    }
    .main_pic_always_height_is_set {
        height:30vw;
    }
    .head_auto_mobil_kasten {
        visibility:visible;
        display:flex;
        flex-direction:row;
        flex-wrap: nowrap;
        justify-content:center;
        align-items:center;
        margin:20px;
        padding-bottom:10px;
        margin-bottom:10px;
        border-bottom:1px solid #231f20;
        transition:all 0.25s ease-in-out;
    }
    .head_auto_mobil_kasten > i:nth-child(1) {
        font-size:2em;
    }
    .head_auto_mobil_kasten > i:nth-child(3) {
        font-size:1.5em;
    }
    .head_auto_mobil_kasten > span {
        margin-left:20px;
        margin-right:20px;
    }
}


@media screen and (max-width: 550px)
{
    /* Kopf */
    .head_sub_menu_main > div {
        width:30px;
        overflow:hidden;
        white-space:nowrap;
        display:inline-block;
        visibility:visible;
    }
    .head_sub_menu_main > div:nth-child(even) {
        width:auto;
    }
    .header_inkasten > div:nth-child(1) {
        display:none;
        visibility:hidden;
    }
    .header_inkasten > div:nth-child(2) {
        display:none;
        visibility:hidden;
    }
    .head_titel_mitte {
        font-size:3em;
    }
    .head_mitte_auto_kasten {
        padding-left:10px;
        padding-right:10px;
    }
    .topmenu_desktop {
        display:none;
        visibility:hidden;
    }
    .topmenu_mobil {
        display:inline-block;
        visibility:visible;
    }

    /* Mittelteil */
    .det_liste {
        flex-direction:column;
        padding-top:8px;
        padding-bottom:8px;
    }
    .det_liste > div {
        padding:0px;
        flex:0 0 auto;
        width:100%;
        line-height:1.3em;
    }
    .det_liste > div:first-child {
        font-weight:bold;
    }

    .artikel_kasten {
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
    }
    .artikel_block_teil_bild {
        max-width:250px;
        flex:1 1 auto;
        margin-bottom:10px;
    }
    .artikel_block_teil_right_kasten {
        flex:1 1 auto;
        height:auto;
        width:100%;
    }

    .versand_box_rest {
        width:65px;
        flex:0 0 65px;
        font-size:0.8em;
    }

    .list_footer_kasten > div > .list_page_button {
        min-width:unset;
        margin-left:15px;
        margin-right:15px;
        padding-left:0px;
        padding-right:0px;
        border-width:0px;
        background-color:transparent;
    }

    /* Startseite Kacheln */
    .kachel_text_vertikal_ausricht1 {
        margin:28% -32%;
    }
    .kachel_text_vertikal_ausricht3 {
        margin:14% -19%;
    }
    .kachel_text_vertikal_ausricht4 {
        margin:18% -22%;
    }
    .kachel_text_vertikal_ausricht5 {
        margin:22% -22%;
    }
    .kachel_text_size_small {
        font-size:1.1em;
        line-height:1.1em;
    }

    .art_slider_container {
        width:calc(50%);
    }

    /* Kaufabwicklung */
    #k_ladr_weiter {
        float:none;
        margin-left:auto;
        margin-right:auto;
        display:block;
    }
    .k_list_adr_kasten {
        flex-direction:column;
    }
    .k_list_adr_kasten > div {
        flex:1 1 auto;
        width:100%;
        margin:10px 0px;
    }

    .k_progress_main {
        justify-content: center;
    }
    .k_progress_main > .k_progress_arrow {
        display:none;
        visibility:hidden;
    }
    .k_progress_main > .k_progess_text_kasten {
        flex:1 1 auto;
        width:auto;
    }
    .k_progress_main > .k_progess_text_kasten > .k_schritt_kasten > div:nth-child(1) {
        border-width:0px;
        background-color:transparent;
        width:auto;
        height:auto;
    }
    .k_progress_main > .k_progess_text_kasten > .k_schritt_kasten > div:nth-child(1) > span {
        white-space:nowrap;
    }
    .k_progress_main > .k_progess_text_kasten > .k_schritt_kasten > div:nth-child(1) > span:after {
        content:" / 3";
    }
    .k_progress_main > .progress_mobil_ausblenden {
        display:none;
        visibility:hidden;
    }

    #form_vz_weiter > button {
        min-width:unset;
        width:45%;
    }

    .k_zf_kasten {
        flex-direction:column;
    }
    .k_zf_kasten > div {
        flex:1 1 auto;
        width:100%;
        margin:10px 0px;
    }
    #form_finish > button {
        min-width:unset;
        width:45%;
    }

    .gal_kasten {
        flex-direction:column-reverse;
        font-size:0.6em;
    }
    .gal_kasten > div:first-child {
        margin-top:20px;
    }
    .gal_slider_holder {
        width:auto;
    }
    .gal_slider_bild {
        width:100%;
        max-width:100%;
    }
    .gal_titel_kasten {
        font-size:1.4em;
    }
}


@media screen and (max-width: 480px)
{
    /* Startseite Kacheln */
    .kachel_text_vertikal_ausricht3 {
        margin:14% -19%;
        word-break:break-word;
        width:80px;
    }

    /* WK Und Kaufprozess */
    .wk_gross_kasten > div:nth-child(2) {
        flex:1 1 20%;
    }
    .wk_gross_kasten > div:nth-child(3) {
        flex:1 1 30%;
    }
    .wk_gross_kasten > div:nth-child(4) {
        flex:1 1 30%;
    }
    .wk_gross_kasten > div:nth-child(5) {
        flex:1 1 20%;
    }
    .wk_gross_summen_kasten {
        width:100%;
    }

    .login_auswahl_kasten > div {
        margin-left:0px !important;
        margin-right:0px !important;
    }

    .k_list_adr_block {
        padding:0px;
    }
    .k_zf_kasten_innen_full {
        padding:5px !important;
    }
    .wk_gross_mini_part {
        flex:0 0 0px;
        width:0px;
    }

    input[type="checkbox"].check::before {
        font-size: 12px;
        top:6px;
        left:-2px
    }
    input[type="checkbox"].check-lg::before {
        font-size: 20px;
    }
}


@media screen and (max-width: 440px)
{
    .list_header_kasten_innen > div> span {
        display:none;
    }

    .versand_box_rest {
        width:16.66%;
        flex:0 0 16.66%;
        align-self:stretch;
        height:auto;
    }
    .versand_box_kopf {
        width:calc(16.66% - 7px);
        flex:0 0 calc(16.66% - 7px);
    }
    .versand_box_kopf:first-child {
        width:100%;
        flex:0 0 100%;
    }
}


@media screen and (max-width: 400px)
{
    /* Startseite Kacheln */
    .kachel_text_vertikal_ausricht1 {
        margin:34% -42%;
    }
    .kachel_text_vertikal_ausricht3 {
        margin:19% -30%;
    }
    .kachel_text_vertikal_ausricht4 {
        margin:23% -30%;
    }
    .kachel_text_size_small {
        font-size:1em;
        line-height:1em;
    }
}


@media screen and (max-width: 350px)
{
    /* Kopf */
    .head_titel_text {
        padding-right:0px;
    }
    .head_titel_mitte {
        font-size:2em;
    }
    .head_subtitel_mitte {
        font-size:1.2em;
    }
    .kasten_wk {
        font-size:0.8em;
        position:relative;
    }
    .kasten_wk:after {
        content:"";
        padding-left:0px;
        width:0px;
    }
    .kasten_wk:before {
        content:"\f07a";
        width:20px;
        color:#2d3033;
        font-size:1.5em;
        position:absolute;
        left:8px;
        bottom:8px;
    }
    .header_inline {
        padding-left:100px;
    }

    .main_bereich {
        margin-left:10px;
        margin-right:10px;
    }


    /* Fuß */
    .main_footer {
        padding:20px 0px;
    }

    /* Startseite Kacheln */
    .kachel_text_o_r {
        top:5px;
        right:5px;
    }
    .kachel_text_o_l {
        top:5px;
        left:5px;
    }
    .kachel_text_u_r {
        bottom:5px;
        right:5px;
    }
    .kachel_text_u_l {
        bottom:5px;
        left:5px;
    }
    .kachel_text_size_medium {
        font-size:2em;
        line-height:1em;
    }
    .kachel_text_vertikal_ausricht1 {
        margin:44% -40%;
    }
    .kachel_text_vertikal_ausricht3 {
        margin:28% -25%;
    }
    .kachel_text_vertikal_ausricht4 {
        margin:28% -29%;
    }
}


@media screen and (max-width: 290px)
{
    /* Kopf */
    .logo {
        width:70px;
    }
    .header_inline {
        padding-left:60px;
    }
    .header_inkasten {
        padding-left:60px;
    }
}