:root{
  --hjr-rv-ci-orange: #EC6608; /* rgb(236, 102, 8) */
  --hjr-rv-black-font: #090D0D; /* rgb(9, 13, 13) */
  --hjr-rv-white-font: #FFF;

  --hjr-fond-beige: #EAE3D5; /* rgb(234, 227, 213) */
  --hjr-typo-beige: #D6CDBB; /* rgb(214, 205, 187) */
  --hjr-fond-blauschwarz: #3A525E; /* rgb(58, 82, 94) */
  --hjr-typo-blauschwarz: #1B2327; /* rgb(27, 35, 39) */
  --hjr-fond-taubenblau: #6f95aa; /* rgb(111,149,170) */

  --hjr-rv-ci-orange-semi: rgba(255, 102, 0, 0.7);
  --hjr-rv-fond-beige-semi: rgba(234, 227, 213, 0.7); 
  --hjr-typo-beige-semi: rgba(214, 205, 187, 0.7);
  --hjr-fond-blauschwarz-semi: rgba(58, 82, 94, 0.7);
  --hjr-typo-blauschwarz-semi: rgba(27, 35, 39, 0.7);

  --hjr-rv-ci-orange-semi-light: rgba(255, 102, 0, 0.5);
  --hjr-rv-fond-beige-semi-light: rgba(234, 227, 213, 0.5); 
  --hjr-typo-beige-semi-light: rgba(214, 205, 187, 0.5);
  --hjr-fond-blauschwarz-semi-light: rgba(58, 82, 94, 0.5);
  --hjr-typo-blauschwarz-semi-light: rgba(27, 35, 39, 0.5);
  
  --hjr-rv-ci-orange-semi-dark: rgba(255, 102, 0, 0.9);
  --hjr-rv-fond-beige-semi-dark: rgba(234, 227, 213, 0.9); 
  --hjr-typo-beige-semi-dark: rgba(214, 205, 187, 0.9);
  --hjr-fond-blauschwarz-semi-dark: rgba(58, 82, 94, 0.9);
  --hjr-typo-blauschwarz-semi-dark: rgba(27, 35, 39, 0.9);

/* override bs vars */
  --bs-dark-rgb: var(hjr-rv-black-font); 
  --bs-body-font-family:"Barlow", Helvetica, sans-serif;
  --bs-body-font-size: 17px;
}

/* Hintrtgrund-Farben */
.hintergrund-fond-beige, .hintergrund-fond-beige > .defaultBackground, .hintergrund-fond-beige > h1, .hintergrund-fond-beige > h2, .hintergrund-fond-beige > h3, .hintergrund-fond-beige > h4, .hintergrund-fond-beige > h5, .hintergrund-fond-beige > h6 { background: var(--hjr-fond-beige);}

.hintergrund-typo-beige, .hintergrund-typo-beige > .defaultBackground, .hintergrund-typo-beige > h1, .hintergrund-typo-beige > h2, .hintergrund-typo-beige > h3, .hintergrund-typo-beige > h4, .hintergrund-typo-beige > h5, .hintergrund-typo-beige > h6 { background: var(--hjr-typo-beige);}

.hintergrund-fond-blauschwarz, .hintergrund-fond-blauschwarz > .defaultBackground, .hintergrund-fond-blauschwarz > h1, .hintergrund-fond-blauschwarz > h2, .hintergrund-fond-blauschwarz > h3, .hintergrund-fond-blauschwarz > h4, .hintergrund-fond-blauschwarz > h5, .hintergrund-fond-blauschwarz > h6 { background: var(--hjr-fond-blauschwarz); }
.hintergrund-fond-blauschwarz .accordion, .hintergrund-fond-blauschwarz .accordion-item, .hintergrund-fond-blauschwarz .accordion-button {background-color: var(--hjr-fond-blauschwarz);}
.hintergrund-fond-blauschwarz .accordion-button:focus { box-shadow: var(--hjr-fond-blauschwarz); }
.hintergrund-fond-blauschwarz .accordion-button:not(.collapsed) { background-color: var(--hjr-fond-blauschwarz); }

.hintergrund-typo-blauschwarz, .hintergrund-typo-blauschwarz > .defaultBackground, .hintergrund-typo-blauschwarz > h1, .hintergrund-typo-blauschwarz > h2, .hintergrund-typo-blauschwarz > h3, .hintergrund-typo-blauschwarz > h4, .hintergrund-typo-blauschwarz > h5, .hintergrund-typo-blauschwarz > h6 { background:var(--hjr-typo-blauschwarz); }
.hintergrund-fond-taubenblau, .hintergrund-fond-taubenblau > .defaultBackground, .hintergrund-fond-taubenblau > h1, .hintergrund-fond-taubenblau > h2, .hintergrund-fond-taubenblau > h3, .hintergrund-fond-taubenblau > h4, .hintergrund-fond-taubenblau > h5, .hintergrund-fond-taubenblau > h6 { background: var(--hjr-fond-taubenblau);}

