/* Die Hintergrundfarbe auf grün angepasst; Schriftgröße generell vergrößert */
:root {
--cassiopeia-color-primary: #666633;
--cassiopeia-color-link:  #666633;
--cassiopeia-color-hover: #666633;
--link-color: #666633;
--link-hover-color: #666633;
--body-font-size: 1.125rem;
--body-color: #1C1C0E;
}

/*Brandname*/
.container-topbar {
    background-color: #fff; /* Hintergrundfarbe der Topbar */
    color: #000;
    border-bottom: 3px solid #CCCC66;
  padding: 10px;
} 

/*Kategorieblog umrandete (geboxte) Teaser*/
.boxed .blog-item {
  box-shadow: 0 0 1px #6666661a, 0 1px 3px #66666614, 0 2px 10px #66666614, inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color: #fff;
}

.body {
  color: #1C1C0E; /* Dunkelgrün */
}

/*button AcyMailing*/
.acysubbuttons input.btn.btn-primary.button.subbutton {
background-color: white;
color: #1C1C0E;
}

.acysubbuttons input.btn.btn-primary.button.subbutton:hover {
background-color: #CCCC66;
color: #1C1C0E;
}

/*pagination in grün*/
.pagination {
  --pagination-padding-x: .75rem;
  --pagination-padding-y: .375rem;
  --pagination-font-size: 1rem;
  --pagination-color: var(--link-color);
  --pagination-bg: var(--body-bg);
  --pagination-border-width: var(--border-width);
  --pagination-border-color: var(--border-color);
  --pagination-border-radius: var(--border-radius);
  --pagination-hover-color: var(--link-hover-color);
  --pagination-hover-bg: var(--tertiary-bg);
  --pagination-hover-border-color: var(--border-color);
  --pagination-focus-color: var(--link-hover-color);
  --pagination-focus-bg: var(--secondary-bg);
  --pagination-focus-box-shadow: 0 0 0 .25rem #CCCC6640;
  --pagination-active-color: #1C1C0E;
  --pagination-active-bg: #CCCC66;
  --pagination-active-border-color: #CCCC66;
  --pagination-disabled-color: var(--secondary-color);
  --pagination-disabled-bg: var(--secondary-bg);
  --pagination-disabled-border-color: var(--border-color);
  padding-left: 0;
  list-style: none;
  display: flex;
}