body {
  color: #1c1d58;
}

:root {
    --cassiopeia-color-primary: #1c1d58;
    --cassiopeia-color-link: #3263ab;
  	--cassiopeia-color-hover: #3263ab;
}

a {
  color: #3263ab;
  text-decoration: none;
}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:active {
  color: #66c430;
  text-decoration: underline;
}    
a:hover {
  text-decoration: underline;
}

/* Logos / Bilder im oberen und unteren Menü mit weissem abgerundeten Hintergrund versehen */
:is(.container-header, .container-footer) img {
	/* background-image: radial-gradient(#ffffff,  #1c1d58);  */
	background-color: #ffffffff;
  	/* background-color: #3263ab33; */
	border-radius: .5rem;  
}  

/* Für laufkalender-NWS Logo */
.container-footer img {
  padding: 5px;
}

/* Footer Rand verkleinern */
.footer .grid-child {
  padding: 1rem .5em .5em;
}


/*Back top - Farbe passte im Orignal nicht, angepasst */ 
.back-to-top-link:focus, .back-to-top-link:hover {
  /* Original: background-color: var(--cassiopeia-color-hover); */
  /* Original: border-color: var(--white,#fff); */
  /* Original: color: var(--white,#fff); */
}

.back-to-top-link:focus {
  background-color: var(--white,#fff);
  border: 1px solid var(--cassiopeia-color-primary,#112855);
}
.back-to-top-link:hover {
  background-color: var(--cassiopeia-color-primary); 
}



/*Back top - derzeit so nicht verwendet */ 
.xxx-back-to-top-link.visible { /* Zusammen mit user.js */
  position: fixed;
  bottom: 20px;
  right: 30px;
}


/*Back top*/  /* reicht - ohne user.js */ 
#back-top { 
  position: fixed; 
}


/* Banner-Image verkleinern */
.container-banner .banner-overlay {
  /*
    background-attachment: fixed;
    background-position: top,50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 70vh;
  */
  height: 40vh;
}

.container-banner {
  /* margin: 0 0 2rem; */
  margin: 0 0; 
}


/* Abdunklung Banner-Image entfernen */
.container-banner .banner-overlay .overlay {
  /*
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0,0,0,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 1em;
    text-align: center;
  */
  background-color: transparent;
}

/* Text auf Banner-Image besser lesbar machen */
:is(.container-banner .banner-overlay .overlay) :is(p, h1, h2, h3, h4) {
  /* background-color: #fbc707aa; */
  /* background-color: rgba(0,0,0,.5); */
  background-color: #1c1d5866;
}

/* dj-imageslide */
.slide-desc-bg-default {
  background: #1c1d5866 !important;
}

/* event gallery download icons sind sonst im Vordergrund des Headers */
/* .container-header {
    z-index:250
}*/

header.header {
    z-index:250
}

/* Accordion - aufklappbare Absätze */
.accordion {
    --accordion-color: #1c1d58; 
  	--accordion-active-color: #3263ab;
  	--accordion-btn-color: #3263ab;
  
    --accordion-btn-focus-box-shadow: 0 0 0 0 rgba(1,1,86,.25);  
  
    --accordion-btn-padding-x: 1.0rem;
    --accordion-btn-padding-y: 0.75rem;
  
}
.accordion-button:hover {
	text-decoration: underline;
}
.accordion-button:not(.collapsed) {
     background-color: var(--accordion-active-bg); 
    /* background-color: #fff; */
}
.accordion-button {
    /* background-color: var(--accordion-active-bg); */
     background-color: #fff; 
}
.btn-warning {
  /* --btn-color: #fff;
  --btn-bg: #ad6200;
  --btn-border-color: #ad6200;
  --btn-hover-color: #fff;
  --btn-hover-bg: #935300;
  --btn-hover-border-color: #8a4e00;
  --btn-focus-shadow-rgb: 185,122,38;
  --btn-active-color: #fff;
  --btn-active-bg: #8a4e00;
  --btn-active-border-color: #824a00; 
  --btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #ad6200;
  --btn-disabled-border-color: #ad6200; */
  --btn-active-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}

/* Main menu top */
/* Bei Menüitem Bild mit Titel etwas Abstand zwischen Bild und Titel */
.metismenu.mod-menu .metismenu-item .image-title {
    padding-left: 1em;
}
/* Originalanweisung für leichte Unterstreichung bei activem Menüitem und Hover: */
.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before {
    /* background: #fff;
    left: 0;
    right: 0; */
}
/* Linie bei hover lassen, nur bei active weg: */
.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before  {
    /* background: #fff;
    left: 0;
    right: 0; */
  	background: transparent;
}

/* stick-top Header für scrollIntoView() berücksichtigen (Unter 992px scrollt der Header immer )  */
@media (min-width: 992px) {
  .accordion-item {
       scroll-margin-top: 150px;
  }
}
/*
@media (max-width:991.98px) {
  .accordion-item {
       scroll-margin-top: 0px;
  }
}
*/


.bbltable {
  caption-side: top;
}


.bbltable caption {
  padding-top: .8rem;
  padding-bottom: .4rem;
  text-align: center;
  color: var(----cassiopeia-color-primary);
  font-size: 1.2rem;
  font-weight: bold;  
}

.bbltable :is(table, th, tbody, tfoot, thead) {
   border: 1px solid;
}
.bbltable :is(td, tr) {
   border: 1px dotted;
}