:root,
[data-bs-theme="light"] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000000;
    --bs-white: #ffffff;
    --bs-gray: #6c6c6c;
    --bs-gray-dark: #313131;
    --bs-gray-100: #f8f8f8;
    --bs-gray-200: #e9e9e9;
    --bs-gray-300: #dedede;
    --bs-gray-400: #cecece;
    --bs-gray-500: #ababab;
    --bs-gray-600: #6c6c6c;
    --bs-gray-700: #494949;
    --bs-gray-800: #313131;
    --bs-gray-900: #212121;
    --bs-primary: #2a9d8f;
    --bs-secondary: #e76f51;
    --bs-tertiary: #f4a261;
    --bs-quaternary: #e9c46a;
    --bs-success: #5cb85c;
    --bs-info: #319fc0;
    --bs-warning: #f0ad4e;
    --bs-danger: #d9534f;
    --bs-default: #eaebec;
    --bs-lighter: #f8f8f8;
    --bs-light: #e9e9e9;
    --bs-dark: #313131;
    --bs-darker: #212121;
    --bs-primary-rgb: 42, 157, 143;
    --bs-secondary-rgb: 231, 111, 81;
    --bs-tertiary-rgb: 244, 162, 97;
    --bs-quaternary-rgb: 233, 196, 106;
    --bs-success-rgb: 92, 184, 92;
    --bs-info-rgb: 49, 159, 192;
    --bs-warning-rgb: 240, 173, 78;
    --bs-danger-rgb: 217, 83, 79;
    --bs-default-rgb: 234, 235, 236;
    --bs-lighter-rgb: 248, 248, 248;
    --bs-light-rgb: 233, 233, 233;
    --bs-dark-rgb: 49, 49, 49;
    --bs-darker-rgb: 33, 33, 33;
    --bs-primary-text-emphasis: #113f39;
    --bs-secondary-text-emphasis: #5c2c20;
    --bs-success-text-emphasis: #254a25;
    --bs-info-text-emphasis: #14404d;
    --bs-warning-text-emphasis: #60451f;
    --bs-danger-text-emphasis: #572120;
    --bs-light-text-emphasis: #494949;
    --bs-dark-text-emphasis: #494949;
    --bs-primary-bg-subtle: #d4ebe9;
    --bs-secondary-bg-subtle: #fae2dc;
    --bs-success-bg-subtle: #def1de;
    --bs-info-bg-subtle: #d6ecf2;
    --bs-warning-bg-subtle: #fcefdc;
    --bs-danger-bg-subtle: #f7dddc;
    --bs-light-bg-subtle: #fcfcfc;
    --bs-dark-bg-subtle: #cecece;
    --bs-primary-border-subtle: #aad8d2;
    --bs-secondary-border-subtle: #f5c5b9;
    --bs-success-border-subtle: #bee3be;
    --bs-info-border-subtle: #add9e6;
    --bs-warning-border-subtle: #f9deb8;
    --bs-danger-border-subtle: #f0bab9;
    --bs-light-border-subtle: #e9e9e9;
    --bs-dark-border-subtle: #ababab;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212121;
    --bs-body-color-rgb: 33, 33, 33;
    --bs-body-bg: #ffffff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 33, 33, 0.75);
    --bs-secondary-color-rgb: 33, 33, 33;
    --bs-secondary-bg: #e9e9e9;
    --bs-secondary-bg-rgb: 233, 233, 233;
    --bs-tertiary-color: rgba(33, 33, 33, 0.5);
    --bs-tertiary-color-rgb: 33, 33, 33;
    --bs-tertiary-bg: #f8f8f8;
    --bs-tertiary-bg-rgb: 248, 248, 248;
    --bs-heading-color: inherit;
    --bs-link-color: #2a9d8f;
    --bs-link-color-rgb: 42, 157, 143;
    --bs-link-decoration: none;
    --bs-link-hover-color: #227e72;
    --bs-link-hover-color-rgb: 34, 126, 114;
    --bs-link-hover-decoration: underline;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dedede;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(42, 157, 143, 0.25);
    --bs-form-valid-color: #5cb85c;
    --bs-form-valid-border-color: #5cb85c;
    --bs-form-invalid-color: #d9534f;
    --bs-form-invalid-border-color: #d9534f;
}

[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-color: #ababab;
    --bs-body-color-rgb: 171, 171, 171;
    --bs-body-bg: #212121;
    --bs-body-bg-rgb: 33, 33, 33;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(171, 171, 171, 0.75);
    --bs-secondary-color-rgb: 171, 171, 171;
    --bs-secondary-bg: #313131;
    --bs-secondary-bg-rgb: 49, 49, 49;
    --bs-tertiary-color: rgba(171, 171, 171, 0.5);
    --bs-tertiary-color-rgb: 171, 171, 171;
    --bs-tertiary-bg: #292929;
    --bs-tertiary-bg-rgb: 41, 41, 41;
    --bs-primary-text-emphasis: #7fc4bc;
    --bs-secondary-text-emphasis: #f1a997;
    --bs-success-text-emphasis: #9dd49d;
    --bs-info-text-emphasis: #83c5d9;
    --bs-warning-text-emphasis: #f6ce95;
    --bs-danger-text-emphasis: #e89895;
    --bs-light-text-emphasis: #f8f8f8;
    --bs-dark-text-emphasis: #dedede;
    --bs-primary-bg-subtle: #081f1d;
    --bs-secondary-bg-subtle: #2e1610;
    --bs-success-bg-subtle: #122512;
    --bs-info-bg-subtle: #0a2026;
    --bs-warning-bg-subtle: #302310;
    --bs-danger-bg-subtle: #2b1110;
    --bs-light-bg-subtle: #313131;
    --bs-dark-bg-subtle: #191919;
    --bs-primary-border-subtle: #195e56;
    --bs-secondary-border-subtle: #8b4331;
    --bs-success-border-subtle: #376e37;
    --bs-info-border-subtle: #1d5f73;
    --bs-warning-border-subtle: #90682f;
    --bs-danger-border-subtle: #82322f;
    --bs-light-border-subtle: #494949;
    --bs-dark-border-subtle: #313131;
    --bs-heading-color: inherit;
    --bs-link-color: #7fc4bc;
    --bs-link-hover-color: #99d0c9;
    --bs-link-color-rgb: 127, 196, 188;
    --bs-link-hover-color-rgb: 153, 208, 201;
    --bs-code-color: #e685b5;
    --bs-border-color: #494949;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
}




/* Container Rows Cols BEGIN */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1320px;
    }
}

