/***********************************************
Beiträge
************************************************/
/* links positionierte Bilder bekommen etwas Abstand zum Text */
/* unklar ob .left.item-image optimales Vorgehen */
.left, .left.item-image {
  float:left;
  padding-right: 10px;
}

/***********************************************
Cassiopeia
************************************************/
/* Ersetzt Menü Unterstreichung durch normale Link unterstreichung*/
/*
.container-header .metismenu > li > a:hover:after, .container-header .metismenu > li > button:hover:before, .container-header .metismenu > li.active > a:after, .container-header .metismenu > li.active > button:before {
  background: none;
  left: 0;
  right: 0;
}

@media (width >= 992px) {
  .container-header .metismenu > li.level-1.active > a, .container-header .metismenu > li.level-1.active > button, .container-header .metismenu > li.level-1 > a:hover, .container-header .metismenu > li.level-1 > button:hover {
    text-decoration: none;
  }
}
*/

/* fixt Menü mit submenü Unterstrich: sowohl wenn aktiv als auch wen inaktiv und hover */
/* Über v */
/* ---- _*/
.container-header .metismenu > li > button:hover:before,
.container-header .metismenu > li.active > button.mm-toggler:before {
  background: none;
  left: 0;
  right: 0;
}

/* Entfernt Unterstrich unter Logo Menü Eintrag. im Menü muss  'CSS-Klasse für Link'='user-logo-ohne-linie' sein */
/* (logo) Gritzner Chor */
/*        -------------*/
.container-header .metismenu > li.active > a.user-logo-ohne-linie::after {
    background: none;
}

/*
Zur Info: Original Unterstrich CSS (hängt an :before und :after)
.container-header .metismenu > li > a:hover:after, .container-header .metismenu > li > button:hover:before, .container-header .metismenu > li.active > a:after, .container-header .metismenu > li.active > button:before {
  background: #fff;
  left: 0;
  right: 0;
}*/

/* keine Punkt um Menü-Links nach dem Klicken*/
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {
  outline: none;
}

/* Suche vertikal zentriert im main menu*/
.container-search {
  display: flex;
  align-items: center;
}

/* footer weniger hoch */
.footer .grid-child {
  padding: 1rem .5em;
}


/* Hintergrund für Main Menü */
.container-header {
	background-image: url('../images/menu_background2.jpg');
  background-position:center center;
}

/* optionale card Farbe */
.card-body {
  background-color: #e0efef;
}

/* Menü Hintergrund nicht am Menü, sondern am gesamten Content, sodass das Bild den Content überlagert.
Es muss ein Modul geben, was den Content weit genug nach unten verschiebt und das Menü darf nicht sticky sein, sondern muss normal mitscrollen. */
/*
.container-header {
  background-image:none;
  background-color:transparent;
}

.com_content {
  background-image: url('../images/menu_background2.jpg');
  background-position:top center;
  background-repeat: no-repeat;
}
*/

/***********************************************
PHOCA GALLERY FIXES
************************************************/

/*rss feed bei phoca gallery*/
.ph-si.ph-si-feed {
  display:none;
}

/* try remove back button */
/*.pg-item-box .ph-si-back-medium {
  display:none;
}*/

/***********************************************
Grundlegendes
************************************************/

/* reduziere header Größe */
h1 {
  /*font-size: 2.5rem;*/
  font-size: 2.2rem;
}
h2 {
	/*font-size: 2rem;*/
  	font-size: 1.8rem;
}

:root {
  --body-font-size: 1.1rem; /* alle fonts leicht größer */ 
  --body-bg: #fffaf3;       /* Hintergrund nicht in-your-face-weiß */
  
  /* überschreibt <keine Ahnung> */
  --font-sans-serif: -apple-system, BlinkMacSystemFont, Comfortaa, Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  
  /* überschreibt Body Font */
  --body-font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, Comfortaa, Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  /* überschreibt Überschriften Font */
  --cassiopeia-font-family-headings: var(--body-font-family);
  /*--cassiopeia-color-primary: #5a54a4;*/
}

/* schöne Schriftarten */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:400;
  src:url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'),
  url('../fonts/roboto-v47-latin-regular.woff') format('woff');
  font-display:swap
}
@font-face {
  font-family:'Comfortaa';
  font-style:normal;
  font-weight:400;
  src:url('../fonts/comfortaa-v45-latin-regular.woff2') format('woff2'),
  url('../fonts/comfortaa-v45-latin-regular.woff') format('woff');
  font-display:swap
}