/*farben variablen für jede unterseite*/
:root {
  --farb1: #b633fe;
  --kontrast1: black;

  --farb2: #96ff01;
  --kontrast2: black;

  --farb3: #ff00d8;
  --kontrast3: black;

  --farb4: #00ffc3;
  --kontrast4: black;

  --farb5: #ffb200;
  --kontrast5: black;

  --farb6: #0081fe;
  --kontrast6: black;
}

/*vertikalen Scrollbar weg*/
html, body {
  scrollbar-width: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

/*Schrift auf allen Headers unten links positioniert*/
#block_1000248, #block_1000355, #block_1000320, #block_1000329, #block_1000334, #block_1000335, #block_1000399, #block_1000411 { 
    position: absolute !important;
    bottom: 10dvh !important;
    left: 0px !important;
}

.cd-navigation-bar-container, .cd-mobile-menu-bar, .cd-mobile-menu-background{
    border-bottom: 0px !important;
    background: rgba(255,255,255,0.7) !important;
    backdrop-filter: blur(28px) saturate(180%);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    box-shadow:
       0 1px 2px rgba(0,0,0,0.05),
       0 8px 24px rgba(0,0,0,0.12);

}

.cd-menu-level-2 {
    overflow-y: visible !important;
    min-width: 240px !important;
    width: auto !important;
}

 .cd-menu-item {
  background: var(--bckgrnd) !important;
  color: var(--clr) !important;
  padding: 0.9rem 1.5rem !important;
}
.cd-menu-item:hover, .cd-menu-active{
  opacity: 1 !important;
  background: black !important;
  color: var(--bckgrnd) !important;
}

/*verschiedene Farben für Menü-Balken*/
/*Mitmachen*/
a[data-id="_0"] {
  --bckgrnd: var(--farb1) !important;
  --clr: var(--kontrast1) !important;
}

/*Herbstproduktion*/
a[data-id="_1"], a[data-id="_1_0"], a[data-id="_1_1"]{
  --bckgrnd: var(--farb2) !important;
  --clr: var(--kontrast2) !important;
}

/*Impro*/
a[data-id="_2"] {
  --bckgrnd: var(--farb3) !important;
  --clr: var(--kontrast3) !important;
}

/*Über uns*/
a[data-id="_3"] {
  --bckgrnd: var(--farb4) !important;
  --clr: var(--kontrast4) !important;
}

/*Unterstützen*/
a[data-id="_4"] {
  --bckgrnd: var(--farb5) !important;
  --clr: var(--kontrast5) !important;
}

/*Unterstützen*/
a[data-id="_5"] {
  --bckgrnd: var(--farb6) !important;
  --clr: var(--kontrast6) !important;
}

/*alle button2 pfeil rechts*/
.cd-button-secondary::after {
    content: "→";
    position: absolute;
    right: 2.6em;
    top: 50%;
    transform: translateY(-50%);
}

/* ---- Header Home ---- */
#block_1000248 {
  --hell:   #ffffff;
  --dunkel: color-mix(in srgb, var(--farb1) 55%, black);
}

#block_1000248 h5 {
  color: var(--hell) !important;
}
#block_1000248 h5 span {
  color: var(--dunkel) !important;
}
#block_1000248 h5 span > span:first-child {
  color: var(--hell) !important;
}