.reihe {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.reihe>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.spalte {
    flex: 1 0 0%;
}


.spalte-auto {
    flex: 0 0 auto;
    width: auto;
}

/* Container Rows Cols END */




.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* TEXTPIC/ TEXTMEDIA BEGIN */
.textmedia,
.textpic {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 0px;
}

/*
.textmedia:last-child,
.textpic:last-child {
    row-gap: 0;
}
*/

.textmedia-item,
.textpic-item {
    order: 1;
    width: 100%;
}

.textmedia-text>*:last-child,
.textpic-text>*:last-child {
    margin-bottom: 0;
}

.textmedia-centered,
.textpic-centered {
    align-items: center;
}

.textmedia-below .textmedia-text,
.textmedia-below .textpic-text,
.textpic-below .textmedia-text,
.textpic-below .textpic-text {
    order: 0;
}

.textmedia-below .textmedia-gallery,
.textmedia-below .textpic-gallery,
.textpic-below .textmedia-gallery,
.textpic-below .textpic-gallery {
    margin-bottom: 0;
}


@media (min-width: 768px) {

    .textmedia-right .textmedia-item,
    .textmedia-right .textpic-item,
    .textmedia-left .textmedia-item,
    .textmedia-left .textpic-item,
    .textpic-right .textmedia-item,
    .textpic-right .textpic-item,
    .textpic-left .textmedia-item,
    .textpic-left .textpic-item {
        width: calc(67% - (20px / 2));
    }

    .textmedia-right .textmedia-gallery,
    .textmedia-right .textpic-gallery,
    .textpic-right .textmedia-gallery,
    .textpic-right .textpic-gallery {
        width: calc(33% - (20px / 2));
        order: 2;
    }

    .textmedia-left .textmedia-gallery,
    .textmedia-left .textpic-gallery,
    .textpic-left .textmedia-gallery,
    .textpic-left .textpic-gallery {
        width: calc(33% - (20px / 2));
        order: 1;
    }

    /* kleine Bilder 15% */


    .frame-layout-4 .textmedia-gallery,
    .frame-layout-4 .textpic-gallery {
        width: calc(15% - (20px / 2));
    }
}



/* TEXTPIC/ TEXTMEDIA End */


/* CAROUSEL  BEGIN */
button {
    border-radius: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
select {
    text-transform: none;
}

[role="button"] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

select:disabled {
    opacity: 1;
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
    display: none !important;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
    cursor: pointer;
}


.carousel {
    position: relative;
}

.carousel.pointer-event {
    touch-action: pan-y;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: "";
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
    transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
    transform: translateX(-100%);
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #ffffff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
}

/* rtl:options: {
    "autoRename": true,
    "stringMap":[ {
      "name"    : "prev-next",
      "search"  : "prev",
      "replace" : "next"
    } ]
  } */
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #ffffff;
    text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000000;
}

.carousel-dark .carousel-caption {
    color: #000000;
}




/* CAROUSEL Teil 2 */
.carousel .item {
    height: 400px;
}

@media (min-width: 768px) {
    .carousel .item {
        height: 600px;
    }
}

.carousel-small .item {
    height: 300px;
}

@media (min-width: 768px) {
    .carousel-small .item {
        height: 400px;
    }
}

.carousel-fullscreen .item {
    height: 100vh;
}

.carousel .carousel-item {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 576px) {
    .carousel .carousel-item {
        padding-left: 0;
        padding-right: 0;
    }
}

.carousel .carousel-item h1,
.carousel .carousel-item .h1,
.carousel .carousel-item h2,
.carousel .carousel-item .h2,
.carousel .carousel-item h3,
.carousel .carousel-item .h3,
.carousel .carousel-item h4,
.carousel .carousel-item .h4,
.carousel .carousel-item h5,
.carousel .carousel-item .h5,
.carousel .carousel-item h6,
.carousel .carousel-item .h6 {
    color: inherit;
    margin-top: 0;
}

.carousel .carousel-item a {
    text-decoration: none;
}

.carousel-fade .carousel-item {
    perspective: initial !important;
    transform: initial !important;
}

:root {
    --carousel-item-color: inherit;
    --carousel-item-background: inherit;
    --carousel-item-link-color: inherit;
    --carousel-item-link-hover-color: inherit;
}

.carousel-item {
    background-color: var(--carousel-item-background);
    color: var(--carousel-item-color);
}

.carousel-item a[class=""],
.carousel-item a:not([class]) {
    color: var(--carousel-item-link-color);
}

.carousel-item a[class=""]:hover,
.carousel-item a:not([class]):hover {
    color: var(--carousel-item-link-hover-color);
}

.carousel-item-layout-primary {
    --carousel-item-color: #ffffff;
    --carousel-item-background: #2a9d8f;
    --carousel-item-link-color: #ffffff;
    --carousel-item-link-hover-color: #ffffff;
}

.carousel-item-layout-secondary {
    --carousel-item-color: #ffffff;
    --carousel-item-background: #e76f51;
    --carousel-item-link-color: #ffffff;
    --carousel-item-link-hover-color: #ffffff;
}

.carousel-item-layout-tertiary {
    --carousel-item-color: #000000;
    --carousel-item-background: #f4a261;
    --carousel-item-link-color: #000000;
    --carousel-item-link-hover-color: #000000;
}

.carousel-item-layout-quaternary {
    --carousel-item-color: #000000;
    --carousel-item-background: #e9c46a;
    --carousel-item-link-color: #000000;
    --carousel-item-link-hover-color: #000000;
}

.carousel-item-layout-light {
    --carousel-item-color: #212121;
    --carousel-item-background: #e9e9e9;
    --carousel-item-link-color: #2a9d8f;
    --carousel-item-link-hover-color: #227e72;
}

.carousel-item-layout-dark {
    --carousel-item-color: #ffffff;
    --carousel-item-background: #313131;
    --carousel-item-link-color: #2a9d8f;
    --carousel-item-link-hover-color: #227e72;
}

.carousel .carousel-backgroundimage-container {
    overflow: hidden;
}

.carousel .carousel-backgroundimage-container,
.carousel .carousel-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.carousel .carousel-backgroundimage-fade {
    opacity: .125;
}

.carousel .carousel-backgroundimage-parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
}

@media (hover: none) {
    .carousel .carousel-backgroundimage-parallax {
        background-attachment: initial;
    }
}

.carousel .carousel-backgroundimage-blur {
    filter: blur(10px);
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    top: -20px;
    left: -20px;
}

.carousel .carousel-backgroundimage-grayscale {
    filter: grayscale(1);
}

.carousel .carousel-backgroundimage-sepia {
    filter: sepia(1);
}

.carousel .carousel-content {
    position: relative;
    height: 100%;
}

.carousel .carousel-content-inner {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 1rem;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .carousel .carousel-content-inner {
        max-width: 500px;
    }
}

@media (min-width: 768px) {
    .carousel .carousel-content-inner {
        max-width: 680px;
    }
}

@media (min-width: 992px) {
    .carousel .carousel-content-inner {
        max-width: 920px;
    }
}

@media (min-width: 1200px) {
    .carousel .carousel-content-inner {
        max-width: 1100px;
    }
}

@media (min-width: 1400px) {
    .carousel .carousel-content-inner {
        max-width: 1280px;
    }
}

.carousel-item-bodytext>*:last-child {
    margin-bottom: 0;
}

.carousel {
    overflow: hidden;
}

.carousel .carousel-control {
    width: 50px;
}

@media (min-width: 576px) {
    .carousel .carousel-control {
        width: 75px;
    }
}

@media (min-width: 768px) {
    .carousel .carousel-control {
        width: 100px;
    }
}

.carousel .carousel-indicators li {
    overflow: hidden;
}

.carousel .carousel-control,
.carousel .carousel-indicators {
    transition: opacity 0.4s ease-in-out 0s;
    z-index: 1;
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {

    .carousel .carousel-control,
    .carousel .carousel-indicators {
        transition: none;
    }
}

.carousel:hover .carousel-indicators,
.carousel:hover .carousel-control {
    opacity: 1;
}

.carousel .carousel-control-icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: auto;
    height: auto;
    color: #2a9d8f;
    padding: 1em;
    background-color: #ffffff;
    transition: all 0.4s ease-in-out 0s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel .carousel-control-icon {
        transition: none;
    }
}

