@media all and (max-width: 1080px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1080px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1080px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1080px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1080px),
only screen and (min-resolution: 192dpi) and (max-width: 1080px),
only screen and (min-resolution: 2dppx) and (max-width: 1080px) {


.css_foot {
        font-size: .7em;
    }

    .weite_165 {
        min-width: none;
    }

    .no_standard {
        display: block;
    }

    .bz_artikel_liste img {
        padding: 3px;
        width: 100%;
        height: auto;
        text-align: center;
    }

    .artikel_liste_wk img {
        padding: 3px;
        width: 60%;
        height: auto;
        text-align: center;
    }

    .artikel_liste img,
    .bz_bild_artikel_liste img {
        width: 60%;
        height: auto;
        text-align: center;
    }
}

@media all and (max-width : 500px) {
    body {
        font-size: 1.2em;
        /* background-color: lightgreen;*/
    }

    h2 {
        font-size: 1em;
    }

    .seitentitel {
        font-size: 1em;
    }

    .seitenuntertitel {
        font-size: .8em;
    }

    .css_res_center {
        text-align: center;
    }

    .css_nur_res {
        display: block;
        text-align: center;
        font-weight: bold;
    }

    .container {
        display: block;
        position: absolute;
        top: 30px;
        left: 0px;
        width: 100%;
        margin: 0px;
        padding: 0;
    }

    .container #containerinnen {
        border: none;
        /* border-bottom-right-radius: 15px;
		border-bottom-left-radius(): 15px;*/
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        -webkit-box-shadow: none;
        box-shadow: none;
        /*background-color:lime;*/
    }

    .mittelcontainer {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        padding-right: 3px;
        padding-left: 1px;
    }

    #formmaske_email,
    .formmaske_daten,
    #formmaske_login {
        width: 100%;
        max-width: 50em;
    }

    .formmaske_innen {
        padding-left: 15px;
        padding-right: 15px;
    }

    .zeig_kategorie {
        font-size: 1em;
        min-height: 28px;
    }

    select.kategorie {
        line-height: 2em;
        background-position:
            calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    }

    select.kategorie:focus {
        background-position:
            calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
    }

    .lis_wk_gp {
        display: block;
    }

    .lis_wk img {
        margin-top: -100px;
        margin-left: 100px;
    }

    #wk_gp_res {
        float: none;
    }

    .lis_anzahl_input {
        width: 100px;
        text-align: right;
    }

    .lis_anzahl,
    .lis_wk {
        text-align: center;
    }

    .lis_button {
        display: block;
        width: 100%;
    }

    .harmonica_titel {
        font-size: .8em;
    }

    .css_button {
        width: 100%;
        min-height: 50px;
        font-size: 1em;
    }

    .css_button_preisanfrage {
        background-color: var(--hg_button);
        background-image: url(../../img/symbole/preisanfrage_w.png);
        background-repeat: no-repeat;
        background-position: 10px 3px;
        background-size: 28px auto;
        color: var(--vg_button);
        width: 100% border:inset;
    }

    .img_wk {
        display: none;
    }

    #in_seite: {
        width: 100%;
        display: block;
    }

    #in_seite img {
        width: 100%;
        height: auto;
    }

    #kopf_klein {
        display: block;
    }

    .zelle_0,
    .zelle_2,
    .zelle_5,
    .zelle_7,
    .zelle_8,
    .zelle_9,
    .zelle_10,
    .zelle_12,
    .zelle_13,
    .zelle_15,
    .zelle_15_a,
    .zelle_15_b,
    .zelle_16,
    .zelle_50_px,
    .zelle_20,
    .zelle_21,
    .zelle_24,
    .zelle_25,
    .zelle_26,
    .zelle_30,
    .zelle_32_px,
    .zelle_35,
    .zelle_35_a,
    .zelle_36,
    .zelle_40,
    .zelle_45,
    .zelle_50,
    .zelle_55,
    .zelle_58,
    .zelle_60,
    .zelle_65,
    .zelle_70,
    .zelle_75,
    .zelle_80,
    .zelle_85,
    .zelle_86,
    .zelle_87,
    .zelle_90,
    .zelle_95,
    .zelle_100,
    .zelle_100_px {
        width: 100%;
        float: none;
    }

    .zelle_0 {
        padding-top: 10px;
    }
