html, body {
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding-top: 2rem;
    padding-right: 0 !important;
    font-family: 'Nunito Sans', sans-serif;
}
input, select, textarea, button {
    font-family: inherit;
}
.gs-area-thumb {
    display: block;
    margin: 0 auto;
    height: 150px;
    width: auto;
    max-width: 100%;
}
.gs-thumb-slot {
    text-align: center;
}
.gs-thumb-slot img,
.gs-thumb-slot svg {
    display: block;
    margin: 0 auto;
    max-width: min(100%, 320px);
    max-height: 180px;
    width: auto;
    height: auto;
}
.col-auto:has(.gs-thumb-slot) {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}
.gs-thumb-arrow {
    top: 50%;
    bottom: auto;
    left: auto;
    right: 0.4rem;
    width: 2rem;
    height: 2rem;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.38);
    border-radius: 50%;
    opacity: 0.85;
}
.gs-thumb-arrow:hover,
.gs-thumb-arrow:focus {
    background: rgba(0, 0, 0, 0.58);
    opacity: 1;
}
.gs-thumb-arrow .carousel-control-next-icon {
    width: 1rem;
    height: 1rem;
}
:root {
    --gs-coachbar-h: 0px;
    --nav-h: 5.3em;
    --text-light: rgba(255, 255, 255, 0.95);
}
.modal .modal-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.modal .modal-body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 191, 255, 0.4);
    border-radius: 999px;
}
.modal .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 191, 255, 0.7);
}
.modal .modal-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 999px;
}

.modal .modal-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 191, 255, 0.4) rgba(255, 255, 255, 0.04);
}
.offcanvas::-webkit-scrollbar,
.offcanvas .offcanvas-body::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.offcanvas::-webkit-scrollbar-thumb,
.offcanvas .offcanvas-body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 191, 255, 0.4);
    border-radius: 999px;
}

.offcanvas::-webkit-scrollbar-thumb:hover,
.offcanvas .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 191, 255, 0.7);
}

.offcanvas::-webkit-scrollbar-track,
.offcanvas .offcanvas-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 999px;
}

.offcanvas,
.offcanvas .offcanvas-body {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 191, 255, 0.4) rgba(255, 255, 255, 0.04);
}
.anchor-section { scroll-margin-top: var(--nav-h); }
main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.sideTitle {
    font-weight: 650;
    letter-spacing: 2px;
    font-size: clamp(1.15em, 1.8vw, 1.9em);
}

.mainExtraFontTitle {
    font-family: extrafont, 'Nunito Sans', sans-serif !important;
    font-weight: 250;
    letter-spacing: 2px;
    font-size: clamp(1.95em, 3.5vw, 3.5em);
}
.subExtraFontTitle {
    font-family: extrafont, 'Nunito Sans', sans-serif !important;
    font-weight: 250;
    letter-spacing: 2px;
    font-size: clamp(1.2em, 2.5vw, 2.5em);
}
.subMainFontTitle {
    font-size: clamp(1.25em, 2.0vw, 2.0em);
    font-family: headFont, 'Nunito Sans', sans-serif;
    letter-spacing: 1px;
}

h1 {
    font-size: clamp(1.5rem, 3vw + 1rem, 2.375rem);
    line-height: 1.5;
    letter-spacing: -0.02em;
    font-weight: 800;
    margin-bottom: 1.5rem;
    color: var(--text-light);
}