.carousel .carousel-control-icon:before {
    transform: rotate(45deg);
    content: '';
    width: .5em;
    height: .5em;
    display: block;
    border-top: 1px solid #2a9d8f;
    border-right: 1px solid #2a9d8f;
}

.carousel .carousel-control-prev .carousel-control-icon {
    left: -100%;
}

.carousel .carousel-control-prev .carousel-control-icon:before {
    transform: rotate(225deg);
}

.carousel .carousel-control-next .carousel-control-icon {
    right: -100%;
}

.carousel .carousel-control-next .carousel-control-icon:before {
    transform: rotate(45deg);
}

.carousel:hover .carousel-control-prev .carousel-control-icon {
    left: 0;
}

.carousel:hover .carousel-control-next .carousel-control-icon {
    right: 0;
}

.carousel .carousel-indicators-navigation {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    margin: 0;
    width: 100%;
    z-index: 15;
    opacity: 1;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
}

.carousel .carousel-indicators-navigation>li {
    overflow: visible;
    padding: .75em;
    margin: 0;
    text-indent: 0;
    width: auto;
    height: auto;
    background-color: transparent;
    cursor: pointer;
}

.carousel .carousel-indicators-navigation>li.active:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: .75em;
    right: .75em;
    width: auto;
    border-top: 1px solid #2a9d8f;
}

.carousel .carousel-indicators-navigation>li:first-child {
    padding-left: 0;
}

.carousel .carousel-indicators-navigation>li:first-child:before {
    left: 0;
}

.carousel .carousel-indicators-navigation>li:last-child {
    padding-right: 0;
}

.carousel .carousel-indicators-navigation>li:last-child:before {
    right: 0;
}

.carousel-item-type-header a[class=""],
.carousel-item-type-header a[class=""]:hover,
.carousel-item-type-header a:not([class]),
.carousel-item-type-header a:not([class]):hover {
    color: var(--carousel-item-color);
}

.carousel-item-type-header .carousel-text-inner {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .carousel-item-type-header .carousel-text-inner {
        width: 100%;
        /*Original 80% */
    }
}

@media (min-width: 992px) {
    .carousel-item-type-header .carousel-text-inner {
        width: 100%;
        /*Original 65% */
    }
}

.carousel-item-type-text .carousel-text-inner {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .carousel-item-type-text .carousel-text-inner {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .carousel-item-type-text .carousel-text-inner {
        width: 100%;
    }
}

.carousel-item-type-text_and_image .carousel-image {
    display: none;
}

.carousel-item-type-text_and_image .carousel-image img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
    height: auto;
}

@media (min-width: 576px) {
    .carousel-item-type-text_and_image .carousel-image {
        display: block;
    }
}

.carousel-item-type-background_image a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.carousel-item-type-call_to_action .carousel-box {
    color: #212121;
    background-color: #ffffff;
    padding: 2rem;
}

@media (min-width: 576px) {
    .carousel-item-type-call_to_action .carousel-box {
        max-width: 50%;
    }
}

.carousel-item-type-call_to_action .carousel-box .carousel-item-bodytext {
    margin-bottom: 1rem;
}

.carousel-item-type-call_to_action .carousel-box>*:last-child {
    margin-bottom: 0;
}

.carousel-item-type-image .carousel-image {
    width: 100%;
}

.carousel-item-type-image .carousel-image img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
    height: auto;
}

/* CAROUSEL FORMATIERUNG*/
.carousel-text-inner {
    background: none repeat scroll 0 0 #B1B2B2;
    opacity: 0.8;
    padding: 0.5em;
}

.carousel-item-type-header .carousel-text-inner {
    margin-top: auto;
}

#content .carousel-header,
#content .carousel-subheader {
    color: #58585A;
    font-family: 'TheSansB5Plain', Arial;
    text-align: center;
    margin-bottom: 0;
}

#content h1.carousel-header {
    font-size: 120%;
    font-weight: normal;
}

#content h2.carousel-subheader {
    font-size: 100%;
    font-weight: normal;
}

.carousel-indicators {
    top: 0;
    bottom: unset;
}


/* CAROUSEL END */




/* Gallery  BEGIN */

:root {
    --gallery-gap: 0.5rem;
    --gallery-columns: 1;
}

.gallery-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gallery-gap);
}

.gallery-row+.gallery-row,
.gallery-row+nav {
    margin-top: 1rem;
}

.gallery-item {
    width: calc((100% / var(--gallery-columns)) - (var(--gallery-gap) * (var(--gallery-columns) - 1)) / var(--gallery-columns));
}

.gallery-item img,
.gallery-item picture {
    width: 100%;
    height: auto;
}

.gallery-item figure {
    margin-bottom: 0;
}

.gallery-item-size-1 {
    --gallery-columns: 1;
}

.gallery-item-size-2 {
    --gallery-columns: 2;
}

.gallery-item-size-3 {
    --gallery-columns: 3;
}

.gallery-item-size-4 {
    --gallery-columns: 2;
}

@media (min-width: 576px) {
    .gallery-item-size-4 {
        --gallery-columns: 4;
    }
}

.gallery-item-size-5 {
    --gallery-columns: 2;
}

@media (min-width: 576px) {
    .gallery-item-size-5 {
        --gallery-columns: 3;
    }
}

@media (min-width: 768px) {
    .gallery-item-size-5 {
        --gallery-columns: 5;
    }
}

.gallery-item-size-6 {
    --gallery-columns: 2;
}

@media (min-width: 576px) {
    .gallery-item-size-6 {
        --gallery-columns: 3;
    }
}

@media (min-width: 768px) {
    .gallery-item-size-6 {
        --gallery-columns: 6;
    }
}

/* Gallery  END */


/* Lightbox BEGIN */
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp img {
    max-width: none;
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    /* stylelint-disable */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    /* stylelint-enable */
}

.pswp--zoomed-in .pswp__img {
    /* stylelint-disable */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    /* stylelint-enable */
}

.pswp--dragging .pswp__img {
    /* stylelint-disable */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
    /* stylelint-enable */
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
    background: #222222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #cccccc;
}

.pswp__error-msg a {
    color: #cccccc;
    text-decoration: underline;
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    transition: opacity .2s;
    box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: .9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url("img/PhotoSwipe/default-skin.png") 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url("img/PhotoSwipe/default-skin.svg");
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute;
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #ffffff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    transform: translateY(6px);
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000000;
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-bottom-color: #ffffff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #ffffff;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #ffffff;
}

a.pswp__share--pinterest:hover {
    background: #cccccc;
    color: #ce272d;
}

a.pswp__share--download:hover {
    background: #dddddd;
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #ffffff;
    opacity: .75;
    padding: 0 10px;
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small,
.pswp__caption .small {
    font-size: 11px;
    color: #bbbbbb;
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #cccccc;
}

.pswp__caption--empty {
    display: none;
}

.pswp__caption--fake {
    visibility: hidden;
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url("img/PhotoSwipe/preloader.gif") 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@keyframes clockwise {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes donut-rotate {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(-140deg);
    }

    100% {
        transform: rotate(0);
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: .001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

/* Lightbox END */


/* TEXT Formatierungen BEGIN */
.text-start,
.text-left {
    text-align: left !important;
}

.text-end,
.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
}

.text-decoration-line-through {
    text-decoration: line-through !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-tertiary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-tertiary-rgb), var(--bs-text-opacity)) !important;
}

.text-quaternary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-quaternary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-default {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-default-rgb), var(--bs-text-opacity)) !important;
}

