html{margin:0 auto; padding:0; color:;}
body{margin:0 auto; padding:0; font-family:Open Sans; font-weight:800; background:#404040;}

a {cursor:pointer; color:inherit; text-decoration:none;}



/*------------HEADER--------*/
#header_gesamt{background:#303030; width:100%;}

#header_span{color:#808080; text-align:center; display:block; padding:20px 0px 20px 0px;}

#logo_div{background-image:url(hintergrund_logo_div.png); text-align:center; margin-top:100px;}

#login_div{text-align:center; margin-top:80px; font-size:1.2em;}

#logo_div img{width:255px; max-width:80vw;}

#login_titel{color:white; display:block; margin-bottom:10px;}

#kontakt_div{text-align:center; margin-top:40px; font-size:1.2em; color:white;}

#kontakt_titel{display:block; margin-bottom:10px;}

#kontaktdaten{display:inline-block; padding:10px;}

#kontakt_1{display:inline-block; background:#303030; padding:5px; margin:3px; width:100%;}
#kontakt_2{display:inline-block; background:#303030; padding:5px; margin:3px; width:100%;}
#kontakt_3{display:inline-block; background:#303030; padding:5px; margin:3px; width:100%;}

#link_zurueck{display:block; margin-top:30px; text-align:center;}
#link_zurueck_inner{display:inline-block; color:#ffffff; background:#ff00dc; padding:5px 10px 5px 10px;}

#input_user{width:300px; font-family:Open Sans; font-weight:800; color:#808080; font-size:0.9em; text-align:center; display:inline-block;}
#input_pswd{width:300px; font-family:Open Sans; font-weight:800; color:#808080; font-size:0.9em; text-align:center; display:inline-block; margin-top:5px;}
#submit_button{width:150px; font-family:Open Sans; font-weight:800; font-size:1em; text-align:center; display:inline-block; color:white; background:#ff00dc; border:none; margin-top:10px; cursor:pointer;}

#info_falsche_zugangsdaten{color:#ffffff; text-decoration:underline; margin-top:5px;}

#impressum_div{text-align:center; width:60vw; margin:auto; margin-top:40px; font-size:1em; color:white; padding-bottom:;}
#dse_div{text-align:justify; width:60vw; margin:auto; margin-top:40px; font-size:1em; color:white; padding-bottom:;}

#footer{background:#303030; color:#808080; text-align:center; margin-top:180px; width:100%; padding:;}
#footer_span{display:inline-block; margin:50px 0px 50px 0px;}



input:focus::placeholder {
  color: transparent;
}




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

#footer{bottom:auto; margin-top:80px;}

}












/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/open-sans-v34-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}