/*
  Eigenschaften für margin, padding und border.
*/
* {
	font-size:none;
	/*font-family: none;*/
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
    margin:auto;
    padding: 0;
    text-decoration: none;
}
body{
	zoom: 67%;
	/*background: #cfd1d2;*/
	background: #fff;
	
	}

.NoneDisplay{

	display:none;
}
header{
	position: absolute;
	width:100%;
	height:6%;
	margin-left: auto;
	margin-right: auto;
	float: left;
    background-color:#646567;
    color:white;
    text-align:center;
}
/*
#navL {
    line-height:28px;
    background-color:#eceded;
    height:900px;
    width:100px;
    float:left;
    padding:10px;
}

#navR {
    line-height:28px;
    background-color:#eceded;
    height:900px;
    width:100px;
    float:right;
    padding:10px;
}*/
#GUI {
	margin: auto;
	position: absolute;
	top: 7%; 
	left: 0; 
	bottom: 0; 
	right: 0;
	/*border: 20px solid #eceded;
	/*border: 20px solid #cc071e;*/
}
#text_projektname{
	background-color: #646567;
	color: white;
	padding: 5px 55px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: 4px 2px;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 29%;
	right: 60%;
}

#text_passwort{
	background-color: #646567;
	color: white;
	padding: 5px 76px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: 4px 2px;
	/*border: 1px solid #000000;*/
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: 60%;
}
input[type=password] {

    padding: 5px 55px;
	font-size: 24px;
    margin: 15px 2px;
	border: 3px solid #eceded;
	position: absolute;
	top: 48%;
	left: 50%;
    box-sizing: border-box;
}