.text-lighter {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-lighter-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-darker {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-darker-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c6c6c !important;
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important;
}

.text-opacity-25 {
    --bs-text-opacity: 0.25;
}

.text-opacity-50 {
    --bs-text-opacity: 0.5;
}

.text-opacity-75 {
    --bs-text-opacity: 0.75;
}

.text-opacity-100 {
    --bs-text-opacity: 1;
}

/* TEXT FORMATIERUNGEN END */



/* CARD GROUP  BEGIN */

.card {
    color: #212121;
    background: #ffffff;
}

.card a:not(.btn):not(.cc-btn) {
    color: #2a9d8f;
}

.card a:not(.btn):not(.cc-btn):hover {
    color: #227e72;
}

.card-img-top {
    overflow: hidden;
}

.card-img-top picture,
.card-img-top img {
    width: 100%;
    height: auto;
}

.card-body>*:first-child {
    margin-top: 0;
}

.card-body>*:last-child {
    margin-bottom: 0;
}

.card-title {
    font-size: 1.35rem;
    margin-bottom: 1rem;
}

.card-title a {
    text-decoration: none;
}

.card-subtitle {
    font-size: 1.25rem;
    margin-bottom: .5em;
}

.card-icon {
    margin-bottom: .5em;
}

.card-footer {
    padding: 1.5rem;
}

:root {
    --cardgroup-gap: 1rem;
    --cardgroup-columns: 1;
}

.card-group-element {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cardgroup-gap);
}

.card-group-element-item {
    width: calc((100% / var(--cardgroup-columns)) - (var(--cardgroup-gap) * (var(--cardgroup-columns) - 1)) / var(--cardgroup-columns));
}

.card-group-element-item .card {
    height: 100%;
}

.card-group-element-item .card-body+.card-footer {
    padding-top: 0;
}

.card-group-element-item .card-footer {
    border-top: 0;
    background-color: transparent;
}

.card-group-element-align-left {
    justify-content: flex-start;
}

.card-group-element-align-center {
    justify-content: center;
}

.card-group-element-align-right {
    justify-content: flex-end;
}

@media (min-width: 576px) {
    .card-group-element-columns-2 {
        --cardgroup-columns: 2;
    }
}

@media (min-width: 768px) {
    .card-group-element-columns-3 {
        --cardgroup-columns: 3;
    }
}

@media (min-width: 576px) {
    .card-group-element-columns-4 {
        --cardgroup-columns: 2;
    }
}

@media (min-width: 1200px) {
    .card-group-element-columns-4 {
        --cardgroup-columns: 4;
    }
}

:root {
    --cardmenu-gap: 1rem;
    --cardmenu-columns: 1;
}

.card-menu {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cardmenu-gap);
}

.card-menu-item {
    width: calc((100% / var(--cardmenu-columns)) - (var(--cardmenu-gap) * (var(--cardmenu-columns) - 1)) / var(--cardmenu-columns));
}

.card-menu-item .card {
    height: 100%;
}

.card-menu-item .card-body+.card-footer {
    padding-top: 0;
}

.card-menu-item .card-footer {
    border-top: 0;
    background-color: transparent;
}

.card-menu-align-left {
    justify-content: flex-start;
}

.card-menu-align-center {
    justify-content: center;
}

.card-menu-align-right {
    justify-content: flex-end;
}

@media (min-width: 576px) {
    .card-menu-columns-2 {
        --cardmenu-columns: 2;
    }
}

@media (min-width: 768px) {
    .card-menu-columns-3 {
        --cardmenu-columns: 3;
    }
}

@media (min-width: 576px) {
    .card-menu-columns-4 {
        --cardmenu-columns: 2;
    }
}

@media (min-width: 1200px) {
    .card-menu-columns-4 {
        --cardmenu-columns: 4;
    }
}

:root {
    --cardpanel-header-background: transparent;
    --cardpanel-header-color: inherit;
    --cardpanel-border-color: inherit;
}

.card-panel {
    border-color: var(--cardpanel-border-color);
}

.card-panel .card-header {
    background: var(--cardpanel-header-background);
    color: var(--cardpanel-header-color);
    font-size: 1rem !important;
    padding: 1.5rem 1.5rem;
}

.card-panel-primary {
    --cardpanel-header-background: #2a9d8f;
    --cardpanel-header-color: #ffffff;
    --cardpanel-border-color: #1f756a;
}

.card-panel-secondary {
    --cardpanel-header-background: #e76f51;
    --cardpanel-header-color: #ffffff;
    --cardpanel-border-color: #e14a24;
}

.card-panel-tertiary {
    --cardpanel-header-background: #f4a261;
    --cardpanel-header-color: #000000;
    --cardpanel-border-color: #f18631;
}

.card-panel-quaternary {
    --cardpanel-header-background: #e9c46a;
    --cardpanel-header-color: #000000;
    --cardpanel-border-color: #e2b23e;
}

.card-panel-lighter {
    --cardpanel-header-background: #f8f8f8;
    --cardpanel-header-color: #000000;
    --cardpanel-border-color: #dfdede;
}

.card-panel-light {
    --cardpanel-header-background: #e9e9e9;
    --cardpanel-header-color: #000000;
    --cardpanel-border-color: #d0cfcf;
}

.card-panel-dark {
    --cardpanel-header-background: #313131;
    --cardpanel-header-color: #ffffff;
    --cardpanel-border-color: #181717;
}

.card-panel-darker {
    --cardpanel-header-background: #212121;
    --cardpanel-header-color: #ffffff;
    --cardpanel-border-color: #080808;
}

.card-panel-default {
    --cardpanel-header-background: #eaebec;
    --cardpanel-header-color: #000000;
    --cardpanel-border-color: #cfd2d4;
}

.card-panel-success {
    --cardpanel-header-background: #5cb85c;
    --cardpanel-header-color: #ffffff;
    --cardpanel-border-color: #449d44;
}

.card-panel-info {
    --cardpanel-header-background: #319fc0;
    --cardpanel-header-color: #ffffff;
    --cardpanel-border-color: #277d97;
}

.card-panel-warning {
    --cardpanel-header-background: #f0ad4e;
    --cardpanel-header-color: #000000;
    --cardpanel-border-color: #ec971f;
}

.card-panel-danger {
    --cardpanel-header-background: #d9534f;
    --cardpanel-header-color: #ffffff;
    --cardpanel-border-color: #c9302c;
}

/* CARD GROUP END */

/* FORM BEGIN */

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
}

.form-text,
.help-block {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c6c6c;
}

.form-control,
.form-group input[type="file"] {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212121;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cecece;
    appearance: none;
    border-radius: 0.375rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

    .form-control,
    .form-group input[type="file"] {
        transition: none;
    }
}

.form-control[type="file"],
.form-group input[type="file"] {
    overflow: hidden;
}

.form-control[type="file"]:not(:disabled):not([readonly]),
.form-group input[type="file"]:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control:focus,
.form-group input:focus[type="file"] {
    color: #212121;
    background-color: #ffffff;
    border-color: #95cec7;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(42, 157, 143, 0.25);
}

.form-control::-webkit-date-and-time-value,
.form-group input[type="file"]::-webkit-date-and-time-value {
    height: 1.5em;
}

.form-control::placeholder,
.form-group input[type="file"]::placeholder {
    color: #6c6c6c;
    opacity: 1;
}

.form-control:disabled,
.form-group input:disabled[type="file"] {
    background-color: #e9e9e9;
    opacity: 1;
}

