.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-size: 30px;
letter-spacing: 2px;
color: var(--linkfarbe);
background-color: #000000ab;
padding: 20px;
border: 1px dashed var(--schriftfarbe2);
font-family: 'Roboto Slab', serif;
}

.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: 'Roboto Slab', serif;
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: 1px dashed var(--schriftfarbe2);
}

.centered3 a {
text-transform: uppercase;
font-weight: bold;
font-size: 25px;
letter-spacing: 2px;
color: var(--linkfarbe);
font-family: 'Roboto Slab', serif;
}