.hintergrund-helllachs, .hintergrund-helllachs > .defaultBackground, .hintergrund-helllachs h1, .hintergrund-helllachs h2, .hintergrund-helllachs h3, .hintergrund-helllachs h4, .hintergrund-helllachs h5, .hintergrund-helllachs h6, .hintergrund-helllachs .sxOnePageNavContainer .sxOnePageNav {
  background: #fef7f3 !important;
}

/* Hintergrund semitransparent */ 
.col-between-bg-semi-transparent-typo-blauschwarz .col-between{ background-color: var(--hjr-typo-blauschwarz-semi) }
.col-left-bg-semi-transparent-typo-blauschwarz .col-first, .col-left-bg-semi-transparent-typo-blauschwarz .column-container-left{ background-color: var(--hjr-typo-blauschwarz-semi) }
.col-right-bg-semi-transparent-typo-blauschwarz .col-last, .col-right-bg-semi-transparent-typo-blauschwarz .column-container-right{ background-color: var(--hjr-typo-blauschwarz-semi) }

.col-between-bg-semi-transparent-fond-blauschwarz .col-between{ background-color: var(--hjr-fond-blauschwarz-semi) }
.col-left-bg-semi-transparent-fond-blauschwarz .col-first, .col-left-bg-semi-transparent-fond-blauschwarz .column-container-left{ background-color: var(--hjr-fond-blauschwarz-semi) }
.col-right-bg-semi-transparent-fond-blauschwarz .col-last, .col-right-bg-semi-transparent-fond-blauschwarz .column-container-right{ background-color: var(--hjr-fond-blauschwarz-semi) }

.col-between-bg-semi-transparent-typo-beige .col-between{ background-color: var(--hjr-typo-beige-semi) }
.col-left-bg-semi-transparent-typo-beige .col-first, .col-left-bg-semi-transparent-typo-blauschwarz .column-container-left{ background-color: var(--hjr-typo-beige-semi) }
.col-right-bg-semi-transparent-typo-beige .col-last, .col-right-bg-semi-transparent-typo-blauschwarz .column-container-right{ background-color: var(--hjr-typo-beige-semi) }

.col-between-bg-semi-transparent-fond-beige .col-between{ background-color: var(--hjr-typo-fond-semi) }
.col-left-bg-semi-transparent-fond-beige .col-first, .col-left-bg-semi-transparent-typo-blauschwarz .column-container-left{ background-color: var(--hjr-fond-beige-semi) }
.col-right-bg-semi-transparent-fond-beige .col-last, .col-right-bg-semi-transparent-typo-blauschwarz .column-container-right{ background-color: var(--hjr-fond-beige-semi) }

/* Text-Farben */
.text-fond-beige, .text-fond-beige p, .text-fond-beige h1, .text-fond-beige h2, .text-fond-beige h3, .text-fond-beige h4, .text-fond-beige h5, .text-fond-beige h6 { color: #EAE3D5 !important; }
.text-typo-blauschwarz, .text-fond-blauschwarz p, .text-typo-blauschwarz h1, .text-typo-blauschwarz h2, .text-typo-blauschwarz h3, .text-typo-blauschwarz h4, .text-typo-blauschwarz h5, .text-typo-blauschwarz h6 { color: #D6CDBB; }
.text-fond-beige, .text-fond-beige p, .text-fond-beige h1, .text-fond-beige h2, .text-fond-beige h3, .text-fond-beige h4, .text-fond-beige h5, .text-fond-beige h6 { color: #3A525E !important; }
.text-typo-blauschwarz, .text-fond-blauschwarz p, .text-typo-blauschwarz h1, .text-typo-blauschwarz h2, .text-typo-blauschwarz h3, .text-typo-blauschwarz h4, .text-typo-blauschwarz h5, .text-typo-blauschwarz h6 { color: #1B2327; }
.text-ci-orange { color: var(--hjr-rv-ci-orange); }
.text-weiss { color: #fff; }
.text-schwarz,. text-dark { color: var(hjr-rv-black-font)}
.text-weiss .accordion { 
  --bs-accordion-color: #fff; 
  --bs-accordion-btn-color: #fff;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.text-weiss .accordion .accordion-button::after, .text-weiss .accordion .accordion-button:not(.collapsed)::after{ 
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.text-weiss .accordion { --bs-accordion-btn-color: #fff; }
.text-weiss .accordion-button::after { color: #fff; }
.text-weiss .accordion-button, .text-weiss .accordion-button:not(.collapsed) { color: #fff; }
.text-weiss .accordion-button:not(.collapsed)::after { color: #fff; }
.text-weiss .accordion-item{
  border-bottom: solid 1px #fff;
}

.text-serif, .text-serif > * { font-family: "Source Serif Pro", "Times New Roman", serif; }
.text-bold, .text-bold > * { font-weight: bold; }

.table-ci-beige.table-striped{
  --bs-table-striped-bg: rgba(234, 227, 213, 0.5);
  --bs-table-hover-bg: transparent;
  --bs-table-hover-color: #f60;
}
.table-ci-beige.table-striped thead {
  background-color: #D6CDBB;
}
.table-ci-beige.table-striped thead:hover {
  color: #333;
}