:root {
  --flightgreen: #abc911;
  --fgreen: #4eb043;
  --fdarkgreen: #087047;
  --fturquoise: #12856b;
  --flightblue: #0f7698;
  --fblue: #193e93;
  --fdarkblue: #2b2671;
  --flightpurple: #90338d;
  --fpurple: #5a2158;
  --fdarkpurple: #351434;
  --flightred: #f2535f;
  --fred: #e52a39;
  --fdarkred: #a9202b;
  --flightorange: #f99d6b;
  --forange: #ef7737;
  --fdarkorange: #c74d0c;
  --flightyellow: #fedc6d;
  --fyellow: #fdc91f;
  --fdarkyellow: #c99b04;
  --fdarkgrey: #6e6f6e;
  --flightgrey: #9c9c9c;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


body {
  padding-top: 70px;
}



a.big, p.big, ul.big, li.big {
  font-size: 1.2rem;
}

a.small, p.small, li.small {
  font-size: 0.8rem;
}


a.greenbold {
    color: #4eb043;
    font-weight: bold;
    text-decoration: none;
}

a.greenlight {
    color: #4eb043;
    font-weight: light;
    text-decoration: none;
}

h3.zitat {
    text-transform: uppercase;
    color: #4eb043;
}

span.kinder {
  color: #4eb043;
}

span.kita {
  color: #90338d;
}

span.teens {
  color: #0f7698;
}

span.erwachsene {
  color: #193e93;
}

span.senioren {
  color: #ef7737;
}

span.family {
  color: #e52a39;
}

span.offen {
  color: #c99b04;
}

.bg-farbenreich-green {
  background-color: #4eb043 !important;
}

a.bg-farbenreich-green:hover, a.bg-farbenreich-green:focus,
button.bg-farbenreich-green:hover,
button.bg-farbenreich-green:focus {
  background-color: #4eb043 !important;
}

.bg-farbenreich-darkgrey {
  background-color: #6e6f6e !important;
}

a.bg-farbenreich-darkgrey:hover, a.bg-farbenreich-darkgrey:focus,
button.bg-farbenreich-darkgrey:hover,
button.bg-farbenreich-darkgrey:focus {
  background-color: #6e6f6e !important;
}

ul {
  list-style: none;
}

ul.doch {
  list-style: disc;
}

.btn-farbenreich-green {
  color: #fff;
  background-color: #4eb043;
  border-color: #3f8a36;
}

.btn-farbenreich-green:hover {
  color: #fff;
  background-color: #3f8a36;
  border-color: #4eb043;
}

.btn-farbenreich-green:focus, .btn-farbenreich-green.focus {
  color: #fff;
  background-color: #3f8a36;
  border-color: #4eb043;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-farbenreich-green.disabled, .btn-farbenreich-green:disabled {
  color: #fff;
  background-color: #9d9d9c;
  border-color: #9d9d9c;
}

.btn-farbenreich-green:not(:disabled):not(.disabled):active, .btn-farbenreich-green:not(:disabled):not(.disabled).active,
.show > .btn-farbenreich-green.dropdown-toggle {
  color: #fff;
  background-color: #9d9d9c;
  border-color: #9d9d9c;
}

.btn-farbenreich-green:not(:disabled):not(.disabled):active:focus, .btn-farbenreich-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-farbenreich-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}


a {
  color: #4eb043;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #3f8a36;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

.white {
  color: #fff;
}

.fred {
  color: #e52a39;
}

.fgreen {
  color: #4eb043;
}

.fblue {
  color: #193e93;
}

a.white {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

a.white:hover {
  color: #fff;
  text-decoration: underline;
}

a.sonder {
  color: #5a2158;
  text-decoration: none;
  background-color: transparent;
}

a.sonder:hover {
  color: #90338d;
  text-decoration: underline;
}


.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.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='%230c63e4'%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");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%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");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 1rem 1.25rem;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}


.bg-fgreen {
  background-color: #4eb043 !important;
  color: #fff;
}

a.bg-fgreen:hover, a.bg-fgreen:focus,
button.bg-fgreen:hover,
button.bg-fgreen:focus {
  background-color: #abc911 !important;
}


.table-fgreen,
.table-fgreen > th,
.table-fgreen > td {
  background-color: #4eb043;
}

