*{
padding: 0;
margin: 0;
font-family: 'Montserrat', sans-serif;

}


body{
height: 100%;
width: 100%;
position: relative;

}

temp{
background-image: url(https://malteser.eyebase.com/view.php?uid=1354631267&t=hc78lilfamfq3n9qge8u9pgjr0&org=/eyebase.data/bilder/512/62/00008740_w.jpg&wmpin=btPJyVa6);
}

table{
text-align: center;
margin-left:auto; 
margin-right:auto;
font-style: normal;
font-weight: 800;
line-height: 100%;
font-size: 12px;
	
}

body::after {
  content: "";
background-image: url(buwe-portal-intro-bg.jpg);
     background-repeat: no-repeat;
   background-attachment: fixed;

height: 100%;
width: 100%;
  opacity: 0.5;
   background-position: center;
  background-size: cover;
    
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}



.navi ul{

  margin: 0;
  text-decoration=none;
  list-style-type=none
  padding: 0;
  overflow: hidden;
  background-color: #333333;
  

	
}
.navi li123_backup{
	float: left;
}

.navi li {
  display: inline-block; 
  list-style: none;

}

.navi li a {
font-size: 22px;
font-size-bck: 36px;
  display: block;
  color: white;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
  border: 0.0px dashed;
  
}

.naviz li a {
font-size: 18px;
  display: block;
  color: white;
  text-align: center;
  padding: 5px 5px;
  text-decoration: none;
  border: 0.0px dashed;
  
}

a::before { 
  content: "-»";
  content1: "{";
  color: red;
  font-size: 18px;
   
}

.login h1{

font-size: 25px;
letter-spacing: 8px;
color: black;
text-align: center;
font-variant: small-caps;
}

.login {
height: 100px;
width: 400px;
position: absolute;
top: calc(50% + 20px);
left: 50%;
transform: translate(-50%, -50%);
}



.hinweis h1{
border: 2px dashed black;
font-size: 40px;
letter-spacing: 8px;
color: red;
text-align: center;
font-variant: small-caps;
}

.hinweis {
height: 100px;
width: auto;
position: absolute;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
}



.leg {
height: 500px;
width: 400px;
position: absolute;
top: calc(50% + 50px);
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid;
border-radius: 40px;
}


.login input[type="text"], input[type="password"]{
border: none;
background: none;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 2px solid;
border-bottom-color: black;
width: 350px;
height: 40px;
font-size: 20pt;
margin: 20px;
text-align: center;
color: black;
font-weight: bold;
}

.login input[type="text"]:hover, input[type="password"]:hover{
border: none;
background: none;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-color: white;
border-bottom: 2px solid;
width: 350px;
height: 40px;
font-size: 20pt;
margin: 20px;
background-color: #FF0000;
opacity: 0.5;
font-weight: bold;
}

::placeholder {
  color: black;
  opacity: 1;
  text-align: center;

}

.login input[type="submit"]{
border: 2px solid;
background: none;
border-color: white;
width: 350px;
height: 40px;
font-size: 20pt;
margin: 20px;
color: white;
}

.login input[type="submit"]:hover{
border: 1px solid;
background: none;
border-color: white;
width: 350px;
height: 40px;
font-size: 20pt;
margin: 20px;
background-color: #FF0000;
opacity: 0.5;
}

a:hover{
  background-color: #FF0000;
  opacity: 0.5;
  
}

.avatar img{
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
top: calc(50% - 100px);
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.8;
}


.pwlost{
  position: absolute;

  height: 50px;
  top: calc(50% + 250px);
  left: 50%;
  transform: translate(-50%, -50%);

}

.pwlost h3 a{
  font-size: 12px;

  text-color: red;
 text-decoration: none;
  text-align: center;
  color: black;
}

.hilfe{
  position: absolute;
  height: 50px;
  top: calc(50% + 280px);
  left: 50%;
  transform: translate(-50%, -50%);

}

.hilfe h3 a{
  font-size: 12px;
  text-color: red;
 text-decoration: none;
  text-align: center;
  color: black;
}

.infomain {

position: absolute;
top: 25%;
left:   transform: translate(-50%, -50%);

	
}


.bestview {
	bottom: 0;
	right: 0;
	position: fixed;
	font-size: 10px;
	background-color: black;
	color: #FFFF33;
}

.bestview a:hover,
.bestview a:active,
.tile:active {
  outline: 0;
  border-bottom: 2px dashed;
  border-color: red;
  opacity:0.5;
  color: green;

}

.bestview a:link,
.bestview a:visited
{
  outline: 0;
  color: yellow;

}

.bestviewmain {
	bottom: 0;
	right: 0;
	position: fixed;
	font-size: 10px;
	color: black;
}

.bestview-left {
	bottom: 0;
	left: 0;
	position: fixed;
	font-size: 12px;
	background-color: black;
	color: #FFFF33;
}


.linkbestview-left a a:hover,
.linkbestview-left a a:active,
.linkbestview-left a .tile:active {
  outline: 0;
  border-bottom: 2px dashed;
  border-color: red;
  opacity:0.5;
  color: blue;

}

.linkbestview-left a a:link,
.linkbestview-left a a:visited
{
  outline: 0;
  color: blue;

}




/*--------------------------------------------------------------------*/

.melden input[type="text"], .melden input[type="password"]{
border: none;
background: none;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 2px solid;
border-bottom-color: black;
width: 350px;
height: 40px;
font-size: 12pt;
margin: 10px;
text-align: left;
color: black;
}

.melden input[type="text"]:hover, .melden input[type="password"]:hover{
border: none;
background: none;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-color: white;
border-bottom: 2px solid;
width: 350px;
height: 40px;
font-size: 12pt;
margin: 10px;
opacity: 1;

}


.melden textarea{
border: none;
background: none;
border-top: 0.5px solid;
border-left: 0.5px solid;
border-right: 0.5px solid;
border-bottom: 2px solid;
border-color: black;
width: 350px;
height: 350px;
font-size: 12pt;
margin: 10px;
text-align: left;
color: black;
}

.melden textarea:hover{
border: none;
background: none;
border-top: 0.5px solid;
border-left: 0.5px solid;
border-right: 0.5px solid;
border-bottom: 2px solid;
border-color: black;
width: 350px;
height: 350px;
font-size: 12pt;
margin: 10px;
opacity: 1;

}


::placeholder {
  color: black;
  opacity: 1;
  text-align: center;

}

.melden input[type="submit"]{
border: 2px solid;
background: none;
border-color: black;
width: 350px;
height: 40px;
font-size: 20pt;
margin: 20px;
color: black;
}

.melden input[type="submit"]:hover{
border: 1px solid;
background: none;
border-color: white;
width: 350px;
height: 40px;
font-size: 20pt;
margin: 20px;
background-color: #FF0000;
opacity: 1;
}


.datenschutz  {

width: 70%;
}

.bestview a::before { 
  content: "";
  color: white;
}

.linkbestview a::before { 
  content: "";
  color: white;
}


.infobox {
height: 100px;
width: 400px;
position: absolute;
top: calc(50% + 20px);
left: 50%;
transform: translate(-50%, -50%);
}




.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #1f6888 !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
 
 
.ui-state-default:before, .ui-corner-all:before {
    content: "";
    
    
}

.datenkontrolle {


width: 150px;
position: relative;
top: 0px;
left: 400px;

}



.dok1 {
	top: 150px;
border: 1px solid black;
position: relative;
width: 600px;
left: 400px;
}


.dok2 {
width: 600px;
position: relative;
top: 100px;
left: 400px;

}


.dok3 {
width: 600px;
position: relative;
top: 100px;
left: 400px;
}

.datenkontrolle1 {


height: 100px;
width: 150px;
position: absolute;
top: 300px;
left: 150px;
}

.dok11 {
height: 600px;
width: 600px;
position: absolute;
top: 300px;
right: 100px;
}

.dok21 {
height: 600px;
width: 600px;
position: absolute;
top: 300px;
right: 700px;
}

.dok31 {
height: 600px;
width: 600px;
position: absolute;
top: 980px;
right: 100px;
}

.check-funktion {
position: fixed;
top: 250px;
left: 0px;	
text-align: left;	
}

.warungcheck {
position: absolute;
top: -150px;
left: 0px;	
transform: translate(-50%, -50%);  
color: red;
	
}

.datenkontrollelogint {
height: 250px;
width: 300px;
position: fixed;
top: 300px;
left: 0px;	
	
}

.datenkontrollelogext {
height: 250px;
width: 300px;
position: fixed;
top: 600px;
left: 0px;	
	
}



.datenkontrollelogint1 {
height: 250px;
width: 300px;
position: absolute;
top: 1200px;
left: 150px;	
	
}

.datenkontrollelogext1 {
height: 250px;
width: 300px;
position: absolute;
top: 1200px;
left: 600px;	
	
}