/*  ----- Schriftart  wipsitown */
body {
      font-family: 'Verdana', sans-serif';
	  font-size: 1.25rem;
      body-font-size: 1.2rem !important; 
}

/*  alle Schriften sezten auf die unten angegebene Schriftart */ 
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Verdana', sans-serif';
  font-weight:var(--cassiopeia-font-weight-headings,700)
  
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  
}
  
  
  
/* Hintergrundbild gesamte Seite ---- */
body.site {
	background: transparent;
/*	background-image: url(../../../../../images/background.jpg); --- */
	background-image: url(../images/crayons-623067_1920.webp);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
  
  

/* Breadcrumb anpassen */
.breadcrumb {
  /* background-color: rgba(200,200,200,0.8);  */
  background-color: rgba(250, 250, 250, 0.87);
  border-radius: 10px;
  box-shadow: 6px 6px 6px #666;
/* font-size: 1.2rem;
font-weight: 400; */

}
  
  
 /* Für Beiträge allgemein */
p {
    font-size: 1.25rem !important; /* Ändern Größe nach Bedarf */
	margin-top: 0.1rem;
	margin-bottom: 0.3rem;
}
 
 ol, ul, dl {
    font-size: 1.2rem;
	margin-top: 0.1rem;
	margin-bottom: 0.5rem;
}
 
 
 
/*Menü-Einstellungen (Abstände, Größe)*/
.metismenu.mod-menu .metismenu-item {
  font-size: 1.5rem;
  line-height: 1.5; 
}

/* Meue klappt von selbst auf - keine Submenues!
  https://forum.joomla.de/thread/15118-cassiopeia-metismenu-hoverable/?postID=116314#post116314
  */  
.container-nav li.level-1.deeper.parent:hover > ul {display:block !important;}
/* ---------------  */


/* Wort 'Suchen' verschwinden lassen bei der Suche  */
.mod-finder__search.input-group button {
	font-size: 0;
}
.icon-search::before {
  font-size: 1rem;
}

/* Breite des Suchfelds verringern 
@media (width >= 992px) {
  .awesomplete > input {
    max-width: 100px;
  }
}
*/



/*Hauptbeitrags-Hintergrund - Achtung - Transparenz */
.blog-item {
  /*background-color:white;  */
  background-color: rgba(250, 250, 250, 0.5);
  border-radius: 10px;
  box-shadow: 6px 6px 6px #666;
  /*
  padding:32px; /*Abstand rundherum
  border: 1px solid #555555;
  background-color: #fafafa;
  border-radius: 10px;
  box-shadow: 6px 6px 6px #666;
  */
  
}

.blog-items {
  padding-left:  4px;   
}


.item-content {
  padding:32px; /*Abstand rundherum*/
  border: 1px solid #555555;
/*  background-color: #fafafa; */
  background-color: rgba(250, 250, 250, 0.95);
  border-radius: 10px;
  box-shadow: 6px 6px 6px #666;
}

/*Beitrags-Hintergrund  - Einzel - Beitrags-Transparenz*/
.com-content-article {
  background-color:white;
  padding:32px; /*Abstand rundherum*/
  margin-bottom: 20px;
  border: 1px solid #555555;
/*  background-color: #fafafa;  */
  border-radius: 10px;
  box-shadow: 6px 6px 6px #666;
  background-color: rgba(250, 250, 250, 0.97);
}


div.blog-items:nth-child(1)

 
/*Suche Hintergrund*/
.com-finder {
/*  background-color:white;   */
  background-color: rgba(250, 250, 250, 0.97);
  padding:32px;
  margin-bottom: 20px;
  border: 1px solid #555555;
  border-radius: 10px;
}

#search-results {
/*  background-color:white;   */
  background-color: rgba(250, 250, 250, 0.97);
  padding:32px;
  margin-bottom: 20px;
  border: 1px solid #555555;
  border-radius: 10px;
}

/* Wort 'Suchen' verschwinden lassen bei der Suche 
.mod-finder__search.input-group button {
	font-size: 0;
}
.icon-search::before {
  font-size: 1rem;
}   */



/* Breite des Suchfelds verringern 
@media (width >= 992px) {
  .awesomplete > input {
    max-width: 100px;
  }
}   */


/* Breite des Suchfelds verringern  */
@media {
  .awesomplete > input {
    max-width: 100px;
  }
}


 
 


