body {
  font-family: Arial, Sans-Serif;
  font-size: 1.1rem;
}

a {
  color: #8E140B;
}

a:hover {
  color: #E42011;
}

.container-header {
 border-bottom: 3px solid #E42011;
 background-color: #f2f2f2fe;
 background-image: none;
}

.container-header .mod-menu {
   color: #E42011;  
}

.container-component {
  background-color: #fdfdfd99;
  padding: 1em;
}
.footer {
 background-color: #f2f2f2fe;
 background-image: none;
 margin-top: 0;
}

.site-grid {
  background-color: #fafafa;
  background-size: cover;
  background-attachment: fixed;
}

.blog-item {
 background-color: #f1f1f166;
 border-radius: 0.5em;
}

.item-content {
 margin: 1em;
}

.card {
 background-color: #fdfdfd99;
}

.right.item-image {
  float: right;
  margin-left: 1em;
 margin-bottom: 1em;
}


.left.item-image {
  float: left;
  margin-right: 1em;
 margin-bottom: 1em;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Arial, Sans-Serif;
 font-weight:var(--cassiopeia-font-weight-headings,700)
}

@media (max-width:991.98px) {
   .site-grid {
    background-image: none;
  }
}
/*CSS-Klasse Einleitungsbild*/
.einleitungsbild-links.item-image {
float: left;
padding-top: 5px;
padding-right: 10px;
max-width: 50%;
}

/*CSS-Klasse Beitragsbild*/
.bild-links.img-fluid {
float: left;
padding-top: 5px;
padding-right: 10px;
max-width: 25%;
}