.tx-vrtalentiade-list {
  position: relative;
  padding-top: 12rem;
  margin-bottom: 8rem;
  filter: drop-shadow(0px 20px 40px rgba(0, 0, 0, 0.075));

	#filter {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		
		div:first-child {
			display: none;
		}
	}

  .pill {
    background-color: var(--primary);
    font-size: .9rem;
    color: white;
    border-radius: 100vh;
    padding: .25rem .75rem;
  }

	.intro {
		width: 100%;
		max-width: 50rem;
	}

  .wrap {
    background-color: white;
    border-radius: 2rem;
    margin-top: 4rem;
    width: 100%;
    max-width: 54rem;

	.events-none {
		padding: 2rem;
	}

    wa-details::part(base) {
      background-color: white;
      border-style: none;
    }
    wa-details::part(header) {
      padding: var(--spacing) calc(var(--spacing)*1.5);
    }
    wa-details::part(content) {
      padding-bottom: 1rem;
    }

    wa-details::part(summary) {
      font-size: 1.25rem;
      font-weight: 600;
    }

    .day + .day {
      &::part(base) {
        border-top: 1px solid var(--lightgray);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
    }

    a.event {
      text-decoration: none;
      display: flex;
      align-items: center;
      color: var(--gray);
      padding: 1rem;
      border-radius: 100vh;
      background-color: white;
      transition: background-color 1s;

      /* &:hover {
        background-color: var(--lightblue-light);
        transition: background-color .5s;
      } */

      .icon {
        width: 3rem;
        height: 3rem;
        border-radius: 100vh;
        background-color: #f4f4f4;
        margin-right: 1rem;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        flex-shrink: 0;

        &.turnen {
          background-image: url("../assets/sportarten/turnen.svg");
        }
        &.ski {
          background-image: url("../assets/sportarten/ski.svg");
        }
        &.leichtathletik {
          background-image: url("../assets/sportarten/leichtathletik.svg");
        }
        &.handball {
          background-image: url("../assets/sportarten/handball.svg");
        }
        &.golf {
          background-image: url("../assets/sportarten/golf.svg");
        }
        &.fussball {
          background-image: url("../assets/sportarten/fussball.svg");
        }
        &.tennis {
          background-image: url("../assets/sportarten/tennis.svg");
        }
      }

      .title {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--brand);
      }
    }


  }
}

/* HEADLINE mit SIGNET ----------------------- */
.moons {
  h1 {
    position: relative;
    &:after {
      content: "";
      position: absolute;
      width: 6.5rem;
      height: 6.5rem;
      top: -2rem;
      left: -2.5rem;
      background-image: url("../img/moons.svg");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }
  }
}


@media (max-width: 560px) {
  #uid56 {
    section {
      padding: 1rem;
      padding-top: 8rem;
    }
    #filter {
      padding: 1rem;
    }

    .intro {
      padding: 0 2rem;
    }

    .title {
      line-height: 125%;
    }
    .tx-vrtalentiade-list {
      & .wrap {
        & a.event {
          flex-direction: column;
          align-items: flex-start;

          .icon {
            transform: translate(-1rem, -.5rem);
          }
        }
      }
    }
  }
}