@media screen and (min-width: 783px) and (orientation: portrait),
only screen and (max-width: 783px) {
    html {
        font-size: .75em;
		
    }

    .prot_icon,
    .prot_img {
        width: 27px;
        height: 27px;
        padding-left: 3px;
        padding-top: 3px;
    }

    .prot_icon img,
    .prot_img img {
        width: 20px;
        height: 20px;
    }

    .prot_img_left {
        margin-left: -8px;
    }
input.combo,
input.combo:focus,
    select.classic,
    select.classic:focus {
        background-position:
            calc(100% - 10px) calc(1em), calc(100% - 5px) calc(1em), 100% 0;
        background-size:
            5px 5px, 5px 5px, 2em 2em;
    }

	input.combo:focus,
    select.classic:focus {
        background-position:
            calc(100% - 5px) 1em, calc(100% - 10px) 1em, 100% 0;
    }
}

@media screen and (max-width: 1180px) and (orientation: landscape) {
    html {
        font-size: .95em;
    }

    .container {
        width: 100%;
        margin: auto;
        margin-top: 25px;
        font-size: 1em;
    }

    .cssinput {
        height: 36px;
    }

    .prot_icon,
    .prot_img {
        width: 38px;
        height: 38px;
        padding-left: 3px;
        padding-top: 3px;
    }

    .prot_icon img,
    .prot_img img {
        width: 28px;
        height: 28px;
    }

    .label {
        font-size: .9em;
    }

    .label_lupe {
        padding-top: 8px;
    }

    .dm_40 {
        width: 45%
    }

    .dm_50 {
        width: 60%
    }

    .dm_55 {
        width: 65%
    }
/*
    .spalte_2 {
        width: 2%;
    }

    .spalte_5 {
        width: 5%;
    }

    .spalte_7_5_icon,
    .spalte_7_5 {
        width: 8.5%;
    }

    .spalte_10 {
        width: 10.5%;
    }

    .spalte_12_5 {
        width: 13%;
    }

    .spalte_15 {
        width: 15%;
    }

    .spalte_17_5 {
        width: 17.19%;
    }

    .spalte_20 {
        width: 30%;
    }

    .spalte_28_5 {
        width: 28.5%;
    }

    .spalte_37_5 {
        width: 34.5%;
    }

    .spalte_40 {
        width: 38.5%;
    }

    .spalte_42_5 {
        width: 41.5%;
    }

    .spalte_55 {
        width: 50%;
    }

    .spalte_70 {
        width: 67%;
    }
.spalte_70_5 {
        width: 68%;
    }
    .spalte_72_5 {
        width: 74.4%;
    }

    .spalte_75 {
        width: 75%;
    }

    .spalte_80 {
        width: 80%
    }

    .spalte_82_5 {
        width: 82%
    }

    .spalte_87_5 {
        width: 85%
    }

    .spalte_100 {
        width: 100%;
    }

    label {
        padding: 8px;
    }
*/
    .cssformular_suche {
        width: 90%;
    }

    .prot_icon,
    .prot_img {
        width: 34px;
        height: 34px;
        padding-left: 3px;
        padding-top: 3px;
    }

    .prot_icon img,
    .prot_img img {
        width: 26px;
        height: 26px;
    }
	input.combo,
	input.combo:focus,
	    select.classic,
    select.classic:focus {
        
        background-size:
            5px 5px, 5px 5px, 2.5em 2.5em;
    }


}