#text_login{
	background-color: #646567;
	color: white;
	padding: 10px 100px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: 4px 2px;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 3%;
	right: 35%;		
}
.PasswortV{
	padding:0;
    margin:0;
    font-size:18px;
    border: 3px solid #eceded;
    background-color: #646567;
    color:#fff;
	position: absolute;
	top: 65%;
	left: 71%;
}
.button {
    padding: 1% 8%;
	font-size: 28px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #fff;
	margin:auto;
	background-color: #646567;
	border: 10px solid #eceded;
	position: absolute;
	left: 25%;
    /*margin-right: auto;*/
	/*margin-left:  auto;*/
    bottom:50%;
	/*border-radius: 15px;
	/*box-shadow: 0 9px #eceded;*/
}
.button:hover {background-color:#cc071e;}
.button:active {
  background-color: #cc071e;
  /*box-shadow: 0 5px #eceded;*/
  transform: translateY(4px);
}

.button2 {
	display:inline-block;
	padding: 1% 8%;
	font-size: 28px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #fff;
	background-color: #646567;/*#cc071e;*/
	border: 10px solid #eceded;
	position: absolute;
	left: 25%;
    bottom:10%;
	/*border-radius: 15px;
	/*box-shadow: 0 9px #eceded;*/
}
.button2:hover {background-color: #cc071e;}
.button2:active {
	background-color: #cc071e;
	box-shadow: 0 5px #eceded;
	transform: translateY(4px);
}

.button3 {
  display:inline-block;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  bottom:10%;
  right: 10%;
  /*border-radius: 15px;
  /*box-shadow: 0 9px #eceded;*/
}
.button3:hover {background-color: #cc071e;}
.button3:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
.button3_right {
 right: 10%;

}
.button3_mright {
 right: 6%;

}
.button4_right{
 right: 1%;
}
.moveRight{
  
  right: 7%;

}

.button4 {
  display:inline-block;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  bottom:10%;
  right: 37%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.button4:hover {background-color: #cc071e;}
.button4:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
.button4_move {
 right: 28%;
}
.button4_right {
 right: 32%;
}
.button4_left {
 right: 38%;
}
/*Button zum Abbrechen*/
.button5 {
  display:inline-block;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  bottom:10%;
  right: 62%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.button5:hover {background-color: #cc071e;}
.button5:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
.button5_right {
 right: 69%;
}
.button6_right {
 right: 71%;
}

.button5_left {
 right: 65%;
}
#projektname2{
	font-size: 28px;
	background-color: #646567;
	color: white;
	padding: 1% 5%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: auto;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 40%;
	right: 55%;
}


.button6 {
  display:none;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  top: 87%;
  right: 3%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.button6:hover {background-color: #cc071e;}
.button6:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
.button7 {
  display:none;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  top: 87%;
  right: 25%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.button7:hover {background-color: #cc071e;}
.button7:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
/*Button zum Abbrechen*/
.button8{
  display:none;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  top: 87%;
  right: 80%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.button8:hover {background-color: #cc071e;}
.button8:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}

#IP-Adressen{
	background-color: #646567;
	color: white;
	padding: 1% 5%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: auto;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 25%;
	left: 5%;
}

#Project_Ident{
	background-color: #646567;
	color: white;
	padding: 10px 100px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: 4px 2px;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 3%;
	right: 25%;
}

#IP_Beginn{
	background-color: #646567;
	color: white;
	padding: 1% 5%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: auto;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 45%;
	right: 55%;
}
#IP_Ende{
	background-color: #646567;
	color: white;
	padding: 1% 5%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: auto;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 55%;
	right: 55%;
}

.div_5{
  display: none;
}

.Build2Obj {
  display:inline-block;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  top: 88%;
  right: 1%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.Build2Obj:hover {background-color: #cc071e;}
.Build2Obj:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
.Maßnahmen {
  display:inline-block;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  top: 88%;
  right: 33%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.Maßnahmen:hover {background-color: #cc071e;}
.Maßnahmen:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
.Automatischezuweisung {
  display:inline-block;
  padding: 1% 4%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  top: 88%;
  right: 60%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.Automatischezuweisung:hover {background-color: #cc071e;}
.Automatischezuweisung:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}

.Abb {
  display:inline-block;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  bottom:1%;
  right: 70%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.Abb:hover {background-color: #cc071e;}
.Abb:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
.zurück {
  display:inline-block;
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  bottom:1%;
  right: 38%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.zurück:hover {background-color: #cc071e;}
.zurück:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}

.weiter {
  display:inline-block;
 padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  bottom:1%;
  right: 5%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.weiter:hover {background-color: #cc071e;}
.weiter:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}
.Info{
	background-color: white;
	display:none;
	margin: 60px 28px;
	font-size: 150%;
	position: absolute;
	padding: auto;
	border: 2px solid #4CAF50;
	top:18%;
	left: 41%;
}
.Info2{
	background-color: white;
	margin: auto;
	font-size: 22px;
	position: absolute;
	border: 3px solid #4CAF50;
	bottom:10%;
    left: 1%;
}
.class_Info{
	display: none;
 }

.PlotClass{
    background-color: #fff;
	 padding: 2% 2%;
	text-align: center;
	text-decoration: none;
	margin: 1% 1%;
	cursor: pointer;
	font-size: 22px;
	display:inline-block;
	position: absolute;
	border: 3px solid #eceded;
	bottom: 0%;
    right: 24%;
 }

.InfoPlotClass{
    background-color: #cfd1d2;
	padding: 2% 3%;
	text-decoration: none;
	margin: 1% 1%;
	cursor: pointer;
	font-size: 22px;
	display:inline-block;
	position: absolute;
	border: 3px solid #eceded;
	bottom: 0%;
    right: 1%;
 }
 
#AnlagenInfo{
	background-color: #646567;
	border: none;
	color: white;
	padding: 2px 35px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 1%;
	right:0.1%;
}
#Beschreibung{
	background-color: #646567;
	border: none;
	color: white;
	padding: 2px 35px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 1%;
	right:20%;
}
.div_ER_AdrClass{
	background-color:#cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: auto;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	width:40%;
	height:60%;
	overflow:auto;
	top: 18%;
	right: 58%;
}
 .AnlagenClass{
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 27%;
}
.AnlagenClass2{
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 27%;
}
.AnlagenClass3{
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 27%;
}
.cloneErClass{
	width:45%;
	height:44%;
	overflow:auto;
	padding: auto;
	background-color:#cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 52%;
}

.cloneErClass2{
	width:45%;
	height:44%;
	overflow:auto;
	padding: auto;
	background-color:#cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 52%;
}

.cloneErClass3{
	width:45%;
	height:55%;
	overflow:auto;
	padding: auto;
	background-color:#cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 52%;
}


.div_Anlagen_title{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 27%;
}
.div_ER_AdrBinden_title2{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 52%;
}
.div_ER_AdrBinden_title1{
	padding : auto;
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin:2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 52%;
}
.div_Anlagen_title2{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 27%;
}
.AusgewähltenAnlagenClass{
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	width:12%;
	height:44%;
	overflow:auto;
	top: 23%;
	right: 14%;
}
.div_ausgewähltenAnlagen_title{
	background-color: #cfd1d2;
	padding: auto;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 14%;
}
.div_ausgewähltenAnlagen_title2{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 18%;
	right: 14%;
}
.AusgefülltenAnlagen{
	/*background-color: #eceded;*/
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right:1%;
}

.div_ausgefülltenAnlagen_title{
	background-color: #cfd1d2;
	padding: auto;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 1%;
}

#Datenpunkte_Info{
	background-color:#cfd1d2;
	border: 3px solid #eceded;
	color: #black;
	font-size: 22px;
	display:none;
	position: absolute;
	top:30%;
	right:5%;

}
.Balken{
	margin: 4px 2px;
	position: absolute;
	top: 0.1%;
	left: 5%;		
}
.Balken_button {  
    border: 2px solid #006400;
    padding: 10px 32px;
    text-decoration: none;
    display: inline-block;
	top: 5%;
}
.Green{
	background-color: #4CAF50;
}
.Gray{
	background-color: #eceded;
}
.Greenlight{
 	background-color: #9ACD32;
}
.Balken1 { 
	position: absolute;
    left: 1%;
} 
.Balken2 { 
	position: absolute;
    left: 8%;
} 
.Balken3 {
	position: absolute;
    left: 15%;
} 
.Balken4 {position: absolute;
    left: 22%;} 
.Balken5 {position: absolute;
    left: 29%;} 

.Balken6 { position: absolute;
    left: 36%;} 
.Balken7 { position: absolute;
    left: 43%;} 
.Balken8 {position: absolute;
    left: 50%;} 
.Balken9 {position: absolute;
    left: 57%;}  
.Balken10 {position: absolute;
    left: 64%;} 
.Balken11 {position: absolute;
    left: 71%;}
	
.ZuweisenClass{
  padding: 1% 5%;
  font-size: 28px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #646567;
  border: 5px solid #eceded;
  position: absolute;
  bottom:17%;
  right: 75%;
  /*border-radius: 15px;
  box-shadow: 0 9px #eceded;*/
}
.ZuweisenClass:hover {background-color: #cc071e;}
.ZuweisenClass:active {
  background-color: #cc071e;
  box-shadow: 0 5px #eceded;
  transform: translateY(4px);
}

.Abb2{
 padding: 1% 2%;
  right: 81%;
}

.zurück2{
padding: 1% 2%;
right: 68%;

}

 .weiter2{
  padding: 1% 2%;
  right: 56%;
 }
 

.div_Prozentstyl{
	background-color:#cfd1d2;
	color: black;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 18%;
	right: 63.5%;
}
.PlotInfoClass{
	background-color: #cfd1d2;
	color: black;
	padding: 10% 1%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	bottom:2%;
	right: 32%;
}
.div_ER_AdrBinden2class{
	width:45%;
	height:44%;
	overflow:auto;
	padding: auto;
	background-color:#cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 52%;
}
.div_ER_AdrBinden{
	background-color:#cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 20px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	width:45%;
	height:44%;
	overflow:auto;
	top: 23%;
	right: 52%;
}
.btnPro {  
	display: inline-block;
    border: 2px solid black;
    text-decoration: none;
	padding: 1% 1%;
	/*background-color: lightblue;*/
	background-color: #cfd1d2;
	font-size: 20px;
	position: absolute;
	width:8%;
	height:13%;
	right: 1%;
}
.DataClass{ 
	overflow:auto ;
    display: inline-block;
    border: 2px solid black;
    text-decoration: none;
    display: inline-block;
	background-color: #cfd1d2;
	font-size: 20px;
	padding:1% 1%;
	position: absolute;
	width:85%;
	height:10%;
	right: 10%;
}

.div_ER_AdrBinden_title3{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 52%;
}

.div_Anlagen_title3{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 27%;
}

.div_ausgewähltenAnlagen_title3{
	background-color: #cfd1d2;
	padding: auto;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 14%;
}
.div_ausgefülltenAnlagen_title3{
	background-color: #cfd1d2;
	padding: auto;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 1%;
}
.AusgefülltenAnlagen3{
	/*background-color: #eceded;*/
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right:1%;
}
.AusgewähltenAnlagenClass3{
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 14%;
}


.AuswertungInfo {
    background-color: white; /* Green */
    border: 3px solid #4CAF50;
    color: #000000;
	width: 270px;
    padding: auto;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
	margin: 4% 1%;
	top: 10%; 
	left: 20; 
	right: 10;
	overflow:auto;	
}
.Ontop{

top: 30%;

}
.div_ER_AdrBinden_title4{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 52%;
}

.div_Anlagen_title4{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 20%;
}

.div_Zeitraum_title4{
	background-color: #cfd1d2;
	padding: auto;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 1%;
}
.zeitraumClass{
	/*background-color: #eceded;*/
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right:1%;
}
.NewAusgewähltenAnlagenClass{
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 20%;
}
.WanderInfo{
	background-color: white;
	width:82%;
	height:20%;
	overflow:auto;
	color: #000000;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #4CAF50;
	cursor: pointer;
	position: absolute;
	bottom : 8%;
	right: 8%;
}


.NewAusgewähltenAnlagenClass2{
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right: 20%;
}
.zeitraumClass2{
	/*background-color: #eceded;*/
	background-color: #cfd1d2;
	color: black;
	padding: auto;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 22px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 23%;
	right:1%;
}

.div_title{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 52%;
}
.div_title{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 52%;
}


.div_title2{
	background-color: #cfd1d2;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 20%;
}
.div_title3{
	background-color: #cfd1d2;
	padding: auto;
	color: black;
	text-align: center;
	text-decoration: none;
	font-size:10px;
	margin: 2% 1%;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 11%;
	right: 1%;
}
.Einstellungenbuttons {
    background-color:  #646567;
	width:10%;
	height:10%;
    border: 3px solid #eceded;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    margin: 4px 2px;
    cursor: pointer;
	position: absolute;
}
.Einstellungenbuttons:hover {background-color: #cc071e;}
.Einstellungenbuttons:active {
	background-color: #cc071e;
	box-shadow: 0 5px #eceded;
	transform: translateY(4px);
}



#title_Eins{
	background-color: #646567;
	color: white;
	padding: 1% 5%;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 28px;
	margin: auto;
	border: 3px solid #eceded;
	cursor: pointer;
	position: absolute;
	top: 15%;
	left: 5%;
}
	
.Lbutton{
	
	bottom:2%;
	
	
}.ERclass5{
	
	height:55%;
}
.Gre{
	background-color: "#eceded";
	
}	

.PStyleS{
position: absolute;
display: inline-block;
left: 40%;
font-size: 28px;
}
.PStyleF{
position: absolute;
display: inline-block;
left: 2%;
font-size: 28px;
}
<link rel="stylesheet" href="desktop.css" type="text/css"
media = "[ not | only ] screen [ and ] (expression)" />
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
/* min-width 641px / max-width 1024px */
/* hier vermuten wir Tabletts         */
…
} 
<style type="text/css" media="screen">
   @media only screen and (device-width:768px) and (orientation:portrait) {
      nav { display:none;}
      … Stile für Geräte mit 768px Breite Hochkant gehalten
   }
  body { width: 980px; margin: 0; padding: 0; }
</style>
<style type="text/css" media="screen">
   @import url("iPad.css"); 
   body { width: 980px; margin: 0; padding: 0; }
</style>
…
body { min-width: 920px; background: lavender; width: 920px; margin-left: auto; margin-right: auto; }

@media only screen and (min-width:600px) (max-width:920px){
	body { width: 90%;
	}
}
@media only screen and (max-width:599px) {
	body {
		width: 320px; font-size: 0.8em; 
	}
}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, 
    initial-scale=1.0, 
    maximum-scale=1.0, 
    user-scalable=no">
	
	

@media (min-width: @screen-sm-min) { ... }

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: @screen-md-min) { ... }

/* Große Geräte (Desktop-PCs, 1200px und breiter) */
@media (min-width: @screen-lg-min) { ... }

@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }