@media screen and (max-width: 1400px) {
      .container {
        
        width: 90%;
		margin:auto;
		margin-top:25px;
    }
}

@media screen and (max-width: 990px) {
	
}

@media screen and (max-width: 800px) {
    .container {
        left: 0;
        width: 100%;
		padding:0;
        margin-left: 0;
		
    }
	#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;
    }

 input[type="submit"],
    input[type="button"]
	{
        min-width: 8em;
        width: 100%;
        line-height: 2em;
    }
	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 {
        width: 100%;
    }

    /*.label label {
	  background: DarkSlateGrey
	  color:White;
  }*/
    .leerspalte {
        display: none;
    }
    .cssinput2 {
        margin-left: 5px;
    }

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

   /* Grid classes from 1 to 12 for a 12 column grid layout */
.grid-s-1,
.grid-s-2,
.grid-s-3,
.grid-s-4,
.grid-s-5,
.grid-s-6,
.grid-s-7,
.grid-s-8,
.grid-s-9,
.grid-s-10,
.grid-s-11,
.grid-s-12,
.grid-1,
.grid-103,
.grid-101,
.grid-102,
.grid-2,
.grid-202,
.grid-203,
.grid-3,
.grid-3b,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-701,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-3c,
.grid-3f,
.grid-s-5c,
-grid-30 {
    float: none;
   width:100%
}

.no_responsive{
display:none;
}
.yes_responsive{
display:block;

}
.gitter-2,
.gitter-5,
.gitter-10,
.gitter-15,
.gitter-20,
.gitter-30,

.gitter-35,
.gitter-40,
.gitter-50,
.gitter-55,
.gitter-60,
.gitter-65,
.gitter-80,
.gitter-100

{
 float: none;
   width:100%
}

.gitter_titel-20,
.gitter_titel-15,
.gitter_titel-30,
.gitter_titel-50,
.gitter_titel-10,
.gitter_titel-5{
float: none;
   width:100%;
   text-align:left;
   background:var(--hg_tabelle);
   color:var(--vg_body);
   
}


.csssonst{
	padding-left:5px;
	padding-right:5px;
}
#backto {
    
   right:400px;
   
}
}
@media screen and (max-width: 600px) {
#backto {
    
   right:300px;
   
}
}
@media screen and (max-width: 500px) {
#backto {
    
   right:150px;
   bottom:50px;
   
}
}