.bannercontainer {
  position: relative;
  text-align: center;
  color: white;
}

.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
font-weight: bold;
font-family: 'Aboreto', cursive;
font-size: 30px;
letter-spacing: 2px;
color: var(--linkfarbe);
background-color: #000000ab;
padding: 20px;
border: 5px solid var(--schriftfarbe2);
}

.centered a {
text-transform: uppercase;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
font-size: 10px;
letter-spacing: 2px;
color: var(--linkfarbe);
}

.centered2 {
font-family: 'Aboreto', cursive;
font-size: 30px;
margin-top: -20px;
color: var(--linkfarbe2);
}

.bannercontainer2 {
  position: relative;
  text-align: center;
  color: white;
}

.centered3 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-transform: uppercase;
font-weight: bold;
font-family: 'Montserrat',sans-serif;
font-size: 10px;
letter-spacing: 2px;
color: var(--linkfarbe);
background-color: #000000ab;
padding: 20px;
	width:50%;
	border: 5px solid var(--schriftfarbe2);
}

.centered3 a {
  text-transform: uppercase;
  font-weight: bold;
font-family: 'Aboreto', cursive;
  font-size: 15px;
  letter-spacing: 2px;
  color: var(--linkfarbe);
}