div.ba-gallery-substrate + p {display: none;}

/* Das Dropdown-Menu im Menu färbst du mit der Klasse .metismenu.mod-menu .mm-collapse ein */
.metismenu.mod-menu .mm-collapse {background: #6d757e ; opacity: 0.8}

/* Die Links im Dropdown Menu musst du dann auch einzeln ansteuern */
.metismenu.mod-menu .mm-collapse .metismenu-item a {color: #fff; opacity: 1}

/* custom Colors of banner */
.container-header { position: relative; z-index: 10; margin-bottom: 0px; background-color: #434178; background-image: linear-gradient(135deg, #484f56 0%, #353b41 100%); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset; }
.container-footer { position: relative; z-index: 10; margin-bottom: 0px; background-color: #434178; background-image: linear-gradient(135deg, #484f56 0%, #353b41 100%); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset; }


/* https://www.joominator.de/en/show-banner-cassiopeia */
.my-banner {
   min-width: 100%;
  height: max(30vh);
}

.container-banner .banner-overlay {
height: max(400px, 50vh);
/*height: max(300px, calc(100vh-152px));*/
}


/* Anpassen der Schriftgröße */
.mod-list li {
    padding: 1.8em 0;
    padding-top: 1.5em;
    padding-right: 0px;
    padding-bottom: 1.5em;
    padding-left: 0px;
}


:root {
    --blue: #010156;
    --indigo: #6812f3;
    --purple: #6f42c2;
    --pink: #e93f8e;
    --red: #a51f18;
    --orange: #fd7e17;
    --yellow: #ad6200;
    --green: #448344;
    --teal: #5abfdd;
    --cyan: #30638d;
    --white: #fff;
    --gray-100: #f9fafb;
    --gray-200: #eaedf0;
    --gray-300: #dfe3e7;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6d757e;
    --gray-700: #484f56;
    --gray-800: #353b41;
    --gray-900: #22262a;
    --primary: #010156;
    --secondary: #6d757e;
    --success: #448344;
    --info: #30638d;
    --warning: #ad6200;
    --danger: #a51f18;
    --light: #f9fafb;
    --dark: #353b41;
    --primary-rgb: 1,1,86;
    --secondary-rgb: 109,117,126;
    --success-rgb: 68,131,68;
    --info-rgb: 48,99,141;
    --warning-rgb: 173,98,0;
    --danger-rgb: 165,31,24;
    --light-rgb: 249,250,251;
    --dark-rgb: 53,59,65;
    --white-rgb: 255,255,255;
    --black-rgb: 0,0,0;
    --body-color-rgb: 34,38,42;
    --body-bg-rgb: 255,255,255;
    --font-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --body-font-family: var(--cassiopeia-font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1;
    --body-color: #22262a;
    --body-bg: #fff;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dfe3e7;
    --border-color-translucent: rgba(0,0,0,.175);
    --border-radius: 0.25rem;
    --border-radius-sm: 0.2rem;
    --border-radius-lg: 0.3rem;
    --border-radius-xl: 0.3rem;
    --border-radius-2xl: 0.3rem;
    --border-radius-pill: 50rem;
    --link-color: var(--cassiopeia-color-link);
    --link-hover-color: var(--cassiopeia-color-hover);
    --code-color: #e93f8e;
    --highlight-bg: #fbeea8;
}