h2 {
    font-size: clamp(1.35rem, 2.5vw + 1rem, 2.375rem);
    line-height: 1.5;
    letter-spacing: -0.015em;
    font-weight: 700;
    margin-bottom: 1.25rem;
    color: var(--text-light);
}
h3 {
    font-size: clamp(1.15rem, 2vw + 0.5rem, 1.95rem);
    line-height: 1.5;
    letter-spacing: -0.012em;
    font-weight: 700;
    margin-bottom: 1.1rem;
    color: var(--text-light);
}
h4 {
    color: var(--text-light);
    margin-bottom: -0.1em;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.2rem;
}
p {
    color: var(--text-light);
    font-weight: 475;
    line-height: 125%;
    font-size: clamp(0.95rem, 1.4vw, 1.3rem);
    font-family: 'Nunito Sans', sans-serif;
}
.pSize {
    color: var(--text-light);
    font-weight: 475;
    line-height: 125%;
    font-size: clamp(1.05rem, 1.4vw, 1.4rem);
    font-family: 'Nunito Sans', sans-serif;
}
.text-shadow {
    text-shadow:
            0 0 2px rgba(0, 0, 0, 0.4),
            0 0 4px rgba(0, 0, 0, 0.3);
}
.gradient-text-chartreuse {
    color: var(--text-light);
    background-image: linear-gradient(90deg, #ffffff 10%, chartreuse 60%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-text-deepskyblue {
    color: var(--text-light);
    background-image: linear-gradient(90deg, #ffffff 5%, deepskyblue 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.biggerP {
    color: var(--text-light);
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 125%;
    font-size: clamp(1.2em, 1.6vw, 1.6em);
}
.patchNotesTXT {
    font-weight: 500;
    font-size: clamp(0.76em, 1.0vw, 1em);
}
.stepsTXT {
    font-weight: 500;
    font-size: clamp(0.88em, 1.0vw, 1.1em);
}
.middleTXT {
    font-weight: 500;
    font-size: clamp(0.95em, 1.2vw, 1.2em);
}
.smallTXT {
    font-size: smaller;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 600;
}
.smallTXTThinDark {
    color: #252525;
    letter-spacing: 1px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: clamp(0.76em, 1vw, 1em);
}
.verySmall {
    line-height: 0.6em;
    letter-spacing: 1px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: clamp(0.45em, 0.8vw, 0.8em);
    font-weight: 550;
}
.smallTXTThin {
    color: var(--text-light);
    letter-spacing: 1px;
    font-weight: 300;
    line-height: 110%;
    font-family: 'Nunito Sans', sans-serif;
    font-size: clamp(0.76em, 1vw, 1em);
}
.btn {
    font-size: clamp(0.95em, 1.2vw, 1.2em);
}
.alert {
    letter-spacing: 1px;
    font-size: clamp(0.95em, 2.0vw, 1.3em);
    font-family: 'Nunito Sans', sans-serif;
}
.extraFont {
    font-family: extrafont, 'Nunito Sans', sans-serif !important;
    letter-spacing: 2px;
}
.bottomBar {
    height: 3em;
}
.accordion-button:not(.collapsed) {
    background-color: #f3f0ec;
}
.text-white {
    color: var(--text-light) !important;
}
.LoginLogout {
    margin-left: 35vw;
    margin-right: 35vw;
    margin-bottom: 30vh;
    background: transparent;
    width: 30vw;
    height: auto;
}
.hrLine6 {
    width: 66%;
}
.hrLine3 {
    width: 33%;
}
.hrUnderlineBeige {
    margin-top: -0.6%;
    color: var(--text-light);
}
.hrUnderlineMin1em {
    margin-top: -1em;
}
.sortUnderLine {
    line-height: 0.5em;
}
.hrLine3CenterBeige {
    width: 33%;
    color: var(--text-light);
    margin-right: auto;
    margin-left: auto;
}
.hrLine6Center {
    width: 66%;
    margin-right: auto;
    margin-left: auto;
}
.offcanP {
    width: 100vw;
    background: rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}
.vertical-lineAuto {
    border-left: 1px solid black;
    height: auto;
}
.vertical-lineRight {
    border-right: 1px solid black;
    height: auto;
}
.vertical-lineRightBlue {
    border-right: 2px solid rgba(0, 191, 255, 0.4);
    height: auto;
}
.searchBorderBlue {
    padding: 1em;
    padding-top: 2em;
    border-radius: 8px;
    border: 2px solid rgba(0, 191, 255, 0.4);
    height: auto;
}
.vertical-lineRightTBL {
    border-right: 1px solid black;
    height: auto;
    width: auto !important;
    white-space: nowrap;
}
.vertical-lineRightTBLBlue {
    border-right: 1px solid deepskyblue;
    height: auto;
    width: auto !important;
    white-space: nowrap;
}
.align
.Menue-lineRightWhite {
    border-right: 1px solid #ffffff;
    height: auto;
    width: auto !important;
    white-space: nowrap;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.img-hover {
    transition: transform 0.8s ease;
}
.img-hover:hover {
    transform: scale(1.8);
}
.img-hoverSmall {
    width: auto;
    max-height: 10em;
    transition: transform 0.8s ease;
}
.img-hoverSmall:hover {
    transform: scale(1.3);
}
.pl1 {
    padding-left: 1em;
}
label {
    font-weight: 600;
}
.darkTxT {
    color: rgb(25,55,55);
}
.beigeTxT {
    color: var(--text-light);
}
.deepskyblueTxT {
    color: deepskyblue;
}
.smallLineHighBottom {
    margin-bottom: -0.08em;
}

.form-check-input.custom-checkbox:checked {
    background-color: #007c1e;
    border-color: #28a745;
}
.form-check-input.custom-checkbox {
    background-color: #f1d7a3;
}
.txtWhite {
    color: var(--text-light);
    font-weight: 600;
    letter-spacing: 2px;
}
.chartreuse {
    color: chartreuse;
}
.bg-chartreuse {
    background: chartreuse;
}
.bg-transparent {
    background: transparent;
}
.bg-orange {
    background-image: linear-gradient(10deg, #bd6c00 0%, #ffb700 51%, #bd6c00 100%);
    font-family: 'Nunito Sans', sans-serif;
}
.bg-perlopal {
    background: rgb(25,55,55);
    background: radial-gradient(circle, rgb(2, 80, 87) 0%, rgba(8,93,88,1) 35%, rgba(25,55,55,1) 100%);
}
.bg-menue {
    background: rgba(1, 57, 62, 0.9);
}
.bg-bottomMenue {
    background: rgba(1, 57, 62);
}
.bg-perlopalLinear {
    background: rgb(25,55,55);
    background: linear-gradient(45deg, rgb(25,55,55,1) 0%, rgb(8, 89, 84) 50%, rgba(25,55,55,1) 100%);
    background-size: 200% auto;
    transition: 1s;
}
.bg-perlopalLinear:hover {
    background-position: center center;
}
.tableForPlan-container {
    overflow-x: auto;
    table-layout: fixed;
}
.tableForPlan {
    border-collapse: separate;
    border-spacing: 5px;
    width: 100%;
}
.tableForPlan th,
.tableForPlan td {
    padding: 10px;
}
.tableForPlan th:nth-child(2),
.tableForPlan td:nth-child(2) {
    position: sticky;
    left: 0;
    background-color: #fff;
    z-index: 2;
}
.tableForPlan thead th {
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: #fff;
}
.table-container {
    margin-top: 50px;
}
.bg-topBar{
    background: rgb(0, 44, 6);
}

.bg-subMenue {
    background: #0b4540;
    background: linear-gradient(90deg,rgba(11, 69, 64, 1) 0%, rgba(6, 57, 62, 1) 50%, rgba(6, 57, 62, 1) 100%);
}
.bg-content {
    border: 1px solid rgba(8,89,84,0.9);
    background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.03'/%3E%3C/svg%3E"),
            linear-gradient(
                    180deg,
                    rgb(9, 55, 55) 0%,
                    rgba(9, 55, 55, 0.9) 30%,
                    rgba(9, 55, 55, 0.60) 60%,
                    rgba(9, 55, 55, 0.50) 90%,
                    rgba(9, 55, 55, 0.40) 100%
            );
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}
.bg-planStatic {
    border: 1px solid rgba(8,89,84,0.8);
    background: rgba(1, 57, 62, 0.8);
    background-size: auto, cover;
}
.bg-veggieInManuelPlan {
    background-image: linear-gradient(to right, rgba(213, 211, 211, 0.49) 0%, rgb(148, 162, 188) 100%);
}
.bg-perlopalLinearTransparent {
    background: rgba(25,55,55,0.7);
    background: linear-gradient(-15deg, rgba(8,93,88,0.7) 0%, rgb(6, 77, 0.7) 50%, rgba(25,55,55,0.7) 100%);
}
.bg-greenLinear {
    background-image: linear-gradient(to bottom, #026935  0%, #024f28  100%);
}

.rdm-MenuBTN {
    max-width: 15em;
    background-color: transparent;
    border-color: transparent;
    margin: 0px;
    padding-right: -25px;
    text-align: left;
    font-size: 1em;
    transition: 1s;
    color: var(--text-light);
    display: block;
    font-family: 'Nunito Sans', sans-serif;
}
.rdm-MenuBTNAktive {
    max-width: 15em;
    background-color: transparent;
    margin: 10px;
    padding-right: 10px;
    text-align: center;
    transition: 1s;
    border-style: solid;
    border-color: var(--text-light);
    border-width: 1px;
    border-radius: 4px;
    color: var(--text-light);
    display: block;
    font-family: 'Nunito Sans', sans-serif;
}
.rdm-checkRadio:checked {
    background-color: green;
    transition: 0.5s;
    display: flex;
    align-items: center;
}
.bahnschrift {
    letter-spacing: 1px;
    text-transform: uppercase;
    color: black;
    font-family: 'Nunito Sans', sans-serif;
}
.bahnschriftOnly {
    font-family: 'Nunito Sans', sans-serif;
}
.bg-floralweiß {
    background-color: #FFFAF0;
}
.bg-neonGreen {
    background-color: #31dd0c;
}
.blueBTNMenue {
    background-image: linear-gradient(to right, rgb(2, 80, 87) 0%, rgba(8,93,88,1) 35%, rgba(25,55,55,1) 100%);
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(0.76em, 2.0vw, 1.0em);
    background-size: 200% auto;
    color: var(--text-light);
    border-radius: 5px;
    border-style: none;
    display: block;
}
.blueBTNMenue:hover {
    background-position: right center;
    color: #31dd0c;
}
.blueBTN {
    background-image: linear-gradient(to right, rgb(2, 80, 87) 0%, rgba(8,93,88,1) 35%, rgba(25,55,55,1) 100%);
    margin: 0px;
    padding: 5px 10px;
    border-style: none;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(0.76em, 2.0vw, 1.0em);
    transition: 0.5s;
    background-size: 200% auto;
    color: var(--text-light);
    border-radius: 5px;
    display: block;
}
.blueBTN:hover {
    background-position: right center;
    color: #31dd0c;
}
.blueBORDER {
    border-width: 6px;
    border-style: solid;
    border-image: linear-gradient(to right, #016663, #0092aa) 1;
}
.orangeBORDER {
    border-width: 4px;
    border-style: solid;
    border-image: linear-gradient(to right, #ffa500, #cd6600) 1;
}
.greenBTNMenue {
    background-image: linear-gradient(to right, #018101 0%, #02a854 51%, #007e00 100%);
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(0.76em, 2.0vw, 1.0em);
    background-size: 200% auto;
    color: var(--text-light);
    border-radius: 5px;
    display: block;
}
.greenBTNMenue:hover {
    background-position: right center;
    color: #000000;
}
.sideMenueBTN {
    margin-top: 0.3em;
    line-height: 0.8em;
    background: transparent;
    letter-spacing: 1px;
    font-size: clamp(0.56em, 1vw, 0.9em);
    transition: 0.3s;
    background-size: 200% auto;
    color: var(--text-light);
    display: inline-block;
    width: auto;
    border-radius: 0px;
    font-weight: 550;
}
.sideMenueBTN:hover {
    border-top-color: deepskyblue;
    border-bottom-color: deepskyblue;
    color: var(--text-light);
    border-radius: 10px;
}
.sideMenueActiveBTN {
    line-height: 0.7em;
    background: transparent;
    letter-spacing: 1px;
    font-size: clamp(0.56em, 1vw, 0.9em);
    transition: 0.3s;
    background-size: 200% auto;
    display: inline-block;
    width: auto;
    border-top-color: deepskyblue;
    border-bottom-color: deepskyblue;
    color: var(--text-light);
    border-width: 2px;
    border-radius: 10px;
    font-weight: 550;
}
.sideMenueActiveBTN:hover {
    border-top-color: deepskyblue;
    border-bottom-color: deepskyblue;
    color: var(--text-light);
    border-radius: 10px;
}

.greenBTN {
    background-image: linear-gradient(to right, #018101 0%, #02a854 51%, #007e00 100%);
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(0.76em, 2.0vw, 1.0em);
    transition: 0.5s;
    background-size: 200% auto;
    color: var(--text-light);
    border-radius: 5px;
    display: block;
}
.greenBTN:hover {
    background-position: right center;
    color: #000000;
}
.orangeBTNMenue {
    background-image: linear-gradient(to right, #bd6c00 0%, #ffb700 51%, #bd6c00 100%);
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(0.76em, 2.0vw, 1.0em);
    background-size: 200% auto;
    color: var(--text-light);
    border-radius: 5px;
    display: block;
}
.orangeBTNMenue:hover {
    background-position: right center;
    color: #000000;
}
.orangeBTN {
    background-image: linear-gradient(to right, #bd6c00 0%, #ffb700 51%, #bd6c00 100%);
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(0.76em, 2.0vw, 1.0em);
    transition: 0.5s;
    background-size: 200% auto;
    color: #222222;
    border-radius: 5px;
    border-style: none;
    display: block;
    font-weight: 500;
}
.orangeBTN:hover {
    background-position: right center;
    color: #fff;
}
.orangeBTNW {
    background-image: linear-gradient(to right, #bd6c00 0%, #ffb700 51%, #bd6c00 100%);
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    font-size: clamp(0.76em, 1.5vw, 1.0em);
    transition: 0.5s;
    background-size: 200% auto;
    letter-spacing: 1px;
    color: var(--text-light);
    border-radius: 5px;
    border-style: none;
    display: block;
    font-weight: 400;
}
.orangeBTNW:hover {
    background-position: right center;
    color: #333333;
}
.greenTransBackground {
    background-image: linear-gradient(to bottom, #3aad3a, #527903);
    font-weight: 700;
    background-size: 200% auto;
}
.redBTN {
    background-color: transparent;
    margin: 0px;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: clamp(0.76em, 2.0vw, 1.0em);
    font-weight: 400;
    transition: 0.5s;
    background-size: 200% auto;
    border-color: crimson;
    color: crimson;
    display: block;
}
.redBTN:hover {
    background-image: linear-gradient(153deg, rgba(184,39,7,1) 73%, rgba(247,163,163,1) 100%, rgba(171,0,0,1) 100%);
    background-position: right center;
    border-color: black;
    color: var(--text-light);
}
.dangerText {
    color: rgb(255, 0, 0);
}
.redTransBackground {
    background-image: linear-gradient(to bottom, #ff6347, #ff4500);
    font-weight: 600;
    background-size: 200% auto;
    color: black;
}

.password-wrapper {
    position: relative;
    display: inline-block;
}

.form-floating.password-wrapper {
    display: block;
}
.password-wrapper input {
    padding-right: 2.5rem;
    font-size: 1rem;
}
.password-wrapper .toggle-visibility {
    margin-top: 12px;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 2rem;
    line-height: 1;
}
.bg-start {
    background: rgba(255,255,255, 0.6);
}

.bg-footer {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 -1.25rem 1.5rem -1.5rem rgba(0, 0, 0, 0.6);
}
.bg-gs {
    background: linear-gradient(
            to bottom,
            #0F3D32 0%,
            #0F3D32 60%,
            #155240 100%
    );
    color: #FFFFFF;
    padding: 1rem;
    border-radius: 0.5rem;
}
.bg-rr {
    background:linear-gradient(180deg, #473b01 0%, #012347 60%)
}
.bg-mix {
    background: linear-gradient(
            to bottom,
            #10716B 0%,
            #10716B 60%,
            #169E8F 100%
    );
    color: #FFFFFF;
    padding: 1rem;
    border-radius: 0.5rem;
}
.bg-perma {
    background: linear-gradient(
            to bottom,
            #15493E 0%,
            #15493E 60%,
            #3A6B51 100%
    );
    color: #FFFFFF;
    padding: 1rem;
    border-radius: 0.5rem;
}
.bg-self {
    background: linear-gradient(
            to bottom,
            #2F4F4F 0%,
            #2F4F4F 60%,
            #4F6F6F 100%
    );
    color: #FFFFFF;
    padding: 1rem;
    border-radius: 0.5rem;
}
.dropup .dropdown-menu {
    background: rgba(1, 57, 62, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 0.5rem 0;
    min-width: 20rem;
    text-align: left;
}
.dropup .dropdown-item {
    font-size: 0.9rem;
    padding: 0.75rem 1.25rem;
    color: var(--text-light);
}
.dropup .dropdown-item:hover,
.dropup .dropdown-item:focus {
    background: rgba(2, 96, 104, 0.5);
}
.smallLine {
    line-height: 0.6em;
}
.offcanvasSet {
    --bs-offcanvas-width: 100vw;
    --bs-offcanvas-height: 100vh;
    background-color: rgba(0,0,0,0.8);
}
.offcanvasSetLogin {
    --bs-offcanvas-width: 100vw;
    --bs-offcanvas-height: 100vh;
    background-color: rgba(0,0,0,0.9);
}
.toTopCont {
    --bs-offcanvas-width:  5em;
    --bs-offcanvas-height: 5em;
    --bs-offcanvas-bg:           transparent;
    --bs-offcanvas-border-width: 0;
    --bs-offcanvas-box-shadow:   none;
    width: var(--bs-offcanvas-width)  !important;
    height: var(--bs-offcanvas-height) !important;
    right: 1rem  !important;
    left:  auto  !important;
    bottom: 1rem !important;
    margin: 0 !important;
}
.toTopCont.offcanvas-bottom {
    top:    auto !important;
    bottom: 2em    !important;
    left:   auto !important;
    right:  0    !important;
}
.toTopImg {
    height: 3em;
    width: auto;
}
.payImg {
    height: 2em;
    width: auto;
}
.arrowDownImg {
    height: 3em;
    width: auto;
    padding-left: 5em;
}
.imgSizeWidth10 {
    height: auto;
    width: 10em;
}
.imgSizeHeight9 {
    max-height: 9em;
    width: auto;
}
.imgSizeHeight12 {
    height: 12em;
    width: auto;
}
.imgSizeWidth6 {
    height: auto;
    width: 6em;
}
.Cont80Pwith {
    width: 80%;
}
.modal.show {
    display: block;
    z-index: 1080 !important;
}
.spinnerSetting {
    color: chartreuse;
    height: 4em;
    width: 4em;
}
.planImg {
    margin-top: -1em;
    min-height: 3em;
    min-width: 3em;
}
.paddingLeft2 {
    padding-left: 1.5em !important;
}
.paddingLeft3 {
    padding-left: 3em !important;
}
.borderBottomRight {
    border-bottom: 2px solid rgba(0, 191, 255, 0.6);
    border-right: 2px solid rgba(0, 191, 255, 0.6);
    border-bottom-right-radius: 8px;

}
.tooltip{
    --bs-tooltip-bg: #00ace8;
    --bs-tooltip-color: #000000;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-font-size: 1rem;
    --bs-tooltip-max-width: 400px;
    --bs-tooltip-border-radius: .6rem;
    --bs-tooltip-arrow-color: var(--bs-tooltip-bg);
}
.tooltip .tooltip-inner{

    padding: 1em;
    text-align: left;
}
.handDownIconP2 {
    font-size: 3em;
    color: var(--text-light);
    padding-left: 2em;
    vertical-align: middle;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.familyArt-name {
    font-size: clamp(0.76rem, 1.2vw, 1rem);
    line-height: 1.15;
    margin: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.smallLineHeight {
    line-height: 1em;
}
.arrowInTable{
    height: auto;
    width: 1.3em;
}
.bg-tableTemp{
    background-image: linear-gradient(
            to right,
            rgba(2, 109, 120, 0.70) 30%,
            rgba(246, 168, 0, 0.65) 50%,
            rgba(251, 100, 29, 0.85) 70%,
            rgba(2, 109, 120, 0.70) 95%);
}
.bg-tableTemp2{
    background-image: linear-gradient(
            to right,
            rgba(1, 92, 101, 0.7) 30%,
            rgba(246, 168, 0, 0.65) 35%,
            rgba(251, 100, 29, 0.85) 60%,
            rgba(246, 168, 0, 0.65) 80%,
            rgba(2, 109, 120, 0.70) 95%);

    padding-top: 0.0rem !important;
    padding-bottom: 0.0rem !important;
}
.tableIcon{
    vertical-align: middle;
    margin-bottom: auto;
    margin-top: auto;
}
.altNames{
    margin:0.5em 0 0 1em;
    padding:0;
    list-style:disc;
    color:var(--text-light);
}
.card-top {
    --title-lines: 2;
    --title-lh: 1.25;
    min-height: calc(var(--title-lines) * var(--title-lh) * 1em + 0.5rem);
    display: flex;
    gap: 0.5rem;
    align-items: flex-start;
}
.line-height-2 {
    line-height: var(--title-lh, 1.25);
    height: calc(2 * var(--title-lh, 1.25) * 1em);
    margin: 0;
    overflow-wrap: anywhere;
    white-space: normal;
}
.card-top-pill {
    position: absolute;
    right: 5%;
    top: 2em;
    transform: translate(-50%, -72%);
    z-index: 1200;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 2.2rem;
    padding: 0 .8rem;
    border-radius: 75%;
    color: #050505;
    font-weight: 600;
    font-size: .92rem;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35);
    pointer-events: none;
}
.card-top-pill::after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) ;
    width: 15px; height: 10px;
    background: inherit;
    filter: blur(0.2px);
    z-index: -1;
    border-radius: 50%;
}
.card-top-pill .pill-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10rem;
    display: inline-block;
}
.searchInputVeggie {
    min-width: 18em;
}
.calendar-tile {
    transition: transform .5s ease, box-shadow .5s ease;
    border-width: 0px;
    border-radius: 12px;
    border-color: #036b13;
    color: var(--text-light);
}
.calendar-tile:hover, .calendar-tile:focus-visible {
    transform: translateY(-6px);
    border-width: 2px;
    border-radius: 15px;
    border-style: solid;
    border-left-color: deepskyblue;
    border-right-color: deepskyblue;
    border-bottom-color: rgba(48, 48, 48, 0.5);
    border-top-color: transparent;
    color: var(--text-light);
}
.month-img {
    width: 44px; height: 44px; object-fit: cover;
}
#updateModal .modal-content {
    background: transparent;
}
.clamped-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.vote-btn.voted { background: var(--bs-success); color: #fff; border-color: var(--bs-success); }
.background-box {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35%;
}
.backgroundThumb {
    background-image: url('/empfehlung-3e1c841234dfaecdfc722a149202a6d9.webp');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20%;
}
#topPlant .card {
    content-visibility: auto;
}
#topPlant .list-group-item {
    content-visibility: auto;
}
#demoBtn {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.6);
    position: fixed;
    right: max(30vw, env(safe-area-inset-right));
    top: max(5.5em, env(safe-area-inset-bottom));
    z-index: 1060;
    border: 1px solid rgba(8,89,84,.3);
    padding: .6rem 1.5rem;
    cursor: pointer;
    transition: background .3s ease, box-shadow .3s ease, transform .15s ease;
}
.testChecklist li.is-done { color: chartreuse; }
.testChecklist li.is-done::before {
    content: "✓ ";
    display: inline-block;
    margin-right: .35rem;
    font-weight: 700;
}
.max25em {
    max-width: 20em;
}
.mix-badge {
    display: inline-block;
    margin-left: 1rem;
    margin-top: .3rem;
    font-size: .72rem;
    line-height: 1;
    padding: .24rem .27rem;
    border-radius: 9999px;
    background: rgba(0, 191, 255, 0.7);
    color: #000000;
    border: 1px solid rgba(74, 74, 72, 0.35);
    vertical-align: middle;
}
tr.part-sep td {
    height: 15px;
    border: 0 !important;
    background: transparent;
    padding: 0;
}
#myplanstbl > [class*="col-"] {
    display: flex;
}
#myplanstbl .card {
    display: flex;
    flex-direction: column;
    height: 20em;
}
#myplanstbl .card-footer {
    margin-top: auto;
}
.badgeStripPlan{
    background: linear-gradient(
            to bottom,
            #10716B 0%,
            #10716B 60%,
            #024941 100%
    );
    color: var(--text-light);
    border-top-left-radius:100%!important;
    border-top-right-radius:100%!important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.badgeStripMTplan{
    margin-top: -2.35em;
}
.btn-row {
    display: flex;
    justify-content: space-between;
}
.btn-row form {
    margin: 0;
}
.page-layout {
    display: block;
    min-height: 100vh;
    position: relative;
}
#sidebar {
    padding: 1.5rem;
    position: fixed;
    top: 5.5rem;
    left: 0;
    width: 270px;
    border-width: 1px;
    border-color: #000000;
    border-style: solid;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.6);
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    height: calc(85vh - 10rem);
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 0.95rem;
    scrollbar-gutter: stable;
    z-index: 999;
    scroll-behavior: smooth;
    background: linear-gradient(90deg, rgba(11,69,64,1) 0%, rgba(6,57,62,1) 50%, rgba(6,57,62,1) 100%);
}
#sidebarMobile {
    position: static;
    width: 100%;
    height: auto;
    padding: 1rem;
    border-radius: 0;
    overflow-y: auto;
    scrollbar-gutter: stable;
}
.content-area {
    margin-left: 270px;
    padding: 1rem;
    transition: margin 0.3s ease;
    overflow-x: hidden;
}
@media (max-width: 1399.98px) {
    #sidebar {
        display: none !important;
    }
    .content-area {
        margin-left: 0 !important;
    }
}
@media (max-width: 1399.98px) {
    #navbarSupportedContent {
        display: none !important;
    }
}
#sidebar .accordion-button,
#sidebarMobile .accordion-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent;
    box-shadow: none;
    font-weight: 300 !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}
#sidebar .accordion-body,
#sidebarMobile .accordion-body {
    padding-left: 0.3rem;
    border-left: 2px solid rgba(0, 191, 255, 0.85);
    border-bottom: 2px solid rgba(0, 191, 255, 0.85);
    border-bottom-left-radius: 10px;
}
.iconLine {
    width: 8%;
    margin-top: -0.13em;
    border-bottom: 3px solid;
    transition: color 0.3s ease;
}
#sidebar .accordion-button:hover .iconLine,
#sidebar .accordion-button[aria-expanded="true"] .iconLine,
#sidebarMobile .accordion-button:hover .iconLine,
#sidebarMobile .accordion-button[aria-expanded="true"] .iconLine {
    color: deepskyblue;
}
#sidebar .accordion-button[aria-expanded="true"],
#sidebarMobile .accordion-button[aria-expanded="true"] {
    color: deepskyblue;
    border-left: 2px solid rgba(0, 191, 255, 0.85) !important;
    border-radius: 0px !important;
}
#sidebar .accordion-button:hover,
#sidebarMobile .accordion-button:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 10px;
    transform: translateX(2px);
}
#sidebar .accordion-button[aria-expanded="true"],
#sidebarMobile .accordion-button[aria-expanded="true"] {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    transform: translateX(0px);
}
.marginLeftSidebar {
    margin-left: 1.5em !important;
}
.hrUnderlineSideMenue {
    margin-top: -0.6em !important;
}
.menuePadding{
    padding-left: 6px !important;
    padding-right: 6px !important;
}
.hrUnderlineInSideMenue {
    margin-top: -1.3em !important;
    width: 85%;
}
#sidebar .accordion-button::after,
#sidebarMobile .accordion-button::after {
    transition: filter 0.3s ease, transform 0.3s ease;
    filter: brightness(0) invert(100%);
}
#sidebar .accordion-button:hover::after,
#sidebar .accordion-button[aria-expanded="true"]::after,
#sidebarMobile .accordion-button:hover::after,
#sidebarMobile .accordion-button[aria-expanded="true"]::after {
    filter: brightness(0) invert(60%) sepia(79%) saturate(3968%) hue-rotate(160deg);
}
#sidebar .accordion-button i,
#sidebarMobile .accordion-button i {
    color: var(--text-light);
    transition: color 0.3s ease;
}
#sidebar .accordion-button:hover i,
#sidebar .accordion-button[aria-expanded="true"] i,
#sidebarMobile .accordion-button:hover i,
#sidebarMobile .accordion-button[aria-expanded="true"] i {
    color: deepskyblue;
}
.subSideMenueBTN {
    display: inline-block;
    width: auto;
    margin: 0.5em 0;
    padding-top: 0.4em;
    line-height: 1em;
    background: transparent;
    color: var(--text-light);
    letter-spacing: 1px;
    font-size: 0.9em;
    font-weight: 500;
    border-radius: 0;
    transition: 0.3s;
}
.subSideMenueBTN i {
    color: rgba(164, 217, 236, 0.5);
    letter-spacing: 1px;
    transition: color 0.3s ease;
}
.subSideMenueBTN:hover i {
    color: chartreuse;
}
.subSideMenueBTN:hover {
    color: var(--text-light);
    border-top-color: chartreuse;
    border-bottom-color: chartreuse;
    border-radius: 10px;
    transform: translateX(3px);
}
.subSideMenueActiveBTN {
    display: inline-block;
    width: auto;
    line-height: 0.8em;
    background: transparent;
    color: var(--text-light);
    letter-spacing: 1px;
    font-size: 0.9em;
    font-weight: 500;
    border-top-color: chartreuse;
    border-bottom-color: chartreuse;
    border-width: 1px;
    border-radius: 10px;
    transition: 0.3s;
}
.subSideMenueActiveBTN:hover {
    color: var(--text-light);
    border-top-color: chartreuse;
    border-bottom-color: chartreuse;
    border-radius: 10px;
}
.sidebar::-webkit-scrollbar { width: 6px; }
.sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 191, 255, 0.4);
    border-radius: 3px;
}
.sidebar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 191, 255, 0.7);
}
.menueLines {
    font-size: clamp(1.3em, 1.8vw, 1.9em);
    margin-right: 0.1em;
    color: rgba(164, 217, 236, 0.5);
}
.menueLinesPosiotion{
    margin-top: 0.3em;
}
.burgerMenue {
    line-height: 0.8em;
    background: transparent;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(0.8em, 2.0vw, 1.0em);
    transition: 0.3s;
    background-size: 200% auto;
    color: var(--text-light);
    border-radius: 0px;
    border-width: 2px;
    border-top-color: deepskyblue;
    border-bottom-color: deepskyblue;
    border-style: solid;
    font-weight: 550;
    cursor: pointer;
}
.burgerMenue:hover {
    border-top-color: var(--text-light);
    border-bottom-color: var(--text-light);
    color: deepskyblue;
    border-radius: 10px;
    border-width: 2px;
}
.burgerMenueCont {
    display: none;
}
.burgerMenueCont.is-visible { display: flex !important;}
@media (max-width: 1399.98px) {
    .burgerMenueCont {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        animation: fadeIn 0.4s ease-out forwards;
    }
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.menueBTN {
    margin-top: 0.3em;
    line-height: 0.8em;
    background: transparent;
    text-align: center;
    letter-spacing: 1px;
    font-size: 1em;
    transition: 0.3s;
    background-size: 200% auto;
    color: var(--text-light);
    font-weight: 550;
    cursor: pointer;
}
.menueBTN:hover {
    color: deepskyblue;
}
.logoutBTN {
    line-height: 0.8em;
    background: transparent;
    text-align: center;
    letter-spacing: 1px;
    transition: 0.6s;
    background-size: 200% auto;
    color: #acacac;
    display: block;
    border-color: #acacac;
}
.logoutBTN:hover {
    border-color: #d16800;
    color: var(--text-light);
}
.offcanvasMenue {
    background-color: rgba(0,0,0,0.8);
}
#MobileMenue .offcanvas-body {
    overflow-y: auto;
    scrollbar-gutter: stable;
}
#MobileMenue .offcanvas-body::-webkit-scrollbar {
    width: 6px;
}
#MobileMenue .offcanvas-body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 191, 255, 0.35);
    border-radius: 3px;
    transition: background-color 0.3s ease;
}
#MobileMenue .offcanvas-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 191, 255, 0.7);
}
#MobileMenue .offcanvas-body::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}