.form-control::file-selector-button,
.form-group input[type="file"]::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: 0.75rem;
    color: #212121;
    background-color: #e9e9e9;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    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;
}

@media (prefers-reduced-motion: reduce) {

    .form-control::file-selector-button,
    .form-group input[type="file"]::file-selector-button {
        transition: none;
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button,
.form-group input[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dddddd;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212121;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-plaintext:focus {
    outline: 0;
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.form-control-sm::file-selector-button {
    padding: 0.25rem 0.5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: 0.5rem;
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.form-control-lg::file-selector-button {
    padding: 0.5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem;
}

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px);
}

textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer;
}

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: 0.375rem;
}

.form-control-color::-webkit-color-swatch {
    border-radius: 0.375rem;
}

.form-control-color.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212121;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313131' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #cecece;
    border-radius: 0.375rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-select {
        transition: none;
    }
}

.form-select:focus {
    border-color: #95cec7;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(42, 157, 143, 0.25);
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}

.form-select:disabled {
    background-color: #e9e9e9;
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212121;
}

.form-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.form-select-lg {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.form-check,
.radio {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

.form-check .form-check-input,
.radio .form-check-input,
.form-check .form-check-label input[type="checkbox"],
.form-check-label .form-check input[type="checkbox"],
.radio .form-check-label input[type="checkbox"],
.form-check-label .radio input[type="checkbox"],
.form-check .form-check-label input[type="radio"],
.form-check-label .form-check input[type="radio"],
.radio .form-check-label input[type="radio"],
.form-check-label .radio input[type="radio"] {
    float: left;
    margin-left: -1.5em;
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right;
}

.form-check-reverse .form-check-input,
.form-check-reverse .form-check-label input[type="checkbox"],
.form-check-label .form-check-reverse input[type="checkbox"],
.form-check-reverse .form-check-label input[type="radio"],
.form-check-label .form-check-reverse input[type="radio"] {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}

.form-check-input,
.form-check-label input[type="checkbox"],
.form-check-label input[type="radio"] {
    width: 1em;
    height: 1em;
    margin-top: 0.25em;
    vertical-align: top;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0.25);
    appearance: none;
    print-color-adjust: exact;
}

.form-check-input[type="checkbox"],
.form-check-label input[type="checkbox"] {
    border-radius: 0.25em;
}

.form-check-input[type="radio"],
.form-check-label input[type="radio"] {
    border-radius: 50%;
}

.form-check-input:active,
.form-check-label input:active[type="checkbox"],
.form-check-label input:active[type="radio"] {
    filter: brightness(90%);
}

.form-check-input:focus,
.form-check-label input:focus[type="checkbox"],
.form-check-label input:focus[type="radio"] {
    border-color: #95cec7;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(42, 157, 143, 0.25);
}

.form-check-input:checked,
.form-check-label input:checked[type="checkbox"],
.form-check-label input:checked[type="radio"] {
    background-color: #2a9d8f;
    border-color: #2a9d8f;
}

.form-check-input:checked[type="checkbox"],
.form-check-label input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="radio"],
.form-check-label input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-check-input[type="checkbox"]:indeterminate,
.form-check-label input[type="checkbox"]:indeterminate {
    background-color: #2a9d8f;
    border-color: #2a9d8f;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled,
.form-check-label input:disabled[type="checkbox"],
.form-check-label input:disabled[type="radio"] {
    pointer-events: none;
    filter: none;
    opacity: 0.5;
}

.form-check-input[disabled]~.form-check-label,
.form-check-label input[disabled][type="checkbox"]~.form-check-label,
.form-check-label input[disabled][type="radio"]~.form-check-label,
.form-check-input:disabled~.form-check-label,
.form-check-label input:disabled[type="checkbox"]~.form-check-label,
.form-check-label input:disabled[type="radio"]~.form-check-label {
    cursor: default;
    opacity: 0.5;
}

.form-switch {
    padding-left: 2.5em;
}

.form-switch .form-check-input,
.form-switch .form-check-label input[type="checkbox"],
.form-check-label .form-switch input[type="checkbox"],
.form-switch .form-check-label input[type="radio"],
.form-check-label .form-switch input[type="radio"] {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {

    .form-switch .form-check-input,
    .form-switch .form-check-label input[type="checkbox"],
    .form-check-label .form-switch input[type="checkbox"],
    .form-switch .form-check-label input[type="radio"],
    .form-check-label .form-switch input[type="radio"] {
        transition: none;
    }
}

.form-switch .form-check-input:focus,
.form-switch .form-check-label input:focus[type="checkbox"],
.form-check-label .form-switch input:focus[type="checkbox"],
.form-switch .form-check-label input:focus[type="radio"],
.form-check-label .form-switch input:focus[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2395cec7'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked,
.form-switch .form-check-label input:checked[type="checkbox"],
.form-check-label .form-switch input:checked[type="checkbox"],
.form-switch .form-check-label input:checked[type="radio"],
.form-check-label .form-switch input:checked[type="radio"] {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input,
.form-switch.form-check-reverse .form-check-label input[type="checkbox"],
.form-check-label .form-switch.form-check-reverse input[type="checkbox"],
.form-switch.form-check-reverse .form-check-label input[type="radio"],
.form-check-label .form-switch.form-check-reverse input[type="radio"] {
    margin-right: -2.5em;
    margin-left: 0;
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-check[disabled]+.btn,
.btn-check[disabled]+.cc-btn,
.btn-check:disabled+.btn,
.btn-check:disabled+.cc-btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65;
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: transparent;
    appearance: none;
}

.form-range:focus {
    outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(42, 157, 143, 0.25);
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(42, 157, 143, 0.25);
}

.form-range::-moz-focus-outer {
    border: 0;
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #2a9d8f;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        transition: none;
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #bfe2dd;
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dedede;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #2a9d8f;
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        transition: none;
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #bfe2dd;
}

.form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dedede;
    border-color: transparent;
    border-radius: 1rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}

.form-range:disabled {
    pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #ababab;
}

.form-range:disabled::-moz-range-thumb {
    background-color: #ababab;
}

.form-floating {
    position: relative;
}

.form-floating>.form-control,
.form-group .form-floating>input[type="file"],
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25;
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1rem 0.75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none;
    }
}

.form-floating>.form-control,
.form-group .form-floating>input[type="file"],
.form-floating>.form-control-plaintext {
    padding: 1rem 0.75rem;
}

.form-floating>.form-control::placeholder,
.form-group .form-floating>input[type="file"]::placeholder,
.form-floating>.form-control-plaintext::placeholder {
    color: transparent;
}

.form-floating>.form-control:focus,
.form-group .form-floating>input:focus[type="file"],
.form-floating>.form-control:not(:placeholder-shown),
.form-group .form-floating>input:not(:placeholder-shown)[type="file"],
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-control:-webkit-autofill,
.form-group .form-floating>input:-webkit-autofill[type="file"],
.form-floating>.form-control-plaintext:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem;
}

