/*css-cassiopeia_deltapapa*/
/*31.08.2025*/


/*fonts*/
/*werden durch das Child - Template geladen*/


/*color*/
/*moeglichst zentral anpassen*/
:root {
    --cassiopeia-color-primary: #00bbea;
    --cassiopeia-color-link: #2c2e36;
    --link-color: #2c2e36;
    --link-color-rgb: 34, 79, 170;
    --cassiopeia-color-hover: #00bbea;
    --link-hover-color: #424077;
    --link-hover-color-rgb: 66, 64, 119;
}


/*header*/
/* hintergrundfarbe anpassen, default bild ausblenden*/
.container-header {
    background-color: #ffffff;
    background-image: none;
}

/*abstaende so anpassen, das das logo mit den ueberschriften fluchtet*/
@media (width >= 1351.98px) {
.container-header .grid-child {
    padding: .5em .5em .5em 0em;
}
}
@media (width <= 1351.98px) {
.container-header .grid-child {
    padding: .5em .5em .5em 1em;
}
}


/*topbar*/
/*hintergrund frabe und ausrichtung rechts*/
.container-topbar {
	background: #00bbea;
	text-align: right;
}


/*menu*/
/*schriftfarbe wegen weißem hintergrund*/
.container-header .mod-menu {
	color: #2c2e36;
}

/*Unterstrich vom Menu entfernen*/
 .container-header .metismenu > li > a::after {
 	display: none;
 }
 
 /*macht jeden menueintrag gleich hoch und zentriert den linktext*/
.container-header .mod-menu a {
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 .5em;
}

/*beim hovern wird ein unterstrich angezeigt*/
.container-header .mod-menu a:hover {
	border-bottom: 2px solid #2c2e36;
}

/*bei der aktuellen seite bleibt ein unterstrich*/
.metismenu.mod-menu .metismenu-item.current > a {
	border-bottom: 2px solid #2c2e36;;
}

/*hh-menu*/
/*hh-menu auf die linke seite*/
@media (max-width: 992px) {
  nav.navbar {order: -1;}
}

/*hh-menu not jumping on small displays*/
@media (width <= 767.98px) {
    .container-header .container-nav .container-search, .container-header .container-nav nav {
        margin-top: .5em;
    }
}

/*hh-menu farbe und groesse*/
.container-header .navbar-toggler {
	background-color: #00bbea;
	line-height: 2;
	padding: 0 1em;
}

/*hh-menu abstand nach oben entfernen*/
.container-header nav {
    margin-top: 0;
}

/*hh-menu abstand nach oben entfernen*/
@media (width <= 767.98px) {
    .container-header .container-nav .container-search, .container-header .container-nav nav {
        margin-top: 0;
    }
}


/*logo*/
/*logo abstand oben und unten*/
.dplogo {
	padding: 1em 0em 1em 0em;
}


/*social-icons*/
/*abstaende anpassen wegen lesbarkeit*/
.dpsocialicons {
	padding: .25em;
	margin-right: .75em;
}


/*footer*/
/*hintergrundfarbe anpassen, default bild ausblenden*/
.container-footer {
	background-color: #00bbea;
	background-image: none;
}

/*abstaende im footer anpassen*/
.footer .grid-child {
   padding-block: 1rem;
}


/*pagination*/
/*umbruch auf kleinen display*/
@media (max-width: 992px) {
  .pagination {
    flex-wrap: wrap;
  }
}

/*farben anpassen*/
.page-link.active, .active>.page-link
 {
    color: #2c2e36;
    background-color: #00bbea;
}


/*artikelinfo */
/*artikel info nebeneinander anorden*/
.article-info dd {
    padding: 0;
    display: inline-block;
    margin-right: 1em;
}

/*das wort details ausblenden*/
.article-info-term {
	display: none;
}

/*vorschaubilder in SIGE ohne Rahmen und Schatten*/
.sige_thumb img
 {
    border: none !important;
    box-shadow: none !important;
}

/*Test*/

.metismenu.mod-menu .metismenu-item.active>a,.metismenu.mod-menu .metismenu-item.active>button,.metismenu.mod-menu .metismenu-item>a:hover,.metismenu.mod-menu .metismenu-item>button:hover {
    text-decoration: none;
}

.com-tags-tags__filter {
	flex-wrap: wrap;
}
@media (max-width: 536px) {
  .com_tags .btn-group.float-end {
    float: none !important;
  }
}


/*Sige - Single Bilder formatieren*/
ul.sige_single {
    overflow: hidden !important;
}

ul.sige_single {
    padding-left: 0;
}

.sige_single > li {
  height: auto;
}
 

@media (max-width: 751px) {
.sige > li {
  height: auto;
}
}


 .sige_caption {
	padding: 0 10px !important;
}