/* Gesamtseite angepasst */

/*--------------------------------------------------------------------------------*/ 
/* Die rote Linie geht ganz oben über die ganze Seite. Der ganz schmale Streifen */
html {
  background-color: #d7dde0;
  border-top: 4px solid #e3000f;
  padding: 20px 10px 0px ;
}  

/* Der Hintergrund wird hier angepasst. Body ist größer als die angezeigte Seite */
body {
 padding-top: 25px;
 background-size: cover;
 background-color: white ;
 max-width: 1200px;
height: 110%;
  
 margin:  auto;
 
 /* "Coywrite" gehört noch zum Hintergrund, deshalb über Gradienten Hintergrundfarbe angepasst, oben weiß unten grau*/
/* background-image: linear-gradient(to top,  #d7dde0 5%, white 5%)*/
/*}*/



/*--------------------------------------------------------------------------------*/ 
/* Hintergrund vom Banner hat mit Bilder von Dellbrück */
.container-header {
  background-image: none; 
  background-color: white;
}

/* Die Bilderreihe oben wird in die Mitte gesetzt */
.container-header .navbar-brand {
margin: auto;
}


/* Menue anpassen --------------------------------------------------------------------------------*/ 
/* Menu wird auf die Mitte gesetzt */
.container-header .grid-child  {
   justify-content: center; 
   max-width: 100%;
  
 }

/* Schriftzug Menü auf SPD-Rot gesetzt und Schriftfarbe geändert */
.container-header .mod-menu {
    flex-wrap: wrap; 
  color: #e3000f; /* war vorher weiß */
  border-top: 3px solid #e3000f;
  font-family: arial;
  max-width: 100%;
}

/* So wie das Menu normal aussieht. */
.container-header .mod-menu a {
 color: #e3000f; /* Untermenu wird Schriftfarbe gesetzt */
 font-size: 0,15rem; 
 background-color: white; /* War vorher rot, aber der Link für Untermenu konnte ich nicht ansprechen */
 border-radius: 10px 10px 10px 10px;
 padding-left: 3px;
 padding-right: 3px;  
}

/* Menü toggelt mit rotem Hintergrund und weißer Schrift */
.container-header .mod-menu a:hover {
  color: #e3000f; /* War vorher Rot */
  font-family: Arial;
/*  font-weight: bold; */
/*  background-color: #e3000f; */
  border-radius: 4px 4px 4px 4px;
  padding-left: 3px; 
  padding-right: 3px;
}

/* Hier werden die Menupunkte beim Mausüberfahren unterstrichen */
.container-header .metismenu.mod-menu .metismenu-item>a:hover {
text-decoration: underline red 3px;
}

/* Untermenu Schriftfarbe auf Rot gesetzt */
.container-header .mtismenu-item  {
  color: red;
}

/* Hamburger Menue für Smartphone */
.container-header .navbar-toggler {
  color: #e3000f;
  cursor: pointer;
  border: 1px solid #e3000f;
}



/* Breadcrump Navigationsleiste Modul--------------------------------------------------------------------------------*/ 
/* Navigationsleiste Trenner auf //  geändert und Farbe auf Rot gewechselt */
.breadcrumb-item+.breadcrumb-item:before {
  content: var(--breadcrumb-divider,"//");
  color:  #e3000f;
   background-color: #ededed;
}

/* Navigationsleiste Farbe auf Rot ändern */
/* Anfangstext "Aktuelle Seite" */
.breadcrumb {
  color: #e3000f;
    background-color: #ededed;
}

.breadcrumb a {
    color: #e3000f;
    background-color: #ededed;
}

/* Farbänderung bei Anzeige aktuelle Seite */
.breadcrumb > .active {
   color: #e3000f;
    background-color: #ededed;
}  



/* Content Modul Dort wo die Berichte zu sehen sind --------------------------------------------------------------------------------*/ 
/* hier wird Modul von "Component oder Main oder Content" bearbeitet. Drei Namen für ein Bereich */
.container-component {
 padding-left: 20px;
 padding-right: 20px; 

}
  
/* Für alle Beiträge unter Aktuell wird der Page-Header (Überschtift) auf rot gesetzen */
/* Vielleicht gibt es eine andere Lösung, direkt bei dem Titel* eines Beitrages. */
.com-content-category-blog__item .item-content .page-header {
    --cassiopeia-color-link: #e3000f;
}

/*Optische Trennung zwischen zwei Blockeinträge. Hier bei Aktuell. Zwecks besserer Lesbarkeit. "item" bezieht sich auf einzelne Beiträge  */
  .com-content-category-blog__item {
   margin-top: 20px; 
   border-top: 2px solid #e3000f; 
  
}  




/* Alle Links, gesamte Webseite werden auf rot gesetzt. In der Weiterentwicklung Code der Seite anpassen und löschen. */
a {
 color: #e3000f;
}


/*-------------------------------------------------------------------------------------------------------------------------------------*/ 

/* Modul rechte Seite, wo die Elemente Search, Aktuell, Kalender, etc., zusammengefasst sind */
.container-sidebar-right {
  padding-right: 20px;
  max-width: 100%;  
  background-color: white; 

  }

/* Der Inhalt (einzelen Boxen) von Search, Aktuell, Kalender, etc. wird verändert */
.sidebar-right {
  color: #e3000f ;
  font-family: Arial;
  background-color: #ededed;    
}

/* Hintergrund von den Überschriften werden verändert, rechte Seite "Suchen, Kalender, etc.  */
.sidebar-right .card-header {
  font-size: 150%;
  color: black;
  background-color: #ededed;
  border-bottom: 3px solid #ededed;
  }

.sidebar-right .card-body {
  font color:  #e3000f ;
  text-align: left;
}




/* Neueste Artikel  Modul --------------------------------------------------------------------------------*/ 
/* Veränderungen rechts innerhalb von "neueste Artikel" */
.sidebar-right .mod-articleslatest {
   Padding-left: 20px;
}

/* In den "neuste Artikel" wird der eingeblendete Link in Rot überschrieben */
.mod-articleslatest.latestnews.mod-list {
 --cassiopeia-color-link: #e3000f;
 /* Hier werden die Häckchen über UNIcode gesetzt */ 
 list-style-type: "\2713\00A0";
 color: black;
}




/* Login Modul --------------------------------------------------------------------------------*/ 
/* Dies ist das Login Modul. Schrift auf Farbe Rot gesetzt. */
.sidebar-right .mod-login__userdata {
 --cassiopeia-color-link: #e3000f
 color: #e3000f !important;
}

/* Button "Anmelden" im Login Modul Farbe geändert */
.sidebar-right .mod-login__submit {
  --cassiopeia-color-primary: #e3000f ;
}

/* Das Menue rechts wird angezeigt wenn der Benutzer eingeloggt ist. */
.sidebar-right .mod-menu {
  text-align: left;
  padding-left: 20px;
 }


/* Modul Suchen Farbe vom Such-Bottom auf ROT ändern.--------------------------------------------------------------------------*/
.sidebar-right .mod-finder .mod-finder__search .btn {
  background-color: #e3000f;
  border: 0px;
}




/* Footer --------------------------------------------------------------------------------*/ 
/* Hintergrund Footer "Impressom etc:" auf leicht grau gesetzt und Schriftfarbe geändert */
.container-footer {
 background-color: #d7dde0; 
 background-image: unset; 
/*  color: #e3000f; */
  font-family: Arial;
  font-weight: bold;
  padding: 14px 10px 10px;
}

/* Footer selber wird verändert.*/
.footer .grid-child {
  padding: 1em; 
 background-color: #d7dde0; 
  border-top: 3px solid white;
  max-width: 100%;  

} 

/* Innerhalb des Footers wird der Text nach links gesetzt. */
.footer .nav-item {
  text-align: left;
}


.mceContentBody  {
    color: blue;
	font-size: 24px;
}