.form-floating>.form-control:focus~label,
.form-group .form-floating>input:focus[type="file"]~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-group .form-floating>input:not(:placeholder-shown)[type="file"]~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control:-webkit-autofill~label,
.form-group .form-floating>input:-webkit-autofill[type="file"]~label {
    opacity: 0.65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group>.form-control,
.form-group .input-group>input[type="file"],
.input-group>.form-select,
.input-group>.form-floating {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.input-group>.form-control:focus,
.form-group .input-group>input:focus[type="file"],
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
    z-index: 5;
}

.input-group .btn,
.input-group .cc-btn {
    position: relative;
    z-index: 2;
}

.input-group .btn:focus,
.input-group .cc-btn:focus {
    z-index: 5;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212121;
    text-align: center;
    white-space: nowrap;
    background-color: #e9e9e9;
    border: 1px solid #cecece;
    border-radius: 0.375rem;
}

.input-group-lg>.form-control,
.form-group .input-group-lg>input[type="file"],
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn,
.input-group-lg>.cc-btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.5rem;
}

.input-group-sm>.form-control,
.form-group .input-group-sm>input[type="file"],
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn,
.input-group-sm>.cc-btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.25rem;
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem;
}

.input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.form-group .input-group:not(.has-validation)>.form-floating:not(:last-child)>input[type="file"],
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-control,
.form-group .input-group.has-validation>.form-floating:nth-last-child(n + 3)>input[type="file"],
.input-group.has-validation>.form-floating:nth-last-child(n + 3)>.form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.help-block.success):not(.invalid-tooltip):not(.invalid-feedback):not(.help-block.error) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.form-floating:not(:first-child)>.form-control,
.form-group .input-group>.form-floating:not(:first-child)>input[type="file"],
.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.valid-feedback,
.help-block.success {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #5cb85c;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #ffffff;
    background-color: rgba(92, 184, 92, 0.9);
    border-radius: 0.375rem;
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.help-block.success,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.help-block.success,
.is-valid~.valid-tooltip {
    display: block;
}

.was-validated .form-control:valid,
.was-validated .form-group input:valid[type="file"],
.form-group .was-validated input:valid[type="file"],
.form-control.is-valid,
.form-group input.is-valid[type="file"] {
    border-color: #5cb85c;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235cb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus,
.was-validated .form-group input:valid:focus[type="file"],
.form-group .was-validated input:valid:focus[type="file"],
.form-control.is-valid:focus,
.form-group input.is-valid:focus[type="file"] {
    border-color: #5cb85c;
    box-shadow: 0 0 0 0.25rem rgba(92, 184, 92, 0.25);
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #5cb85c;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313131' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%235cb85c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: #5cb85c;
    box-shadow: 0 0 0 0.25rem rgba(92, 184, 92, 0.25);
}

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
    width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid,
.was-validated .form-check-label input:valid[type="checkbox"],
.form-check-label .was-validated input:valid[type="checkbox"],
.was-validated .form-check-label input:valid[type="radio"],
.form-check-label .was-validated input:valid[type="radio"],
.form-check-input.is-valid,
.form-check-label input.is-valid[type="checkbox"],
.form-check-label input.is-valid[type="radio"] {
    border-color: #5cb85c;
}

.was-validated .form-check-input:valid:checked,
.was-validated .form-check-label input:valid:checked[type="checkbox"],
.form-check-label .was-validated input:valid:checked[type="checkbox"],
.was-validated .form-check-label input:valid:checked[type="radio"],
.form-check-label .was-validated input:valid:checked[type="radio"],
.form-check-input.is-valid:checked,
.form-check-label input.is-valid:checked[type="checkbox"],
.form-check-label input.is-valid:checked[type="radio"] {
    background-color: #5cb85c;
}

.was-validated .form-check-input:valid:focus,
.was-validated .form-check-label input:valid:focus[type="checkbox"],
.form-check-label .was-validated input:valid:focus[type="checkbox"],
.was-validated .form-check-label input:valid:focus[type="radio"],
.form-check-label .was-validated input:valid:focus[type="radio"],
.form-check-input.is-valid:focus,
.form-check-label input.is-valid:focus[type="checkbox"],
.form-check-label input.is-valid:focus[type="radio"] {
    box-shadow: 0 0 0 0.25rem rgba(92, 184, 92, 0.25);
}

.was-validated .form-check-input:valid~.form-check-label,
.was-validated .form-check-label input:valid[type="checkbox"]~.form-check-label,
.form-check-label .was-validated input:valid[type="checkbox"]~.form-check-label,
.was-validated .form-check-label input:valid[type="radio"]~.form-check-label,
.form-check-label .was-validated input:valid[type="radio"]~.form-check-label,
.form-check-input.is-valid~.form-check-label,
.form-check-label input.is-valid[type="checkbox"]~.form-check-label,
.form-check-label input.is-valid[type="radio"]~.form-check-label {
    color: #5cb85c;
}

.form-check-inline .form-check-input~.valid-feedback,
.form-check-inline .form-check-label input[type="checkbox"]~.valid-feedback,
.form-check-label .form-check-inline input[type="checkbox"]~.valid-feedback,
.form-check-inline .form-check-label input[type="radio"]~.valid-feedback,
.form-check-label .form-check-inline input[type="radio"]~.valid-feedback,
.form-check-inline .form-check-input~.help-block.success,
.form-check-inline .form-check-label input[type="checkbox"]~.help-block.success,
.form-check-label .form-check-inline input[type="checkbox"]~.help-block.success,
.form-check-inline .form-check-label input[type="radio"]~.help-block.success,
.form-check-label .form-check-inline input[type="radio"]~.help-block.success {
    margin-left: .5em;
}

.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .form-group .input-group>input:not(:focus):valid[type="file"],
.form-group .was-validated .input-group>input:not(:focus):valid[type="file"],
.input-group>.form-control:not(:focus).is-valid,
.form-group .input-group>input:not(:focus).is-valid[type="file"],
.was-validated .input-group>.form-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
    z-index: 3;
}

.invalid-feedback,
.help-block.error {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #d9534f;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #ffffff;
    background-color: rgba(217, 83, 79, 0.9);
    border-radius: 0.375rem;
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.help-block.error,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.help-block.error,
.is-invalid~.invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid,
.was-validated .form-group input:invalid[type="file"],
.form-group .was-validated input:invalid[type="file"],
.form-control.is-invalid,
.form-group input.is-invalid[type="file"] {
    border-color: #d9534f;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus,
.was-validated .form-group input:invalid:focus[type="file"],
.form-group .was-validated input:invalid:focus[type="file"],
.form-control.is-invalid:focus,
.form-group input.is-invalid:focus[type="file"] {
    border-color: #d9534f;
    box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.25);
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #d9534f;
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23313131' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: #d9534f;
    box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.25);
}

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
    width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid,
.was-validated .form-check-label input:invalid[type="checkbox"],
.form-check-label .was-validated input:invalid[type="checkbox"],
.was-validated .form-check-label input:invalid[type="radio"],
.form-check-label .was-validated input:invalid[type="radio"],
.form-check-input.is-invalid,
.form-check-label input.is-invalid[type="checkbox"],
.form-check-label input.is-invalid[type="radio"] {
    border-color: #d9534f;
}

.was-validated .form-check-input:invalid:checked,
.was-validated .form-check-label input:invalid:checked[type="checkbox"],
.form-check-label .was-validated input:invalid:checked[type="checkbox"],
.was-validated .form-check-label input:invalid:checked[type="radio"],
.form-check-label .was-validated input:invalid:checked[type="radio"],
.form-check-input.is-invalid:checked,
.form-check-label input.is-invalid:checked[type="checkbox"],
.form-check-label input.is-invalid:checked[type="radio"] {
    background-color: #d9534f;
}

.was-validated .form-check-input:invalid:focus,
.was-validated .form-check-label input:invalid:focus[type="checkbox"],
.form-check-label .was-validated input:invalid:focus[type="checkbox"],
.was-validated .form-check-label input:invalid:focus[type="radio"],
.form-check-label .was-validated input:invalid:focus[type="radio"],
.form-check-input.is-invalid:focus,
.form-check-label input.is-invalid:focus[type="checkbox"],
.form-check-label input.is-invalid:focus[type="radio"] {
    box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.25);
}

