@media (min-device-width: 800px)
{

body {
	font-family:	Verdana;
	font-size:	17px;	

	margin-top:	0px;
	margin-left:	0px;
	margin-right:	0px;
	margin-bottom:	0px;
	padding:	0px;
}


a,a:visited {
		text-decoration:	none;
		decoration:none;
		color:inherit;
}
a:hover {
	text-decoration:	underline;
	decoration:none;
}
.link {
	text-decoration:	underline;
	decoration:none;
}

div[id1=referenz] {
	width:100%;
	clear:both;
	display:grid;
	grid-gap:1px;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	text-align:left;
}
div[id1=referenz1] {
	height:	70px;
	
}

div[id1=linklist] {
	width:100%;
	clear:both;
	display:grid;
	grid-gap:1px;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	border-top:20px;
}

div[id1=linklist1] {
	background-color:	#3594c5;	
	text-align:center;
	height:175px;
	border-right: 2px dotted lightgrey;
	border-bottom: 2px dotted lightgrey;
	
	
}

div[id1=linklist2] {
	background-color:	#3594c5;
	color:	white;	
	min-height:25px;
	font-size:	17px;
	margin-top:10px;
}
div[id1=linklist3] {
	background-color:	#3594c5;
	color:	white;	
	font-size:	14px;
	margin-top:5px;
}

div[id1=navigation] {
	display:grid;
	grid-template-columns: repeat(auto-fit,minmax(350px,1fr)) ;
}

div[id1=navigation1] {
	float:left;
	cursor: pointer;
	margin: 0.55%;
	border: 1px dotted black;
}
div[id1=navigation1]:hover { 
	background-color:	lightgrey; 
	color: white;
}

div[id1=navigation2] {
	float:left;
	transform: translateY(40px);
	height:120px;
}
img[id1=navigation2] {
	width: 50px;
	margin-top:10px;
	margin-left:5px;
}

div[id1=navigation3] {
	width: 90%;
}

div[id1=navigation4] {
	font-size: 19px;
	bold:	true;
	color:	#3594c5;
	margin-top: 5px;
	text-align:center;
}
div[id1=navigation5] {
	font-size: 16px;
	color:	#606060;
	height: 90px;
	text-align:center;
	margin-top: 15px;
}



img[id1=logount] {
	decoration:none;
	text-decoration:	none;
	height:50px;
}

img[id1=logount]:hover {
	cursor: pointer;
	decoration:none;	
	text-decoration:	none;
}

a[id1=dsgvo] {
	text-decoration:	underline;
	decoration:none;
}
a[id1=dsgvo]:hover {
	cursor: pointer;	
}
input[id1=dsgvo] {
 	font-size:16px; 
	margin:20px 20px;
}

img[id1=grafikunt] {
	background-color:	#a0a0a0;
	width:	100%;
	margin-bottom: -5px;
}

div[id1=logount] {
	float:	left;
	margin-left: 5%;
	margin-top:10px;
}

img[id1=imgpart] {
	height:60px;
}

#kommunikationinfo,#kommunikationinfo1 {
	background-color:	grey;
	position: absolute;
	border:	10px solid grey;
	color:	white;
	display:none;
	transform: translateY(5px);
}

div[id1=navleiste] {
	float:	right;
	text-align:left;
	font-size: 20px;
	margin-top:20px;
	margin-right: 100px;
	font-weight:	500;
}

div[id1=navitem] {
	float:	left;
	text-decoration:	none;
	decoration:none;
	color:	#3594c5;
	margin-left:  10px;
	margin-right: 10px;
	border-bottom: 5px solid white;	
	font-weight:	0;
}
div[id1=navitem]:hover {
	text-decoration:	none;
	decoration:none;
	cursor: pointer;
	border-bottom: 5px solid blue;
}	
	
div[id1=menu]{
	background-color:	grey;
	position: absolute;
	display: none;
	padding: 5px;
	font-size:16px;
	transform: translateY(5px);
}
div[id1=menuitem] {
	color:	white;
	padding: 5px;
	border-bottom: 1px dotted white;
	font-size:16px;
}
div[id1=menuitemlast] {
	color:	white;
	padding: 5px;
	border-bottom: 1px;
	font-size:16px;
}
div[id1=menuitem]:hover,div[id1=menuitemlast]:hover {
	border: 5px;
	border-bottom: 4px solid blue;
	color:	#3594c5;
	background-color:	white;
	font-size:16px;
	padding:5px;
}

