/*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;}

/*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;}

/*Rahmen beinm Anklicken im Menü entfernen*/
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {
  outline: none;
}

/*Rahmen bei Tastensteuerung*/
.metismenu.mod-menu .metismenu-item > a:focus-visible, .metismenu.mod-menu .metismenu-item > button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid;

/*Untermenüs hoverable */
li.metismenu-item.level-1.deeper.parent:hover > ul {display:block; !important;}

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

/*Farbeinstellung Module Startseite*/
.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;}

 /*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-Alet 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;}}

/*Sermon Speaker Player*/
.mejs__mediaelement {
  background: #005a7a;}

/*jevents Farbanpassung, da flatplus nicht geht*/
.jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
    background-color: #d3e5eb !important;
}

.jev_toprow div.previousmonth a, .jev_toprow div.nextmonth a {
    color: #005a7a !important;
    font-weight: bold !important;}

.jev_toprow div.previousmonth, .jev_toprow div.currentmonth, .jev_toprow div.nextmonth, .nav-items >div {
    border: 1px solid #005a7a !important;}

#jevents_body .nav-items div.active a, .jev_header2 .active a {
    background-color: #005a7a !important;
    color: #FFF;
    border: 1px solid #005a7a;}

#jevents_body .nav-items div.active a hover, .jev_header2 .active a hover{
    background-color: #d3e5eb !important;
    color: #005a7a !important;}

.cal_today a.cal_daylink {
    background-color: #d3e5eb !important;
    color: #005a7a important;}

a.cal_daylink:visited {
    color: #005a7a !important;}

.cal_today a.cal_daylink:hover {
    border: 1px solid #005a7a!important;}