.table-fgreen th,
.table-fgreen td,
.table-fgreen thead th,
.table-fgreen tbody + tbody {
  border-color: #abc911;
}

.table-hover .table-fgreen:hover {
  background-color: #087047;
}

.table-hover .table-fgreen:hover > td,
.table-hover .table-fgreen:hover > th {
  background-color: #abc911;
}


.bg-fblue {
  background-color: #193e93 !important;
  color: #fff;
}

a.bg-fblue:hover, a.bg-fblue:focus,
button.bg-fblue:hover,
button.bg-fblue:focus {
  background-color: #0f7698 !important;
}


.table-fblue,
.table-fblue > th,
.table-fblue > td {
  background-color: #193e93;
}

.table-fblue th,
.table-fblue td,
.table-fblue thead th,
.table-fblue tbody + tbody {
  border-color: #2b2671;
}

.table-hover .table-fblue:hover {
  background-color: #0f7698;
}

.table-hover .table-fblue:hover > td,
.table-hover .table-fblue:hover > th {
  background-color: #2b2671;
}


.bg-fpurple {
  background-color: #5a2158 !important;
  color: #fff;
}

a.bg-fpurple:hover, a.bg-fpurple:focus,
button.bg-fpurple:hover,
button.bg-fpurple:focus {
  background-color: #90338d !important;
}


.table-fpurple,
.table-fpurple > th,
.table-fpurple > td {
  background-color: #5a2158;
}

.table-fpurple th,
.table-fpurple td,
.table-fpurple thead th,
.table-fpurple tbody + tbody {
  border-color: #351434;
}

.table-hover .table-fpurple:hover {
  background-color: #90338d;
}

.table-hover .table-fpurple:hover > td,
.table-hover .table-fpurple:hover > th {
  background-color: #351434;
}

.bg-fred {
  background-color: #e52a39 !important;
  color: #fff;
}

a.bg-fred:hover, a.bg-fred:focus,
button.bg-fred:hover,
button.bg-fred:focus {
  background-color: #f2535f !important;
}


.table-fred,
.table-fred > th,
.table-fred > td {
  background-color: #e52a39;
}

.table-fred th,
.table-fred td,
.table-fred thead th,
.table-fred tbody + tbody {
  border-color: #a9202b;
}

.table-hover .table-fred:hover {
  background-color: #f2535f;
}

.table-hover .table-fred:hover > td,
.table-hover .table-fred:hover > th {
  background-color: #a9202b;
}


.bg-forange {
  background-color: #ef7737 !important;
  color: #fff;
}

a.bg-forange:hover, a.bg-forange:focus,
button.bg-forange:hover,
button.bg-forange:focus {
  background-color: #f99d6b !important;
}


.table-forange,
.table-forange > th,
.table-forange > td {
  background-color: #ef7737;
}

.table-forange th,
.table-forange td,
.table-forange thead th,
.table-forange tbody + tbody {
  border-color: #c74d0c;
}

.table-hover .table-forange:hover {
  background-color: #f99d6b;
}

.table-hover .table-forange:hover > td,
.table-hover .table-forange:hover > th {
  background-color: #c74d0c;
}


.bg-fyellow {
  background-color: #fdc91f !important;
  color: #fff;
}

a.bg-fyellow:hover, a.bg-fyellow:focus,
button.bg-fyellow:hover,
button.bg-fyellow:focus {
  background-color: #fedc6d !important;
}


.table-fyellow,
.table-fyellow > th,
.table-fyellow > td {
  background-color: #fdc91f;
}

.table-fyellow th,
.table-fyellow td,
.table-fyellow thead th,
.table-fyellow tbody + tbody {
  border-color: #c99b04;
}

.table-hover .table-fyellow:hover {
  background-color: #fedc6d;
}

.table-hover .table-fyellow:hover > td,
.table-hover .table-fyellow:hover > th {
  background-color: #c99b04;
}



.cc_container .cc_btn {
background-color: #4eb043 !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}

.cc_container {
background: #fff !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #6e6f6e !important; /* Schriftfarbe des gesamten Bereichs */
}

.cc_container a {
color: #4eb043 !important; /* Textlink-Farbe "Mehr Infos" */
}