div[id1=kommunikation] {
	float:right;
	text-align:right:
	margin-right: 0px;
}
a[id1=kommunikation] { 
	background-color:	#3594c5;
	font-size:	18px;
	color:	white;
	text-decoration:	none;
	border: 6px solid #3594c5;
}
a[id1=kommunikation]:hover { 
	text-decoration:	underline;
	border: 6px solid #3594c5;
}
div[id1=kommunikationmobil]  {
	display:none;
}


div[id1=banner] {
	clear:	both;
	color:	white;
	background-color:	#3594c5;
	font-size:	25px; 
	text-align: center;
	border: 10px solid #3594c5;
}



div[id1=unterntext] {
	text-align:	center;
	margin-left:	10%;
	margin-right:	10%;
	margin-top: 	10px;
	margin-bottom: 	10px;
}

div[id1=kontakt0] {
	display:table;
}	

div[id1=kontakt1] {
	float:left;
	margin:	15px;
	padding: 15px;
	margin-right:100px;
}
div[id1=kontakt2] {
	float: left;
	border-radius:10px; 
	background-color:#e0e0e0;
	display:table;
	margin:	15px;
	padding: 15px;
}
div[id1=kontakt3] {
	clear:left;
	margin-top:10px; 
	display:table;
}
div[id1=kontakt4] {
	float:left; 
	color:#3594c5; 
	width:140px;
	}
div[id1=kontakt5] {
	float:left;
}
input[id1=kontakt5] {
	width:450px;
}
textarea[id1=kontakt5] {
	width:450px;
}

div[id1=right] {
	float:right;
	display:table;
	width: 230px;
	margin-right:30px;
}
div[id1=left] {
	float: left;
	display:table;
	font-size:17px;
	width: calc(90% - 230px);
}

div[id1=navitem3] {
	text-decoration:	none;
	decoration:none;
	color:	#3594c5;
	margin-left:  40px;
	border-top: 5px solid white;	
	border-bottom: 4px solid white;	
	font-size: 16px;
	font-weight:	500;
}	
div[id1=navitem3]:hover {
	margin-left:  40px;
	text-decoration:	none;
	decoration:none;
	cursor: pointer;
	border-top: 5px solid white;	
	border-bottom: 4px solid blue;
	font-size: 16px;
	font-weight:	500;
}	

div[id1=agb] {
	margin:15px; 
}

img[id1=logoinfo] {
	height:60px;
}

div[id1=logoinfo] {
	margin-top:	20px;
	margin-left:	15px;
}

img[id1=logoint] {
	height:40px;
}
img[id1=logoqt] {
	height:40px;
}

img[id1=imgbs] {
	width:60%;
}
img[id1=imgbsh] {
	width:30%;
}

div[id1=titelhelp],div[id1=titeldownload] {
	font-size:	22px;
	color:		#3594c5;
	margin:		20px;
}
div[id1=titelhelp1],div[id1=titeldownload1] {
	font-size:	17px;
	margin:20px;
	margin-left:40px;
}


div[id1=titel] {
	margin-top:	20px;
	margin-left:	10px;
	color:	#3594c5;
	font-size:	20px;
	font-weight:	510;
}
div[id1=text] {
	margin-left:	30px;
	margin-right:	50px;
	margin-top: 	0px;
	margin-bottom: 	10px;
	width:95%;
}
font[id1=textblau] {
	color:	#3594c5;
	font-weight:	550;
}

div[id1=impressum] {
	text-align:center;
	margin:15px;
}

div[id1=login] {
	border-radius:10px; 
	background-color:#e0e0e0;
	margin:25px; 
	padding:15px; 
	background-color:#e0e0e0;
	color:black;
	font-size:16px;
	clear:left;
	display:table;
}
div[id1=login1] {
	padding:10px;
	clear:left;
}
div[id1=login2] {
	color:	#3594c5;
	font-weight:	550;
	float:left;
	width:120px;
}
input[id1=login3] {
	float:left;
}

div[id1=login4] {
	padding-top:30px;
}
input[id1=login4] {
	
}

footer {
	color:	white;
	background-color:	#0082c4;
	font-size:	15px; 
	text-align: center;
	border: 2px solid #0082c4;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
}

div[id1=referenz] {
	padding-top:50px;
}

div[id1=anydesk] {
	margin-top:10px;
	margin-left:10px;
	margin-bottom:20px;
}
img[id1=anydesk] {
	height:20px;
}


.alert {
  padding: 20px;
  background-color: #1FF07F;
  font-size:17px;
  color: white;
  position:absolute;
  left:200px;
  top:200px;
  width:500px;
  height:80px;
  float: left;
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

}

