/* theme "tm24" */

@font-face {
  font-family: "GenovaTrace";
  src: url("/fonts/tm24/GenovaTrace230704.woff2") format("woff2");
  font-display: swap;
}

.headlineLarge, .headline2, .headlineSection, .paragraphBold, .banner, .bannerTwolines {
  font-family: GenovaTrace, "Geneva", sans-serif !important;
}

:root {

  /* general */
  --font-family: "GenovaTrace";

  /* custom */

  --shadow-text-mouseover: 0px 0px 10px #C5FF4D;
}

#Theming .PreviewText:hover,
#Theming .ExhibitionWidget:hover {
  background-color: var(--color-button-background-mouseover);
  box-shadow: var(--shadow-button-mouseover);
}

#Theming .MenuBar[data-level="undefined"] {
  background-color: transparent;
  margin-bottom: -100px;
  @media (max-width: 900px) {
    margin-bottom: -64px;
  }
}

#Theming .MenuBar[data-level="undefined"] .mainmenu {
  display: none;
}

.quickmenu svg path {
  stroke: transparent !important;
}
.quickmenu label {
  position: relative;
  height: 100%;
  display: block;
  padding-left: 20px; /* extra space for the larger logo */
}

.quickmenu label::after {
  content: "";
  z-index: 10;
  height: 100%;
  width: 100%;
  left:0;
  top:0;
  position: absolute;
  background-image: url(/images/tm24/tm24.png);
  background-size: 100%;
  background-repeat: no-repeat;
}

.QuickMenu a {
  border: none !important;
}

.CirclesMedium .circle {
  background-image: none !important;
}

.CirclesMedium img {
  opacity: 1 !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
}

.CirclesMedium .item {
  position: relative;
}

.CirclesMedium .item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-image: url(/images/tm24/sand.png);
  opacity: 1;
  transform: translateY(0px);
  transition: all 1s linear;
}

.CirclesMedium .item[href]:hover:after {
  opacity: 0;
  transform: translateY(-1px);
}

#Theming .CirclesMini .circle {
  color: transparent;
  background-image: url(/images/tm24/gems/gems_v2-06.png);
  background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: none;
}

#Theming .CirclesMini a:hover .circle:after {
  content: "";
  position: absolute;
  left: -10%;
  top: -5%;
  width: 120%;
  height: 120%;
  z-index: -1;
  background-image: radial-gradient(#C5FF4D 20%, transparent 66%);
}

#Theming .CirclesMini a:hover .content,
a.InlinePeopleList:hover {
  text-shadow: var(--shadow-text-mouseover);
}

#Theming .CirclesMini .item:nth-of-type(7n+1) .circle { background-image: url(/images/tm24/gems/gems_v2-09.png); }
#Theming .CirclesMini .item:nth-of-type(7n+2) .circle { background-image: url(/images/tm24/gems/gems_v2-13.png); }
#Theming .CirclesMini .item:nth-of-type(7n+3) .circle { background-image: url(/images/tm24/gems/gems_v2-14.png); }
#Theming .CirclesMini .item:nth-of-type(7n+4) .circle { background-image: url(/images/tm24/gems/gems_v2-15.png); }
#Theming .CirclesMini .item:nth-of-type(7n+5) .circle { background-image: url(/images/tm24/gems/gems_v2-16.png); }
#Theming .CirclesMini .item:nth-of-type(7n+6) .circle { background-image: url(/images/tm24/gems/gems_v2-17.png); }

#Theming .MediaGalleryOverlay .controls button {
  color: white;
  border-color: white;
  box-shadow: 0 0 1ex white;
}

#Theming .MediaGalleryOverlay .caption {
  color: white;
}

#Theming .screen .controls-left button,
#Theming .screen .controls-right button,
#Theming .screen .controls-info {
  box-shadow: none;
  background-color: #eee9;
}

/*
.CirclesMini .circle::after {
  content: "";
  background-image: url(/images/tm24/gems/gems_v2-06.png);
  background-size: contain;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
}*/

