/* theme "tm25" */

:root {

  /* definitions from theme */

  --tm25-coloursBackground: #f3f3f3;
  --tm25-coloursMenuBG: #f3f3f37f;

  --tm25-coloursText: #000000;
  --tm25-coloursTextMO: #ff3300;

  --tm25-coloursAkzent1: #c795ff;
  --tm25-coloursAkzent2: #c29a50;

  --tm25-coloursButtonBGMO: #ff3300;
  --tm25-coloursButtonText: #000000;
  --tm25-coloursButtonBG: #c795ff;
  --tm25-coloursButtonClearMO: #c795ff7f;

  --tm25-coloursResidents: #af8c997f;
  --tm25-coloursStudio: #9b90e97f;
  --tm25-coloursAbout: #9b90e97f;
  --tm25-coloursPublications: #f0a0be7f;
  --tm25-coloursFestival: #d2cdfa7f;
  --tm25-coloursNews: #ff55737f;
  
  --tm25-coloursDarkShade: #b8b8a47f;
  --tm25-coloursDisabled: #b3b3b3;

  /* general */

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

}

.transversale path {
  stroke: black !important;
}

.MenuBar {
  backdrop-filter: blur(20px);
}

.egg {
  color: var(--tm25-coloursAkzent1) !important;
  border-color: currentColor !important;
}

.egg:hover {
  color: var(--tm25-coloursText) !important;
  border-color: currentColor !important;
}

nav.quickmenu:hover path {
  stroke: red !important;
}

.QuickMenu .special {
  background-color: var(  --tm25-coloursAkzent2) !important;
}

.Footer {
  transition: background-color 0.5s ease;
}

.Footer:hover {
  background-color: rgba(199, 149, 255, 0.50) !important;
}

.Footer[open] {
  background-color: rgba(199, 149, 255, 0.50) !important;
}

.Footer[open] a {
  background-color: transparent !important;
}

@media (min-width: 900px) {
  nav.quickmenu {
    margin-right: 44px !important;
  }

  nav.quickmenu:not(.open)::after {
    content: '';
    position: absolute;
    z-index: 100;
    left: 39px;
    top: 18px;
    width: 77px;
    height: 64px;
    background-image: url(/images/tm25/tm25_logo-fs8.png);
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
  }
}

.transversale * {
  transform: none !important;
}

#Theming .Body.body-top-festival {
  background: var(--Colours-Residents, rgba(175, 140, 153, 0.50));
  
  /* residents */
  box-shadow: 0px 0px var(--container-effects-ds, 50px) 0px var(--Colours-Akzent-2, #C29A50), 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Akzent-1, #C795FF) inset;
  
}

#Theming .Body,
#Theming .ModuleContainer.container {
  background: var(--Colours-Background, #F3F3F3);

  /* light container */
  box-shadow: 0px 0px var(--container-effects-ds, 50px) 0px var(--Colours-Akzent-1, #C795FF), 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Dark-Shade, rgba(184, 184, 164, 0.55)) inset;
  /*backdrop-filter: blur(50px);*/
}

#Theming .Body.body-container-dark,
#Theming .ModuleContainer.container-dark {
  background: var(--Colours-Background, #F3F3F3);
  /* dark container */
  box-shadow: 0px 0px var(--container-effects-ds, 50px) 0px var(--Colours-Dark-Shade, rgba(184, 184, 164, .8)), 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Dark-Shade, rgba(184, 184, 164, .6)) inset;
}

#Theming .PeopleQuery .ModuleContainer, #Theming .participantsOverview .ModuleContainer {
  background: var(--Colours-Akzent-1, #C795FF);  
  /* light container */
  box-shadow: 0px 0px var(--container-effects-ds, 50px) 0px var(--Colours-Akzent-1, #C795FF), 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Dark-Shade, rgba(184, 184, 164, 0.55)) inset;
  
}

#Theming .CirclesMini .circle {
  color: transparent;
  background-image: url(/images/tm25/blob.svg);
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: none;
}

#Theming .CirclesMini a:hover .circle {
  background-image: url(/images/tm25/blobhover.svg);
}

#Theming .CirclesMedium .arrow {
  color: transparent;
}

#Theming .CirclesMedium .circle {
  z-index: -1;
  background-image: url(/images/tm25/grid.svg);
  background-size: contain;
  background-repeat: no-repeat;  
}

#Theming .CirclesMedium .item:hover .circle::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  opacity: 1;
  transform: translateY(0px);
  transition: all 1s linear;
  border-radius: 50%;
  background-image: radial-gradient(circle at 50% 50%, var(--Colours-Akzent-1, #C795FF) 32%, transparent 64%);
}

#Theming .CirclesMedium .circle img {
  all: revert;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#Theming .HeadlineBlock, #Theming .headlineLarge {
  color: var(--tm25-coloursText);
}

#Theming .CirclesSmall a:not(:hover) .circle  {
  background-image: radial-gradient(circle at 50% 50%, var(--Colours-Akzent-1, #C795FF) 32%, transparent 64%);
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: none;
  /* no animation */
  animation: none;
  filter: blur(10px);

}

#Theming .CirclesSmall a:hover .circle  {
  background-image: radial-gradient(circle at 50% 50%, var(--Colours-Akzent-2, #C29A50) 32%, transparent 64%);
  filter: blur(10px);
}

#Theming .CirclesSmall .circle img {
  display: none;
}

/*
#Theming .CirclesSmall a.external .circle::after {
  content: "->";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
*/

#Theming .topper {
  background: var(--Colours-Festival, rgba(210, 205, 250, 0.50));

  /* festivals */
  box-shadow: 0px 0px var(--DS, 50px) 0px var(--Colours-Akzent-2, #C29A50), 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Akzent-2, #C29A50) inset;  
}

#Theming .topper * {
  color: var(--color-text);
}

#Theming .topper.event {
  background: var(--Colours-Studio, rgba(155, 144, 233, 0.50));
  /* studio */
  box-shadow: 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Menu-BG, rgba(243, 243, 243, 0.50)) inset, 0px 0px var(--container-effects-ds, 50px) 0px var(--Colours-Akzent-1, #C795FF);
}

#Theming .topper.person {
  background: var(--Colours-Residents, rgba(175, 140, 153, 0.50));
  /* residents */
  box-shadow: 0px 0px var(--container-effects-ds, 50px) 0px var(--Colours-Akzent-2, #C29A50), 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Akzent-1, #C795FF) inset;
}

#Theming .topper.artwork {
  background: var(--Colours-Publications, rgba(240, 160, 190, 0.50));
  /* publications */
  box-shadow: 0px 0px var(--container-effects-ds, 50px) 0px var(--Colours-Akzent-1, #C795FF), 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Akzent-1, #C795FF) inset;
}

#Theming .topper.pressRelease {
  background: var(--Colours-Publications, rgba(240, 160, 190, 0.50));
  /* publications */
  box-shadow: 0px 0px var(--container-effects-ds, 50px) 0px var(--Colours-Akzent-1, #C795FF), 0px 0px var(--container-effects-is, 100px) 0px var(--Colours-Akzent-1, #C795FF) inset;  
}