@media (max-device-width: 799px)
{


body {
	font-family:	Verdana;
	font-size:	51px;	

	margin-top:	0px;
	margin-left:	0px;
	margin-right:	0px;
	margin-bottom:	0px;
	padding:	0px;
}


a,a:visited {
		text-decoration:	none;
		decoration:none;
		color:inherit;
}
a:hover {
	text-decoration:	underline;
	decoration:none;
}
.link {
	text-decoration:	underline;
	decoration:none;
}

div[id1=referenz] {
	width:100%;
	clear:both;
	display:grid;
	grid-gap:1px;
	grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
	text-align:left;
}
div[id1=referenz1] {
	height:	70px;	
}


div[id1=linklist] {
	width:100%;
}

div[id1=linklist1] {
	background-color:	#3594c5;	
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	border:2px solid white;
	
}

div[id1=linklist2] {
	background-color:	#3594c5;
	color:	white;	
	min-height:45px;
	font-size:	51px;
	margin-top:10px;
}
div[id1=linklist3] {
	background-color:	#3594c5;
	color:	white;	
	font-size:	45px;
	margin-top:15px;
}

div[id1=navigation] {
}

div[id1=navigation1] {
	float:left;
	cursor: pointer;
	
	border: 1px dotted black;
	width:	calc(100% - 1px);
}
div[id1=navigation1]:hover { 
	background-color:	lightgrey; 
	color: white;
}

div[id1=navigation2] {
	float:left;
	transform: translateY(40px);
}
img[id1=navigation2] {
	float:left;
	width: 100px;
	margin-top:30px;
	margin-left:15px;
}

div[id1=navigation3] {
	float:left;
	width: 80%;
}

div[id1=navigation4] {
	font-size: 50px;
	bold:	true;
	color:	#3594c5;
	margin-top: 15px;
	text-align:center;
}
div[id1=navigation5] {
	font-size: 45px;
	color:	#606060;
	text-align:center;
	margin-top: 15px;
	margin-bottom:20px;
}



img[id1=logount] {
	padding:15px;
	decoration:none;
	text-decoration:	none;
	height:150px;
}

img[id1=logount]:hover {
	cursor: pointer;
	decoration:none;	
	text-decoration:	none;
}


a[id1=dsgvo] {
	text-decoration:	underline;
	decoration:none;
}
a[id1=dsgvo]:hover {
	cursor: pointer;	
}
input[id1=dsgvo] {
 	font-size:45px; 
	margin:70px 80px;
}

img[id1=grafikunt] {
	background-color:	#a0a0a0;
	width:	100%;
	margin-bottom: -15px;
	display:none;
}

div[id1=logount] {
	background-color:	white;
	position:fixed;
	top:0;
	width:100%;
}

div[id1=agb] {
	margin:30px;
}
div[id1=agb1] {
	margin-top:200px;
}


img[id1=imgpart] {
	height:100px;
}

img[id1=imgbs] {
	width:95%;
}
img[id1=imgbsh] {
	width:95%;
}

#kommunikationinfo,#kommunikationinfo1 {
	background-color:	grey;
	position: absolute;
	border:	10px solid grey;
	color:	white;
	display:none;
	transform: translateY(5px);
}

div[id1=navleiste] {
	text-align:left;
	font-size: 50px;
	padding-top:240px;
	padding-bottom:10px;
	font-weight:	500;
}

div[id1=navitem] {
	text-decoration:	none;
	decoration:none;
	color:	#3594c5;
	margin-left:  10px;
	margin-right: 10px;
	font-weight:	0;
	border-bottom: 2px dotted grey;
	padding:15px;
}
div[id1=navitem]:hover {
	background-color:	#3594c5;
	color:white;
}	
	
	
div[id1=menu]{
	background-color:	grey;
	display: none;
	padding: 5px;
	font-size:50px;
	transform: translateY(5px);
	margin-left:10px;
}
div[id1=menuitem] {
	color:	white;
	padding: 5px;
	border-bottom: 2px dotted white;
	font-size:50px;
	margin:15px;
}
div[id1=menuitem]:hover {
	background-color:	#3594c5;
}

div[id1=menuitemlast] {
	color:	white;
	padding: 5px;
	border-bottom: 2px;
	font-size:50px;
	margin:15px;
}

