/*Stand: 04-12-2025*/

:root {
  --cassiopeia-color-hover: #005a7a;
  --cassiopeia-color-link: #71A6B6;}

/*Schriftart laden*/
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local(''),
url('../fonts/bitter-v32-latin-500.woff') format('woff'), 
url('../fonts/bitter-v32-latin-500.ttf') format('truetype'), }

/*Schriftart wählen*/
body, h1, h2, h3, h4, h5, h6 {
  font-family: 'Bitter', serif;}

/* Kopfzeile mit Kontaktadresse*/
.container-topbar, .container-below-top {
    color: #d3e5eb;  
    font-size: 1.2em;
    font-weight: bold;
    background-image: linear-gradient(0deg,var(--cassiopeia-color-hover)100%,var(--cassiopeia-color-hover)100%);
    padding-top: 15px;
    padding-bottom: 1px;
    padding-right: 10px}

/*Schriftfarbe Hauptmenü*/
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span, .metismenu.mod-menu .mm-toggler{
  color: #005a7a;
  font-size: 1.2em;
  font-weight: bold;}

/*Hauptmenü Ausrichtung rechts*/
.container-header .mod-menu {
    justify-content: flex-end;
}

/*Hintergrundfarbe Hauptmenü aufgeklappt*/
.container-header .mod-menu .parent>ul {
    color: #005a7a;
    background-color: #d3e5eb;}

/*Unterstreichung in Aufklappmenü entfernen*/
.container-header .mod-menu a:hover, .container-header .mod-menu button {
     text-decoration: none !important;}

/*Farbe für Hamburger Menü*/
.container-header .navbar-toggler {
    color: #005a7a;
    cursor: pointer;
    border: 1px solid #fff;}

/*Abstand zwischen Hauptmenü und Hauptbeitrag*/
.blog-featured{
  margin-bottom: 150px;}

/*Zentrierung Titel Hauptbeitrag*/
.page-header {
    display: flex;
    justify-content: center;}


/*Farbeinstellung Module*/
  .startseite .card-body{
  color: #005a7a;
  background-color: #d3e5eb;}

/*Schriftfarbe Modulüberschrift*/
.card-header {
  color: #71A6B6;}

/*Farbeinstellung Beitraglinks und Links in Modulen*/
a, h1, h2, h3, h4, h5, h6 {
  color: #005a7a;}

a:not([class]) {
    text-decoration: none; !important}

a:hover {
  color: #71A6B6;}

a:visited {
  color: #71A6B6;}

/*Farbanpassung Weiterlesen-Button*/
.btn-secondary {
    color: #005a7a;
    background-color: #d3e5eb;}

/*Button Supportanfrage*/
.btn-support {
    --btn-color: #d3e5eb;
    --btn-bg: #005a7a;
    --btn-border-color: #005a7a;
    --btn-hover-color: #005a7a;
    --btn-hover-bg: #d3e5eb;
    --btn-hover-border-color: #005a7a);
    --btn-active-color: var(--btncolor);
    --btn-active-bg: #005a7a;
    --btn-active-border-color: var(--btnbgh);
    --btn-disabled-color: var(--btncolor);
    --btn-disabled-bg: var(--btnbg);
    --btn-disabled-border-color: var(--btnbg);
    background-color: var(--btn-bg);
    border-color: var(--btn-bg);
    color: #fff;
    font-size:36px;
    font-weight:bold;
    padding: 30px;
    }

.btn-outline-success {
    --btn-color: #005a7a;
    --btn-border-color: #005a7a;
    --btn-hover-color: #fff;
    --btn-hover-bg: #448344;
    --btn-hover-border-color: #005a7a;
    --btn-focus-shadow-rgb: 68,131,68;
    --btn-active-color: #fff;
    --btn-active-bg: #005a7a;
    --btn-active-border-color: #005a7a;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #448344;
    --btn-disabled-bg: transparent;
    --btn-disabled-border-color: #005a7a;
    --gradient: none;
}

.btn-success {
    --btn-color: #fff;
    --btn-bg: #005a7a;
    --btn-border-color: #005a7a;
    --btn-hover-color: #005a7a;
    --btn-hover-bg: #d3e5eb;
    --btn-hover-border-color: #005a7a;
    --btn-focus-shadow-rgb: 96,150,96;
    --btn-active-color: #005a7a;
    --btn-active-bg: #d3e5eb;
    --btn-active-border-color: #005a7a;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #005a7a;
    --btn-disabled-border-color: #005a7a;
}

 /*Fussmenü rechts*/
.metismenu.mod-menu {
  justify-content:flex-end;}

/*Copyright-Modul*/
.footer{ 
  font-size: 1.1em;
  margin-top:50px}

.container-footer .mod-custom p {
	padding: .5em 0em;
	margin-bottom: 0px;
}

/*Hintergrundfarbe Pfeil nach oben*/
.back-to-top-link {background-color: #005a7a;}

/*Farbanpassung System-Alert bei Abmeldung*/
#system-message-container joomla-alert .alert-heading {
    background: #005a7a;}

#system-message-container joomla-alert {
    border: 1px solid #005a7a;
}

#system-message-container joomla-alert .joomla-alert--close, #system-message-container joomla-alert .joomla-alert-button--close {
   color: #005a7a;}