/*

body {
background-color: #eee;
}

*/

/* Box auf der Startseite */
.wp_b_box {
   padding: 10px;
   background: #6d757e;
   color: #fff	;
   border: 1px solid #0088cc;
   border-radius: 10px;
   font-size: 17px;
}

/* Module unten ###########  */
.card {
  padding:15px; /*Abstand rundherum */
  margin-bottom: 20px;
  border: 1px solid #555555;
/*  background-color: #fafafa;  */
  background-color: rgba(250, 250, 250, 0.95);
  border-radius: 10px;
  box-shadow: 6px 6px 6px #666;
}


/* Neue css für Listen - schließt Breadcrumps aus --- */
.hauptpunkte {
  counter-reset: hauptpunkt; /* Hauptzähler für Hauptpunkte */
  list-style: none; /* Entfernt Standard-Aufzählungszeichen */
}

.hauptpunkte > li {
  counter-increment: hauptpunkt; /* Hauptzähler erhöhen */
}

.hauptpunkte > li::before {
  content: counter(hauptpunkt) ". "; /* Setzt den Hauptzähler mit Punkt */
}

.hauptpunkte ol {
  counter-reset: unterpunkt; /* Unterzähler für Unterpunkte */
}

.hauptpunkte ol > li {
  counter-increment: unterpunkt; /* Unterzähler erhöhen */
}

.hauptpunkte ol > li::before {
  content: counter(hauptpunkt) "." counter(unterpunkt) " "; /* Setzt den Unterzähler mit Hauptzähler */
}

.hauptpunkte ol ol {
  counter-reset: unterunterpunkt; /* Unter-Unterzähler für Unter-Unterpunkte */
}

.hauptpunkte ol ol > li {
  counter-increment: unterunterpunkt; /* Unter-Unterzähler erhöhen */
}

.hauptpunkte ol ol > li::before {
  content: counter(hauptpunkt) "." counter(unterpunkt) "." counter(unterunterpunkt) " "; /* Setzt den Unter-Unterzähler */
}


/* Farbverläufe für Header und Footer  */


/* Header-Hintergrund  (alt)
.container-header {
background: #6d757e;
}

.container-footer {
background: #6d757e;
}
*/ 


.container-header {
    background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%); 
}

.container-footer {
    background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%); 
}

/* Farbverläufe für Header und Footer   ENDE */



/* Eingefügt wegen Tabellen  https://www.ditig.com/responsive-full-width-table  */
/* Tagesablauf - responsive */
.tagesablauf {
  --accent: #3399ff;
  --bg: #ccffcc;
  --text: #003;
  max-width: 900px;
  margin: 0 auto;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: var(--text);
}

/* Desktop / large: normale Tabelle */
.tagesablauf table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  box-shadow: 0 0 0 3px rgba(51,153,255,0.12) inset;
  border-radius: 13px;
  overflow: hidden;
}

.tagesablauf thead th {
  background: linear-gradient(180deg,var(--accent) 0%, #2b86e6 100%);
  color: #fff;
  text-align: left;
  padding: 12px 16px;
  font-weight: 700;
  font-size: 0.95rem;
}

.tagesablauf tbody td {
  background: var(--bg);
  padding: 12px 16px;
  border-top: 1px solid rgba(0,0,0,0.06);
  vertical-align: middle;
/*  font-size: 0.95rem;  Schriftgröße in der Tabelle */
  font-size: 1.1rem;
}

/* alternate row subtle */
.tagesablauf tbody tr:nth-child(odd) td {
  filter: brightness(0.995);
}

/* small screens: stack rows as cards */
@media (max-width: 720px) {
  .tagesablauf table, .tagesablauf thead, .tagesablauf tbody, .tagesablauf th, .tagesablauf td, .tagesablauf tr {
    display: block;
  }

  .tagesablauf thead {
    display: none;
  }

  .tagesablauf tbody tr {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin: 10px 0;
    background: var(--bg);
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  }

  .tagesablauf tbody td {
    display: flex;
    justify-content: space-between;
    padding: 6px 8px;
    border-top: none;
    font-size: 0.98rem;
  }

  .tagesablauf tbody td::before {
    content: attr(data-label);
    font-weight: 700;
    margin-right: 8px;
    color: rgba(0,0,0,0.65);
  }

  /* make the time column stand out */
  .tagesablauf .time {
    font-weight: 700;
    color: #063;
  }
}