.zelle_95{
	width:90%;
}
    label,
    .label {
        padding-left: 0px;
        padding-right: 0px;
    }

    #in_seite: {
        width: 100%;
        display: block;
    }

    #in_seite img {
        width: 100%;
        height: auto;
    }

    nav .menu_left {
        display: none;
    }

    nav .top_symbole {
        display: none;
    }

    .toggle_kopf {
        width: 100%;
        display: block;
        background-color: skyblue;
    }

    #nav_wg {
        display: block;
    }

    .nav_wg_oben {
        display: none;
    }

    .site_button {
        min-width: 28px;
        min-height: 30px;
        max-height: 36px;
        padding: 8px;
        font-size: .8em;
        margin-left: 3px;
    }

    .site_foot {
        text-align: center;
        padding: 4px;
        margin-right: revert;
        margin-left: revert;
    }

    .flex-bottom_foot {
        display: revert;
        align-items: revert;
        justify-content: revert;
        padding-bottom: 75px;
    }

    .tab_wk_liste {
        /*	border-bottom: 1px solid var(--vg_rahmen);*/
    }

    .css_th_res {
        text-align: center;
        background-color: #A8ADAD;
        padding: 3px;
    }

    .css_left_res,
    .css_center_res,
    .css_links_res,
    .css_rechts {
        text-align: center;
    }

    .css_center,
    .css_links {
        text-align: left;
    }

    .flex-spalte_res {
        display: block;
        width: 100%;
        font-weight: bold;
    }

    .flex-container,
    .flex-rahmen {
        flex-direction: column;
    }

    .lis_kopf {
        width: 98%;
    }

    .flex-tabelle {
        font-size: .8em;
    }

    .flex-spalte,
    .flex-spalte_5,
    .flex-spalte_7,
    .flex-spalte_10,
    .flex-spalte_15,
    .flex-spalte_20,
    .flex-spalte_25,
    .flex-spalte_30,
    .flex-spalte_35,
    .flex-spalte_40,
    .flex-spalte_45,
    .flex-spalte_50,
    .flex-spalte_60,
    .flex-spalte_70,
    .flex-spalte_75,
    .flex-spalte_80,
    .flex-spalte_r_80 {
        width: 100%;
        float: none;
    }

    .flex-top-left {
        display: none;
    }

    .flex-top-right {
        display: none;
    }

    .flex-nav-left {
        display: none;
    }

    .flex-main {
        /*background-color:yellow;*/
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }

    .flex-foot {
        border-top: 3px solid var(--hg_menue);
        font-size: .8em;
        font-weight: bold;
        background: var(--hg_body);
        color: var(--hg_menue);
        padding-left: 0px;
        text-align: left;
    }

    .flex-foot a {
        color: var(--hg_unter_menue);
    }

    .artikel_liste_wk img,
    .bestell_liste img {
        padding: 3px;
        width: 60%;
        max-width: 256px;
        height: auto;
        text-align: center;
    }

    .artikel_liste img {
        width: 60%;
        max-width: 256px;
        height: auto;
        text-align: center;
    }

    .artikel_detail img {
        padding: 3px;
        width: auto;
        height: auto;
        min-height: 90px;
        max-height: 100%;
        max-width: 100%
    }

    .lis_detail_resp {
        display: block;
    }

    .lis_detail_normal,
    .no_res,
    .no_responsive {
        display: none;
    }

    .no_res {
        border-top: 5px solid var(--vg_rahmen);
    }

    .css_r_border {
        border: none;
    }

    .lis_ve,
    .lis_artikelnr_wk,
    .lis_kategorie,
    .lis_hersteller,
    .lis_artikelnr,
    .lis_bezeichnung1,
    .lis_bezeichnung2,
    .lis_preis,
    .lis_anzahl,
    .lis_rabatt,
    .lis_mwst,
    .lis_versand,
    .lis_klein {
        text-align: center;
    }

    .lis_kategorie,
    .lis_hersteller {
        font-size: .7em;
    }

    .lis_bezeichnung1,
    .lis_info_wk {
        font-size: .9em;
    }

    .lis_artikelnr {
        font-size: .7em;
    }

    .lis_bezeichnung2 {
        font-size: .7em;
    }

    input[type="submit"],
    input[type="button"] {
        min-width: 8em;
        width: 100%;
        line-height: 2em;
    }

    select {
        padding: .5em .5em .5em .5em;
        line-height: 2em;
        font-size: 1.2em;
    }

    input[type="password"],
    input[type="text"],
    input[type="number"] {
        padding: .5em .5em .5em .5em;
        line-height: .8em;
        font-size: 1.2em;
    }

    #div_suche {
        position: static;
        border: none;
        height: 40px;
        width: 100%;
        margin-top: -10px;
    }

    .css_info_icon {
        text-align: center;
    }

    .css_info_icon img {
        width: 64px;
        height: auto;
        max-width: 64px;
    }

    .css_suche {
        height: 40px;
    }

    #backto {
        right: 0px;
        font-size: 1em;
        padding: 10px;
    }

    #downto {
        right: unset;
        left: 0px;
        font-size: 1em;
        padding: 10px;
    }

    .top_land {
        position: absolute;
        top: 0px;
        right: 0px;
        margin-bottom: 10px;
    }

    #div_sprache {
        width: 100%;
    }
}