.was-validated .form-check-input:invalid~.form-check-label,
.was-validated .form-check-label input:invalid[type="checkbox"]~.form-check-label,
.form-check-label .was-validated input:invalid[type="checkbox"]~.form-check-label,
.was-validated .form-check-label input:invalid[type="radio"]~.form-check-label,
.form-check-label .was-validated input:invalid[type="radio"]~.form-check-label,
.form-check-input.is-invalid~.form-check-label,
.form-check-label input.is-invalid[type="checkbox"]~.form-check-label,
.form-check-label input.is-invalid[type="radio"]~.form-check-label {
    color: #d9534f;
}

.form-check-inline .form-check-input~.invalid-feedback,
.form-check-inline .form-check-label input[type="checkbox"]~.invalid-feedback,
.form-check-label .form-check-inline input[type="checkbox"]~.invalid-feedback,
.form-check-inline .form-check-label input[type="radio"]~.invalid-feedback,
.form-check-label .form-check-inline input[type="radio"]~.invalid-feedback,
.form-check-inline .form-check-input~.help-block.error,
.form-check-inline .form-check-label input[type="checkbox"]~.help-block.error,
.form-check-label .form-check-inline input[type="checkbox"]~.help-block.error,
.form-check-inline .form-check-label input[type="radio"]~.help-block.error,
.form-check-label .form-check-inline input[type="radio"]~.help-block.error {
    margin-left: .5em;
}

.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .form-group .input-group>input:not(:focus):invalid[type="file"],
.form-group .was-validated .input-group>input:not(:focus):invalid[type="file"],
.input-group>.form-control:not(:focus).is-invalid,
.form-group .input-group>input:not(:focus).is-invalid[type="file"],
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
    z-index: 4;
}

.form-group {
    margin-bottom: 1rem;
}

fieldset.form-group>*:last-child {
    margin-bottom: 0;
}

.form-actions {
    margin-top: 1rem;
}

