/* NaJu BW */
:root {
  --white: #fff;
  --black: #000;
  --trans: transparent;
  --naju-rot: #E2091B;
  --naju-gruen: #147C30;
  --naju-gruen-light: #719D25;
  --naju-grau: #999999;
  --naju-rot-dunkel: #672724;
  --main-color: var(--naju-rot);
  --second-color: var(--naju-gruen);
  --second-color-hilite: var(--naju-gruen-light);
  --text-reverse: white;
  --text-reverse-hilite: var(--naju-grau);
  --text: var(--naju-grau);
  --text-hl: var(--naju-gruen-light);
  --text-hilite: var(--naju-gruen);
  --link-color: var(--naju-gruen);
  --link-color-hilite: var(--naju-grau);
  --btn-bg: var(--naju-gruen);
  --btn-bg-hilite: var(--naju-gruen-light);
  --btn-text: var(--white);
  --btn-text-hilite: var(--white);
}

body {
  font-family: sans-serif;
  color: var(--naju-grau);
}

.bg-secondary, .bg-primary {
  background-color: transparent !important;
}

.bg-secondary {
  padding-top: 0 !important;
}

footer.bg-secondary, footer.bg-primary {
  color: var(--text-reverse);
  background-color: var(--second-color) !important;
}

.sticky-top {
  position: inherit;
  top: inherit;
  z-index: inherit;
}

#header-menu,
#page-footer {
  box-shadow: none;
}

h2,
h3,
h4 {
  color: var(--main-color);
}

a {
  color: var(--second-color);
}
a:link:hover, a:hover {
  color: var(--link-color-hilite);
}

h1 {
  color: var(--text-hl);
}

h1 {
  font-size: clamp(2rem, 3.636vw + 1.273rem, 4rem);
}

.crm-container h2,
.crm-container h3,
.crm-container h4,
.crm-container fieldset legend {
  color: var(--main-color);
}
.crm-container a.button,
.crm-container a.button:visited,
.crm-container a.button:link,
.crm-container .crm-accordion-bold > summary,
.crm-container .crm-button {
  font-weight: bold;
  height: 30px;
  border-radius: 0;
  text-shadow: transparent 0 0;
  background-color: var(--btn-bg);
  border-color: var(--btn-bg);
  color: var(--btn-text);
  border-radius: 0;
  line-height: 1.5;
  padding: 4px 10px;
}
.crm-container a.button:hover,
.crm-container a.button:visited:hover,
.crm-container a.button:link:hover,
.crm-container .crm-accordion-bold > summary:hover,
.crm-container .crm-button:hover {
  background-color: var(--btn-bg-hilite);
  border-color: var(--btn-bg-hilite);
  color: var(--btn-text-hilite);
}
.crm-container a,
.crm-container a:link {
  color: var(--link-color);
}
.crm-container a:hover,
.crm-container a:link:hover {
  color: var(--link-color-hilite);
}

.crm-container .crm-section .label {
  width: 25%;
}
.crm-container .crm-section .content {
  margin-left: calc(25% + 10px);
}
.crm-container .crm-form-textarea, .crm-container .crm-form-text {
  max-width: 100%;
}

.block-local-tasks-block li,
.block-local-tasks-block li:hover {
  border-color: transparent;
}

.block-local-tasks-block li.active,
.btn-primary {
  border-color: transparent;
  border-radius: 0;
  background-color: var(--btn-bg);
}

.form-login .page-title:before {
  background-color: var(--text-hl);
}

.block-local-tasks-block li.active:hover,
.btn-primary:hover {
  color: var(--btn-text-hilite);
  background-color: var(--btn-bg-hilite);
  border-color: var(--btn-bg-hilite);
}

.region-header-branding-mobile,
.region-header-branding {
  justify-content: flex-end;
  padding: 0 15px;
}
.region-header-branding-mobile img[src*=logo],
.region-header-branding img[src*=logo] {
  width: 160px;
  max-width: 33vw;
  margin-bottom: 20px;
}

footer .region-footer-left {
  padding-left: 0 !important;
}
footer .region-footer-left .block ul li {
  margin: 0;
}
footer .region-footer-left .block ul li + li {
  margin-left: 2rem;
}
footer .region-footer-left .block ul li:before {
  display: none !important;
}