#link-background {
    background: rgb(0,61,79);
    background: linear-gradient(90deg, rgba(0,61,79,1) 0%, rgba(5,100,120,1) 21%, rgba(6,143,153,1) 46%, rgba(10,103,111,1) 70%, rgba(46,157,168,1) 100%);
    font-family: poppins;
    padding-top: 2rem;
    padding-bottom: 2rem;
    min-height: 100vh;
}
#link-background h1 {
    color: #fff;
    text-align: center;
    margin: 1em 0;
  text-transform: uppercase;
}
#link-background .com-content-article__body {
    color: #fff;
    text-align: center;
    margin-bottom: 1.5em;
}
.listeneintrag a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 16px;
    background: rgba(255,255,255,.25);
    border-radius: 16px;
    margin-bottom: 1.4rem;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
    text-align: center;
}

.listeneintrag a:hover {
    background: rgba(255,255,255,.5)
}

.avatar {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
    margin: 30px auto;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);    
}

.avatar img {
    width: 100%;
    height: auto;
}


#link-background.farben1{
  background: var(--f1);
}
#link-background.farben2 {
    background: var(--f1);
    background: linear-gradient(151deg, 
      var(--f1) 0%, 
      var(--f2) 54%);
}
#link-background.farben3 {
    background: var(--f1);
	background: linear-gradient(193deg, 
      var(--f1) 4%, 
      var(--f2) 57%, 
      var(--f3) 100%);
}
#link-background.farben4 {
    background: var(--f1);
	background: linear-gradient(180deg, 
      var(--f1) 4%, 
      var(--f2) 33%, 
      var(--f3) 71%, 
      var(--f4) 100%);
}
#link-background.farben5 {
    background: var(--f1);
    background: linear-gradient(90deg, 
      var(--f1) 0%, 
      var(--f2) 21%, 
      var(--f3) 46%, 
      var(--f4) 70%, 
      var(--f5) 100%);
}

.container-banner .banner-overlay {
     height:auto;
}