.form-control,
.form-group input[type="file"] {
    display: block;
    width: 90%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-control.error,
.form-group input.error[type="file"] {
    border-color: #d9534f;
    /* padding-right: calc(1.5em + 0.75rem); */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d9534f'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d9534f' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.error:focus,
.form-group input.error:focus[type="file"] {
    border-color: #d9534f;
    box-shadow: 0 0 0 0.25rem rgba(217, 83, 79, 0.25);
}

textarea.form-control.error {
    /* padding-right: calc(1.5em + 0.75rem); */
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.has-error .help-block.error,
.has-error .help-block.success {
    display: block;
}

/* FORM END */


/* FRAME START */
:root {
    --frame-color: inherit;
    --frame-link-color: #2a9d8f;
    --frame-link-hover-color: #227e72;
    --frame-background: transparent;
    --frame-embedded-border-radius: 0.5rem;
    --frame-width-large: 1600px;
    --frame-width-medium: 870px;
    --frame-width-small: 600px;
    --frame-spacing: 1rem;
    --frame-spacing-small: 0.75rem;
    --frame-spacing-xs: 0.75rem;
    --frame-spacing-small-xs: 0.75rem;
    --frame-spacing-sm: 2.1rem;
    --frame-spacing-small-sm: 0.9rem;
    --frame-spacing-md: 2.275rem;
    --frame-spacing-small-md: 0.975rem;
    --frame-spacing-lg: 2.45rem;
    --frame-spacing-small-lg: 1.05rem;
    --frame-spacing-xl: 2.625rem;
    --frame-spacing-small-xl: 1.125rem;
    --frame-outer-spacing-before: 0;
    --frame-outer-spacing-after: 0;
    --frame-outer-spacing-variant-none: 0rem;
    --frame-outer-spacing-variant-extra-small: 1rem;
    --frame-outer-spacing-variant-small: 1.5rem;
    --frame-outer-spacing-variant-medium: 2rem;
    --frame-outer-spacing-variant-large: 2.5rem;
    --frame-outer-spacing-variant-extra-large: 3rem;
}




.frame {
    position: relative;
    margin-top: var(--frame-outer-spacing-before);
    margin-bottom: var(--frame-outer-spacing-after);

    padding-top: var(--frame-spacing);
    padding-bottom: var(--frame-spacing);

    color: var(--frame-color);
    background: var(--frame-background);
    /*    --frame-spacing: var(--frame-spacing-xs);*/
}


.frame-layout-embedded {
    background: transparent;
}

.frame-layout-embedded>.frame-group-container {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}


@media (min-width: 576px) {
    .frame-layout-embedded>.frame-group-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .frame-layout-embedded>.frame-group-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .frame-layout-embedded>.frame-group-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .frame-layout-embedded>.frame-group-container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .frame-layout-embedded>.frame-group-container {
        max-width: 1320px;
    }
}

.frame-layout-embedded>.frame-group-container-full {
    max-width: 100%;
}

.frame-layout-embedded>.frame-group-container-large {
    max-width: var(--frame-width-large);
}

.frame-layout-embedded>.frame-group-container-medium {
    max-width: var(--frame-width-medium);
}

.frame-layout-embedded>.frame-group-container-small {
    max-width: var(--frame-width-small);
}

.frame-layout-embedded>.frame-group-container>.frame-group-inner {
    position: relative;
    border-radius: var(--frame-embedded-border-radius);
    background: var(--frame-background);
    padding: var(--frame-spacing);
}

.frame-layout-embedded>.frame-group-container>.frame-group-inner>.frame-container {
    padding: 0;
}

.frame-layout-embedded>.frame-group-container>.frame-group-inner .frame-backgroundimage-container {
    border-radius: var(--frame-embedded-border-radius);
}

.frame-container {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.frame-container-full {
    max-width: 100%;
}

.frame-container-large {
    max-width: var(--frame-width-large);
}

.frame-container-medium {
    max-width: var(--frame-width-medium);
}

.frame-container-small {
    max-width: var(--frame-width-small);
}



.container .frame-container,
.container .frame-group-container {
    padding-left: 0;
    padding-right: 0;
}

.frame-option-ruler-before {
    border-top: 3px solid #df7904;
    margin-top: 0;
}

.frame-option-ruler-after {
    border-bottom: 3px solid #df7904;
}


.frame-option-indent-left .frame-inner {
    margin-left: 0%;
}

@media (min-width: 576px) {
    .frame-option-indent-left .frame-inner {
        margin-left: 5%;
    }
}

@media (min-width: 768px) {
    .frame-option-indent-left .frame-inner {
        margin-left: 7%;
    }
}

@media (min-width: 992px) {
    .frame-option-indent-left .frame-inner {
        margin-left: 8%;
    }
}

@media (min-width: 1200px) {
    .frame-option-indent-left .frame-inner {
        margin-left: 9%;
    }
}

@media (min-width: 1400px) {
    .frame-option-indent-left .frame-inner {
        margin-left: 10%;
    }
}

.frame-option-indent-right .frame-inner {
    margin-right: 0%;
}

@media (min-width: 576px) {
    .frame-option-indent-right .frame-inner {
        margin-right: 5%;
    }
}

@media (min-width: 768px) {
    .frame-option-indent-right .frame-inner {
        margin-right: 7%;
    }
}

@media (min-width: 992px) {
    .frame-option-indent-right .frame-inner {
        margin-right: 8%;
    }
}

@media (min-width: 1200px) {
    .frame-option-indent-right .frame-inner {
        margin-right: 9%;
    }
}

@media (min-width: 1400px) {
    .frame-option-indent-right .frame-inner {
        margin-right: 10%;
    }
}


.frame-size-small {
    --frame-spacing: var(--frame-spacing-small-xs);
}

@media (min-width: 576px) {
    .frame-size-small {
        --frame-spacing: var(--frame-spacing-small-sm);
    }
}

@media (min-width: 768px) {
    .frame-size-small {
        --frame-spacing: var(--frame-spacing-small-md);
    }
}

@media (min-width: 992px) {
    .frame-size-small {
        --frame-spacing: var(--frame-spacing-small-lg);
    }
}

@media (min-width: 1200px) {
    .frame-size-small {
        --frame-spacing: var(--frame-spacing-small-xl);
    }
}



.frame-height-small,
.frame-height-medium,
.frame-height-max {
    display: flex;
}

.frame-height-small .frame-group-container,
.frame-height-small .frame-group-inner,
.frame-height-medium .frame-group-container,
.frame-height-medium .frame-group-inner,
.frame-height-max .frame-group-container,
.frame-height-max .frame-group-inner {
    display: flex;
    flex-grow: 1;
}

.frame-height-small .frame-container,
.frame-height-medium .frame-container,
.frame-height-max .frame-container {
    display: flex;
    align-items: center;
}

.frame-height-small .frame-inner,
.frame-height-medium .frame-inner,
.frame-height-max .frame-inner {
    flex-grow: 1;
}

.frame-height-small {
    min-height: 300px;
}


.container .frame-has-backgroundimage:not(.frame-layout-embedded),
.container .frame-background-primary:not(.frame-layout-embedded),
.container .frame-background-secondary:not(.frame-layout-embedded),
.container .frame-background-tertiary:not(.frame-layout-embedded),
.container .frame-background-quaternary:not(.frame-layout-embedded),
.container .frame-background-light:not(.frame-layout-embedded),
.container .frame-background-dark:not(.frame-layout-embedded) {
    padding-left: var(--frame-spacing);
    padding-right: var(--frame-spacing);
}



.frame-size-default.frame-background-none.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-none.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-primary.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-primary.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-secondary.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-secondary.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-tertiary.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-tertiary.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-quaternary.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-quaternary.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-light.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-light.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-size-default.frame-background-dark.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage):not(.frame-layout-embedded)+.frame-size-default.frame-background-dark.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage):not(.frame-layout-embedded),
.frame-layout-embedded.frame-space-after-none:not(.frame-option-ruler-after)+.frame-layout-embedded.frame-space-before-none:not(.frame-option-ruler-before),
.frame-layout-embedded.frame-space-after-none:not(.frame-option-ruler-after)+.frame-size-default.frame-background-none.frame-space-before-none:not(.frame-option-ruler-before):not(.frame-has-backgroundimage),
.frame-size-default.frame-background-none.frame-space-after-none:not(.frame-option-ruler-after):not(.frame-has-backgroundimage)+.frame-layout-embedded.frame-space-before-none:not(.frame-option-ruler-before) {
    --frame-outer-spacing-before: calc(-1 * var(--frame-spacing));
}


.frame-background-primary {
    --frame-color: #000000;
    --frame-background: #ebecec;
    --frame-link-color: #000000;
    --frame-link-hover-color: #000000;
}

.frame-background-secondary {
    --frame-color: #000000;
    --frame-background: #cfd0d0;
    --frame-link-color: #000000;
    --frame-link-hover-color: #000000;
}

.frame-background-tertiary {
    --frame-color: #000000;
    --frame-background: #df9e53;
    --frame-link-color: #000000;
    --frame-link-hover-color: #000000;
}

.frame-background-quaternary {
    --frame-color: #000000;
    --frame-background: #9daebb;
    --frame-link-color: #000000;
    --frame-link-hover-color: #000000;
}

.frame-background-light {
    --frame-color: #212121;
    --frame-background: #e9e9e9;
    --frame-link-color: #006fa3;
    --frame-link-hover-color: #006fa3;
}

.frame-background-dark {
    --frame-color: #ffffff;
    --frame-background: #313131;
    --frame-link-color: #006fa3;
    --frame-link-hover-color: #006fa3;
}

.frame-background-none {
    --frame-background: transparent;
}


.frame-backgroundimage-container {
    overflow: hidden;
}

.frame-backgroundimage-container,
.frame-backgroundimage {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.frame-backgroundimage-fade {
    opacity: .125;
}

.frame-backgroundimage-parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
}

@media (hover: none) {
    .frame-backgroundimage-parallax {
        background-attachment: initial;
    }
}

.frame-backgroundimage-blur {
    filter: blur(10px);
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    top: -20px;
    left: -20px;
}

.frame-backgroundimage-grayscale {
    filter: grayscale(1);
}

.frame-backgroundimage-sepia {
    filter: sepia(1);
}

.frame-backgroundimage-behaviour-pattern {
    background-repeat: repeat;
    background-size: auto;
}



.frame-space-before {
    margin-top: var(--frame-outer-spacing-before, 0);
}

.frame-space-after {
    margin-bottom: var(--frame-outer-spacing-after, 0);
}

.frame-space-before-none {
    --frame-outer-spacing-before: var(--frame-outer-spacing-variant-none);
}

.frame-space-after-none {
    --frame-outer-spacing-after: var(--frame-outer-spacing-variant-none);
}

.frame-space-before-extra-small {
    --frame-outer-spacing-before: var(--frame-outer-spacing-variant-extra-small);
}

.frame-space-after-extra-small {
    --frame-outer-spacing-after: var(--frame-outer-spacing-variant-extra-small);
}

.frame-space-before-small {
    --frame-outer-spacing-before: var(--frame-outer-spacing-variant-small);
}

.frame-space-after-small {
    --frame-outer-spacing-after: var(--frame-outer-spacing-variant-small);
}

.frame-space-before-medium {
    --frame-outer-spacing-before: var(--frame-outer-spacing-variant-medium);
}

.frame-space-after-medium {
    --frame-outer-spacing-after: var(--frame-outer-spacing-variant-medium);
}

.frame-space-before-large {
    --frame-outer-spacing-before: var(--frame-outer-spacing-variant-large);
}

.frame-space-after-large {
    --frame-outer-spacing-after: var(--frame-outer-spacing-variant-large);
}

.frame-space-before-extra-large {
    --frame-outer-spacing-before: var(--frame-outer-spacing-variant-extra-large);
}

.frame-space-after-extra-large {
    --frame-outer-spacing-after: var(--frame-outer-spacing-variant-extra-large);
}


/*
.frame-header {
    margin-bottom: 1rem;
}

.frame-header>*:last-child {
    margin-bottom: 0;
}
*/

.frame-header-permalink {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    color: inherit;
    opacity: .25;
    transition: opacity ease-in-out .3s;
    visibility: hidden;
    top: -.1em;
}

.frame-header-permalink:hover {
    color: inherit;
    text-decoration: none;
    opacity: .75;
}

*:hover>.frame-header-permalink {
    visibility: visible;
}


/* FRAME END */