/* Dies ist für die Startseite Module nebeneinander. Greift aber nicht, muss in Minifrontpagepromodul selbst unter css stehen */
.grid-child.container-bottom-a {
    flex-direction: column;
}
/*Dies soll Bootstrap lauffähig machen */
/* ggf loeschen- \Joomla\CMS\HTML\HTMLHelper::_('bootstrap.collapse', '.selector', []);*/
/* Dies ist für die Farbe der Tags über jeder Seite  */
.btn-check:focus + .btn-info, .btn-info:focus, .btn-info:hover {
  background-color: #fbc803! Important;
  border-color: #264f71;
  color: #9ec3cc;
}
/*Farbe Felder Akkorderon funktioniert nicht*/
.accordion-button {
  color: #22262a !Important;}
/*Footer */
.footer .grid-child {
  background-color: #263a4a !important;
  padding: .5rem .5em;
padding-bottom: 3.5em;}
/*Trennung Silben */
body {
  hyphens: auto;
}
/* Trennung bei Overflow erzwingen */
body {
  overflow-wrap: anywhere;
}
/* Titel-Schrift ohne Unterstreichung */
a:not([class]) {
  text-decoration: none;
}
/*Abstand Minifrontpage Elemente und Linien weg */
.mfp_default_skin_default .mfp_default_item {
  margin-bottom: 1.2em;
  border: .0rem solid #e81111;
  padding: .9em! Important;
}
/*Farben Bootstrap */
.accordion-button.collapsed {
    color: white;
    background: #9dc2cb !Important;
}
/* Farben Buttons bootstrap */
.btn-primary {
  background-color: #337391;
  border-color: var(--cassiopeia-color-primary);
}
/*#9ec3cc*/
.btn-primary:hover {
  background-color: #f1b401;
}
/*Schriftfarbe in Button nach Hover */
.tags a.btn {
  color: white !important;
}
/* Schriftgröße in den Bootstrap Feldern */
.accordion-button {font-size: 1.2rem !important;}
.accordion-button {
  font-size: 1.2rem;}
/* bildunterschrift */
.bildunterschriftmax {clear:both;float: right;width: -moz-available; padding:10px;text-align:center;font-family: Arial, sans-serif;font-size:0.875rem;background-color:#ebeef1;margin-left:0px;margin-right: 0px !important;margin-top: -1.1em !Important;}
/* Linkfarbe alle Seiten */
a:not([class]) {
  text-decoration: none;
  color: #fc812f;
}
.accordion-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #cfe0e4 !Important;}
/* Schriftgröße H4 festlegen funktioniert nicht */
  @media (min-width: 1200px)
.h4, h4 {
  font-size: 1.2rem !Important;
}
/* Maximenu Hauptlinks nebeneinander breit */
div#maximenuck346 ul.maximenuck {
  display: contents;
}
/*Maximenuck footer Breite funktioniert */
div#maximenuck484.maximenuckh ul.maximenuck, #maximenuck484.maximenuckh ul.maximenuck {
  width: 100%;
}
/* Schlagwörter */
ul.tags:before {
content: "In diesem Beitrag: ";
font-family: var(--cassiopeia-font-family-body,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
font-weight: 400;
margin-right: 10px;
color: #1E4659;
font-size: 20px;
}
/*Linkfarbe Tags Ruhezustand */
.tags a.btn {
  font-weight: 700;
  background-color: #9EC3CC !important;
}
/* Linkfarbe bei Hover */
.tags a.btn:hover {
  background-color: #F1B401 !important;
  transition: 0.7s;
}
/*Linkfarbe bei Akademie-Seite Tags */


/* Farbe H1 Überschriften */
.page-header h1 {
  color: #F1B401 !Important;
}
/* Minifrontpagepro Überschriften bei Übersichten Kategorien funktioniert nicht*/
.mfp_default_skin_default .mfp_default_item .mfp_default_title a {
  font-weight: 700 !important;
  font-size: 0.7em !important;
  position: relative;
}
/*Versuch mehrere Spalten gleicher Höhe zu erzeugen funktioniert*/
.col:nth-child(1) { background: #a2c1dabd; }
.col:nth-child(2) { background: #cfe0e4; }
.col:nth-child(3) { background: #fdc02894; }
ximg {width: 100%; height: auto; }

@media (min-width: 500px) {
   .container {
      display: table;
      border-spacing: 16px;
      width: 100%;
   }
   .col {
      display: table-cell;
      box-sizing: border-box; 
      cell-spacing: 8px;
      padding: 0.5em;
      vertical-align: top
   }

   .col:nth-child(1) { width: 40%; }
   .col:nth-child(2) { width: 40%; }
   .col:nth-child(3) { width: 20%; }
}
/*Versuch startseite dünne Linien orange*/
.mfp_default_skin_default .mfp_default_item {
  margin-bottom: 1.2em;
  border: .011625rem solid #f6ba06 !important;
  padding: 0.5em;
}
/* Überschriften über Minifrontpage */
.card-header {
  background-color: #EAF0F5;
}
/* Footer Menü */
div#maximenuck484.maximenuckh ul.maximenuck, #maximenuck484.maximenuckh ul.maximenuck {
  margin-left: % !important;}
  /* Copyright Hinweis footer Layout */
  footer div.mod-footer {
    display: block;
}

footer div.mod-footer div {
    margin: 2rem;
}

@media (min-width: 1024px) {
    footer div.mod-footer {
        display: inline-flex;
    }
}
  /*Footer Farbe aufunktioniert nicht*/
  .footer {
  background-color:#263A4A !Important;
color: #fff;
    }
/*Footer Farbe Randbereiche funktioniert */
.container-footer {
  background: #1E4659;
}
  /* Menü nach rechts klappt nicht*/
 .container-header .container-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: right !important;
  padding-bottom: 1em;
}
  /* Versuch Einkaufswagen header klappt nicht */
.einkaufswagen-top {
  vertical-align: middle;
  padding-top: 1em !important;
}
  /* Suchfeld */
x.search {
    -webkit-appearance: textfield;
    appearance: textfield;
  outline-offset: -2px;
  border-block-color: orange;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
  background-color: #cfe0e4;
}
  /*bestückte navbar*/
.container-header .mod-menu {
color: #0088cc;
font-weight: bold;
flex-wrap: wrap;
justify-content: center;
}
  /* Farbe Header funktioniert*/
.container-header {
background: #1E4659;
}
/* Logo im Header links */
.container-header .container-nav {
  /* justify-content: right !important; */
  justify-content: left !important;
}
/* Höhe Header */
.container-header {
  height: 5.7em;
}
@media (max-width: 1200px) {
.container-header {height: 8.1em;
}
  .container-header .mod-custom {
  position: relative;
  margin-bottom: -1em;
}

/*Versuch mehrspaltig */
  .bottom-b.card {flex-directions: column; columns-2;}
  /*zweiter Versuch */
  .bottom-b.card {
  grid-column: 1 / 4;
    grid-row: 1 / 2;}
  /*dritter Versuch mehrspaltig*/
  .mehrspaltig {
        column-width: 12em;
        max-width: 40em; 
      }
/*Versuch Buttons Startseite */
  .btn-primary-mc {
display: inline-block !important;
    color: #0a0a0a;
}
  /*Schriftfarbe buttons klappt nicht */
  .btn-check:focus + .btn-info, .btn-info:focus, .btn-info:hover {
color: #9ec3cc;
color: #181919;
}
.Wichtige Termine.btn {
padding-left: 2.6rem; padding-right: 2.6rem;
}
  /*schriftgröße H1 virtue mart funktioniert nicht*/
    @media (min-width: 1200px)
.h1, h1 {
  font-size: 1.8rem !important;
}
  /*Macht Hover aus bei Button gelborange funktioniert nicht*/
.root {
  --cassiopeia-color-hover: #ffcb00;
}
  .vmbild {img {
  padding: 1%;
}
    .mfp_default_skin_card .mfp_default_item .mfp_default_title a {
  font-weight: 700 !important;
  font-size: .7em !important;
  position: relative;
}