/*
body-container-grey24
body-container-green24-1
body-container-green24-2
body-top-festival24
body-top-residents24
container-grey24
container-strong-green24-1
container-light-green24-2
container-light-green24-3
container-blue24
*/
#Theming .topper {
  background: var(--hellgrn, #F5FFDB);
  /* tm24/green */
  box-shadow: 0px -6px 159px 0px #D0FFFF inset, 0px 4px 100px 0px #E7FFA8;
}

#Theming .body-container-grey24,
#Theming .PeopleQuery .ModuleContainer:nth-of-type(2n+1) {
  background: #F3F3F3;
  box-shadow: 0px 0px 50px 32px #F3F3F3 inset;
}

#Theming .body-container-green24-1 {
  background: var(--tm24-green);
  box-shadow: 0px -6px 159px 0px #d0ffff inset, 0px 4px 100px 0px #e7ffa8;
}

#Theming .body-container-green24-2 {
  background: var(--tm-24-hellgruen-2, #e7ffa8);
  /* white */
  box-shadow: 0px 4px 100px 0px #fff inset, 0px 4px 50px 0px #fff;
}

#Theming .body-container-green24-3 {
  background: var(--tm-24-bg-2, #f5ffdb);
  box-shadow: 0px 4px 100px 0px #fff inset, 0px 4px 50px 0px #fff;
}

#Theming .body-top-festival24 {
  border-radius: 0px 0px 180px 180px;
  background: var(--newgrad, linear-gradient(180deg, #F1FAD8 5.73%, #D7F3FC 45.31%, #F3F3F3 100%));
  box-shadow: 0px 4px 100px 0px #FFF inset, 0px 4px 50px 0px #FFF;
}

#Theming .body-top-residents24 {
  border-radius: 0px 0px 180px 180px;
  background: var(--tm-24-bg-2, #F5FFDB);
  box-shadow: 0px -6px 159px 0px #D0FFFF inset, 0px 4px 100px 0px #E7FFA8;
}
#Theming .container-grey24 {
  border-radius: 60px;
  background: var(--tm-24-background, #F3F3F3);
  /* spotlight */
  box-shadow: 0px 0px 50px 32px #F3F3F3 inset;
}
#Theming .container-strong-green24-1 {
  border-radius: 60px;
  background: var(--tm-24-accent-1, #CF0);
  /* tm24/green */
  box-shadow: 0px -6px 159px 0px #D0FFFF inset, 0px 4px 100px 0px #E7FFA8;
}
#Theming .container-light-green24-2 {
  border-radius: 60px;
  background: var(--tm-24-hellgruen-2, #E7FFA8);
  /* spotlight */
  box-shadow: 0px 0px 50px 32px #F3F3F3 inset;
}
#Theming .container-light-green24-3,
#Theming .PeopleQuery .ModuleContainer:nth-of-type(2n) {
  border-radius: 60px;
  background: var(--tm-24-bg-2, #F5FFDB);
  /* spotlight */
  box-shadow: 0px 0px 50px 32px #F3F3F3 inset;
}
#Theming .container-blue24,
#Theming .eventsQuery .ModuleContainer {
  border-radius: 60px;
  background: var(--tm-24-button-mo, #ADD5FF);
  /* spotlight */
  box-shadow: 0px 0px 50px 32px #F3F3F3 inset;
}

#Theming .mediaCollection .ModuleContainer {
  background: #ADD5FF;
  
    /* spotlight */
    box-shadow: 0px 0px 50px 32px #F3F3F3 inset;
}

#Theming .mediaCollection .topper {
  background: var(--newgrad, linear-gradient(180deg, #F1FAD8 5.73%, #D7F3FC 45.31%, #F3F3F3 100%));
  /* white */
  box-shadow: 0px 4px 100px 0px #FFF inset, 0px 4px 50px 0px #FFF;
}