:root {
  --cassiopeia-color-primary: #6b6452;
  --cassiopeia-color-hover: #7a8368;
  --cassiopeia-color-link: #2f1c09;
}

/*hier wird der Header mit dem Brand-Logo, Menü usw. angesteuert */
.header {
   background: rgb(52,36,36);
background: linear-gradient(90deg, rgba(52,36,36,1) 16%, rgba(50,45,32,1) 73%);  
  /*background: rgb(66,82,86);
background: linear-gradient(90deg, rgba(66,82,86,1) 31%, rgba(54,77,87,1) 59%, rgba(42,72,88,1) 83%); */
 /*background: rgb(107,100,82);
background: linear-gradient(90deg, rgba(107,100,82,1) 31%, rgba(60,80,86,1) 59%, rgba(72,85,85,1) 83%);*/
}

body {
/*background-image: url(../images/xxxxx.jpg);
background-repeat: no-repeat;
background-size: cover;*/
 background: rgb(52,36,36);
background: linear-gradient(180deg, rgba(52,36,36,0.1) 0%, rgba(50,45,32,0.2) 35%, rgba(50,45,32,0.3) 100%);

}

.colors1 {
  --website-color-primary: 0, 203, 249;
  --website-color-hover: 242, 48, 48;
  --cassiopeia-color-primary: rgba(var(--website-color-primary),0.5);
  --cassiopeia-color-hover: rgb(var(--website-color-hover));
  --cassiopeia-color-link: rgb(var(--website-color-primary));
}

/* favicon aendern */
<link rel="apple-touch-icon" sizes="180x180" href="/media/templates/site/cassiopeia_kulturkartell/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="//media/templates/site/cassiopeia_kulturkartell/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/media/templates/site/cassiopeia_kulturkartell/images/favicon-16x16.png">
<link rel="manifest" href="/media/templates/site/cassiopeia_kulturkartell/images/site.webmanifest">
<link rel="mask-icon" href="/media/templates/site/cassiopeia_kulturkartell/images/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">




.top-a card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: rgba(0,212,255,0.1);
  background-clip: border-box;
  border: 1px solid #dfe3e7;
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}

/* Beitragsbilder in den Blogs bzw. Artikelbeitraegen*/
   .item-image {
      max-width: 100%;
      height: auto;
      }
        /* .item-image {
                  border: 2px solid #ff0000;
} */

/*Boxen der Blogbeitraege bzw. Felder der Artikelbeitraege*/

                 /*hier wird die Ueberschrift der Beitraege festgelegt*/
                 .h1, h1 {
                 font-size: 2rem;
}
                 .h2, h2 {
                 font-size: 1.5rem;
                 color: #673b18;
                 font-weight: bold;
                 font-family: "Lucida-Console", "Courier New", monospace;
}
                 .page-header {
                 color: rgb(93,55,15);
}

                /*hier wird der Schlagschatten um die Boxen gelegt*/
        .blog-item {
                  -webkit-box-shadow: 15px 10px 500px grey;
                -moz-box-shadow: 15px 10px 500px grey;
                box-shadow: 15px 10px 500px grey;
}
         /* hier wird die Schriftfarbe der Beitraege gesteuert */
        .item-content {
    color: #2f1c09;
}



/* FOOTER*/
.container-footer {
        background: rgb(93,55,15);
         background: linear-gradient(100deg, rgba(93,55,15,1) 0%, rgba(89,51,11,0.9) 35%, rgba(68,38,6,0.7) 100%);
}


.container-footer .footer-overlay {
    height: max(6000px, 1000vh);
}
@media (min-width: 768px) {
    .container-footer .footer-overlay {
        height: max(6000px, 1000vh);
    }
}
@media (min-width: 992px) {
                .container-footer .footer-overlay {
        height: max(6000px, 1000vh);
    }
}
@media (min-width: 1200px) {
    .container-footer .footer-overlay {
        height: max(6000px, 1000vh);
    }
}