@font-face {
   font-family: "TTNormsRegular";
   src: url('../webFonts/TTNormsProRegular/font.woff2') format('woff2'), url('../webFonts/TTNormsProRegular/font.woff') format('woff');
 }
 @font-face {
   font-family: "TTNormsHeavy";
   src: url('../webFonts/TTNormsProBlack/font.woff2') format('woff2'), url('../webFonts/TTNormsProBlack/font.woff') format('woff');
 }
 @font-face {
   font-family: "TTNormsBold";
   src: url('../webFonts/TTNormsProBold/font.woff2') format('woff2'), url('../webFonts/TTNormsProBold/font.woff') format('woff');
 }
 @font-face {
   font-family: "TTNormsMedium";
   src: url('../webFonts/TTNormsProMedium/font.woff2') format('woff2'), url('../webFonts/TTNormsProMedium/font.woff') format('woff');
 }
 
summary.btn-detail-view::marker{
   content:'';
}
details[open] > summary::after {
   transform: rotate(180deg);
}
summary.team-info::marker {
   content:'';
}
nav svg {
   fill: #1c1c1c;
 }
.team-desc {
   position: absolute;
   left: 0;
}
.panel-body {
	display: none;
}
.container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (min-width: 480px) {
a.gallery-item {
   display: grid;
   padding-right: 12px;
   padding-left: 12px;
   padding-bottom: 60px;
}
a.gallery-item:nth-child(5n+1),
a.gallery-item:nth-child(5n+2),
a.gallery-item:nth-child(5n+3) {
   flex: 1 33%;
}

a.gallery-item:nth-child(5n+4),
a.gallery-item:nth-child(5n+5) {
   flex: 1 50%;
}
a.gallery-item:nth-child(5n+6),
a.gallery-item:nth-child(5n+7),
a.gallery-item:nth-child(5n+8) {
   flex: 1 33%;
}
a.gallery-item img {
    width: 100%;
    object-fit: cover;
}


}
#menuToggle {
   display: block;
   position: relative;
   z-index: 1;
   -webkit-user-select: none;
   user-select: none;
}
details[open] + div.team-content{
   max-height: 800px; /* Set a max-height value enough to show all the content */
   border-color: #888;
   transition: max-height 400ms ease-out, border 0ms linear;
 }

 details[open] span::before {
   rotate: 90deg;
   transition: rotate 200ms ease-out;
 }
 div.team-content {
   box-sizing: border-box;
   max-width: 500px;
   max-height: 0;
   overflow: hidden;
   padding: 0 10px;
   border: 2px solid transparent;
   transition: max-height 400ms ease-out, border 0ms 400ms linear;
 }
 .splide__pagination__page{
   border: inherit !important;
 }
 .video-wrapper {
   position: relative;
   width: 100%;
   height: 0;
 }

 .video-wrapper iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
 }
 .player .vp-video-wrapper .vp-preview{
   background-size: cover !important;
 }
 button#c-s-bn, button#s-rall-bn{
   border: 1px solid;
 }
 div#s-bl .b-ex {
   border: 1px solid !important;
 }
 :root{
   --cc-toggle-knob-icon-color: #000000 !important;
   --cc-toggle-knob-bg: #000000 !important;
 }
 .header-blur:after{
   mask: linear-gradient(black 60%,transparent );
 }
 details#target-me, .btn-detail-view, .custom-dropdown{
   outline: none !important;
 }
  /* Hide the video progress bar (timeline) using CSS */
  video::-webkit-media-controls-timeline {
    display: none;
}

/* Hide the play button */
video::-webkit-media-controls-play-button {
    display: none;
}

/* Hide the default progress bar in some browsers */
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display {
    display: none;
}
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-volume-slider,
video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-seek-button,
video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-skip-button {
    box-shadow: none !important;
}
video::-webkit-media-controls-panel {
  box-shadow: none !important; /* Remove shadow on the controls */
  outline: none !important; /* Remove any outline that might appear as shadow */
}

/* Targeting possible pseudo-elements that could have shadows */
video::-webkit-media-controls {
  box-shadow: none !important; /* Remove shadow from overall media controls */
  outline: none !important; /* Remove any outline from controls */
}
/* Remove shadow from the controls if they are still visible */
video::-webkit-media-controls-panel {
  box-shadow: none !important; /* Ensure no shadow on controls panel */
}
#home-logo path{
  transition: fill 2s ease;
}

.fade-to-transparent {
  opacity: 0 !important; /* Element wird unsichtbar */

}