.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: 'Source Sans Pro';
font-size: 30px;
letter-spacing: 2px;
color: var(--linkfarbe);
padding: 20px;
}

.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: 'Source Sans Pro';
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);
padding: 20px;
width: 50%;
}

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