@media screen and (min-width: 783px) and (orientation: portrait),
only screen and (max-width: 783px) {
	.container{background-color:yellow;}
	


    html {
	font-size: .75em;
    }
	table.scroll.css_ivz {
    
    font-size: 16px;
	}
	.css_border_r_res
	{
    border-right: 1px solid var(--vg_rahmen_dunkel);
	border-left: 1px solid var(--vg_rahmen_dunkel);
	}
	.css_border_r_no_res,
	.css_border_l_no_res
	{
border-right: none;
	border-left: none;
	
	}
	.csshead,
	.css_titel {
	font-size: 1.2em;
	}
	.css_input_icon,
	.cssinput{
	height:42px;
	
	
	}
	.css_input_icon
	{
	padding-right:50px;
	}
	
	.css_button_trash
	{
	font-size:10px;
	}
	
	.css_button,
	.frmbutton{
	height:64px;
	font-size:16px;
	}
	.prot_icon {
	width: 43px;
	height: 42px;
	}
	.prot_icon img
	{
	width: 32px;
	height: 32px;
	}
	
	
	.prot_img_left {
	
    margin-left: -50px;
	}
    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 42px;
    }
	
    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 42px;
    }
	
	.dropdown input {

    width: calc(100% - 38px);
    height: 38px;
	
}
.dropdown input:focus{
    
	border:none;
	border-radius: 0;
height: 38px;
	width: calc(100% - 38px);
}
	
	
	
	.spalte_2,
    .spalte_5,
    .spalte_7_5,
    .spalte_9_icon,
    .spalte_10,
	.spalte_10_icon,
    .spalte_12_5,
	.spalte_15,
    .spalte_17_5,
    .spalte_25,
    .spalte_20,
	
    .spalte_28_5,
    .spalte_30,
	.spalte_32_5,
    .spalte_33,
    .spalte_35,
    .spalte_35_icon,
	.spalte_37_5,
    .spalte_38_5,
    .spalte_40,
    .spalte_50,
	.spalte_50_icon,
	.spalte_50_wert,
    .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%;
	font-size:16px;
    }
	.css_wert,
	.spalte_10_icon,
    .spalte_12_5_icon,
    .spalte_7_5_icon {
	width: 150px;
	font-size:16px;
    }
	.spalte_20_icon{
	font-size:16px;
	}
	
	.spalte_25_wert
	{
	width: 50%;
	font-size:16px;
	}
	.spalte_7_5_wert,
	.spalte_10_wert{
	
	width:20%;
	font-size:16px;
	}
	
	.spalte_12_5_wert
	{
	
	width: 30%;
	font-size:16px;
	
	}
	.spalte_10_icon,
	.spalte_50_icon,
    .spalte_35_icon {
	float:left;
	width: 100%;
	font-size:16px;
    }
	
	.flex-spalte,
	.flex-spalte_12_5,
	.flex-spalte_2_5,
    .flex-spalte_5,
    .flex-spalte_7_5,
    .flex-spalte_10,
    .flex-spalte_15,
	.flex-spalte_17_5,
    .flex-spalte_20,
    .flex-spalte_25,
    .flex-spalte_30,
    .flex-spalte_35,
    .flex-spalte_40,
    .flex-spalte_45,
    .flex-spalte_50,
	.flex-spalte_55,
	.flex-spalte_60,
	.flex-spalte_65,
    .flex-spalte_70,
    .flex-spalte_75,
    .flex-spalte_80,
	    .flex-spalte_85,
    .flex-spalte_r_80,
	.flex-spalte_90
	{
	font-size:16px;
	float: none;
	width: 100%;
    }
	
	.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: 0.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);
    }
	
	
	.css_center_res,
    .css_links_res,
    .css_rechts_res {
        text-align: center;
    }
	
	
	
	
	
	.dm_30
	{
	width:50%;
	}
	
	
	
	
	.yes_responsive {
	display: block;
    }
	


	
}
@media all and (max-width : 500px) {
	
	.cssloginformular {
        width: 90%;
		
    }

    .cssformular {
        width: 100%;
	
    }

    .cssweitereeingabe,
    .cssvedialog {
        width: 100%;
        top: 0;
        left: 0;
    }

    .ueberschrift {
        font-size: 2em;
        padding: 1px;
    }
.cssformulartitel
{
	font-size: 1.5em;
}
	.css_border_r_res
 {
    border-right: 1px solid var(--vg_rahmen_dunkel);
	 border-left: 1px solid var(--vg_rahmen_dunkel);
}
	.loginform{
		
	}
	.spalte_0,
.spalte_2,

.spalte_1,
.spalte_5,
.spalte_5_nores,
.spalte_rund,
.spalte_6,
.spalte_7_5,
.spalte_7_5_nores,
.spalte_7_5_wert,
.spalte_7_5_icon,
.spalte_10_icon,
.spalte_10_wert,
.spalte_8,
.spalte_9_icon,
.spalte_10_icon,
.spalte_10,
.spalte_12,
.spalte_12_5_wert,
.zelle_12_5_nores,
.spalte_12_5,
.spalte_12_5_icon,
.spalte_15,
.spalte_15_icon,
.spalte_17_5,
.spalte_22,
.spalte_23,
.spalte_25,
.spalte_25_wert,

.spalte_20,
.spalte_20_icon,
.spalte_27,
.spalte_28_5,
.spalte_30,
.spalte_35_icon,
.spalte_32_5,
.spalte_33,
.spalte_35,
.spalte_32px,
.spalte_37_5,
.spalte_38_5,
.spalte_40,
.spalte_42_5,
.spalte_45,
.spalte_50,
.spalte_50_icon,
.spalte_50_wert,
.spalte_55,
.spalte_57_5,
.spalte_60,
.spalte_61,
.spalte_62_5,
.spalte_65,
.spalte_70,
.spalte_70_5,
.spalte_72_5,
.spalte_75,

.spalte_75_icon,
.spalte_80,
.spalte_80_icon,
.spalte_82_5,
.spalte_85,
.spalte_87_5,
.spalte_90,
.spalte_100 {
    float: none;
   width:100%:
}
.spalte_10_icon,
.spalte_10_wert,
.spalte_12_5_wert,    
.spalte_7_5_wert	{
float:left;
	width:100%;
	
	
}
.spalte_10_icon,
.spalte_20_icon,
.spalte_50_icon,
.spalte_80_icon,
.spalte_35_icon {
		float:left;
        width: 100%;
		font-size:16px;
    }
.spalte_25_wert
	{
		float:left;
		width: 50%;
		font-size:16px;
	}
.dm_30 ,
.dm_40 ,
.dm_45 ,
.dm_50 ,
.dm_55 ,
.dm_60 ,
.dm_65 ,
.dm_70 ,
.dm_75 ,
.dm_80,
.dm_90,
.dm_95 {
    width: 95%;
    
}
.titel_standort{

font-size:1em;


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