.bg-hero {
    background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.01'/%3E%3C/svg%3E"),
            linear-gradient(
                    105deg,
                    rgb(16, 48, 2) 30%,
                    rgb(29, 96, 22) 50%,
                    rgba(12, 25, 22, 0.3) 60%,
                    rgba(12, 25, 22, 0.0) 100%

            );
    background-blend-mode: overlay;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center center;
}
@media (max-width: 991.98px) {
    .bg-hero {
        background-image:
                url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.01'/%3E%3C/svg%3E"),
                linear-gradient(
                        125deg,
                        rgb(16, 48, 2) 0%,
                        rgba(29, 96, 22, 1) 50%,
                        rgba(12, 25, 22, 0.9) 70%,
                        rgba(12, 25, 22, 0.6) 100%
                );
    }
}
.bg-memo {
    background: linear-gradient(to bottom, rgba(0, 28, 118, 0.06) 0%, rgba(3, 107, 19, 0.06) 100%) !important;
}
.GSfunctions .container {
    border-left: 15px solid rgb(1, 57, 62);
    width: 100vw;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.step-badge {
    margin-top: auto;
    margin-bottom: 0rem;
    background-color: rgb(1, 57, 62);
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding-left: 0.2em;
    width: 100%;
    height: 2.3em;
    border-top-right-radius: 8px;
    margin-left: -1.3em;
}
.final-badge {
    margin-top: auto;
    margin-bottom: 0rem;
    background-color: rgb(1, 57, 62);
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-left: 0.2em;
    width: 100%;
    height: 2.3em;
    border-bottom-right-radius: 8px;
    margin-left: -1.3em;
}
.noRoundLeftBottom {
    border-bottom-left-radius: 0px;
}
.clip-top-left {
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0% 100%, 0 30px);
}
.clip-bottom-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 30px 100%, 0 calc(100% - 30px));
}
.clip-top-right {
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 30px, 100% 100%, 0 100%);
}
.clip-bottom-right {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%);
}
.smallClip-bottom-left {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}
.commentTop {
    position: relative;
    top: -0.6em;
}
.itemShadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.6);
}
.contshadow {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.6);
}
.btnShadow {
    box-shadow: 0 2px 5px rgba(9, 55, 55, 0.22), 0 4px 12px rgba(9, 55, 55, 0.15);
}
.btnShadow:hover {
    box-shadow: 0 3px 7px rgba(9, 55, 55, 0.28), 0 6px 18px rgba(9, 55, 55, 0.18);
}
.bg-feature{
    background: #0b4540;
    background: linear-gradient(
            180deg,
            rgba(28, 103, 89, 0.95) 0%,
            rgba(21, 46, 40, 0.98) 60%
    );
}
.feature-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 1rem;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
    max-width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 1em;
}
.feature-card img {
    width: auto;
    max-height: 110px;
    object-fit: contain;
    margin-bottom: 0.75rem;
    transition: transform 0.5s ease;
}
.feature-card h4 {
    font-size: clamp(1rem, 0.9vw, 1.2rem);
    letter-spacing: 0.6px;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.feature-card p {
    font-size: clamp(0.8rem, 0.8vw, 0.95rem);
    line-height: 1.4;
}
.feature-card:hover {
    transform: translateY(-3px);
}
.feature-card:hover img {
    transform: scale(1.3);
}
.feature-card hr {
    width: 35%;
    border: none;
    border-top: 2px solid rgba(231, 163, 0, 0.8);
    margin: 0.25rem 0 0.75rem 0;
}

.faq-block h5 {
    font-size: 1.15rem;
    color: #0F3D32;
    letter-spacing: 0.02em;
    text-transform: none;
}
.faq-block + .faq-block {
    padding-top: 2rem;
}
.faq-section .accordion-button {
    background: transparent;
    color: #1a1a1a;
    font-weight: 500;
    padding: 1rem 0;
    border: none;
    box-shadow: none;
    font-size: 1rem;
}
.faq-section .accordion-button:focus {
    box-shadow: none;
    outline: none;
}
.faq-section .accordion-button:not(.collapsed) {
    color: #0F3D32;
    background-color: transparent;
    font-size: 1.3rem;
    transition: 0.6s;
}
.faq-section .accordion-body {
    color: #333;
    font-size: 0.95rem;
    line-height: 1.6;
    padding: 0 0 1rem 0;
}
.faq-section .accordion-item {
    background: transparent;
    border-color: rgba(15, 61, 50, 0.5) !important;
    border-width: 2px !important;
}
.faq-section .accordion-item:last-child {
    border-bottom: none !important;
}
.zoom-wrapper {
    position: relative;
    display: inline-block;
    cursor: zoom-in;
}
.zoom-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.8rem;
    color: rgba(0, 0, 0, 0.9);
    opacity: 0.5;
    transition: opacity .25s ease;
    pointer-events: none;
}
.zoom-wrapper:hover .zoom-icon {
    opacity: 1;
}
.zoom-wrapper img {
    display: block;
    transition: transform .25s ease;
}
.zoom-wrapper:hover img {
    transform: scale(1.015);
}


