/*Stand: 24-02-2026*/

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

/*Schriftart laden*/
@font-face {
font-family: 'Bitter';
font-style: normal;
font-weight: 500;
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;}

/*Farbeinstellung Überschriften*/
h1, h2, h3, h4, h5, h6 {
  color: var(--btnbg);}

/*Unterstreichung bei Links ohne Klasse entfernen*/
a:not([class]) {
    text-decoration: none;}

/* Kopfzeile mit Kontaktadresse*/
.container-topbar, .container-below-top {
    color: var(--cassiopeia-color-hover);  
    font-size: 1.2em;
    font-weight: bold;
    background-image: linear-gradient(0deg,var(--footerbg)100%,var(--footerbg)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: var(--btnbg);
  font-size: 1.2em;
  font-weight: bold;}

/*Hintergrundfarbe Hauptmenü aufgeklappt*/
.container-header .mod-menu .parent>ul {
    color: var(--btnbg);
    background-color: var(--cassiopeia-color-hover)} 

/*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: var(--btnbg);
    cursor: pointer;
    border: 1px solid #fff;}

/*Farbeinstellung Module Startseite*/
.startseite .card-body {
  color: var(--btnbg);
  background-color: var(--cassiopeia-color-hover)}

/*Schriftfarbe Modulüberschrift*/
.startseite .card-header {
  color: var(--link-hover-color);}

/*Fusszeile Jahreslosung zentriert*/
.jahreslosung .card-body {
    text-align: center;}

/*Design externe Links*/
.ext_link::before {
font-family: 'Font Awesome 6 free';
content: "\f08e" "\00A0";
font-weight: 900;
font-size: 0.85rem;
display: inline-block;
text-decoration: none;
padding-left: 5px;}

/*Design interne Links*/
.int_link::before {
font-family: 'Font Awesome 6 free';
content: "\f0c1" "\00A0";
font-weight: 900;
font-size: 0.85rem;
display: inline-block;
text-decoration: none;
padding-left: 5px;}

/*Farbanpassung Weiterlesen-Button*/
.btn-secondary {
    color: var(--btnbg);
    background-color: var(--cassiopeia-color-hover)}

 /*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: var(--link-hover-color)}

.back-to-top-link:hover, .back-to-top-link:focus.back-to-top-link:hover, .back-to-top-link:focus {
    color: var(--btnbg);
    background-color: var(--cassiopeia-color-hover);
    border-color: var(--btnbg);
}

/*Farbanpassung System-Alet bei Abmeldung*/
#system-message-container joomla-alert .alert-heading {
    background: var(--btnbg)}

#system-message-container joomla-alert {
    border: 1px solid var(--btnbg)}

#system-message-container joomla-alert .joomla-alert--close, #system-message-container joomla-alert .joomla-alert-button--close {
   color: var(--btnbg)}

/*Sermon Speaker Player*/
.mejs__mediaelement {
  background: var(--btnbg)}

/*jevents Farbanpassung, da flatplus nicht geht*/
.jev_toprow div.previousmonth, .jev_toprow div.nextmonth {
    background-color: var(--cassiopeia-color-hover) !important;
}

.jev_toprow div.previousmonth a, .jev_toprow div.nextmonth a {
    color: var(--btnbg) !important;
    font-weight: bold !important;}

.jev_toprow div.previousmonth, .jev_toprow div.currentmonth, .jev_toprow div.nextmonth, .nav-items >div {
    border: 1px solid var(--btnbg) !important;}

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

#jevents_body .nav-items div.active a hover, .jev_header2 .active a hover{
    background-color: var(--cassiopeia-color-hover) !important;
    color: var(--btnbg) !important;}

.cal_today a.cal_daylink {
    background-color: var(--cassiopeia-color-hover) !important;
    color: var(--btnbg) !important;}

a.cal_daylink:visited {
    color: var(--btnbg) !important;}

.cal_today a.cal_daylink:hover {
    border: 1px solid var(--btnbg) !important;}

/*SmilePackMap Fahne ausblenden*/
.leaflet-control-attribution {
    display: none;
  }