div[id1=kommunikation] {
	float:right;
	text-align:right:
	margin-right: 0px;
	display:none;
}
a[id1=kommunikation] { 
	background-color:	#3594c5;
	font-size:	18px;
	color:	white;
	text-decoration:	none;
	border: 6px solid #3594c5;
}
a[id1=kommunikation]:hover { 
	text-decoration:	underline;
	border: 6px solid #3594c5;
}

div[id1=kommunikationmobil]  {
	background-color:	#3594c5;
	color:white;
	font-size:	38px;
	width:	100%;
	text-align:center;
}

div[id1=banner] {
	clear:	both;
	color:	white;
	background-color:	#3594c5;
	font-size:	55px; 
	text-align: center;
	border: 25px solid #3594c5;
}



div[id1=unterntext] {
	text-align:	center;
	margin-left:	10%;
	margin-right:	10%;
	margin-top: 	10px;
	margin-bottom: 	10px;
}

div[id1=kontakt0] {
	font-size:40px;
}	

div[id1=kontakt1] {
	margin:	15px;
	padding: 15px;
}
div[id1=kontakt2] {
	border-radius:20px; 
	background-color:#e0e0e0;
	margin:	25px;
	padding:20px;
}
div[id1=kontakt3] {
	margin-top:10px; 
}
div[id1=kontakt4] {
	color:#3594c5; 
	font-size:45px;
	}
div[id1=kontakt5] {
	font-size:45px;
	padding:20px;
}
input[id1=kontakt5] {
	font-size:45px;
	width:95%;
}
input[id1=kontakt6] {
	font-size:45px;
}	
textarea[id1=kontakt5] {
	width:100%;
	font-size:45px;
}


div[id1=right] {
	display:none;
}
div[id1=left] {
	clear:both;
	display:table;
	font-size:51px;
}

div[id1=navitem3] {
	text-decoration:	none;
	decoration:none;
	color:	#3594c5;
	margin-left:  40px;
	border-top: 5px solid white;	
	border-bottom: 4px solid white;	
	font-size: 51px;
	font-weight:	500;
	float:left;
}	
div[id1=navitem3]:hover {
	margin-left:  40px;
	text-decoration:	none;
	decoration:none;
	cursor: pointer;
	border-top: 5px solid white;	
	border-bottom: 4px solid blue;
	font-size: 51px;
	font-weight:	500;
}	

img[id1=logoinfo] {
	height:150px;
}
div[id1=logoinfo] {
	margin-top:	20px;
	margin-left:	15px;
	display:none;

}

img[id1=logoint] {
	clear:both;
	display:none;
}
img[id1=logoqt] {
	display:none;
}

div[id1=titelhelp],div[id1=titeldownload] {
	font-size:	80px;
	color:		#3594c5;
	margin:		20px;
}
div[id1=titelhelp1],div[id1=titeldownload1] {
	font-size:	60px;
	margin:20px;
	margin-left:40px;
	padding-bottom:70px;
}


div[id1=titel] {
	margin-top:	20px;
	margin-left:	10px;
	color:	#3594c5;
	font-size:	43px;
	font-weight:	510;
}
div[id1=text] {
	margin-left:	30px;
	margin-right:	43px;
	margin-top: 	0px;
	margin-bottom: 	10px;
	width:95%;
}
font[id1=textblau] {
	color:	#3594c5;
	font-weight:	550;
}

div[id1=impressum] {
	text-align:center;
	margin:15px;
}

div[id1=login] {
	border-radius:20px; 
	background-color:#e0e0e0;
	margin:25px; 
	padding:20px; 
	background-color:#e0e0e0;
	color:black;
	font-size:45px;
	display:table;
}
div[id1=login1] {
}
div[id1=login2] {
	color:	#3594c5;
	font-weight:	550;
	width:120px;
	padding-top:20px;
	padding-left:10px;
}

div[id1=login3] {
	width:95%;
	padding:20px;
}
input[id1=login3] {
	font-size:45px;
}
div[id1=login4] {
	padding:10px;
}
input[id1=login4] {
	font-size:45px;
}

div[id1=meldung] {
	height:150;
	width:150;
	display:none;
}	

div[id1=anydesk] {
	display:none;
}

div[id1=referenz] {
	padding-top:25px;	
}
div[id1=referenz1] {
	padding:15px;
}



footer {
	color:	white;
	background-color:	#0082c4;
	font-size:	30px; 
	text-align: center;
	border: 2px solid #0082c4;
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	
}

.alert {
  padding: 20px;
  background-color: #1FF07F;
  font-size:60px;
  color: white;
  position:absolute;
  left:20%;
  top:900px;
  width:60%;
  height:50%;
  float: left;
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 60px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

}