.feature-slide {
    max-width: 95vw;
    margin: 0 auto;
}
@media (min-width: 576px) {
    .feature-slide {
        max-width: 520px;
    }
}
@media (min-width: 768px) {
    .feature-slide {
        max-width: 680px;
    }
}
@media (min-width: 992px) {
    .feature-slide {
        max-width: 820px;
    }
}
#featureCarousel1 .carousel-control-prev-icon,
#featureCarousel1 .carousel-control-next-icon,
#featureCarousel2 .carousel-control-prev-icon,
#featureCarousel2 .carousel-control-next-icon {
    background-image: none !important;
}
#featureCarousel1 .feature-card,
#featureCarousel2 .feature-card {
    min-height: 300px;
    display: flex;
    flex-direction: column;
}
#featureCarousel1 .feature-card p,
#featureCarousel2 .feature-card p {
    margin-top: auto;
}
#featureCarousel1 .carousel-control-prev-icon,
#featureCarousel2 .carousel-control-prev-icon {
    width: 1.8rem;
    height: 1.8rem;
    border: 0.3rem solid transparent;
    border-left-color: black;
    border-bottom-color: black;
    transform: rotate(45deg);
}
#featureCarousel1 .carousel-control-next-icon,
#featureCarousel2 .carousel-control-next-icon {
    width: 1.8rem;
    height: 1.8rem;
    border: 0.3rem solid transparent;
    border-right-color: black;
    border-bottom-color: black;
    transform: rotate(-45deg);
}


.calendarMaxSize {
    max-width: 12em;
    max-height: 12em;
}
.recipeCard {
    background: rgba(25,55,55,0.7);
    background: linear-gradient(-15deg, rgba(8,93,88,0.7) 0%, rgba(6, 77, 0.7) 50%, rgba(25,55,55,0.7) 100%);
    transition: 0.3s;
}
.recipeCard:hover {
    border-color: chartreuse;
}
.multiline {
    white-space: pre-line;
}
.recipe-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.35);
    color: white;
    font-size: 0.8rem;
}

