@charset "UTF-8";html {
/*  background: #444444; */
  color: #444444;
}
body {
  margin: 0;
}
/*
 * Offline-Anzeige
 */
.header {
    background-color: #f07d00;
    background-image: none;
}
.offline-card {
 /*   background-color: #f07d00; */
   }
.btn-primary {
    background-color: #f07d00;
    border-color: #f07d00;
}
/* Links
 ========================================================================== */
/*
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
  color: #f17d00; 
  text-decoration: underline;
}
/*
 * Improve readability of focused elements when they are also in an active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Headings
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px 0;
  font-family: 'Roboto';
  font-weight: 300;
  color: #444444;
  text-transform: none;
}
/*
 * Margins
 */
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 25px;
}
/*
 * Sizes
 */
h1 {
font-size: clamp(.8em, 2em, 2.1em); 
  line-height: 46px;
}
h2	{
  font-size: clamp(.7em, 1.8em, 1.9em);
  line-height: 38px;
}
h3 {
font-size: clamp(.6em, 1.6em, 1.8em);
  line-height: 23px;
}
h4 {
  font-size: (.6em, 1.6em, 1.5em);
  line-height: 1.4;
}
h5 {
  font-size: .5em;
  line-height: 1.4;
}
h6 {
  font-size: .5em;
  line-height: 16px;
}

/* Cassiopeia Kopfbereich (Logo und Co)
 ========================================================================== */
.container-header {
background: #f07d00;  
} 
 
/* Cassiopeia Kopfbereich Unter-Überschrift
 ========================================================================== */
.container-header .site-description {
  width: 100vw;
  padding-top: 1rem;
padding-left: 3rem;
 
    color: #ffffff;
  text-shadow: .2em .1em .3em #000000; /*text-shadow:horizontal vertikal gaussscherWeichzeichner Farbe */
  background-color: #f07d00;
  white-space: normal;
}
/* Cassiopeia Menubereich
 ========================================================================== */
.container-nav {
background: #000000;  
}
.container-footer {
background: #fff;  
  color: #3c5385;
} 
body {
  color: #3c5385;
}
hr {
  color: #39a275;
}
/* orange umrahmter Kasten
 ========================================================================== */
.Kasten-Orange {
  text-align: center;   
  background-color: #f1eff0;
  border: .2em solid #f17d00;
  padding: 1em;
  margin: 1em;
  font-style: italic;
}
/* Kasten für Neuigkeiten u.a. */
.news {
  font-size: clamp(.7em, 1.em, 1.4em);
  text-align: center;  
  color: red;  
  /* background-color: #dddddd; */
  background-image: url("https://www.zetmedia.de/images/Hintergrundbild/2024.png");
  background-repeat: repeat-x, space;
  border: .2em solid red;
  padding: 1em;
  margin: 0 auto;
  font-weight: bold;
  text-shadow: 0 0 1em #ffffff;
  width: 100%;
  display: inline-block;
}
.news a {
	color:red;
}
		
.news a:hover {
	color:#000000;
}	

/* responsive Bilder */
img .img-responsiv{
    max-width: 100%;
    height: auto;    
}

/* Tabellendesign
 ========================================================================== */
/* Tabellen responsive 230622 */
table {
      border-spacing: 2px;
      }
table, th, td {
      border: 1px solid #2C2C2C;
      border-collapse: collapse;
	 cellpadding: 5px;
      }
th {
	color: white;
    margin: 0,5px;	
	font-weight: 400;
	background-color: #f07d00;
	}
tr:nth-child(even) {
   background-color: #e0e0e0;
}
tr:nth-child(odd) {
   background-color: #ffffff;
}
.tabelle-1 {
	 width:300px;
	 margin:10px auto;
	 border-spacing: 2px;
}
.tabelle-1 th {
	color: white;
    margin: 0,5px;	
	font-weight: 400;
	background-color: #f07d00;
	}

.tabelle-1 tr:nth-child(even) {
   background-color: #e0e0e0;
}
.tabelle-1 tr:nth-child(odd) {
   background-color: #ffffff;
}
.tabelle-2 {
	 width:300px;
	 margin:10px auto;
	 border-spacing: 2px;
}
.tabelle-2 th {
	color: white;
    margin: 0,5px;	
	font-weight: 400;
	background-color: #f07d00;
	}

.tabelle-2 tr:nth-child(even) {
   background-color: #e0e0e0;
}
.tabelle-2 tr:nth-child(odd) {
   background-color: #ffffff;
}

/* Tabellen responsive 230622 ENDE*/

/* Cassiopeia footer
 ========================================================================== */
.container-footer {
background: #000000;  
  text-align:center;
}
/*Footer Menüzeile zentrieren*/
.container-footer .grid-child {
    justify-content: center !important;
    width: fit-content;
    flex-direction: inherit;
}

/* Listen mit eigener Grafik
 ========================================================================== */
 ul {
	 list-style-image: url(https://www.zetmedia.de/images/stories/zetmedia/ok.gif);
	 list-style-position: outside;
 }
  li li {
	 list-style-image: url(https://www.zetmedia.de/images/stories/zetmedia/ok-2.gif);
	 list-style-position: outside;
 }
   li li li {
	 list-style-image: url(https://www.zetmedia.de/images/stories/zetmedia/ok-3.gif);
	 list-style-position: outside;
 }