html, body {
    max-width: 100%;
    overflow-x: clip;
    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;
}
.alert.gs-maint-note {
    font-size: clamp(0.8em, 1.2vw, 0.9em);
    line-height: 1.35;
    font-weight: 600;
}
.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 !important;
    margin-left: auto !important;
}
.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;
}
.center-middle {
    display: block;
    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: 0.5em;
    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: var(--gs-monthband, linear-gradient(
            to right,
            rgba(43, 179, 195, 0.70) 4.17%,
            rgba(43, 181, 191, 0.70) 12.5%,
            rgba(46, 201, 142, 0.70) 20.83%,
            rgba(62, 209, 105, 0.70) 29.17%,
            rgba(230, 202, 16, 0.70) 37.5%,
            rgba(245, 181, 24, 0.70) 45.83%,
            rgba(245, 160, 24, 0.70) 54.17%,
            rgba(245, 163, 24, 0.70) 62.5%,
            rgba(233, 201, 18, 0.70) 70.83%,
            rgba(87, 210, 77, 0.70) 79.17%,
            rgba(49, 209, 120, 0.70) 87.5%,
            rgba(44, 188, 175, 0.70) 95.83%));
}
.bg-tableTemp2{
    background-image: var(--gs-monthband, linear-gradient(
            to right,
            rgba(43, 179, 195, 0.70) 4.17%,
            rgba(43, 181, 191, 0.70) 12.5%,
            rgba(46, 201, 142, 0.70) 20.83%,
            rgba(62, 209, 105, 0.70) 29.17%,
            rgba(230, 202, 16, 0.70) 37.5%,
            rgba(245, 181, 24, 0.70) 45.83%,
            rgba(245, 160, 24, 0.70) 54.17%,
            rgba(245, 163, 24, 0.70) 62.5%,
            rgba(233, 201, 18, 0.70) 70.83%,
            rgba(87, 210, 77, 0.70) 79.17%,
            rgba(49, 209, 120, 0.70) 87.5%,
            rgba(44, 188, 175, 0.70) 95.83%));

    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;
}
.sideDirectBTN,
.sideDirectBTN:hover {
    text-decoration: none;
    color: chartreuse;
}
.sideDirectBTN {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
.sideDirectBTN::after {
    display: none;
}
.sideDirectBTN.subSideMenueActiveBTN {
    display: flex;
    width: 100%;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: normal;
    line-height: inherit;
    color: var(--text-light);
    border-top-color: chartreuse;
    border-bottom-color: chartreuse;
    border-radius: 10px;
}
.sideDirectBTN.subSideMenueActiveBTN i {
    color: chartreuse;
}
.gsHelpRingBtn {
    line-height: 0.8em;
    background: transparent;
    border: 2px solid transparent;
    color: var(--text-light);
    cursor: pointer;
}
@keyframes gsHelpRingSpin {
    0%   { transform: rotate(0deg); }
    29%  { transform: rotate(360deg); }
    100% { transform: rotate(360deg); }
}
#gsHelpNavBtn svg,
#gsHelpNavBtnMobile svg {
    animation: gsHelpRingSpin 4.5s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
    #gsHelpNavBtn svg,
    #gsHelpNavBtnMobile svg {
        animation: none;
    }
}
.gsSellerinaPill {
    display: inline-block;
    padding: 0.1em 0.9em;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(0, 191, 255, 0.35), rgba(0, 191, 255, 0.15));
    color: #06393e;
    font-size: 0.8rem;
    letter-spacing: 1px;
}
.gsSellerinaPilllight {
    display: inline-block;
    padding: 0.1em 0.9em;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(0, 191, 255, 0.35), rgba(0, 191, 255, 0.15));
    color: #f4f4f4;
    font-size: 0.8rem;
    letter-spacing: 1px;
}
.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);
}
.sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 191, 255, 0.4) rgba(255, 255, 255, 0.04);
}
.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;
}
.gs-rezept-karte {
    border: 1px solid rgba(127,255,0,.22);
    color: #fff;
}
.gs-rezept-karte:hover {
    border-color: chartreuse;
}
.gs-rezept-titel {
    font-weight: 600;
    font-size: .95rem;
    line-height: 1.25;
}
.gs-rezept-fuss {
    font-size: .78em;
    color: chartreuse;
    opacity: .85;
}
.gs-magic-glut {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: .3em;
    padding: .15em .6em .2em;
    background: linear-gradient(180deg, rgba(255,191,0,.20), rgba(255,191,0,.10));
    border: 1px solid rgba(255,191,0,.50);
    color: #ffd452;
    text-shadow: 0 1px 2px rgba(0,0,0,.55);
    font-weight: 600;
    line-height: 1.2;
}
.gs-magic-hit {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    margin-top: .35em;
    padding: .15em .6em .2em;
    background: linear-gradient(180deg, rgba(127,255,0,.18), rgba(127,255,0,.10));
    border: 1px solid rgba(127,255,0,.45);
    color: chartreuse;
    text-shadow: 0 1px 2px rgba(0,0,0,.55);
    font-weight: 600;
    line-height: 1.2;
}
.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:relative !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{position:relative;}
.calendar-tile.calendarMaxSize::before{content:'';position:absolute;left:-1px;right:-1px;top:-7px;height:8px;border-radius:12px 12px 0 0;pointer-events:none;background:linear-gradient(90deg,var(--cal-accent-lo,var(--cal-accent)),var(--cal-accent));}
.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 transparent;border-radius:12px !important;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 transparent !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;}}
@media (min-width:1800px){.col-fhd-5{flex:0 0 auto;width:20%;}}
@media (min-width:2100px){.col-xxxxl-2{flex:0 0 auto;width:16.666667%;}}
.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;}
.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;}
.gs-sunfit{display:flex;align-items:center;gap:8px;border-radius:7px;padding:6px 10px;margin-bottom:9px;font-size:.78rem;color:#fff;border:1px solid rgba(255,255,255,.22);}
.gs-sunfit-ico{font-size:.9rem;flex-shrink:0;}
.gs-sunfit-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gs-sunfit-val{font-weight:500;white-space:nowrap;flex-shrink:0;opacity:.88;}
.gs-sunfit--good{background:linear-gradient(90deg,#c08a1e,#8a5f16);}
.gs-sunfit--tight{background:linear-gradient(90deg,#6b6a64,#45443f);}
.gs-sunfit--poor{background:linear-gradient(90deg,#2b5f8f,#16324d);}
.gs-mixfit{display:flex;align-items:center;gap:8px;border-radius:7px 7px 0 0;padding:6px 10px;font-size:.78rem;color:#fff;border:1px solid rgba(255,255,255,.22);border-bottom:0;}
.gs-mixfit-ico{font-size:.9rem;flex-shrink:0;}
.gs-mixfit-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gs-mixfit--verygood{background:linear-gradient(90deg,#6d4d9c,#4a3370);}
.gs-mixfit--good{background:linear-gradient(90deg,#8a72ad,#5f4a80);}
.gs-mixfit--bad{background:linear-gradient(90deg,#a4453f,#6f2b27);}
.gs-mixfit-why{border:1px solid rgba(255,255,255,.22);border-top:0;border-radius:0 0 7px 7px;background:rgba(255,255,255,.06);padding:5px 10px;margin-bottom:9px;font-size:.72rem;line-height:1.45;}
.gs-mixfit-why span{display:block;color:#e7e2ef;}
.gs-mixfit-why b{font-weight:500;color:#fff;}
.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;flex-wrap:wrap;row-gap:0;}
.cal-d-pause .cal-d-lab{color:#ffe6ad;}
.cal-d-sub{width:100%;text-align:center;font-size:.82em;line-height:1.1;margin-top:1px;}
.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 {
}
.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;
}
.webimw {
    padding: 1rem;
    border-radius: 8px;
    border-left: 3px solid deepskyblue;
    border-top: 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; } }
.gs-brand { position: relative; display: inline-flex; align-items: center; white-space: nowrap; }
.gs-brand-layer { display: inline-flex; align-items: center; }
.gs-brand-base { filter: grayscale(1) opacity(.55); }
.gs-brand-fill { position: absolute; top: 0; left: 0; height: 100%;
    clip-path: inset(0 0 0 0); will-change: clip-path; }
.gs-brand-garden { font-size: 0.6em; font-family: extrafont, Arial; font-weight: 250; color: rgba(255, 250, 240, .95); }

.gs-spin { color: #093737; }
.gs-veil-host { position: relative; }
.gs-veil {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(9, 55, 55, .28);
    border-radius: inherit;
}
.gs-veil .spinner-border { color: #093737; width: 2.5rem; height: 2.5rem; }

.gs-boot {
    z-index: 1000;
    background: linear-gradient(to bottom, rgb(1, 57, 62), rgb(12, 74, 69));
    color: rgba(255, 250, 240, .95);
    transition: opacity .5s ease;
}
.gs-boot .spinner-border { width: 2.5rem; height: 2.5rem; }
.gs-boot-done { opacity: 0; pointer-events: none; }

.gs-heavy {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(9, 55, 55, .94);
}
.gs-heavy.is-open { display: flex; }
.gs-heavy-box { text-align: center; color: #fff; padding: 2rem; max-width: 90vw; }
.gs-heavy-spin { width: 3rem; height: 3rem; color: #fff; }
.gs-heavy-title { font-size: 1.4rem; font-weight: 700; margin-top: 1.2rem; }
.gs-heavy-step { font-size: 1rem; margin-top: .5rem; opacity: .85; min-height: 1.4em; }
body.gs-noscroll { overflow: hidden; }
@media (prefers-reduced-motion: reduce) {
    .gs-heavy-spin { animation-duration: 1.5s; }
}


#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-timeHori{
    background: linear-gradient(180deg, 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-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;
}

.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:128px;aspect-ratio:9/16;}
.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}
.rg-grid-link{display:flex;align-items:center;gap:12px;height:100%;background:#fff;border:1px solid rgba(25,55,55,.12);border-radius:12px;padding:14px 15px;text-decoration:none;color:rgb(25,55,55);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;}
.rg-grid-link:hover,.rg-grid-link:focus-visible{transform:translateY(-3px);border-color:#02a854;box-shadow:0 8px 20px rgba(25,55,55,.12);color:rgb(25,55,55);}
.rg-num{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#018101;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;}
.rg-ttl{font-weight:700;font-size:clamp(.9rem,2.4vw,1rem);line-height:1.25;}
.rg-arrow{margin-left:auto;color:#018101;font-weight:700;flex:0 0 auto;}
.gs-wx-oc { background: rgba(4, 28, 30, 0.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.gs-wx-body { font-size: .95rem; color: #e7f2ef; }
.gs-wx-now { display: flex; align-items: baseline; gap: .55rem; margin-bottom: .6rem; flex-wrap: wrap; }
.gs-wx-now-ico { font-size: 1.6rem; color: #7fd3d8; }
.gs-wx-now-t { font-size: 1.5rem; font-weight: 700; color: #fff; }
.gs-wx-now-place { color: #9db8b6 !important; }
.gs-wx-body .gs-wx-h { margin: .9rem 0 .4rem; font-weight: 700; color: #cdeaff; }
.gs-wx-days {
    display: flex;
    gap: .15rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .25rem;
}
.gs-wx-day {
    flex: 0 0 auto;
    min-width: 3.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .12rem;
    padding: .35rem .2rem;
    border-radius: .55rem;
    background: rgba(255, 255, 255, 0.06);
}
.gs-wx-day i { color: #9fdbe0; }
.gs-wx-day-n { font-size: .68rem; color: #9db8b6; }
.gs-wx-day-t { font-size: .8rem; font-weight: 700; color: #fff; }
.gs-wx-day-min { font-weight: 400; color: #9db8b6; }
.gs-wx-day-r { font-size: .65rem; color: #3a93d6; }
.gs-wx-climate { padding-left: 1.1rem; margin-bottom: .5rem; }
.gs-wx-climate li { margin-bottom: .25rem; color: #e7f2ef; }
.gs-wx-bridge, .gs-wx-foot { color: #9db8b6 !important; }
.gs-wx-advice {
    border-left: 4px solid #e6a52b;
    background: rgba(230, 165, 43, 0.10);
    border-radius: .4rem;
    padding: .45rem .6rem;
    margin-bottom: .45rem;
}
.gs-wx-alert { border-left-color: #d9534f; background: rgba(217, 83, 79, 0.10); }
.gs-wx-info { border-left-color: #3a93d6; background: rgba(58, 147, 214, 0.08); }
.gs-wx-state { font-weight: 600; color: #e7f2ef; }
.gs-wx-foot { margin-top: 1rem; }

.cal-weather-btn { align-self: center; display: inline-flex; align-items: center; gap: .3rem; line-height: 1.1; }
.cal-pulse-track { position: relative; }
.cal-frost-zone {
    position: absolute;
    bottom: 16px;
    height: 3px;
    border-radius: 2px;
    background: rgba(205, 238, 176, 0.55);
    pointer-events: none;
}
.cal-frost-edge {
    position: absolute;
    bottom: 12px;
    width: 2px;
    height: 12px;
    border-radius: 1px;
    background: #cdeeb0;
    box-shadow: 0 0 6px rgba(205, 238, 176, 0.7);
}

.gs-wx-season { color: #cdeaff !important; margin-bottom: .5rem; }
.gs-wx-progress { color: #9db8b6 !important; }
.gs-wx-cy-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: .2rem; }
.gs-wx-cy { display: flex; gap: 4px; min-width: min-content; }
.gs-wx-cy-cell { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1px; min-width: 2.1rem; }
.gs-wx-cy-l { font-size: .62rem; color: #9db8b6; text-transform: uppercase; }
.gs-wx-cy-dot { width: 1.4rem; height: .45rem; border-radius: 3px; }
.gs-wx-cy-t { font-size: .78rem; font-weight: 700; color: #e7f2ef; }
.gs-wx-cy-d { font-size: .6rem; color: #9db8b6; line-height: 1; }
.gs-wx-cy-d.gs-wx-up { color: #ff8a5c; }
.gs-wx-cy-d.gs-wx-down { color: #6fb6ff; }
.gs-wx-ribbon-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: .25rem; }
.gs-wx-ribbon { display: flex; gap: 3px; align-items: stretch; min-width: 320px; min-height: 128px; }
.gs-wx-mon { border: 0; padding: 0; border-radius: 5px; }
.gs-wx-mon-slim { flex: 0 0 17px; position: relative; cursor: pointer; }
.gs-wx-mon-l { position: absolute; bottom: 4px; left: 0; right: 0; text-align: center; font-size: .62rem; color: rgba(0,0,0,.55); }
.gs-wx-mon-open { flex: 1 1 auto; min-width: 170px; background: rgba(255,255,255,.05); border: 1px solid; border-radius: 8px; padding: .55rem .7rem; }
.gs-wx-mon-head { font-size: .9rem; font-weight: 700; color: #e7f2ef; margin-bottom: .4rem; }
.gs-wx-ev { display: flex; align-items: center; gap: .45rem; font-size: .8rem; color: #e7f2ef; margin-bottom: .3rem; }
.gs-wx-ev i { color: #9fdbe0; width: 1rem; text-align: center; }
.gs-wx-mon-legend { margin-top: .5rem; padding-top: .4rem; border-top: .5px solid rgba(255,255,255,.12); font-size: .72rem; color: #9db8b6; }
.gs-wx-mon-avg { font-size: .95rem; color: #e7f2ef; margin-top: .2rem; }
.gs-wx-body { --gs-wx-bar: 108px; }
.gs-wx-day { flex: 0 0 var(--gs-wx-bar); min-width: var(--gs-wx-bar); }
.gs-wx-ribbon { min-width: 0; min-height: 104px; }
.gs-wx-mon-slim { flex: 0 0 var(--gs-wx-bar); }
.gs-wx-mon-open { flex: 0 0 auto; width: calc(var(--gs-wx-bar) * 2); max-width: calc(var(--gs-wx-bar) * 2); }
.gs-wx-mon-lbl { position: absolute; bottom: 7px; left: 0; right: 0; text-align: center; font-size: .74rem; font-weight: 700; color: rgba(0,0,0,.6); line-height: 1.15; }
.gs-wx-mon-lt { display: block; font-weight: 400; }
.gs-wx-badge-warn { color: #ffcf33; margin-left: .2rem; }
.gs-wx-badge-warn-sev {
    background-image: linear-gradient(153deg, rgba(184,39,7,1) 73%, rgba(247,163,163,1) 100%, rgba(171,0,0,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.gs-wx-badge-alert { box-shadow: 0 0 0 2px #e24b4a, 0 0 10px rgba(226, 75, 74, .5); }
.wx-hero-tri { font-size: 1.5rem; margin-left: .4rem; vertical-align: middle; }
.gs-wx-ribbon { height: 170px; min-height: 0; }
.gs-wx-mon-slim { transition: none; }
.gs-wx-mon-slim:hover, .gs-wx-mon-slim:focus, .gs-wx-mon-slim:active { outline: none; box-shadow: none; transform: none; }
.gs-wx-mon-open { overflow: hidden; }
.gs-wx-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: .3rem; }
.gs-wx-track { gap: 6px; min-width: min-content; }
.klimaCol { flex: 0 0 118px; width: 118px; height: 140px; box-sizing: border-box; }
.gs-wx-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: 10px; padding: 8px 6px; }
.gs-wx-fc { background: rgba(255, 255, 255, .06); }
.gs-wx-cell-top { font-size: .72rem; color: #9db8b6; text-transform: uppercase; }
.gs-wx-cell-ico { font-size: 1.5rem; margin: 3px 0; }
.gs-wx-cell-sub { font-size: .78rem; color: #9db8b6; }
.gs-wx-cell-sub.gs-wx-up { color: #ff8a5c; }
.gs-wx-cell-sub.gs-wx-down { color: #6fb6ff; }
.gs-wx-cell-r { font-size: .68rem; color: #6fb6ff; min-height: .9em; }
.gs-wx-hi { font-size: 1.18rem; font-weight: 700; color: #fff; line-height: 1.12; }
.gs-wx-lo { font-size: .84rem; color: #9db8b6; display: inline-flex; align-items: center; gap: 3px; line-height: 1.12; }
.gs-wx-moon { color: #cfd8ff; font-size: .72em; }
.gs-wx-cell-bar { width: 62%; height: 9px; border-radius: 5px; margin: 3px 0; }
.gs-wx-clima { border: 0; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; cursor: pointer; color: rgba(0, 0, 0, .68); border-radius: 10px; }
.gs-wx-clima-m { font-size: .82rem; font-weight: 700; }
.gs-wx-clima .gs-wx-hi { color: rgba(0, 0, 0, .82); font-size: 1.22rem; }
.gs-wx-clima .gs-wx-lo { color: rgba(0, 0, 0, .6); }
.gs-wx-clima .gs-wx-moon { color: rgba(0, 0, 0, .5); }
.gs-wx-clima-sel { outline: 3px solid #cdeeb0; outline-offset: -3px; }
.gs-wx-card { background: rgba(255, 255, 255, .05); border-radius: 12px; padding: .8rem; margin-top: .7rem; }
.gs-wx-card-title { font-size: 1rem; font-weight: 700; color: #e7f2ef; margin-bottom: .5rem; }
.gs-wx-col-h { font-size: .78rem; font-weight: 700; margin-bottom: .45rem; padding-bottom: .25rem; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.gs-wx-col-human { color: #ff8a6b; }
.gs-wx-col-plant { color: #8fe08f; }
.gs-wx-card .gs-wx-ev { display: block; font-size: .78rem; color: #e7f2ef; margin-bottom: .32rem; line-height: 1.35; }
.gs-wx-ev-more { font-size: .74rem; color: #9db8b6; }
.gs-wx-ev-none { font-size: .82rem; color: #6b8683; }
.gs-wx-ev-what { color: #93a9a8; }
.gs-wx-now { justify-content: center; text-align: center; }
.gs-wx-h { text-align: center; margin-top: 1.7rem; margin-bottom: .55rem; }
.gs-wx-season { text-align: center; }
.gs-wx-progress { text-align: center; }
.gs-wx-upsell { margin: 1.7rem auto 0; max-width: 22rem; padding: 1.1rem 1rem; border: 1px dashed #3a6b6b; border-radius: .75rem; background: rgba(255, 255, 255, .03); }
.gs-wx-upsell-ico { font-size: 1.5rem; color: #7fd3d8; margin-bottom: .5rem; }
.gs-wx-upsell-h { font-weight: 700; color: #cdeaff; }
.gs-wx-upsell-sub { color: #9db8b6 !important; margin: .3rem 0 .8rem; }
.gs-wx-oc .offcanvas-body { background: #0e2522 !important; }
.gs-wx-body { max-width: 820px; margin-inline: auto; }
.wx-col-btn { cursor: pointer; border-radius: 8px; transition: background .12s; }
.wx-col-btn:hover { background: rgba(255, 255, 255, .05); }
.wx-col-sel { background: rgba(205, 238, 176, .12); border-radius: 8px; }
.wx-col-sel .wx-col-m { color: #cdeeb0; }
.wx-climate-card { background: rgba(255, 255, 255, .05); border-radius: 12px; padding: 1rem; margin-top: 1.6rem; }
.wx-climate-card .gs-wx-card { background: transparent; padding: 0; margin-top: 1rem; }
.wx-hcol { min-width: 120px; max-width: 150px; flex: none; padding: 4px 6px; }
.wx-hcol-m { font-size: 12px; color: #8fb3ae; text-align: center; margin-bottom: 5px; }
.wx-hcol-row { display: flex; align-items: center; gap: 7px; }
.wx-hbar { position: relative; height: 8px; border-radius: 4px; flex: 1; background: #173a35; }
.wx-hseg { position: absolute; top: 0; height: 8px; border-radius: 4px; }
.wx-hcol-t { font-size: 13px; font-weight: 600; }
.wx-mcell { min-width: 152px; max-width: 172px; flex: none; padding: 4px 8px; border-radius: 8px; }
.wx-mcell.wx-col-btn { cursor: pointer; }
.wx-mcell-m { font-size: 12px; color: #8fb3ae; text-align: center; margin-bottom: 4px; }
.wx-mrow { display: flex; align-items: center; gap: 6px; margin: 3px 0; }
.wx-mrow-i { width: 13px; text-align: center; font-size: 12px; flex: none; }
.wx-mrow-t { width: 30px; font-size: 12px; font-weight: 600; flex: none; }
.wx-mrow-l { text-align: right; }
.wx-mrow-r { text-align: left; }
.wx-climate-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 6px; flex-wrap: wrap; }
.wx-cwin { display: inline-flex; border: 1px solid #2a4d47; border-radius: 8px; overflow: hidden; flex: none; }
.wx-cwin-btn { background: transparent; color: #8fb3ae; border: none; padding: 3px 13px; font-size: 12px; font-weight: 600; cursor: pointer; line-height: 1.7; }
.wx-cwin-btn + .wx-cwin-btn { border-left: 1px solid #2a4d47; }
.wx-cwin-on { background: rgba(205, 238, 176, .14); color: #cdeeb0; }
.wx-h { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #8fb3ae; margin: 20px 0 6px; font-weight: 600; }
.wx-note { font-size: 12px; color: #8fb3ae; margin: 0 0 6px; text-align: center; }
.wx-hero { text-align: center; padding: 4px 0 2px; }
.wx-hero-wd { font-size: 20px; font-weight: 600; color: #e7f2ef; line-height: 1.2; }
.wx-hero-date { font-size: 15px; color: #9db8b6; }
.wx-hero-place { font-size: 16px; color: #cfe6e2; }
.wx-hero-main { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 2px; }
.wx-hero-ico { font-size: 34px; }
.wx-hero-t { font-size: 52px; font-weight: 500; line-height: 1; color: #fff; }
.wx-hero-sub { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 4px; font-size: 15px; flex-wrap: wrap; }
.wx-ht { display: inline-flex; align-items: center; gap: 5px; }
.wx-ht-v { font-weight: 600; }
.wx-i-sun { color: #ffcb2e; font-size: 14px; }
.wx-i-moon { color: #cfd8ff; font-size: 14px; }
.wx-ht-rain { color: #7fb7e0; }
.wx-warn { display: flex; align-items: center; gap: 10px; border-radius: 12px; padding: 9px 12px; font-size: 13px; line-height: 1.4; margin-top: 12px; }
.wx-warn > i { font-size: 18px; flex: none; }
.wx-warn-h { font-weight: 600; }
.wx-warn-when { opacity: .8; }
.wx-warn-w { background: #3a2f12; border: 1px solid #6b5316; color: #f4c66a; }
.wx-warn-a { background: #3a1616; border: 1px solid #7a2626; color: #ff8a86; }
.wx-tri { font-size: 14px; }
.wx-tri-w { color: #f4c66a; }
.wx-tri-a { color: #ff6b66; }
.wx-fc { margin-top: 2px; }
.wx-fc-row { display: flex; align-items: center; gap: 9px; padding: 8px 2px; border-top: 1px solid #17332f; }
.wx-fc-day { width: 30px; font-size: 14px; color: #cfe6e2; }
.wx-fc-warn { width: 16px; text-align: center; flex: none; }
.wx-fc-ico { width: 22px; text-align: center; font-size: 18px; }
.wx-fc-lo { width: 32px; text-align: right; font-size: 14px; font-weight: 600; }
.wx-fc-hi { width: 32px; font-size: 14px; font-weight: 600; }
.wx-bar { position: relative; height: 6px; border-radius: 3px; background: #173a35; flex: 1; }
.wx-seg { position: absolute; top: 0; height: 6px; border-radius: 3px; }
.wx-fc-night { border-top: none; padding-top: 0; padding-bottom: 4px; }
.wx-fc-night .wx-fc-lo, .wx-fc-night .wx-fc-hi { font-weight: 500; opacity: .85; }
.wx-fc-ico-n { font-size: 15px; opacity: .9; }
#gsNoticeStack { display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; }
#gsNoticeStack:not(:empty) { margin-top: 8px; }
#gsYear { flex-wrap: wrap; }
#gsYear #gsNoticeAnchor { flex-basis: 100%; }
#gsNoticeStack.gs-notice-float { position: fixed; left: 0; right: 0; z-index: 1045;
    pointer-events: none; padding: 0 12px; margin: 0; }
.gs-notice { pointer-events: auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
    width: 100%; max-width: 900px; border: none; border-left: 4px solid; border-radius: 0;
    margin: 0; padding: 8px 40px 8px 12px; font-size: clamp(13px, 1.5vw, 14px); line-height: 1.4; }
.gs-notice-w { background: #241c0e; border-left-color: #eaa640; color: #f4c66a; }
.gs-notice-a { background: #1c1210; border-left-color: #e2504e; color: #ffb3af; }
.gs-notice-ico { font-size: 16px; flex: none; }
.gs-notice-txt { flex: 1 1 240px; min-width: 0; }
.gs-notice-h { font-weight: 700; }
.gs-notice-a .gs-notice-h { color: #ff8a86; }
.gs-notice-cta { flex: none; }
.gs-notice .btn-close { filter: invert(1) grayscale(1) brightness(1.6); padding: 8px; }
.wx-warn-plan { margin-top: 8px; display: flex; flex-direction: column; gap: 4px; }
.wx-warn-plan-row { font-size: 13px; line-height: 1.45; padding: 4px 8px; border-left: 3px solid; }
.wx-wp-a { color: #ffb3af; border-left-color: #e2504e; }
.wx-wp-w { color: #f4c66a; border-left-color: #eaa640; }
.wx-wp-i { color: #9fc3bd; border-left-color: #2a4d47; }
.gs-wx-warnrow { display: flex; align-items: center; gap: 9px; width: 100%; flex-basis: 100%;
    padding: 6px 10px; margin-bottom: 8px; border-left: 4px solid; border-radius: 0;
    font-size: clamp(12px, 1.4vw, 13px); line-height: 1.4; }
.gs-wx-warnrow-w { background: rgba(234, 166, 64, .12); border-left-color: #eaa640; color: #f4c66a; }
.gs-wx-warnrow-a { background: rgba(226, 80, 78, .14); border-left-color: #e2504e; color: #ffb3af; }
.gs-wx-warnrow-t { flex: 1 1 auto; min-width: 0; }
.gs-wx-areaadvice { display: block; margin-top: 4px; line-height: 1.45; }
.gs-wx-alerttime { display: block; margin-top: 3px; font-size: .9em; opacity: .8; }
.gs-wx-hailhint { display: block; margin-top: 5px; font-size: .95em; line-height: 1.45;
    opacity: .92; }
.gs-wx-warnrow-x { filter: invert(1) grayscale(1) brightness(1.6); padding: 6px; margin-left: auto; flex: none; }
.gs-year-card { flex-wrap: wrap; }
.gs-year-card .gs-wx-warnrow { width: 0; min-width: 0; }
#gsYear #gsNoticeAnchor { flex-basis: 100%; width: 100%; min-width: 0;
    contain: inline-size; margin-top: 8px; }
.gs-plant-warn-card { background: #14100e; border: 1px solid #7a2626; border-radius: 14px;
    padding: 12px 14px; margin-top: 8px; width: 100%; }
.gs-plant-warn-head { display: flex; align-items: center; gap: 8px; font-size: 14px;
    font-weight: 600; color: #ff8a86; margin-bottom: 6px; }
.gs-plant-warn-head .fa-seedling { color: #8fbe45; }
.gs-plant-warn-head .gs-wx-warnrow-x { margin-left: auto; }
.wx-strip { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 6px; }
.wx-col { min-width: 48px; flex: none; text-align: center; }
.wx-col-m { font-size: 12px; color: #8fb3ae; }
.wx-col-hi { display: block; font-size: 14px; font-weight: 600; }
.wx-col-lo { display: block; font-size: 14px; font-weight: 600; }
.wx-vbar { position: relative; height: 78px; width: 14px; margin: 4px auto; border-radius: 7px; background: #173a35; }
.wx-vseg { position: absolute; left: 0; width: 14px; border-radius: 7px; }
.wx-col-d { font-size: 11px; color: #8fb3ae; margin-top: 2px; }
.wx-col-d.wx-up { color: #ff8a5c; }
.wx-col-d.wx-down { color: #6fb6ff; }
.co-card{background:#fff;border-radius:12px;padding:1rem 1.25rem}
.co-plan-ico{font-size:1.5em;color:#0c4a45}
.co-price{font-size:1.2em;font-weight:600;white-space:nowrap}
.co-line{display:flex;justify-content:space-between;gap:.5em;font-size:.95em}
.co-total{font-size:1.35em;font-weight:600}
.co-muted{color:#6c757d;font-size:.85em}
.co-feedback-ok{color:#0F6E56;font-size:.9em}
.co-bonus{background:#e1f5ee;color:#085041;border-radius:6px;padding:4px 10px;font-size:.85em;display:inline-flex;align-items:center;gap:.4em}
.co-trust{display:flex;align-items:center;justify-content:center;gap:.6em;color:#5f6f6d;font-size:.85em;flex-wrap:wrap;margin-top:.6em}
.co-trust i{font-size:1.2em}
.co-payBTN{width:100%;padding:10px;font-size:1.05em}
@media (min-width: 992px){ .co-sum-sticky{position:sticky;top:100px} }
.co-wrap{max-width:1080px}
.co-status-ico{font-size:3em}
.co-card p{color:#212529}
.co-card .co-muted{color:#6c757d}
.co-card .co-feedback-ok{color:#0F6E56}
.co-hero-img{max-height:clamp(4.5em,12vw,7.5em);width:auto}
.tok-balance{font-size:1.5em;letter-spacing:1px}
.tok-pos{color:#8be28b;font-weight:600}
.tok-neg{color:#ff9d9d;font-weight:600}
#tokHistoryList li{padding:2px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.gs-cs-box{border-radius:14px;padding:.55rem .75rem;max-width:100%;}
.gs-cs-dark{background:rgba(255,255,255,.10);border:1px dashed rgba(255,255,255,.45);}
.gs-cs-light{background:#f2f7f5;border:1px dashed rgba(9,55,55,.35);}
.gs-cs-q{display:flex;align-items:center;gap:.45rem;font-size:.85rem;}
.gs-cs-light .gs-cs-q{color:#0c4a45;}
.gs-cs-light .gs-cs-q i{color:#0c4a45;}
.gs-cs-chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:2rem;
    max-width:100%;min-width:0;font-size:.85rem;line-height:1.2;
    padding:.28rem .7rem .28rem .5rem;background:#fff;border:1px solid rgba(9,55,55,.28);
    color:#0c4a45;box-shadow:0 1px 3px rgba(9,55,55,.2),0 3px 8px rgba(9,55,55,.1);
    transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;}
.gs-cs-chip:hover{background:#d6e2de;color:#093737;transform:translateY(-1px);
    box-shadow:0 2px 5px rgba(9,55,55,.26),0 5px 14px rgba(9,55,55,.16);}
.gs-cs-flag{font-size:1rem;line-height:1;flex:0 0 auto;}
.gs-cs-place{font-weight:600;min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gs-cs-country{opacity:.7;font-size:.8em;min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gs-cs-check{flex:0 0 auto;font-size:.9em;}
.gs-cs-check{color:rgba(9,55,55,.35);transition:color .15s ease;}
.gs-cs-chip:hover .gs-cs-check{color:var(--gs-act-vor,#37b56a);}
.gs-cs-chip.gs-cs-picked{background:#093737;border-color:#093737;color:#fff;}
.gs-cs-chip.gs-cs-picked .gs-cs-check{color:#7be3a4;}
.gs-cs-chip.gs-cs-picked .gs-cs-country{opacity:.85;}
.gs-sella-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;color:#dff4ff;
    background:color-mix(in srgb,deepskyblue 26%,transparent);
    border:1px solid color-mix(in srgb,deepskyblue 55%,transparent);
    border-radius:999px;padding:2px 10px;margin-top:4px;}
.gs-sella-bubble{background:rgba(255,255,255,.10);border-radius:4px 14px 14px 14px;padding:14px 16px;line-height:1.55;}
.gs-ov-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;width:100%;min-height:9rem;text-align:start;border:1px solid rgba(8,89,84,.24);border-radius:14px;padding:18px;background:linear-gradient(180deg,rgba(255,250,240,.97),rgba(245,243,234,.93));box-shadow:0 1px 4px rgba(9,55,55,.07);transition:box-shadow .18s,transform .18s;color:#163a37;}
.gs-ov-tile:hover,.gs-ov-tile:focus-visible{box-shadow:0 5px 16px rgba(9,55,55,.18);transform:translateY(-2px);}
.gs-ov-tile::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,rgba(var(--gs-ov-c),.85),rgba(var(--gs-ov-c),.35));}
.gs-ov-c-fam{--gs-ov-c:95,127,214;}
.gs-ov-c-aus{--gs-ov-c:230,165,43;}
.gs-ov-c-kauf{--gs-ov-c:58,147,214;}
.gs-ov-c-vor{--gs-ov-c:55,181,106;}
.gs-ov-c-pet{--gs-ov-c:12,74,69;}
.gs-ov-c-saat{--gs-ov-c:217,98,46;}
.gs-ov-ico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:rgb(var(--gs-ov-c));background:linear-gradient(180deg,rgba(var(--gs-ov-c),.18),rgba(var(--gs-ov-c),.08));}
.gs-ov-title{font-family:extrafont,'Nunito Sans',sans-serif;letter-spacing:2px;font-size:1.25rem;color:#093737;}
.gs-ov-val{font-weight:700;font-size:1.3rem;color:#093737;}
.gs-ov-meta{font-size:.85rem;color:#5d7773;}
.gs-ov-foot{margin-top:auto;font-size:.85rem;color:#0c4a45;}
.gs-ov-foot i{font-size:.7rem;}
.gs-sella-bubble-memo{background:linear-gradient(180deg,rgba(255,250,240,.96),rgba(246,243,233,.92));border:1px solid rgba(8,89,84,.28);border-radius:4px 16px 16px 16px;padding:12px 16px;color:#2c4d49;box-shadow:0 2px 8px rgba(9,55,55,.08);line-height:1.55;}
.gs-sella-badge.gs-sella-badge-memo{color:#04343c;}
.tok-group summary{cursor:pointer;padding:.2rem 0;}
.tok-group-items{padding-left:1.4rem;padding-top:.15rem;}
.gs-wae-pill{display:inline-block;padding:3px 13px;border-radius:999px;font-size:.78rem;font-weight:700;color:#04343c;background:linear-gradient(180deg,rgba(0,191,255,.95),rgba(0,164,220,.95));}
.gs-wae-opt{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:10px;border:1px solid rgba(8,89,84,.35);background:rgba(255,255,255,.75);color:#0c4a45;cursor:pointer;user-select:none;margin:0;}
.gs-wae-opt input{accent-color:#02a854;width:1.15em;height:1.15em;flex:0 0 auto;cursor:pointer;margin:0;}
.gs-wae-opt.on{background:linear-gradient(180deg,rgba(2,168,84,.16),rgba(2,168,84,.06));border-color:rgba(2,168,84,.7);color:#0b5c33;font-weight:700;}
.gs-wae-opt-off{opacity:.5;cursor:not-allowed;}
.gs-wae-opt-off input{cursor:not-allowed;}
@property --gs-wae-ang{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes gsWaeRund{to{--gs-wae-ang:360deg;}}
.gs-wae-on{position:relative;isolation:isolate;}
.gs-wae-on::before{content:'';position:absolute;inset:-3px;border-radius:inherit;padding:3px;
    background:conic-gradient(from var(--gs-wae-ang),#02a854,#00bfff,#a4e458,#02a854);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;pointer-events:none;z-index:-1;
    animation:gsWaeRund 6s linear infinite;}
@media (prefers-reduced-motion:reduce){.gs-wae-on::before{animation:none;}}
.gs-wae-state{margin-left:auto;padding-left:0;margin-bottom:0;min-height:auto;display:flex;align-items:center;}
.gs-wae-state .form-check-input{margin-left:0;width:2.8em;height:1.4em;cursor:pointer;flex:0 0 auto;}
.gs-wae-state .form-check-input:checked{background-color:#02a854;border-color:#02a854;}
.wx-zone-official{margin-top:.3rem;font-size:.78rem;color:rgba(255,255,255,.55);}
.wx-zone-tip{margin-top:.5rem;font-size:.85rem;}
.wx-zone-tip summary{cursor:pointer;color:deepskyblue;font-weight:700;}
.wx-zone-tip p{color:rgba(255,255,255,.85);line-height:1.5;margin-top:.35rem;}
.gs-panel-memo{background:linear-gradient(180deg,rgba(255,250,240,.97),rgba(245,243,234,.93));border:1px solid rgba(8,89,84,.24);border-radius:14px;box-shadow:0 1px 4px rgba(9,55,55,.07);}
.gs-ov-footer{font-size:.82rem;color:#7d938f;}
.gs-ov-footer .btn-link{color:#7d938f;font-size:.82rem;text-decoration:underline;padding:0;}
.gs-sub-card{position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(8,89,84,.24);background:linear-gradient(180deg,rgba(255,250,240,.97),rgba(245,243,234,.93));box-shadow:0 1px 4px rgba(9,55,55,.07);}
.gs-sub-card-klima{border-radius:14px;border:3px solid rgba(11, 118, 234, 0.63);}
.gs-sub-card::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,rgba(var(--gs-ov-c),.85),rgba(var(--gs-ov-c),.35));}
.gs-sub-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-11px -16px 16px;padding:14px 16px 12px;background:linear-gradient(180deg,rgba(var(--gs-ov-c),.16),rgba(var(--gs-ov-c),.03));border-bottom:1px solid rgba(var(--gs-ov-c),.25);}
.gs-sub-panel{background:rgba(255,255,255,.65);border:1px solid rgba(8,89,84,.15);border-radius:10px;}
.gs-sub-accent{border-color:rgba(var(--gs-ov-c),.45);}
.gs-sub-c{color:rgb(var(--gs-ov-c));}
.gs-sub-muted{color:#5d7773;}
.gs-sub-sep{border-top:1px solid rgba(8,89,84,.15);}
.gs-sub-card .text-warning{color:#b0691a!important;}
.gs-sub-card .tok-pos{color:#1e7e46;}
.gs-sub-card .tok-neg{color:#c03330;}
.gs-sub-card .wx-zone-card{background:rgba(255,255,255,.65);color:#163a37;border:1px solid rgba(8,89,84,.12);border-left:4px solid;}
.gs-sub-card .wx-zone-0{border-left-color:#37b56a;}
.gs-sub-card .wx-zone-1{border-left-color:#eaa640;}
.gs-sub-card .wx-zone-2{border-left-color:#e2504e;}
.gs-sub-card .wx-zone-s1{border-left-color:#6ecf94;}
.gs-sub-card .wx-zone-s2{border-left-color:#37b56a;}
.gs-sub-card .wx-zone-s3{border-left-color:#eaa640;}
.gs-sub-card .wx-zone-s4{border-left-color:#e2504e;}
.gs-sub-card .wx-zone-s5{border-left-color:#c02f2d;}
.gs-sub-card .wx-zone-s6{border-left-color:#8f1f1d;}
.gs-sub-card .wx-zone-badge{background:rgba(9,55,55,.08);}
.gs-sub-card .wx-zone-0 .wx-zone-badge,
.gs-sub-card .wx-zone-s1 .wx-zone-badge,
.gs-sub-card .wx-zone-s2 .wx-zone-badge{color:#1e7e46;}
.gs-sub-card .wx-zone-1 .wx-zone-badge,
.gs-sub-card .wx-zone-s3 .wx-zone-badge{color:#a8690f;}
.gs-sub-card .wx-zone-2 .wx-zone-badge,
.gs-sub-card .wx-zone-s4 .wx-zone-badge{color:#c03330;}
.gs-sub-card .wx-zone-s5 .wx-zone-badge,
.gs-sub-card .wx-zone-s6 .wx-zone-badge{color:#9b2523;}
.gs-sub-card .wx-zone-fact{color:#5d7773;}
.gs-sub-card .wx-zone-official{color:#5d7773;}
.gs-sub-card .wx-zone-na{border-left-color:rgba(9,55,55,.3);}
.gs-sub-card .wx-zone-na .wx-zone-badge{color:#5d7773;}
.gs-sub-card .wx-zone-tip summary{color:#0c6ea8;}
.gs-sub-card .wx-zone-tip p{color:#163a37;}
.gs-sub-card .gs-wiz-pill{background:rgba(255,255,255,.7);border:1px solid rgba(8,89,84,.4);}
.gs-sub-card .gs-wiz-pill,.gs-sub-card .gs-wiz-pill .gs-wiz-small{color:#0c4a45;}
.gs-sub-card .gs-wiz-pill:hover{color:#0c4a45;}
.gs-sub-card .gs-wiz-pill.on,.gs-sub-card .gs-wiz-pill.on .gs-wiz-small{color:#fff;}
.gs-sub-card .gs-wiz-pill.on{background:linear-gradient(180deg,rgba(2,168,84,.95),rgba(1,110,40,.92));border-color:rgba(1,110,40,.9);}
.gs-wiz .modal-content{color:#e6efe9;border-radius:14px;overflow:hidden;}
.gs-wiz-pill{text-align:left;max-width:100%;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.35);}
.gs-wiz-pill:hover{color:#fff;}
.gs-wiz-pill.on{background:linear-gradient(180deg,rgba(2,168,84,.95),rgba(1,110,40,.92));border-color:#7fd4e8;color:#fff;}
.gs-wiz-pill.on::before{content:'\2713';margin-right:.35em;font-weight:700;}
.gs-wiz-small{color:#9db8b6;font-size:.8rem;}
.gs-wiz-pill, .gs-wiz-pill .gs-wiz-small{color:#fff;}
.gs-wiz-prop{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px 12px;}
.gs-wiz-prop input{margin-top:4px;accent-color:#37b56a;flex:0 0 auto;}
.gs-wiz-old{opacity:.65;text-decoration:line-through;}
.gs-wiz-new{color:#7be3a4;font-weight:600;}
.planerCardTitle {
    font-size: 1.5em;
    font-weight: 650;
}
.planerCardText {
    font-size: clamp(0.95em, 1.1vw, 1.1em);
    color: #E0E0E0;
}
.planerCardLink {
    font-size: clamp(0.95em, 1.1vw, 1.1em);
}
.planerCardBadge {
    object-fit: cover;
}
.imgSizeHeight2 {
    height: 2em;
    width: auto;
}
.offcanvas {
    transform: none !important;
    opacity: 0;
    transition: opacity 0.25s ease-in-out !important;
}

.offcanvas.showing,
.offcanvas.show:not(.hiding) {
    opacity: 1;
}
.gs-wx-alert-link {
    color: inherit;
    text-decoration: underline dotted;
}

.gs-wx-alert-link:hover {
    color: inherit;
    text-decoration: underline;
}
.wx-zone-card {
    border-left: 4px solid;
    border-radius: .5rem;
    padding: .6rem .75rem;
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
}

.wx-zone-0 { border-left-color: #37b56a; }
.wx-zone-1 { border-left-color: #eaa640; }
.wx-zone-2 { border-left-color: #e2504e; }

.wx-zone-head {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.wx-zone-name {
    font-weight: 700;
}

.wx-zone-badge {
    margin-left: auto;
    padding: .05rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.12);
}

.wx-zone-0 .wx-zone-badge { color: #7be3a4; }
.wx-zone-1 .wx-zone-badge { color: #f4c66a; }
.wx-zone-2 .wx-zone-badge { color: #ffb3af; }

.wx-zone-fact {
    font-size: .78rem;
    color: rgba(255, 255, 255, 0.75);
    margin-top: .25rem;
}
.wx-zone-na {
    border-left-color: rgba(255, 255, 255, 0.35);
    opacity: 0.65;
}

.wx-zone-na .wx-zone-badge {
    color: rgba(255, 255, 255, 0.7);
}
.gs-fb-card{position:relative;overflow:hidden;border:1px solid rgba(8,89,84,.24);border-radius:14px;padding:24px 26px;background:linear-gradient(180deg,rgba(255,250,240,.97),rgba(245,243,234,.93));box-shadow:0 1px 4px rgba(9,55,55,.07);color:#163a37;}
.gs-fb-card::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,rgba(var(--gs-ov-c,12,74,69),.85),rgba(var(--gs-ov-c,12,74,69),.35));}
.gs-fb-title{font-family:extrafont,'Nunito Sans',sans-serif;letter-spacing:2px;color:#093737;}
.gs-fb-sub{font-size:.78rem;text-transform:uppercase;letter-spacing:2px;color:#5d7773;}
.gs-fb-chip{display:inline-flex;align-items:center;gap:.4em;padding:.08em .6em .12em;border-radius:8px;background:#e7eeec;border:1px solid rgba(9,55,55,.28);color:#0c4a45;font-size:.88em;font-weight:700;white-space:nowrap;box-shadow:0 1px 3px rgba(9,55,55,.18);}
.gs-fb-stage{background:linear-gradient(180deg,#05343b,#032a30);border-radius:14px;padding:26px 14px 14px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;box-shadow:inset 0 0 30px rgba(0,0,0,.25),0 2px 8px rgba(9,55,55,.2);}
.gs-fb-hud{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-width:34px;height:34px;padding:0 .55rem;border-radius:12px;border:1px solid rgba(255,255,255,.24);background:rgba(7,44,47,.9);color:#dff1f2;font-size:.8rem;font-weight:700;}
.gs-fb-hud-on{background:rgba(17,78,83,.95);border-color:rgba(0,191,255,.45);}
.gs-fb-zeig{box-shadow:0 0 0 3px rgba(0,191,255,.85),0 0 18px rgba(0,191,255,.55);animation:gsFbPuls 2.2s ease-in-out infinite;}
@keyframes gsFbPuls{0%,100%{box-shadow:0 0 0 3px rgba(0,191,255,.85),0 0 18px rgba(0,191,255,.5);}50%{box-shadow:0 0 0 5px rgba(0,191,255,.55),0 0 26px rgba(0,191,255,.75);}}
@media (prefers-reduced-motion: reduce){.gs-fb-zeig{animation:none;}}
.gs-fb-zeig-label{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,rgba(0,191,255,.95),rgba(0,164,220,.95));color:#04343c;font-size:.7rem;font-weight:800;letter-spacing:.5px;padding:2px 9px;border-radius:999px;white-space:nowrap;}
.gs-fb-zeig-label::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(0,175,235,.95);}
.gs-fb-stagecap{font-size:.76rem;color:#5d7773;font-style:italic;text-align:center;margin-top:7px;}
.gs-fb-step{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(9,55,55,.1);}
.gs-fb-step:last-child{border-bottom:0;}
.gs-fb-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#0c4a45,#093737);color:#fff;font-weight:800;font-size:.8rem;}
.gs-fb-ref th{text-align:start;font-size:.72rem;text-transform:uppercase;letter-spacing:1.5px;color:#5d7773;padding:6px 8px;border-bottom:2px solid rgba(9,55,55,.2);}
.gs-fb-ref td{padding:7px 8px;border-bottom:1px solid rgba(9,55,55,.1);color:#2c4d49;vertical-align:middle;}
.gs-fb-sonst{border-radius:12px;padding:10px 14px;background:linear-gradient(180deg,rgba(230,165,43,.16),rgba(230,165,43,.06));border:1px solid rgba(230,165,43,.4);color:#6b4d12;}
.gs-fb-moral{font-family:extrafont,'Nunito Sans',sans-serif;letter-spacing:1px;font-size:1.35rem;color:#0c4a45;text-align:center;}
.gs-fb-card .gs-sella-bubble{background:linear-gradient(180deg,rgba(255,250,240,.96),rgba(246,243,233,.92));border:1px solid rgba(8,89,84,.28);color:#2c4d49;box-shadow:0 2px 8px rgba(9,55,55,.08);}
.gs-fb-card .patchNotesTXT{color:#2c4d49;text-shadow:none;}
.gs-fb-card .deepskyblueTxT{color:#0c6a74;}
.gs-fb-card .gsSellerinaPilllight{color:#04343c;}
.gs-fb-pindot{display:inline-block;width:17px;height:17px;border-radius:50%;background:#ff7d1a;border:2px solid #111;box-shadow:0 1px 5px rgba(0,0,0,.55);}
.gs-fb-card .gs-sub-head{margin:-24px -26px 16px;padding:14px 26px 12px;}
.gs-fb-caltile{--cal-accent:rgb(195,210,42);--cal-accent-lo:rgb(63,181,232);}
.gs-fibel { font-size: clamp(0.95rem, 0.9rem + 0.3vw, 1.05rem); color: rgb(25, 55, 55); line-height: 1.65; }
.gs-fibel h1, .gs-fibel .gs-h1 { font-size: clamp(1.7rem, 1.2rem + 2.6vw, 2.6rem); font-weight: 700; line-height: 1.2; letter-spacing: 0.3px; color: rgb(25, 55, 55); }
.gs-fibel h2 { font-size: clamp(1.3rem, 1.1rem + 1.2vw, 1.75rem); font-weight: 700; line-height: 1.3; letter-spacing: 0; color: rgb(25, 55, 55); }
.gs-fibel h3 { font-size: clamp(1.08rem, 1rem + 0.6vw, 1.3rem); font-weight: 700; line-height: 1.3; letter-spacing: 0; color: rgb(25, 55, 55); }

.pk-obtn { background-color: transparent; border: 1px solid rgba(9, 55, 55, .45); color: #0c4a45; border-radius: 999px; font-weight: 700; }
.pk-obtn:hover { background-color: rgba(9, 55, 55, .06); border-color: rgba(9, 55, 55, .6); color: #093737; }

.gs-wikinav { background: #0b4540; background: linear-gradient(90deg, rgba(11, 69, 64, 1) 0%, rgba(6, 57, 62, 1) 55%, rgba(9, 55, 55, 1) 100%); box-shadow: 0 2px 7px rgba(9, 55, 55, .25); }
.gs-fibel-brand { font-size: clamp(1.4rem, 1.2rem + 1vw, 1.8rem); color: floralwhite; text-decoration: none; }
.gs-fibel-brand:hover { color: #fff; }
.gs-brand-badge { font-size: .72rem; background: rgba(0, 191, 255, .16); border: 1px solid rgba(0, 191, 255, .45); color: #9be4ff; border-radius: 999px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.gs-wikinav .nav-link { color: rgba(255, 250, 240, .85); font-weight: 600; border-radius: 999px; padding: .35rem .85rem; }
.gs-wikinav .nav-link:hover { color: #fff; background: rgba(255, 250, 240, .10); }
.gs-wikinav .nav-link.active { color: #fff; background: rgba(0, 191, 255, .18); border: 1px solid rgba(0, 191, 255, .35); }

.gs-breadcrumb .breadcrumb-item a { color: #0c4a45; font-weight: 600; text-decoration: none; }
.gs-breadcrumb .breadcrumb-item a:hover { text-decoration: underline; }
.gs-breadcrumb .breadcrumb-item.active { color: rgba(25, 55, 55, .75); font-weight: 600; }

.gs-card { background: #FFFAF0; background: linear-gradient(180deg, #fffdf7 0%, #fffaf0 55%, #fdf5e8 100%); border: 1px solid rgba(80, 64, 40, .10); border-radius: 12px; box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 14px 26px -14px rgba(80, 64, 40, .22); }

.gs-meta { font-size: .88rem; color: rgba(25, 55, 55, .78); font-weight: 600; }

.gs-answer { background: linear-gradient(135deg, rgba(0, 191, 255, .07) 0%, rgba(3, 107, 19, .05) 100%), #FFFAF0; border: 1px solid rgba(0, 191, 255, .25); border-left: 5px solid deepskyblue; border-radius: 12px; box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 14px 26px -14px rgba(80, 64, 40, .18); }
.gs-fibel .gs-answer-title { font-size: .8rem; font-weight: 700; line-height: 1.4; letter-spacing: 1.2px; text-transform: uppercase; color: #0c4a45; }

.gs-steck-head { background: linear-gradient(120deg, rgba(55, 181, 106, .14) 0%, rgba(0, 191, 255, .08) 100%); border-bottom: 1px solid rgba(80, 64, 40, .10); border-radius: 12px 12px 0 0; }
.gs-steck-icon { font-size: 1.15rem; width: 44px; height: 44px; border-radius: 12px; background: linear-gradient(135deg, rgba(217, 98, 46, .92) 0%, rgba(230, 165, 43, .92) 100%); color: floralwhite; box-shadow: 0 2px 6px rgba(80, 64, 40, .25); }
.gs-steck-sub { font-size: 1.25rem; color: #0c4a45; }
.gs-steck-table { margin-bottom: 0; }
.gs-steck-table th, .gs-steck-table td { background: transparent; border-color: rgba(80, 64, 40, .10); padding: .7rem .75rem; vertical-align: middle; }
.gs-steck-table tbody tr:nth-child(odd) th, .gs-steck-table tbody tr:nth-child(odd) td { background: rgba(80, 64, 40, .035); }
.gs-steck-table th { font-weight: 700; color: rgba(25, 55, 55, .9); white-space: nowrap; }
.gs-steck-table td { font-weight: 600; }
.gs-steck-ico { color: #0c4a45; opacity: .75; width: 1.25rem; }
.gs-steck-note { font-size: .8rem; color: rgba(25, 55, 55, .65); }

.gs-inclusive { font-size: .9rem; font-weight: 600; color: rgba(25, 55, 55, .85); }
.gs-inclusive .gs-inclusive-ico { color: #0c4a45; }

.gs-chip { font-size: .82rem; display: inline-flex; align-items: center; gap: .35rem; border-radius: 999px; padding: .22rem .7rem; font-weight: 700; border: 1px solid transparent; }
.gs-chip-vor  { background: rgba(55, 181, 106, .15); border-color: rgba(55, 181, 106, .38); color: #1e7a45; }
.gs-chip-saat { background: rgba(217, 98, 46, .13);  border-color: rgba(217, 98, 46, .38);  color: #a34518; }
.gs-chip-aus  { background: rgba(230, 165, 43, .16); border-color: rgba(230, 165, 43, .45); color: #8a5f10; }
.gs-chip-kauf { background: rgba(58, 147, 214, .13); border-color: rgba(58, 147, 214, .38); color: #1f5e93; }
.gs-chip-neutral { background: rgba(9, 55, 55, .07); border-color: rgba(9, 55, 55, .22); color: #0c4a45; }

.gs-variant { border-radius: 12px; border: 1px solid rgba(80, 64, 40, .10); box-shadow: 0 1px 2px rgba(80, 64, 40, .04), 0 10px 22px -14px rgba(80, 64, 40, .16); }
.gs-variant-vor { border-left: 5px solid #37b56a; background: linear-gradient(180deg, rgba(55, 181, 106, .08) 0%, rgba(255, 250, 240, .65) 60%), #FFFAF0; }
.gs-variant-saat { border-left: 5px solid #d9622e; background: linear-gradient(180deg, rgba(217, 98, 46, .07) 0%, rgba(255, 250, 240, .65) 60%), #FFFAF0; }

.gs-video { background: linear-gradient(145deg, rgba(6, 57, 62, 1) 0%, rgba(9, 55, 55, 1) 45%, rgba(2, 26, 28, 1) 100%); border-radius: 12px; box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 14px 26px -14px rgba(9, 55, 55, .45); }
.gs-video-facade { cursor: pointer; }
.gs-video-glow { background: radial-gradient(ellipse at 50% 42%, rgba(0, 191, 255, .16) 0%, rgba(0, 191, 255, 0) 55%); border-radius: 12px; }
.gs-video-play { font-size: 1.15rem; width: clamp(58px, 9vw, 74px); height: clamp(42px, 6.5vw, 52px); border-radius: 14px; background: linear-gradient(180deg, rgba(255, 45, 45, .98) 0%, rgba(198, 0, 0, .98) 100%); color: rgba(255, 255, 255, .98); box-shadow: 0 4px 14px rgba(0, 0, 0, .35); }
.gs-video .gs-video-caption { font-size: .92rem; color: rgba(255, 250, 240, .92); font-weight: 600; }
.gs-video-privacy { font-size: .74rem; background: rgba(255, 250, 240, .12); border: 1px solid rgba(255, 250, 240, .28); color: rgba(255, 250, 240, .9); border-radius: 999px; font-weight: 600; }
.gs-video-frame { border: 0; border-radius: 12px; }


.gs-partner { border-radius: 12px; border: 1px solid rgba(80, 64, 40, .10); background: linear-gradient(180deg, #fffdf7 0%, #fffaf0 100%); box-shadow: 0 1px 2px rgba(80, 64, 40, .04), 0 10px 22px -14px rgba(80, 64, 40, .16); height: 100%; }
.gs-partner-good { border-left: 5px solid #37b56a; background: linear-gradient(180deg, rgba(55, 181, 106, .09) 0%, rgba(255, 250, 240, .6) 70%), #FFFAF0; }
.gs-partner-bad  { border-left: 5px solid #c0564a; background: linear-gradient(180deg, rgba(192, 86, 74, .08) 0%, rgba(255, 250, 240, .6) 70%), #FFFAF0; }
.gs-partner-good .gs-partner-ico { color: #1e7a45; }
.gs-partner-bad .gs-partner-ico { color: #c0564a; }
.gs-partner-name { font-weight: 700; }
.gs-partner-reason { font-size: .84rem; color: rgba(25, 55, 55, .7); }
.gs-partner-legend { font-size: .85rem; font-weight: 700; letter-spacing: .5px; }
.gs-partner-legend-good { color: #1e7a45; }
.gs-partner-legend-bad { color: #c0564a; }

.gs-cta { background: linear-gradient(120deg, rgba(2, 80, 87, .97) 0%, rgba(8, 93, 88, .97) 45%, rgba(25, 55, 55, .97) 100%); border: 1px solid rgba(0, 191, 255, .25); border-radius: 12px; box-shadow: 0 8px 20px rgba(9, 55, 55, .28); color: floralwhite; }
.gs-cta-title { font-size: clamp(1.5rem, 1.2rem + 1.6vw, 2.1rem); color: floralwhite; }
.gs-cta-text { font-size: .95rem; color: rgba(255, 250, 240, .85); }

.gs-merksatz { background: linear-gradient(135deg, rgba(55, 181, 106, .10) 0%, rgba(255, 250, 240, .7) 60%), #FFFAF0; border: 1px solid rgba(55, 181, 106, .30); border-left: 5px solid #37b56a; border-radius: 12px; box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 14px 26px -14px rgba(80, 64, 40, .18); }
.gs-merksatz-label { font-size: .8rem; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: #1e7a45; }
.gs-merksatz-text { font-size: clamp(1.35rem, 1.15rem + 1vw, 1.8rem); line-height: 1.35; color: #0c4a45; }

.gs-support-link { color: #0c4a45; font-weight: 700; text-decoration: underline; }
.gs-support-link:hover { color: #093737; }

.gs-sticky { top: 1.25rem; }
.gs-toc-side { width: 272px; max-width: 100%; }
.gs-wikinav { position: relative; z-index: 1040; }
.gs-toc-side { z-index: 1; }
.gs-toc-title { font-size: .8rem; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(25, 55, 55, .65); }
.gs-toc .nav-link { font-size: .92rem; color: rgba(25, 55, 55, .85); font-weight: 600; border-left: 3px solid rgba(9, 55, 55, .12); border-radius: 0 8px 8px 0; padding: .4rem .75rem; }
.gs-toc .nav-link:hover { color: #093737; background: rgba(9, 55, 55, .05); }
.gs-toc .nav-link.active { color: #093737; border-left-color: deepskyblue; background: rgba(0, 191, 255, .08); }

.gs-related-card { transition: transform .15s ease, box-shadow .15s ease; }
.gs-related-card:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 18px 30px -14px rgba(80, 64, 40, .3); }
.gs-related-thumb { border-radius: 12px 12px 0 0; object-fit: cover; }
.gs-fibel .gs-related-title { font-size: 1.05rem; font-weight: 700; line-height: 1.35; color: rgb(25, 55, 55); }
.gs-related-link { font-size: .9rem; color: #0c4a45; font-weight: 700; text-decoration: none; }
.gs-related-link:hover { color: #093737; text-decoration: underline; }
.gs-stretched { color: inherit; text-decoration: none; }

.gs-fcard { display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; background: linear-gradient(180deg, #fffdf7 0%, #fffaf0 55%, #fdf5e8 100%); border: 1px solid rgba(80, 64, 40, .10); box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 12px 22px -14px rgba(80, 64, 40, .35); transition: transform .16s ease, box-shadow .16s ease; }
.gs-fcard:hover { transform: translateY(-4px); box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 20px 32px -14px rgba(80, 64, 40, .42); }
.gs-fcard-media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: linear-gradient(150deg, rgba(9, 55, 55, .08), rgba(55, 181, 106, .16)); }
.gs-fcard-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.gs-fcard:hover .gs-fcard-img { transform: scale(1.05); }
.gs-fcard-noimg { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: rgba(9, 55, 55, .16); font-size: 3rem; }
.gs-fcard-edge { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--deco-a) 0%, var(--deco-b) 100%); }
.gs-fcard-body { display: flex; flex-direction: column; flex: 1 1 auto; padding: 12px 15px 15px; }
.gs-fcard-tag { align-self: flex-start; display: inline-flex; align-items: center; font-size: .72rem; font-weight: 800; letter-spacing: .3px; border-radius: 999px; padding: 3px 11px; margin-bottom: 8px; }
.gs-tag-pflanze { background: rgba(217, 98, 46, .14); color: #8f3c1c; }
.gs-tag-wissen { background: rgba(0, 150, 200, .14); color: #0c5878; }
.gs-tag-tipp { background: rgba(230, 165, 43, .16); color: #7a5410; }
.gs-fibel .gs-fcard-title { font-size: 1.02rem; font-weight: 800; line-height: 1.3; color: rgb(25, 55, 55); margin: 0 0 5px; }
.gs-fcard-teaser { font-size: .84rem; line-height: 1.5; color: rgba(25, 55, 55, .72); margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gs-fcard-more { margin-top: auto; font-size: .84rem; font-weight: 800; color: #0c4a45; display: inline-flex; align-items: center; }
.gs-fcard:hover .gs-fcard-more { color: #093737; }

.gs-article h2 { scroll-margin-top: 1.5rem; }
.gs-lead { font-size: clamp(1.05rem, 1rem + 0.5vw, 1.25rem); color: rgba(25, 55, 55, .85); font-weight: 600; }
.gs-kicker { font-size: .78rem; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #0c4a45; }
.gs-fibel { --deco-a: deepskyblue; --deco-b: rgba(55, 181, 106, .9); --deco-b0: rgba(55, 181, 106, 0); --cat-ico: deepskyblue; }
.gs-cat-pflanze { --deco-a: rgba(55, 181, 106, .9); --deco-b: deepskyblue; --deco-b0: rgba(0, 191, 255, 0); --cat-ico: rgba(55, 181, 106, .95); }
.gs-cat-wissen { --deco-a: deepskyblue; --deco-b: rgba(55, 181, 106, .9); --deco-b0: rgba(55, 181, 106, 0); --cat-ico: deepskyblue; }
.gs-cat-tipp { --deco-a: rgba(230, 165, 43, .98); --deco-b: rgba(55, 181, 106, .9); --deco-b0: rgba(55, 181, 106, 0); --cat-ico: rgba(212, 145, 20, .98); }
.gs-h2-deco { width: 66%; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--deco-a) 0%, var(--deco-b) 55%, var(--deco-b0) 100%); }
.gs-h2-deco-wide { width: 100%; background: linear-gradient(90deg, var(--deco-a) 0%, var(--deco-b) 90%, var(--deco-b0) 100%); }
.gs-cat-ico { color: var(--cat-ico); }
.gs-hero-img { border-radius: 12px;}
.gs-steps { padding-left: 1.25rem; }
.gs-steps li { margin-bottom: .5rem; }
.gs-steps li::marker { font-weight: 700; color: #0c4a45; }

.gs-footer { border-top: 1px solid rgba(9, 55, 55, .15); }
.gs-footer a { color: rgba(25, 55, 55, .75); text-decoration: none; font-weight: 600; }
.gs-footer a:hover { color: #093737; text-decoration: underline; }
.gs-fibel { --text-light: rgb(25, 55, 55); min-height: 100vh; }
.gs-fibel .text-white { color: rgba(255, 255, 255, .95) !important; }
.gs-fibel .greenBTN,
.gs-fibel .blueBTN,
.gs-fibel .orangeBTNW { --text-light: rgba(255, 255, 255, .95); }
html:has(> body.gs-fibel), body.gs-fibel { padding-top: 0 !important; }
html:has(> body.gs-fibel), body.gs-fibel { overflow-y: visible; }
.gs-fibel p { line-height: 1.65; }
.gs-fibel .gs-merksatz-text { line-height: 1.35; }
.gs-fibel p:not([class*="gs-"]):not(.small) { font-size: clamp(0.95rem, 0.9rem + 0.3vw, 1.05rem); font-weight: 400; }
.gs-imgph { border-radius: 12px; border: 1px solid rgba(80, 64, 40, .10); box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 10px 22px -14px rgba(80, 64, 40, .16); color: rgba(9, 55, 55, .55); }
.gs-imgph-a { background: linear-gradient(135deg, rgba(55, 181, 106, .28) 0%, rgba(3, 107, 19, .12) 55%, rgba(230, 165, 43, .22) 100%); }
.gs-imgph-b { background: linear-gradient(135deg, rgba(230, 165, 43, .24) 0%, rgba(217, 98, 46, .14) 50%, rgba(55, 181, 106, .20) 100%); }
.gs-imgph-c { background: linear-gradient(135deg, rgba(0, 191, 255, .16) 0%, rgba(55, 181, 106, .18) 60%, rgba(3, 107, 19, .12) 100%); }
.gs-figcaption { font-size: .8rem; color: rgba(25, 55, 55, .65); }
.gs-demo-note { font-size: .72rem; display: inline-flex; align-items: center; gap: .35rem; border: 1px dashed rgba(25, 55, 55, .35); background: rgba(25, 55, 55, .05); color: rgba(25, 55, 55, .65); border-radius: 999px; padding: .18rem .65rem; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; }
.gs-video-time { font-size: .74rem; background: rgba(0, 0, 0, .55); color: #fff; border-radius: 4px; font-weight: 700; }
.gs-outlook { border: 1px dashed rgba(25, 55, 55, .35); border-radius: 12px; opacity: .85; filter: saturate(.8); }
.gs-forum-card { background: linear-gradient(180deg, #fffdf7 0%, #fffaf0 100%); border: 1px solid rgba(80, 64, 40, .10); border-radius: 12px; box-shadow: 0 1px 2px rgba(80, 64, 40, .04), 0 10px 22px -14px rgba(80, 64, 40, .16); }
.gs-forum-avatar { font-size: .95rem; width: 38px; height: 38px; border-radius: 50%; background: rgba(9, 55, 55, .10); border: 1px solid rgba(9, 55, 55, .18); color: #0c4a45; }
.gs-forum-name { font-size: .95rem; font-weight: 700; }
.gs-forum-time { font-size: .78rem; color: rgba(25, 55, 55, .6); font-weight: 600; }
.gs-forum-meta { font-size: .82rem; color: rgba(25, 55, 55, .65); font-weight: 600; }
.gs-fibel-tool { border-color: rgba(9, 55, 55, .22); color: #0c4a45; }
.gs-fibel .input-group-text.gs-fibel-tool { background: linear-gradient(135deg, #fffdf7 0%, #fdf5e8 100%); font-weight: 700; }
.gs-fibel .form-control.gs-fibel-tool, .gs-fibel .form-select.gs-fibel-tool { background-color: #fffdf7; color: rgb(25, 55, 55); }
.gs-fibel .gs-fibel-tool:focus { border-color: deepskyblue; box-shadow: 0 0 0 .2rem rgba(0, 191, 255, .18); }

.gs-wikinav-langs { background: #0b4540; background: linear-gradient(180deg, rgba(11, 69, 64, 1) 0%, rgba(9, 55, 55, 1) 100%); border: 1px solid rgba(0, 191, 255, .25); box-shadow: 0 8px 20px rgba(9, 55, 55, .35); }
.gs-wikinav-langs .dropdown-item { color: rgba(255, 250, 240, .9); font-weight: 600; }
.gs-wikinav-langs .dropdown-item:hover, .gs-wikinav-langs .dropdown-item:focus { color: #fff; background: rgba(255, 250, 240, .10); }
.gs-wikinav-langs .dropdown-item.active { color: #fff; background: rgba(0, 191, 255, .18); }
.gs-thread-replies { border-left: 2px solid rgba(9, 55, 55, .12); }
.epk-err-grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:768px){.epk-err-grid{grid-template-columns:1fr 1fr;}}
.epk-err{background:#fff;border:1px solid rgba(80,64,40,.12);border-top:4px solid #d97706;border-radius:14px;padding:1.1rem 1.25rem;display:flex;gap:.7rem;box-shadow:0 6px 16px -8px rgba(9,55,55,.22);}
.epk-err .epk-i{color:#d97706;font-size:1.15rem;flex:0 0 auto;line-height:1.5;}
.pk-book-partners-empty{color:#6b6357;line-height:1.5;max-width:62ch;}
.gs-todo-card {
    border: 0;
    border-top: 4px solid var(--gs-act-aus, #e6a52b);
    border-radius: 12px;
}
.gs-todo-card--system {
    border-top-color: chartreuse;
}
.gs-todo-card--low {
    border-top-color: deepskyblue;
}
.gs-todo-icon--system {
    color: chartreuse;
}
.gs-todo-icon--high {
    color: var(--gs-act-aus, #e6a52b);
}
.btn.gs-todo-done {
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.gsNews {
    --text-light: rgb(25, 55, 55);
}
.gsNews .btn {
    --text-light: rgba(255, 255, 255, 0.95);
}
.gsNewsCard {
}
.gsNewsBody > *:last-child {
    margin-bottom: 0;
}
.gsNewsClamp {
    position: relative;
    max-height: 7rem;
    overflow: hidden;
}
.gsNewsClamp::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2rem;
    background: linear-gradient(to bottom, rgba(255, 250, 240, 0), rgba(255, 250, 240, 1));
}
.gsNewsBody img {
    max-width: 100%;
    height: auto;
}
.gsNewsToggle .gsNewsToggleClose {
    display: none;
}
.gsNewsToggle[aria-expanded="true"] .gsNewsToggleOpen {
    display: none;
}
.gsNewsToggle[aria-expanded="true"] .gsNewsToggleClose {
    display: inline;
}
.gs-cbox { border-radius: 14px; background: linear-gradient(180deg, #fffdf7 0%, #fffaf0 55%, #fdf5e8 100%); border: 1px solid rgba(80, 64, 40, .10); box-shadow: 0 2px 4px rgba(80, 64, 40, .05), 0 12px 22px -14px rgba(80, 64, 40, .35); }
.gs-creply { border-left: 3px solid rgba(9, 55, 55, .18); border-top: 1px solid rgba(80, 64, 40, .08); }
.gs-chr { border-top: 1px solid rgba(9, 55, 55, .16); opacity: 1; margin: .75rem 0 .5rem; }
.gs-cname { font-weight: 800; color: rgb(25, 55, 55); }
.gs-ctext { white-space: pre-wrap; overflow-wrap: anywhere; color: rgba(25, 55, 55, .92); }
.gs-cthumb { border: 1px solid rgba(9, 55, 55, .35); border-radius: 999px; color: #0c4a45; background: transparent; padding: .25rem .5rem; }
.gs-cthumb:hover { background: rgba(9, 55, 55, .07); }
.gs-cthumb-on { background: rgba(55, 181, 106, .18); border-color: rgba(55, 181, 106, .75); color: #16653f; }
.gs-ccount { font-size: .78rem; font-weight: 800; color: rgba(25, 55, 55, .7); margin-top: 2px; }
.gs-clink, .gs-corig { color: #0c4a45; font-weight: 700; text-decoration: none; }
.gs-clink:hover, .gs-corig:hover { color: #093737; text-decoration: underline; }
.gs-cinvite { border-radius: 14px; background: linear-gradient(180deg, rgba(0, 191, 255, .07) 0%, rgba(55, 181, 106, .09) 100%); border: 1px dashed rgba(9, 55, 55, .25); }
.gs-cform { border-radius: 14px; background: #fffdf7; border: 1px solid rgba(9, 55, 55, .18); }
@media (max-width: 575.98px) {
    .gs-creply { padding-left: .6rem !important; }
    .gs-cbox { padding: .75rem !important; }
}

.gs-feat-stage {
    position: relative;
    max-height: 26rem;
    overflow: hidden;
    border-radius: 1rem;
    padding: 1.5rem;
    background: linear-gradient(160deg, rgba(0, 206, 209, 0.10), rgba(127, 255, 0, 0.06));
    border: 1px solid rgba(0, 206, 209, 0.25);
}

.gs-feat-all {
    font-size: 0.78rem;
    line-height: 1.45;
    column-count: 2;
    column-gap: 2rem;
}

.gs-feat-item {
    font-size: 0.9rem;
    margin-bottom: 0.55rem;
    break-inside: avoid;
}

.gs-feat-veil {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    background: rgba(255, 255, 255, 0.15);
    pointer-events: none;
}

.gs-feat-card {
    position: absolute;
    inset: 0;
    margin: auto;
    height: -moz-fit-content;
    height: fit-content;
    width: min(92%, 34rem);
}

@media (max-width: 767.98px) {
    .gs-feat-all {
        column-count: 1;
    }

    .gs-feat-stage {
        max-height: 30rem;
        padding: 1rem;
    }
}

.gs-dl-pdf{color:#c03330;}
html:not([data-auth="in"]) .gsOnlyIn {
    display: none !important;
}

html[data-auth="in"] .gsOnlyOut {
    display: none !important;
}
html::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

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

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

html::-webkit-scrollbar-track {
    background: #06393e;
}

html {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 191, 255, 0.4) #06393e;
}