.recipe-icon i {
    line-height: 1;
}
.cal-orange {
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    width: 80%;
    margin: 0 auto;
    background-image: linear-gradient(10deg, #bd6c00 0%, #ffb700 51%, #bd6c00 100%);
    font-family: 'Nunito Sans', sans-serif;
}
.cal-green {
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    width: 80%;
    margin: 0 auto;
    background-image: linear-gradient(10deg, #23880c 0%, #31dd0c 51%, #23880c 100%);
    font-family: 'Nunito Sans', sans-serif;
}
.cal-blue {
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    width: 80%;
    margin: 0 auto;
    background-image: linear-gradient(10deg, #0d83aa 0%, deepskyblue 51%, #0d83aa 100%);
    font-family: 'Nunito Sans', sans-serif;
}
.cal-brown {
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    width: 80%;
    margin: 0 auto;
    background-image: linear-gradient(10deg, #ac5824 0%, #ff660a 51%, #ac5824 100%);
    font-family: 'Nunito Sans', sans-serif;
}
.cal-icon {
    width: 1.8em;
    height: auto;
}
.cal-icon2 {
    width: 2.2em;
    height: auto;
}
#cal1,#cal2,#cal3,#cal4,#cal5,#cal6,#cal7,#cal8,#cal9,#cal10,#cal11,#cal12{display:flex;flex-direction:column;gap:.5rem;width:100%;font-style:normal;}

#calendarGrid > [class*="col-"]{display:flex;}
@media (min-width:1200px){#calendarGrid > [class*="col-"]{flex:0 0 25%;max-width:25%;}}
#calendarGrid .ratio-1x1{height:auto !important;width:100%;display:flex;}
#calendarGrid .ratio-1x1::before{content:none !important;}
#calendarGrid .ratio-1x1>*{position:static !important;height:auto !important;width:100%;}

.cal-modeswitch{border-radius:9px;box-shadow:0 2px 7px rgba(0,0,0,.14);}
.cal-modeswitch .cal-mode-btn{display:inline-flex;align-items:center;gap:7px;font-weight:bold;padding:7px 15px;}
.cal-mode-btn .cal-mode-label{font-size:.85rem;}
@media (max-width:575.98px){.cal-mode-btn .cal-mode-label{display:none;}}

.cal-pulse-card{background:linear-gradient(165deg,#0c4347 0%,#062a2d 75%);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:18px 20px 20px;}
.cal-pulse-head{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px;text-align:center;}
.cal-pulse-title{font-size:1.05rem;font-weight:bold;color:#fff;}
.cal-pulse-sub{font-size:.8rem;color:#d6e0dd;}
.cal-pulse-body{display:flex;align-items:stretch;gap:8px;}
.cal-pulse-axis{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:.7rem;letter-spacing:.5px;color:#aebbb8;align-self:center;}
.cal-pulse-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,191,255,.4) rgba(255,255,255,.04);}
.cal-pulse-scroll::-webkit-scrollbar{height:6px;}
.cal-pulse-scroll::-webkit-scrollbar-thumb{background:rgba(0,191,255,.4);border-radius:999px;}
.cal-pulse-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.04);}
.cal-pulse-track{display:flex;align-items:flex-end;gap:7px;height:120px;min-width:480px;padding-top:6px;}
.cal-pulse-col{flex:1 0 auto;min-width:30px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;}
.cal-pulse-bar{width:100%;border-radius:4px 4px 0 0;}
.cal-pulse-mlabel{font-size:.65rem;color:#aebbb8;}
.cal-pulse-now .cal-pulse-bar{box-shadow:0 0 0 2px #36c5ff,0 0 12px rgba(54,197,255,.6);}
.cal-pulse-now .cal-pulse-mlabel{color:#cdeaff;font-weight:bold;}
.cal-pulse-legend{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);}
.cal-pulse-temp{font-size:.72rem;color:#aebbb8;white-space:nowrap;}
.cal-pulse-gradient{flex:1;height:8px;border-radius:999px;background:linear-gradient(90deg,rgb(61,10,102) 0%,rgb(122,31,166) 20%,rgb(31,71,196) 33.3%,rgb(63,181,232) 44.4%,rgb(63,208,106) 55.6%,rgb(195,210,42) 64.4%,rgb(245,197,24) 71.1%,rgb(245,144,31) 77.8%,rgb(232,64,31) 86.7%,rgb(192,20,56) 93.3%,rgb(216,30,154) 100%);}

.calendar-tile{--cal-accent:#4a93a8;}
.calendar-tile.calendarMaxSize{max-width:none;max-height:none;min-height:12rem;margin-bottom:0 !important;background:linear-gradient(165deg,#1a4742 0%,#0c2926 78%) !important;border:1px solid rgba(255,255,255,.12);border-top:7px solid var(--cal-accent);transition:box-shadow .5s ease,transform .5s ease;}
.calendar-tile.calendarMaxSize:hover,.calendar-tile.calendarMaxSize:focus-visible{box-shadow:inset 3px 0 0 deepskyblue,inset -3px 0 0 deepskyblue,0 8px 20px rgba(0,0,0,.5);transform:translateY(-1px);}
.calendar-tile .month-label{font-size:clamp(1rem,4.2vw,1.3rem);color:#fff;}
.cal-tile-season{display:block;font-size:clamp(.6rem,2.4vw,.72rem);color:#eaf1ef;font-style:normal;margin-bottom:.1rem;}
.cal-pills{display:flex;flex-direction:column;gap:6px;font-style:normal;width:100%;}
.cal-pill{display:flex;align-items:center;gap:7px;max-width:100%;font-size:clamp(.66rem,2.7vw,.78rem);border-radius:999px;padding:3px 10px;border:1px solid;}
.cal-pill i{font-size:.85em;width:1em;text-align:center;flex-shrink:0;}
.cal-pill-label{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;}
.cal-pill-n{font-weight:bold;flex-shrink:0;color:#fff;}
:root{
    --gs-act-vor:#37b56a;
    --gs-act-saat:#d9622e;
    --gs-act-aus:#e6a52b;
    --gs-act-kauf:#3a93d6;
    --gs-fam:#5f7fd6;
}
.cal-pill-aus{background:color-mix(in srgb,var(--gs-act-aus) 30%,transparent);border-color:color-mix(in srgb,var(--gs-act-aus) 56%,transparent);}
.cal-pill-aus i{color:var(--gs-act-aus);}
.cal-pill-saat{background:color-mix(in srgb,var(--gs-act-saat) 30%,transparent);border-color:color-mix(in srgb,var(--gs-act-saat) 56%,transparent);}
.cal-pill-saat i{color:var(--gs-act-saat);}
.cal-pill-vor{background:color-mix(in srgb,var(--gs-act-vor) 30%,transparent);border-color:color-mix(in srgb,var(--gs-act-vor) 56%,transparent);}
.cal-pill-vor i{color:var(--gs-act-vor);}
.cal-pill-kauf{background:color-mix(in srgb,var(--gs-act-kauf) 30%,transparent);border-color:color-mix(in srgb,var(--gs-act-kauf) 56%,transparent);}
.cal-pill-kauf i{color:var(--gs-act-kauf);}
.cal-quiet{display:block;font-size:.82rem;color:#9fadaa;font-style:italic;}
.cal-tile-cta{display:block;margin-top:7px;font-size:.74rem;font-weight:bold;color:#36c5ff;font-style:normal;}
.cal-month-now.calendarMaxSize{border:1px solid rgba(54,197,255,.6) !important;border-top:7px solid var(--cal-accent) !important;box-shadow:0 0 0 1px rgba(54,197,255,.5),0 0 22px rgba(54,197,255,.32) !important;}
.cal-month-now.calendarMaxSize:hover,.cal-month-now.calendarMaxSize:focus-visible{box-shadow:inset 3px 0 0 deepskyblue,inset -3px 0 0 deepskyblue,0 0 0 1px rgba(54,197,255,.5),0 0 22px rgba(54,197,255,.32),0 8px 20px rgba(0,0,0,.5) !important;}
.cal-now-badge{display:inline-block;margin-left:.4rem;padding:.05rem .5rem;border-radius:999px;background:#36c5ff;color:#06323d;font-size:.66rem;font-weight:bold;font-style:normal;vertical-align:middle;}
@media (max-width:575.98px){.calendar-tile.calendarMaxSize{padding:.65rem !important;min-height:10rem;}.cal-pill{padding:2px 8px;gap:5px;}.cal-pulse-card{padding:14px 14px 16px;}}

.cal-d-card{border-radius:14px;overflow:hidden;background:linear-gradient(165deg, #13550d 0%, #51010d 80%);border:1px solid rgba(255, 255, 255, 0.5);box-shadow:0 0 1rem rgba(0,0,0,.5);height:100%;display:flex;flex-direction:column;container-type:inline-size;
    --pk-ic:28px; --pk-fa:20px; --pk-mon:30px; --pk-arrow:18px; --pk-thumb-w:92px;}
@media (min-width:1400px){#offcanvasMonthBody > .cal-d-col{flex:0 0 20%;max-width:20%;width:20%;}}
@media (min-width:1920px){#offcanvasMonthBody > .cal-d-col{flex:0 0 16.6666%;max-width:16.6666%;width:16.6666%;}}
.cal-d-tag{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 12px;font-weight:bold;color:#06323d;}
.cal-d-tag i{font-size:.95em;}
.cal-d-tag-word{font-size:.9rem;}
.cal-d-tag-hint{font-size:.72rem;font-weight:normal;opacity:.85;}
.cal-d-vor{background:var(--gs-act-vor);}
.cal-d-saat{background:var(--gs-act-saat);}
.cal-d-aus{background:var(--gs-act-aus);}
.cal-d-kauf{background:var(--gs-act-kauf);}
.cal-d-body{padding:13px 14px 14px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;}
.cal-d-foot{margin-top:10px;}
.cal-d-title{display:flex;align-items:center;gap:11px;margin-bottom:8px;}
.cal-d-photo{flex-shrink:0;}
.cal-d-photo img{width:64px;height:64px;object-fit:cover;border-radius:10px;}
.cal-d-thumb{width:var(--pk-thumb-w);aspect-ratio:16/9;overflow:hidden;border-radius:9px;flex-shrink:0;}
.cal-d-thumbimg{width:100%;height:100%;object-fit:cover;display:block;}
.cal-d-titletxt{display:flex;flex-direction:column;line-height:1.12;min-width:0;}
.cal-d-name{font-size:1.1rem;font-size:clamp(1rem,6cqi,1.3rem);font-weight:500;color:#fff;}
.cal-d-sort{font-size:.75rem;color:#aebfbb;}
.cal-d-fam{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:.7rem;color:#dbe6ff;background:color-mix(in srgb,var(--gs-fam) 26%,transparent);border:1px solid color-mix(in srgb,var(--gs-fam) 55%,transparent);border-radius:999px;padding:2px 9px;margin-bottom:9px;}
.cal-d-rows{display:flex;flex-direction:column;}
.cal-d-row{display:flex;align-items:center;gap:11px;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);font-size:.86rem;}
.cal-d-ic{width:var(--pk-ic);height:var(--pk-ic);object-fit:contain;flex-shrink:0;}
.cal-d-lab{color:#cdd9d6;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cal-d-val{color:#fff;font-weight:500;text-align:right;white-space:nowrap;flex-shrink:0;}
.cal-d-pause{background:rgba(255,199,64,.1);border:1px solid rgba(255,199,64,.3) !important;border-radius:8px;margin-top:7px;padding:5px 9px;}
.cal-d-pause .cal-d-lab{color:#ffe6ad;}
.cal-d-periods{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);}
.cal-d-ph{font-size:.66rem;letter-spacing:.4px;color:#9fbcb6;text-transform:uppercase;margin-bottom:7px;}
.cal-d-track{display:flex;align-items:center;gap:8px;margin-bottom:5px;}
.cal-d-pl{width:64px;flex-shrink:0;font-size:.68rem;display:flex;align-items:center;gap:5px;color:#dfe8e5;}
.cal-d-pd{width:8px;height:8px;border-radius:2px;display:inline-block;flex-shrink:0;}
.cal-d-pd-vor{background:var(--gs-act-vor);}
.cal-d-pd-saat{background:var(--gs-act-saat);}
.cal-d-pd-aus{background:var(--gs-act-aus);}
.cal-d-pd-ern{background:#e8893a;}
.cal-d-cells{flex:1;display:flex;gap:2px;}
.cal-d-cells span{flex:1;height:9px;border-radius:2px;background:rgba(255,255,255,.07);}
.cal-d-on-vor{background:var(--gs-act-vor) !important;}
.cal-d-on-saat{background:var(--gs-act-saat) !important;}
.cal-d-on-aus{background:var(--gs-act-aus) !important;}
.cal-d-on-ern{background:#e8893a !important;}
.cal-d-soon{font-size:.62rem;color:#8a9e9a;font-style:italic;flex-shrink:0;}
.cal-d-months{display:flex;gap:2px;margin-left:72px;margin-top:3px;}
.cal-d-months span{flex:1;text-align:center;font-size:.58rem;color:#7f9a96;}
.cal-d-ic-i{width:var(--pk-ic);font-size:var(--pk-fa);text-align:center;color:#cdd9d6;flex-shrink:0;}
.cal-d-flag{display:flex;align-items:center;gap:9px;font-size:.86rem;color:#cfe9dd;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);}
.cal-d-flag i{color:#7fd1ad;font-size:18px;width:28px;text-align:center;}
.pk-flag-diff i{color:deepskyblue;}
.cal-d-months-inline{display:inline-flex;align-items:center;gap:6px;}
.cal-d-mon{width:var(--pk-mon);height:var(--pk-mon);object-fit:contain;}
.cal-d-arrow{width:var(--pk-arrow);height:var(--pk-arrow);object-fit:contain;}
.cal-d-altnames{margin-top:9px;}
.cal-d-altnames summary{font-size:.74rem;color:#aebfbb;cursor:pointer;}
.cal-d-altnames ul{margin:5px 0 0;padding-left:18px;}
.cal-d-altnames li{font-size:.74rem;color:#cdd9d6;}
.pk-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:11px;}
.pk-ic-sun{color:#f3c024;}
.pk-ic-seed{color:#c9a878;}
.pk-ic-root{color:#b07f4f;}
.pk-ic-height{color:#82b13e;}
.pk-ic-yield{color:#e6a52b;}
.pk-ic-time{color:#6fb3c2;}
.pk-ic-germ{color:#5dca8c;}
.pk-mv-menu{background:#0f3326;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px;max-height:62vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.45);}
.pk-mv-item{color:#e6efe9;border-radius:8px;padding:7px 10px;font-size:.9rem;cursor:pointer;}
.pk-mv-item:hover{background:rgba(255,255,255,.09);color:#fff;}
.pk-mv-item input{accent-color:var(--gs-act-vor,#37b56a);}
.pk-mv-sortlabel{background:#e7eeec;border-color:rgba(9,55,55,.28);color:#0c4a45;font-size:.82rem;}
.pk-mv-sortsel{background:#fff;border-color:rgba(9,55,55,.28);color:#0c4a45;max-width:170px;}
.pk-mv-sortsel:focus{background:#fff;color:#093737;border-color:#093737;box-shadow:none;}
.pk-mv-sortsel option{background:#fff;color:#0c4a45;}
.pk-fbtn{
    background-color:#e7eeec;
    border:1px solid rgba(9,55,55,.28);
    color:#0c4a45;
    box-shadow: 0 2px 5px rgba(9,55,55,.22), 0 4px 12px rgba(9,55,55,.15);
}
.pk-fbtn:not(:disabled):hover{
    background-color:#d6e2de;
    color:#093737;
    box-shadow: 0 3px 7px rgba(9,55,55,.28), 0 6px 18px rgba(9,55,55,.18);
}
.pk-fbtn:disabled{
    background-color:#093737;
    border-color:#093737;
    color:#fff;
    opacity:1;
}
.smallLine th,
.smallLine td {
    vertical-align: middle;
    padding-top: .25rem;
    padding-bottom: .25rem;
}
#loginAlertMobile, #loginAlert, #loginAlertGlobal {
    max-height: 28vh;
    overflow: auto;
}
#loginAlertMobile .debug, #loginAlert .debug, #loginAlertGlobal .debug {
    max-height: 14vh;
    overflow: auto;
    font-size: 0.85em;
}
.gs-kpi-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.gs-kpi-footer{
    margin-top: auto;
}
.gs-kpi-card .kpi-value{
    font-weight: 800;
    font-size: 2.35rem;
    line-height: 1.05;
    margin-bottom: .25rem;
}

.gs-kpi-card .kpi-prefix{
    font-size: 1rem;
    font-weight: 700;
    opacity: .75;
    vertical-align: middle;
}

.gs-kpi-card .kpi-unit{
    font-size: 1.05rem;
    font-weight: 700;
    opacity: .85;
}
.gs-kpi-card #kpiAreasInsight,
.gs-kpi-card #kpiPlantsInsight,
.gs-kpi-card #kpiPlansInsight,
.gs-kpi-card #kpiYieldInsight{
    min-height: 1.4em;
}

.gs-kpi-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 0.6rem 1.2rem rgba(0, 0, 0, 0.5), 0 0 0.9rem rgba(0, 191, 255, 0.15);
}
.gs-kpi-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, deepskyblue, #ffb700);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gs-kpi-card:hover::before {
    opacity: 1;
}
.gs-mini-list {
    padding: 1rem;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border-left: 3px solid deepskyblue;
}

.gs-mini-row {
    padding: 0.4rem 0;
}
.gs-insight {
    background: linear-gradient(135deg, rgba(0, 206, 209, 0.15), rgba(127, 255, 0, 0.1));
    border: 1px solid rgba(0, 206, 209, 0.3);
    border-radius: 12px;
    padding: 1rem;
}

.gs-insight.warn {
    background: linear-gradient(135deg, rgba(255, 140, 66, 0.15), rgba(255, 165, 102, 0.1));
    border-color: rgba(255, 140, 66, 0.3);
}

.gs-insight.bad {
    background: linear-gradient(135deg, rgba(220, 53, 69, 0.15), rgba(220, 53, 69, 0.1));
    border-color: rgba(220, 53, 69, 0.3);
}

.gs-insight-ico {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 206, 209, 0.2);
    color: deepskyblue;
    flex-shrink: 0;
}

.gs-insight.warn .gs-insight-ico {
    background: rgba(255, 140, 66, 0.2);
    color: #ffb700;
}

.gs-insight.bad .gs-insight-ico {
    background: rgba(220, 53, 69, 0.2);
    color: #dc3545;
}

.handGreen {
    color: #146308;
}
.gs-badge{
    font-size: 1rem;
    box-shadow: 0 2px 8px rgba(0,0,0,.25);
    pointer-events: none;
}
.object-fit-cover { object-fit: cover; }
.bg-beige {
    background: linear-gradient(135deg, rgba(237, 191, 39, 0.4) 0%, rgba(236, 123, 31, 0.2) 100%);
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 30px rgba(0,0,0,.4);
    transition: transform .3s ease, box-shadow .3s ease, opacity .45s ease;
}
.navbar { --bs-navbar-padding-y: 0; min-height: 48px; overflow: visible; }
.navbar .navbar-brand { padding: 0; line-height: 1; overflow: visible; }
.navbar .brand-logo { display:block; width:auto; margin:-10px 0; }

@media (min-width: 576px) { .navbar .brand-logo { height: 48px; } }
@media (min-width: 992px) { .navbar .brand-logo { height: 48px; } }


#heroSection{
    position: relative;
}

#heroVideo{
    display:block;
    width:100%;
    height:auto;
}

.gs-hero-steps {
    width: max-content;
    max-width: calc(100vw - 2rem);
    top: 85%;
    left: 50%;
    z-index: 3;
    pointer-events: none;
}

.gs-steps-slot {
    position: relative;
    display: grid;
    place-items: center;
    width: max-content;
    max-width: calc(100vw - 2rem);
}

.gs-steps-main {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.gs-step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .32rem .62rem;
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.80);
    border: 1px solid rgb(49, 221, 12);
    box-shadow:
            0 0 0 1px rgba(255,255,255,.12) inset,
            0 10px 26px rgba(0,0,0,.35),
            0 0 18px rgba(0,191,255,.45);

    filter: saturate(1.08);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);

    pointer-events: auto;
}

.gs-step-txt {
    font-size: .95rem;
    line-height: 1.35;
    color: #dff8ff;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
}

@media (min-width: 1200px) {
    .gs-step {
        padding: .45rem .85rem;
        border-radius: 14px;
    }

    .gs-step-txt {
        font-size: 1rem;
    }
}

@media (max-width: 991.98px) {
    .gs-hero-steps {
        top: auto;
        bottom: 1rem;
        max-width: calc(100vw - 1.25rem);
    }

    .gs-step {
        width: 100%;
    }

    .gs-step-txt {
        font-size: .9rem;
    }
}





.gs-coachbar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1035;
    padding-bottom: env(safe-area-inset-bottom);
    -webkit-animation: gs-coachbar 6s linear infinite alternate both;
    animation: gs-coachbar 6s linear infinite alternate both;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255,255,255,.18);
}
@-webkit-keyframes gs-coachbar {
    0% {
        background: #0b4540;
    }
    50% {
        background: rgba(7, 43, 39, 0.8);
    }
    100% {
        background: #02490d;
    }
}
@keyframes gs-coachbar {
    0% {
        background: #0b4540;
    }
    50% {
        background: rgba(7, 43, 39, 0.8);
    }
    100% {
        background: #02490d;
    }
}

body.has-coachbar{
    padding-bottom: var(--gs-coachbar-h);
}
body.has-coachbar footer{
    margin-bottom: 0;
}








.gs-toast-host {
    position: fixed;
    top: max(12px, env(safe-area-inset-top));
    right: 12px;
    z-index: 1085;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(420px, calc(100vw - 24px));
    pointer-events: none;
}

@media (max-width: 767.98px) {
    .gs-toast-host {
        top: auto;
        bottom: max(12px, env(safe-area-inset-bottom));
        right: 12px;
    }
}
.gs-toast {
    pointer-events: auto;
    position: relative;
    overflow: hidden;

    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: rgba(20, 24, 28, 0.88);
    color: #fff;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.25);
    --gs-toast-total-ms: 4000ms;
    --gs-toast-in-ms: 180ms;
    --gs-toast-hide-ms: 180ms;
}

.gs-toast::before {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
}

.gs-toast--success::before { background: linear-gradient(90deg, #7fff00, #00d1b2); }
.gs-toast--info::before    { background: linear-gradient(90deg, #66d9ff, #0dcaf0); }
.gs-toast--warning::before { background: linear-gradient(90deg, #ffd166, #ff9f1c); }
.gs-toast--error::before   { background: linear-gradient(90deg, #ff6b6b, #e63946); }
.gs-toast__anim {
    transform: translateY(-10px);
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.gs-toast__anim--show {
    animation: gsToastAnimIn var(--gs-toast-in-ms) ease forwards;
}

.gs-toast__anim--hide {
    animation: gsToastAnimOut var(--gs-toast-hide-ms) ease forwards;
}
.gs-toast__inner {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 12px;
    padding: 12px;
    min-height: 72px;
}

.gs-toast:has(.gs-toast__close) .gs-toast__inner {
    grid-template-columns: auto 1fr auto;
}
.gs-toast__icon {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.12);
}

.gs-toast__icon i { font-size: 1rem; }

.gs-toast--success .gs-toast__icon { background: rgba(40, 167, 69, 0.22); }
.gs-toast--info .gs-toast__icon    { background: rgba(13, 202, 240, 0.22); }
.gs-toast--warning .gs-toast__icon { background: rgba(255, 193, 7, 0.22); }
.gs-toast--error .gs-toast__icon   { background: rgba(220, 53, 69, 0.22); }
.gs-toast__text { min-width: 0; }

.gs-toast__title {
    margin: 0;
    font-weight: 700;
    line-height: 1.15;
}

.gs-toast__sub {
    margin-top: 2px;
    font-size: 0.9rem;
    line-height: 1.2;
    word-break: break-word;
}
.gs-toast__close {
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
}

.gs-toast__close:hover {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.gs-toast__close:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.65);
    outline-offset: 2px;
}
@keyframes gsToastAnimIn {
    from {
        transform: translateY(-10px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes gsToastAnimOut {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-6px);
        opacity: 0;
    }
}
@media (max-width: 767.98px) {
    .gs-toast__anim {
        transform: translateY(10px);
    }

    @keyframes gsToastAnimIn {
        from {
            transform: translateY(10px);
            opacity: 0;
        }
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes gsToastAnimOut {
        from {
            transform: translateY(0);
            opacity: 1;
        }
        to {
            transform: translateY(6px);
            opacity: 0;
        }
    }
}

@media (prefers-reduced-motion: reduce) {
    .gs-toast__anim {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .gs-toast__anim--hide {
        opacity: 0 !important;
    }
}

.planStepper {
    background: linear-gradient(135deg, rgba(0, 11, 118, 0.2) 0%, rgba(3, 107, 19, 0.5) 100%);
    backdrop-filter: blur(3px);
    border-radius: 1rem;
}

.planStepper-step {
    min-width: 0;
    border: 1px solid transparent;
    background: transparent;
    transition: background-color .18s ease, border-color .18s ease, opacity .18s ease, box-shadow .18s ease;
}
.planStepper-dot {
    width: 28px;
    height: 28px;
    min-width: 28px;
    position: relative;
    font-size: .75rem;
    line-height: 1;
    color: #fff;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    transition: all .18s ease;
}

.planStepper-num,
.planStepper-check {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
}

.planStepper-check {
    opacity: 0;
    transform: scale(.85);
    transition: opacity .18s ease, transform .18s ease;
    font-size: .9rem;
}

.planStepper-label {
    color: rgba(255,255,255,.96);
    font-size: .9rem;
    line-height: 1.1;
}

.planStepper-meta {
    color: rgba(255,255,255,.62);
    font-size: .72rem;
    line-height: 1.05;
}

.planStepper-step[data-state="upcoming"] {
    opacity: .92;
}

.planStepper-step[data-state="upcoming"] .planStepper-dot {
    color: #9aa3ad;
}

.planStepper-step[data-state="upcoming"] .planStepper-meta {
    color: rgba(255,255,255,.5);
}

.planStepper-step[data-state="active"] {
    background: rgba(63,120,255,.10);
    border-color: deepskyblue;
    box-shadow: 0 0 0 1px rgba(63,120,255,.06) inset;
}

.planStepper-step[data-state="active"] .planStepper-dot {
    background: rgba(63,120,255,.16);
    border-color: deepskyblue;
    box-shadow:
            0 0 0 4px rgba(63,120,255,.12),
            0 0 18px rgba(63,120,255,.10);
    color: #fff;
}

.planStepper-step[data-state="active"] .planStepper-label {
    color: #fff;
}

.planStepper-step[data-state="active"] .planStepper-meta {
    color: deepskyblue;
}

.planStepper-step[data-state="done"] .planStepper-dot {
    background: rgba(74, 119, 82, 0.3);
    border-color: rgb(49, 221, 12);
    box-shadow: 0 0 0 3px rgba(74,119,82,.10);
}

.planStepper-step[data-state="done"] .planStepper-num {
    opacity: 0;
}

.planStepper-step[data-state="done"] .planStepper-check {
    opacity: 1;
    transform: scale(1);
}

.planStepper-step[data-state="done"] .planStepper-meta {
    color: rgb(49, 221, 12);
}

@media (max-width: 767.98px) {
    .planStepper-step {
        flex: 0 0 auto !important;
        min-width: 160px;
        background: rgba(255,255,255,.02);
    }
    .planStepper-meta {
        display: none;
    }

    .planStepper-label {
        white-space: normal !important;
        line-height: 1.05;
        max-width: 112px;
    }
}

.planStepper-scrollWrap {
    position: relative;
}

#planMiniStepper {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.28) rgba(255,255,255,.06);
    padding-bottom: 2px;
}

#planMiniStepper::-webkit-scrollbar {
    height: 8px;
}

#planMiniStepper::-webkit-scrollbar-track {
    background: rgba(255,255,255,.06);
    border-radius: 999px;
}

#planMiniStepper::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, rgba(0,191,255,.55), rgba(49,221,12,.45));
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.12);
}

#planMiniStepper::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, rgba(0,191,255,.75), rgba(49,221,12,.65));
}

.planStepper-scrollWrap::before,
.planStepper-scrollWrap::after {
    display: none !important;
}

.planStepper-scrollWrap::before {
    left: 0;
    background: linear-gradient(90deg,
    rgba(6, 23, 32, .55) 0%,
    rgba(6, 23, 32, .18) 55%,
    rgba(6, 23, 32, 0) 100%);
}

.planStepper-scrollWrap::after {
    right: 0;
    background: linear-gradient(270deg,
    rgba(6, 23, 32, .55) 0%,
    rgba(6, 23, 32, .18) 55%,
    rgba(6, 23, 32, 0) 100%);
}
@media (max-width: 767.98px) {
    #planMiniStepper {
        scroll-snap-type: x proximity;
        padding-bottom: 4px;
    }

    .planStepper-step {
        scroll-snap-align: start;
    }
}
.bg-planer {
    background: rgb(25,55,55);
}

.planerSection {
    position: relative;
    border-left: 2px solid rgba(0, 191, 255, 0.72);
    border-bottom: 2px solid rgba(0, 191, 255, 0.72);
    border-bottom-left-radius: 12px;
    padding-top: 2.1rem;
}

.planerSection-label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 100%;
    padding: .32rem .68rem .34rem .62rem;
    border-radius: 0 .6rem 0 0;
    background: rgba(0, 191, 255, 0.2);
    border: 1px solid rgba(0, 191, 255, 0.38);
    border-top: 0;
    border-left: 0;
    font-weight: 600;
    font-size: .92rem;
    line-height: 1;

    box-shadow:
            inset 0 1px 0 rgba(255,255,255,.05),
            inset 0 0 0 1px rgba(0, 191, 255, .06),
            0 6px 16px rgba(0,0,0,.10);

    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.gs-kpi-card--hovered{
    transform: translateY(-4px);
}

.gs-kpi-card--hovered::before{
    opacity: 1;
}
.bg-time{
    background: linear-gradient(90deg, rgba(0, 191, 255, 0.1), rgba(255, 183, 0, 0.2));
}

.bg-forTipps {
    min-height: 12em;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.01);
    background-image: linear-gradient(to right, rgba(255, 198, 109, 0.05) 0%, rgba(157, 166, 186, 0.2) 100%);
    border-radius: 8px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 3px solid deepskyblue;
}
.gs-tip-card{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.gs-tip-body{
    flex: 1 1 auto;
}

.gs-tip-footer{
    flex: 0 0 auto;
    margin-top: 0 !important;
}

.gs-tip-footer hr{
    width: 100%;
    margin: .5rem 0 .75rem 0;
}
.gs-tip-footer hr{
    width: 100%;
    margin: .5rem 0 .75rem 0;
}

.gs-tip-card{
    display: flex;
    flex-direction: column;
}

.gs-tip-footer{
    margin-top: auto !important;
}
.gs-tip-line{
    display:flex;
    align-items:flex-start;
    gap:.5rem;
    margin-bottom:.5rem;
}

.gs-tip-line i{
    margin-top:.15rem;
}

@keyframes gsSlideInLeft {
    from { opacity: 0; transform: translateX(-10px); }
    to   { opacity: 1; transform: translateX(0); }
}

.gs-tip-animate{
    animation: gsSlideInLeft 420ms ease-out;
}
.gs-welcome__video {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: inherit;
}

.gs-video-section {
    transition: transform 0.3s ease;
}

.gs-welcome__phone {
    max-width: 427px;
    max-height: 240px;
    position: relative;
    padding: 10px;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 30px;
    border: 1px solid rgba(0, 191, 255, 0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
}

.gs-video-container {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
    overflow: hidden;
    background: #000;
    margin: auto auto;
    position: relative;
}

.gs-welcome__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 95% !important;
    border: none;
}

.planImgWrap { position: relative; }
.planLockOverlay {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.5rem;
    background: rgba(8, 20, 12, 0.72);
    border-radius: 0.375rem;
}
.planLockOverlay span { line-height: 1.3; }
.planLockIcon { font-size: 1.25rem; }
.planFrameDotted {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px dashed #b9a283;
    border-radius: 0.5rem;
    padding: 0.75rem;
}

.btnSizeOrange {
    padding: 5px 10px;
    font-size: clamp(0.76em, 2.0vw, 1.0em);
    letter-spacing: 1px;
    font-weight: 500;
}

.hrYellow33 {
    width: 33%;
    height: 6px;
    border: none;
    background-color: #dfa104;
    opacity: 1;
}
#myRecipesList.visually-hidden ~ #myRecipesPrevNext {
    display: none !important;
}

.honeypot {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.pk-book{background:#faf6ed;border:1px solid #e6ddc9;border-radius:18px;overflow:hidden;color:#3a342c;max-width:880px;margin:0 auto;}
.pk-book-hero{position:relative;display:flex;gap:20px;padding:24px;background:radial-gradient(120% 140% at 88% -10%,#dde8cf 0%,#eef0e2 42%,#faf6ed 78%);}
.pk-book-img{width:250px;aspect-ratio:16/9;flex:none;border-radius:16px;background:linear-gradient(160deg,#1f6f4d,#0c4a45);box-shadow:0 8px 20px rgba(9,55,55,.28);display:flex;align-items:center;justify-content:center;color:#cfeede;font-size:46px;overflow:hidden;}
.pk-book-img img{width:100%;height:100%;object-fit:contain;}
.pk-book-ht{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0;}
.pk-book-pillrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.pk-book-fam{align-self:flex-start;background:#0c4a45;color:#dff0e7;font-size:11.5px;letter-spacing:.3px;padding:4px 12px;border-radius:99px;}
.pk-book-type{background:#e7eeec;color:#0c4a45;border:1px solid rgba(9,55,55,.2);font-size:11.5px;letter-spacing:.3px;padding:3px 11px;border-radius:99px;}
.pk-book-desc-sort{font-style:italic;border-left:3px solid #cdbf9f;color:#6a6453;}
.pk-book-name{font-family:extrafont,serif;font-size:clamp(1.5rem,6cqi,2.05rem);line-height:1.05;color:#093028;}
.pk-book-sort{font-size:14.5px;color:#7a6a4e;font-style:italic;}
.pk-book-alt{font-size:13px;color:#7a6a4e;}
.pk-book-badges{display:flex;gap:7px;margin-top:6px;flex-wrap:wrap;}
.pk-book-bdg{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid #e6ddc9;border-radius:99px;padding:4px 10px;font-size:12px;color:#3b4a42;}
.pk-book-bdg i{font-size:14px;}
.pk-book-desc{padding:16px 26px 6px;font-size:15.5px;line-height:1.75;color:#4a4236;}
.pk-book-chap{padding:16px 26px;border-top:1px solid #ece3d0;}
.pk-book-ch{font-family:extrafont,serif;font-size:1.25rem;color:#0c4a45;margin:0 0 14px;display:flex;align-items:center;gap:10px;}
.pk-book-ch .pk-book-cl{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;}
.pk-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,220px));gap:13px;justify-content:start;}
.pk-book-card{position:relative;background:#fffdf9;border:1px solid #ece3d2;border-radius:12px;padding:13px 15px;box-shadow:0 1px 2px rgba(80,64,40,.04),0 10px 22px -14px rgba(80,64,40,.16);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;}
.pk-book-card:hover{transform:translateY(-1px);border-color:#dfd3bc;box-shadow:0 2px 4px rgba(80,64,40,.05),0 14px 26px -14px rgba(80,64,40,.22);}
@media (prefers-reduced-motion:reduce){.pk-book-card{transition:none;}.pk-book-card:hover{transform:none;}}
.pk-book-ci{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:9px;background:#e9f0ec;color:#0c4a45;}
.pk-book-cv{font-size:18px;font-weight:500;color:#15352b;line-height:1.25;}
.pk-book-ck{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:#8a7f6f;margin-top:4px;}
@media (max-width:560px){.pk-book-hero{flex-direction:column;align-items:flex-start;}.pk-book-img{width:100%;aspect-ratio:16/9;font-size:36px;}.pk-book-grid{grid-template-columns:1fr 1fr;}}
.pk-book-prose{font-size:14.5px;line-height:1.7;color:#4a4236;}
.pk-book-prose b{color:#15352b;font-weight:500;}
.pk-book-q{position:absolute;top:7px;right:8px;width:18px;height:18px;border-radius:50%;background:#e7eeec;color:#0c4a45;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:help;border:1px solid rgba(9,55,55,.18);}
.pk-book-q:hover{background:#0c4a45;color:#fff;}
.pk-book-partners{margin-top:12px;flex:1 1 200px;min-width:0;}
.pk-book-pl{font-size:12.5px;font-weight:600;color:#0c4a45;margin-bottom:6px;}
.pk-book-pills{display:flex;flex-wrap:wrap;gap:7px;}
.pk-book-pill{display:inline-flex;flex-direction:column;align-items:flex-start;padding:5px 12px;border-radius:14px;font-size:13px;font-weight:500;line-height:1.25;}
.pk-pill-reason{display:block;font-size:11px;font-weight:400;opacity:.78;margin-top:1px;}
.pk-pill-good{background:#e3f1e8;color:#216b44;border:1px solid #b9dcc6;}
.pk-pill-bad{background:#fbe6dc;color:#a8431d;border:1px solid #f0c3ac;}
.pk-book-mediawrap{display:flex;flex-wrap:wrap;gap:18px;}
.pk-book-media-soon{display:flex;align-items:center;justify-content:center;gap:9px;width:240px;max-width:100%;aspect-ratio:16/9;border:1px dashed #cdbf9f;border-radius:12px;background:#f4eee1;color:#a99a78;font-size:14px;}
.pk-book-vsoon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed #cdbf9f;border-radius:12px;background:#f4eee1;color:#a99a78;text-align:center;padding:10px;}
.pk-book-vsoon i{font-size:24px;}
.pk-book-vsoon span{font-size:13px;color:#7a6a4e;line-height:1.25;}
.pk-book-vsoon small{font-size:11.5px;}
.pk-vsoon-yt{width:240px;max-width:100%;aspect-ratio:16/9;}
.pk-vsoon-tt{width:128px;aspect-ratio:9/16;}
.pk-vsoon-on{border-style:solid;border-color:rgba(9,55,55,.25);background:#fff;}
.pk-vsoon-on a{color:#093737;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:8px;}
.pk-card-sub{background:#f4eee1;}
.pk-card-sub .pk-book-ci{width:26px;height:26px;font-size:14px;background:#e3e9e2;}
.pk-card-sub .pk-book-cv{font-size:15px;color:#54614f;}
.pk-book-media{display:flex;flex-direction:column;align-items:flex-start;gap:9px;}
.pk-book-vthumb{position:relative;display:block;width:240px;max-width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:0 2px 7px rgba(9,55,55,.15);}
.pk-book-vthumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pk-book-vplay{position:absolute;inset:0;margin:auto;width:50px;height:50px;border-radius:50%;background:rgba(9,55,55,.78);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;}
.pk-book-vthumb:hover .pk-book-vplay{background:#093737;}
.pk-book-ch-hd{display:flex;flex-direction:column;gap:7px;}
.pk-book-facts{display:flex;flex-wrap:wrap;margin:18px 26px 4px;border-top:1px solid #e7ddc9;border-bottom:1px solid #e7ddc9;}
.pk-book-fact{flex:1;min-width:92px;padding:12px 10px;text-align:center;border-right:1px solid #efe7d6;}
.pk-book-fact:last-child{border-right:0;}
.pk-book-fi{display:block;font-size:15px;color:#1f6f4d;margin-bottom:6px;}
.pk-book-fv{font-size:17px;font-weight:500;color:#093737;line-height:1.2;}
.pk-book-fl{font-size:11.5px;color:#8a8478;margin-top:3px;}
.pk-book-lead::first-letter{font-family:extrafont,serif;font-size:2.7em;line-height:.86;float:left;color:#9a5a2c;padding:5px 9px 0 0;}
.pk-book-stages{max-width:none;justify-content:center;}
.pk-book-stages > .col{flex:0 0 auto;width:30%;}
.pk-book-stage{margin:0;}
.pk-book-stage-ph{border:1px dashed #cdbf9f;border-radius:11px;background:#f4eee1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a99a78;font-size:13px;overflow:hidden;min-height:110px;}
.pk-book-stage-ph i{font-size:22px;}
.pk-book-stage-img{width:100%;height:auto;display:block;}
.pk-book-stage-ph:has(.pk-book-stage-img){border-style:solid;border-color:#ece3d2;background:#fff;}
.pk-book-stage-l{font-size:12.5px;color:#5a6b66;text-align:center;margin-top:6px;}
.pk-img-edit{position:relative;cursor:pointer;}
.pk-img-edit-badge{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(9,55,55,.78);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.85;transition:opacity .15s,transform .15s;pointer-events:none;}
.pk-img-edit:hover .pk-img-edit-badge,.pk-img-edit:focus-visible .pk-img-edit-badge{opacity:1;transform:scale(1.08);}
.pk-img-edit:focus-visible{outline:2px solid #093737;outline-offset:2px;}
.pk-edit-card,.pk-edit-note{position:relative;cursor:pointer;}
.pk-edit-badge{position:absolute;bottom:6px;right:6px;width:22px;height:22px;border-radius:50%;background:rgba(9,55,55,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;opacity:.65;transition:opacity .15s,transform .15s;pointer-events:none;z-index:2;}
.pk-edit-card:hover .pk-edit-badge,.pk-edit-note:hover .pk-edit-badge,.pk-edit-card:focus-visible .pk-edit-badge,.pk-edit-note:focus-visible .pk-edit-badge{opacity:1;transform:scale(1.1);}
.pk-edit-card:focus-visible,.pk-edit-note:focus-visible{outline:2px solid #093737;outline-offset:2px;}
.pk-edit-host{position:relative;}
.pk-edit-host .pk-edit-badge{pointer-events:auto;cursor:pointer;opacity:.8;}
.pk-edit-host .pk-edit-badge:hover,.pk-edit-host .pk-edit-badge:focus-visible{opacity:1;transform:scale(1.1);}
.pk-edit-inline{cursor:pointer;}
.pk-edit-pen{font-size:.7em;opacity:.55;margin-left:4px;}
.pk-edit-inline:hover .pk-edit-pen,.pk-edit-inline:focus-visible .pk-edit-pen{opacity:1;}
.pk-edit-inline:focus-visible{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;}
.pk-edit-snrow{cursor:pointer;}
.pk-edit-snrow:hover .pk-edit-pen,.pk-edit-snrow:focus-visible .pk-edit-pen{opacity:1;}
.pk-edit-snrow:focus-visible{outline:2px solid #093737;outline-offset:2px;border-radius:4px;}
.pk-book-partnerwrap{padding:4px 4px 2px;border-radius:8px;display:flex;flex-wrap:wrap;gap:0 24px;}
.pk-chip-x{margin-left:6px;cursor:pointer;font-weight:700;opacity:.65;}
.pk-chip-x:hover{opacity:1;}
.pk-book-reset{text-align:center;margin-top:18px;padding-top:14px;border-top:1px solid #ece3d2;}
.pk-book-season{padding-top:2px;}
.pk-sn-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.pk-sn-l{width:108px;flex-shrink:0;font-size:13px;display:flex;align-items:center;gap:6px;color:#3f3f37;}
.pk-sn-dot{width:9px;height:9px;border-radius:2px;flex-shrink:0;}
.pk-sn-cells{flex:1;display:flex;gap:2px;}
.pk-sn-cells span{flex:1;height:12px;border-radius:2px;background:#ece3d0;}
.pk-sn-months{display:flex;gap:2px;margin-left:118px;margin-top:5px;}
.pk-sn-months span{flex:1;text-align:center;font-size:10px;color:#a99a78;}
.pk-sn-vor,.pk-sn-on-vor{background:var(--gs-act-vor) !important;}
.pk-sn-saat,.pk-sn-on-saat{background:var(--gs-act-saat) !important;}
.pk-sn-aus,.pk-sn-on-aus{background:var(--gs-act-aus) !important;}
.pk-sn-ern,.pk-sn-on-ern{background:#d9822e !important;}
.pk-book-note{background:#f4eee1;border-left:3px solid #0c4a45;border-radius:0 10px 10px 0;padding:11px 16px;font-size:14.5px;line-height:1.7;color:#4a4236;margin-bottom:10px;}
.pk-book-note:last-child{margin-bottom:0;}
.pk-book-note-l{display:block;font-size:11.5px;letter-spacing:.4px;color:#093737;text-transform:uppercase;margin-bottom:2px;font-weight:500;}
.pk-book-note-ph{background:transparent;border-left-style:dashed;border-left-color:#cdbf9f;opacity:.85;}
.pk-book-note-empty{color:#9a8f7a;font-style:italic;}
.pk-act{display:inline-block;padding:2px 11px;border-radius:99px;font-size:15px;}
.pk-act-1{background:#e3f1e8;color:#216b44;}
.pk-act-2{background:#f6e3d8;color:#a8431d;}
.pk-act-3{background:#f7ebd2;color:#8a5a0a;}
@media (max-width:560px){.pk-book-facts{margin-left:16px;margin-right:16px;}.pk-book-fact{min-width:31%;}.pk-sn-l{width:80px;font-size:12px;}.pk-sn-months{margin-left:90px;}}
.pk-book-ch .pk-book-cl{background:#0c4a45;}
.svgPreviewCard{max-width:30em;min-width: 10em;min-height: 10em;max-height: 30em;aspect-ratio:1/1; margin: auto}