@media screen and (max-width: 500px) and (orientation: portrait),
only screen and (max-width: 783px) and (orientation: landscape) {
    .css_menue_bottom_top {
        padding-left: 10px;
    }

    .css_menue_bottom_bottom {
        padding-right: 10px;
    }

    .container {
        left: 0;
        width: 100%;
        padding: 0;
        margin-left: 0;
        font-size: 1em;
    }

    #containerinnen,
    .bildcontainer {
        border: none;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        ;
        width: 100%
    }

    #dialog_maske {
        width: 90%;
        left: 0px;
    }

    .cssformular,
    .cssformular_suche {
        width: 100%;
        margin: 0px;
    }

    .cssformularinnen {
        padding: 0;
        margin: 0px;
        width: 100%;
    }

    .cssloginformular {
        width: 90%;
    }

    .ueberschrift {
        font-size: 1.5em;
    }

    .fusszeile {
        font-size: 0.8em;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .frmbutton,
    .frmbutton_befund,
    .css_button,
    .css_button_l,
    .cssbutton_green,
    .cssbutton_red,
    .frmbutton_befund_green,
    .frmbutton_befund_red,
    .css_button_r {
        font-size: 1.2em;
    }

    .css_message {
        font-size: 1.2em;
    }

    .css_icon {
        width: 32px;
        height: 32px;
    }
input.combo,
input.combo:focus,
    select.classic,
    select.classic:focus {
        background-position:
            calc(100% - 20px) calc(1.5em), calc(100% - 15px) calc(1.5em), 100% 0;
        background-size:
            5px 5px, 5px 5px, 2.5em 2.9em;
    }
input.combo:focus,
    select.classic:focus {
        background-position:
            calc(100% - 15px) 1.5em, calc(100% - 20px) 1.5em, 100% 0;
        background-size:
            5px 5px, 5px 5px, 2.5em 3em;
    }

    

    .bild_symbole {
        text-align: center;
    }

    .artikel_liste img {
        width: 30%;
        height: auto;
        text-align: center;
    }

    .css_border_u_res {
        border-bottom: 2px solid var(--vg_rahmen_dunkel);
    }

    .css_border_o_res {
        border-top: 2px solid var(--vg_rahmen_dunkel);
    }

    /*
 input[type="submit"],
    input[type="button"]
	{
        
        width: 100%;
        height: 45px;
		margin-bottom:20px
    }
	*/
    input[type="file"]::file-selector-button {
        line-height: 2em;
    }

    select {
        line-height: 1.8em;
        padding: 0.5em 0 0.5em 1em;
    }

    input[type="password"],
    input[type="text"],
    input[type="number"] {
        line-height: 2em;
    }

    .dropdown input {
        line-height: 2.1em;
    }

    .td4,
    .td5 {
        display: none;
    }

    .label,
    .label_lupe {
        padding: 0px;
        width: 100%;
    }

    label
        {
        padding: 0;
        padding-left: 5px;
        padding-right: 5px
    }

    .label_lupe {
        padding: 0;
        padding-left: 4px;
        padding-right: 10px;
    }

    .label {
        font-size: 1em;
    }

    /*.label label {
	  background: DarkSlateGrey
	  color:White;
  }*/
    .leerspalte {
        display: none;
    }

    .cssinput2 {
        margin-left: 5px;
    }

    .flex-spalte,
    .flex-spalte_5,
    .flex-spalte_7_5,
    .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,
	.spalte_55,
	
	.spalte_57_5,
    .flex-spalte_60,
    .flex-spalte_70,
    .flex-spalte_75,
    .flex-spalte_80,
    .flex-spalte_r_80,
    .spalte_2,
    .spalte_5,
    .spalte_7_5,
    .spalte_10,
    .spalte_10_icon,
    .spalte_12_5,
    .spalte_12_5_icon,
    .spalte_15,
    .spalte_17_5,
    .spalte_25,
    .spalte_20,
    .spalte_28_5,
    .spalte_30,
	.spalte_33,
	.spalte_35,
    .spalte_37_5,
    .spalte_38_5,
    .spalte_40,
    .spalte_50,
    .spalte_65,
    .spalte_60,
    .spalte_65,
    .spalte_70,
	.spalte_70_5,
	.spalte_72_5,
    .spalte_75,
    .spalte_75_icon,
    .spalte_80,
    .spalte_82_5,
    .spalte_85,
    .spalte_87_5,
    .spalte_90,
    .spalte_100 {
        float: none;
        width: 100%;
    }
.zelle_35,
    .zelle_40,
    .zelle_10,
    .zelle_12_5,
    .zelle_12_5_nores,
	
    .zelle_7_5,
    .zelle_5 {
        float: none;
        width: 100%;
    }

    .spalte_10_icon,
    .spalte_12_5_icon,
    .spalte_7_5_icon {
        width: 50%;
    }

    .zelle_5_nores,
    .zelle_7_5_nores,
    .spalte_5_nores,
    .spalte_7_5_nores {
        width: 33%;
    }

    .zelle_12_5_nores {
        width: 66%;
    }

    .dm_30,
    .dm_40,
    .dm_45,
    .dm_50,
    .dm_60,
    .dm_70 {
        width: 50%;
    }

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

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

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

    .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);
    }

    .no_res,
    .no_responsive {
        display: none;
    }

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

    .yes_responsive {
        display: block;
    }

    .prot_img_left {
        margin-left: 0px;
    }

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

    .csssonst {
        padding-left: 5px;
        padding-right: 5px;
    }

    #backto {
        right: 400px;
    }

    .inspektions_untertitel {
        padding: 10px;
        font-weight: bold;
        font-size: 1em;
    }

    .inspektions_bemerkung {
        margin-top: 10px;
    }

    .prot_img_left {
        margin-left: 0px;
    }

    label {
        padding: 0px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
    }

    #backto {
        right: 300px;
    }

    .spalte_10_icon,
    .spalte_12_5_icon {
        width: 50%;
    }

    .inspektion_img img {
        width: 100%;
        height: auto;
    }

    h4 {
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

    h5 {
        font-size: 12px;
        text-align: center;
    }

    .block_res {
        display: none;
    }

    #dm_cf {
        font-size: 14px;
    }

    .site_button {
        font-size: 12px;
    }

    .css_message {
        font-size: 12px;
    }

    #dialog_maske,
    .css_dm_titel {
        min-width: 95%;
    }

    #dialog_maske_cf {
        width: 95%;
        min-width: 95%;
        left: -10px;
    }

    .css_button_uni {
        height: 35px;
    }

    .cssinput {
        height: 44px;
        font-weight: bold;
        font-size: 1.2em;
    }

    .prot_icon {
        width: 42px;
        height: 42px;
        padding-left: 3px;
        padding-top: 3px;
    }

    .prot_icon img {
        width: 32px;
        height: 32px;
    }

    .prot_img_left {
        margin: auto;
    }

    #containerinnen {
        padding-right: 5px;
        padding-left: 5px;
    }

    .prot_img_button_schloss_zu,
    .prot_img_button_suche,
    .prot_img_button_save,
    .prot_img_button_edit,
	    .prot_img_button_rotate,
    .prot_img_button_delete {
        cursor: pointer;
        padding: 6px 2px 5px 2px;
        background: var(--hg_button);
        background-repeat: no-repeat;
        background-position: 10px 3px;
        background-size: 24px auto;
        margin-top: 10px;
        margin-bottom: 10px;
        color: var(--vg_button);
        text-align: center;
        height: 32px;
    }

    .prot_img_button_schloss_zu {
        background-image: url(../../img/symbole/schloss_zu_w.png);
    }

    .prot_img_button_delete {
        background-image: url(../../img/symbole/delete_w.png);
    }

    .prot_img_button_edit {
        background-image: url(../../img/symbole/edit_w.png);
    }

    .prot_img_button_save {
        background-image: url(../../img/symbole/speichern_w.png);
    }

    .prot_img_button_suche {
        background-image: url(../../img/symbole/suche_w.png);
    }
   .prot_img_button_rotate{
	   background-image: url(../../img/symbole/rechts_drehen.png);
	   
   }
    .css_button {
        height: 50px;
        margin-bottom: 10px;
    }

    #css_projekt_liste {
        padding: 0;
    }

    #frm_tabelle input[type='radio'] {
        transform: scale(1.5);
    }
	#feste_zeile
{
  /*  position: sticky;	*/
	top:0;
	background-color:var(--hg_container);
	border-bottom: 2px solid var(--hg_container);
	padding-top:10px;
	padding-bottom:10px;
	width: 100%;
    z-index: 10;
	
}
}