/**
 * RSCSS - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2026 Philipp Kolbeck
 * Parsed: 21.01.2026 13:19:39 - Rendertime: 0,0118sec.
 */

:root {
    --theme-default: #F7E8CF;
    --theme-green: #95C11F;
    --theme-lightgreen: #CAE08E;
    --theme-cracker: #F1E3CC;
    --theme-hafer: #D3A0A8;
    --theme-knaecke: #F6ECD6;
    --theme-huetts: #DFC3A3;
    --theme-rustini: #DFC3A3;
    --theme-protein: #DCCEBC;
    --theme-snack: #F2E8BE;
    --theme-crispies: #F8ECCF;
    --theme-thins: #F1E3CB;
    --theme: undefined;
    --textmarker-default: #F7E8CF;
    --textmarker-green: #95C11F;
    --textmarker-lightgreen: #CAE08E;
    --textmarker-cracker: #EC8B03;
    --textmarker-hafer: #D3A0A8;
    --textmarker-knaecke: #968F00;
    --textmarker-huetts: #CE6501;
    --textmarker-rustini: #CE6501;
    --textmarker-protein: #008A8A;
    --textmarker-snack: #F0BC37;
    --textmarker-crispies: #92C725;
    --textmarker-thins: #A4BD48;
    --textmarker: undefined;
    --textmarker-white: #FFFFFF;
    --swoosh-default: #F7E8CF;
    --swoosh-green: #95C11F;
    --swoosh-lightgreen: #CAE08E;
    --swoosh-cracker: #EC8B03;
    --swoosh-hafer: #D3A0A8;
    --swoosh-knaecke: #968F00;
    --swoosh-huetts: #CE6501;
    --swoosh-rustini: #CE6501;
    --swoosh-protein: #008A8A;
    --swoosh-snack: #F0BC37;
    --swoosh-crispies: #92C725;
    --swoosh-thins: #A4BD48;
    --swoosh: undefined;
    --bio-glutenfrei-cracker-cheese-onion-theme: #F1E3CC;
    --bio-glutenfrei-cracker-cheese-onion-accent: #EC8B03;
    --bio-glutenfrei-cracker-cheese-onion-textmarker: #EC8B03;
    --bio-glutenfrei-cracker-red-pepper-theme: #F1E3CC;
    --bio-glutenfrei-cracker-red-pepper-accent: #B3251E;
    --bio-glutenfrei-cracker-red-pepper-textmarker: #B3251E;
    --bio-glutenfrei-hafer-minis-apfel-zimt-theme: #D3A0A8;
    --bio-glutenfrei-hafer-minis-apfel-zimt-accent: #FAC267;
    --bio-glutenfrei-hafer-minis-apfel-zimt-textmarker: #F7A941;
    --bio-glutenfrei-hafer-minis-chocolate-chips-theme: #D3A0A8;
    --bio-glutenfrei-hafer-minis-chocolate-chips-accent: #4A1811;
    --bio-glutenfrei-hafer-minis-chocolate-chips-textmarker: #4A1811;
    --bio-rustinis-rosmarin-meersalz-theme: #DFC3A3;
    --bio-rustinis-rosmarin-meersalz-accent: #4E8F36;
    --bio-rustinis-rosmarin-meersalz-textmarker: #4E8F36;
    --organic-huetts-rosemary-sea-salt-theme: #DFC3A3;
    --organic-huetts-rosemary-sea-salt-accent: #007B41;
    --organic-huetts-rosemary-sea-salt-textmarker: #007B41;
    --bio-rustinis-tomate-emmentaler-theme: #DFC3A3;
    --bio-rustinis-tomate-emmentaler-accent: #E01D14;
    --bio-rustinis-tomate-emmentaler-textmarker: #E01D14;
    --organic-huetts-tomato-emmental-cheese-theme: #DFC3A3;
    --organic-huetts-tomato-emmental-cheese-accent: #B3251E;
    --organic-huetts-tomato-emmental-cheese-textmarker: #CD3232;
    --rustinis-bergkaese-wiesenkraeuter-theme: #DFC3A3;
    --rustinis-bergkaese-wiesenkraeuter-accent: #DB9800;
    --rustinis-bergkaese-wiesenkraeuter-textmarker: #FDC543;
    --huetts-mountain-cheese-herbs-theme: #DFC3A3;
    --huetts-mountain-cheese-herbs-accent: #5FB230;
    --huetts-mountain-cheese-herbs-textmarker: #5FB230;
    --rustinis-kuemmel-meersalz-theme: #DFC3A3;
    --rustinis-kuemmel-meersalz-accent: #D67203;
    --rustinis-kuemmel-meersalz-textmarker: #D67203;
    --huetts-caraway-sea-salt-theme: #DFC3A3;
    --huetts-caraway-sea-salt-accent: #952C39;
    --huetts-caraway-sea-salt-textmarker: #952C39;
    --bio-knaeckebrot-classic-3-saat-theme: #F6ECD6;
    --bio-knaeckebrot-classic-3-saat-accent: #55200D;
    --bio-knaeckebrot-classic-3-saat-textmarker: #55200D;
    --bio-knaeckebrot-kaese-kuerbiskern-theme: #F6ECD6;
    --bio-knaeckebrot-kaese-kuerbiskern-accent: #968F1D;
    --bio-knaeckebrot-kaese-kuerbiskern-textmarker: #968F1D;
    --bio-knaeckebrot-dinkel-saaten-theme: #F6ECD6;
    --bio-knaeckebrot-dinkel-saaten-accent: #008A89;
    --bio-knaeckebrot-dinkel-saaten-textmarker: #008A89;
    --bio-knaeckebrot-dinkel-kaese-theme: #F6ECD6;
    --bio-knaeckebrot-dinkel-kaese-accent: #E8AA00;
    --bio-knaeckebrot-dinkel-kaese-textmarker: #E8AA00;
    --bio-knaeckebrot-dinkel-muesli-theme: #F6ECD6;
    --bio-knaeckebrot-dinkel-muesli-accent: #8063A8;
    --bio-knaeckebrot-dinkel-muesli-textmarker: #8063A8;
    --bio-knaeckebrot-chia-hafer-theme: #F6ECD6;
    --bio-knaeckebrot-chia-hafer-accent: #AE1163;
    --bio-knaeckebrot-chia-hafer-textmarker: #AE1163;
    --bio-knaeckebrot-lauge-brezelsalz-theme: #F6ECD6;
    --bio-knaeckebrot-lauge-brezelsalz-accent: #183356;
    --bio-knaeckebrot-lauge-brezelsalz-textmarker: #183356;
    --bio-knaeckebrot-lauge-emmentaler-theme: #F6ECD6;
    --bio-knaeckebrot-lauge-emmentaler-accent: #FAB50B;
    --bio-knaeckebrot-lauge-emmentaler-textmarker: #FAB50B;
    --bio-knaeckebrot-lauge-sesam-theme: #F6ECD6;
    --bio-knaeckebrot-lauge-sesam-accent: #F1A794;
    --bio-knaeckebrot-lauge-sesam-textmarker: #F1A794;
    --knaeckebrot-classic-3-saat-theme: #F6ECD6;
    --knaeckebrot-classic-3-saat-accent: #55200D;
    --knaeckebrot-classic-3-saat-textmarker: #55200D;
    --knaeckebrot-kaese-kuerbiskern-theme: #F6ECD6;
    --knaeckebrot-kaese-kuerbiskern-accent: #968F1D;
    --knaeckebrot-kaese-kuerbiskern-textmarker: #968F1D;
    --knaeckebrot-tomate-mozzarella-theme: #F6ECD6;
    --knaeckebrot-tomate-mozzarella-accent: #E52A17;
    --knaeckebrot-tomate-mozzarella-textmarker: #E52A17;
    --knaeckebrot-flammkuchen-theme: #F6ECD6;
    --knaeckebrot-flammkuchen-accent: #BF7251;
    --knaeckebrot-flammkuchen-textmarker: #BF7251;
    --knaeckebrot-5-korn-theme: #F6ECD6;
    --knaeckebrot-5-korn-accent: #895B13;
    --knaeckebrot-5-korn-textmarker: #895B13;
    --knaeckebrot-cranberry-kokos-theme: #F6ECD6;
    --knaeckebrot-cranberry-kokos-accent: #E0016E;
    --knaeckebrot-cranberry-kokos-textmarker: #E0016E;
    --knaeckebrot-basilikum-pesto-theme: #F6ECD6;
    --knaeckebrot-basilikum-pesto-accent: #3F6A3E;
    --knaeckebrot-basilikum-pesto-textmarker: #3F6A3E;
    --knaeckebrot-protein-kuerbiskern-theme: #F6ECD6;
    --knaeckebrot-protein-kuerbiskern-accent: #B9B86E;
    --knaeckebrot-protein-kuerbiskern-textmarker: #B9B86E;
    --knaeckebrot-protein-kuerbiskern-accent: #a0a900;
    --knaeckebrot-protein-kuerbiskern-textmarker: #a0a900;
    --knaeckebrot-protein-pita-style-theme: #F6ECD6;
    --knaeckebrot-protein-pita-style-accent: #A780B5;
    --knaeckebrot-protein-pita-style-textmarker: #A780B5;
    --protein-snack-sesam-leinsaat-theme: #F2E8BE;
    --protein-snack-sesam-leinsaat-accent: #3DB5A7;
    --protein-snack-sesam-leinsaat-textmarker: #3DB5A7;
    --protein-snack-emmentaler-kaese-theme: #F2E8BE;
    --protein-snack-emmentaler-kaese-accent: #FDCB00;
    --protein-snack-emmentaler-kaese-textmarker: #FDCB00;
    --bio-vollkorn-snack-kaese-kuerbiskern-theme: #F2E8BE;
    --bio-vollkorn-snack-kaese-kuerbiskern-accent: #FBBA00;
    --bio-vollkorn-snack-kaese-kuerbiskern-textmarker: #FBBA00;
    --bio-dinkel-snack-sesam-quinoa-theme: #F2E8BE;
    --bio-dinkel-snack-sesam-quinoa-accent: #005A58;
    --bio-dinkel-snack-sesam-quinoa-textmarker: #005A58;
    --bio-dinkel-snack-kaese-sesam-theme: #F2E8BE;
    --bio-dinkel-snack-kaese-sesam-accent: #9A5424;
    --bio-dinkel-snack-kaese-sesam-textmarker: #9A5424;
    --bio-vollkorn-snack-tomate-mozzarella-theme: #F2E8BE;
    --bio-vollkorn-snack-tomate-mozzarella-accent: #9C2629;
    --bio-vollkorn-snack-tomate-mozzarella-textmarker: #9C2629;
    --vollkorn-snack-kaese-kuerbiskern-theme: #F2E8BE;
    --vollkorn-snack-kaese-kuerbiskern-accent: #FBBA00;
    --vollkorn-snack-kaese-kuerbiskern-textmarker: #FBBA00;
    --vollkorn-snack-rosmarin-meersalz-theme: #F2E8BE;
    --vollkorn-snack-rosmarin-meersalz-accent: #005F2E;
    --vollkorn-snack-rosmarin-meersalz-textmarker: #005F2E;
    --vollkorn-snack-tomate-kraeuter-theme: #F2E8BE;
    --vollkorn-snack-tomate-kraeuter-accent: #E84915;
    --vollkorn-snack-tomate-kraeuter-textmarker: #E84915;
    --vollkorn-snack-emmentaler-zwiebel-theme: #F2E8BE;
    --vollkorn-snack-emmentaler-zwiebel-accent: #EB8000;
    --vollkorn-snack-emmentaler-zwiebel-textmarker: #EB8000;
    --vollkorn-snack-cranberry-kokos-theme: #F2E8BE;
    --vollkorn-snack-cranberry-kokos-accent: #9C1A53;
    --vollkorn-snack-cranberry-kokos-textmarker: #9C1A53;
    --crispies-sour-cream-chives-theme: #F8ECCF;
    --crispies-sour-cream-chives-accent: #92C725;
    --crispies-sour-cream-chives-textmarker: #92C725;
    --crispies-sweet-chili-theme: #F8ECCF;
    --crispies-sweet-chili-accent: #DA713B;
    --crispies-sweet-chili-textmarker: #DA713B;
    --thins-kuerbiskern-theme: #F1E3CB;
    --thins-kuerbiskern-accent: #A4BD48;
    --thins-kuerbiskern-textmarker: #A4BD48;
    --thins-roter-quinoa-theme: #F1E3CB;
    --thins-roter-quinoa-accent: #D59074;
    --thins-roter-quinoa-textmarker: #D59074;
    --thins-red-quinoa-theme: #F1E3CB;
    --thins-red-quinoa-accent: #D59074;
    --thins-red-quinoa-textmarker: #D59074;
}

@font-face {
    font-family: "proximanova";
    src: url("../fnt/proximanova/ProximaNova-Regular.woff2") format("woff2");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "proximanova";
    src: url("../fnt/proximanova/ProximaNova-Medium.woff2") format("woff2");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: "proximanova";
    src: url("../fnt/proximanova/ProximaNova-Bold.woff2") format("woff2");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "proximanova";
    src: url("../fnt/proximanova/ProximaNova-ExtraBold.woff2") format("woff2");
    font-display: auto;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
}

@font-face {
    font-family: "colby";
    src: url("../fnt/colby/colby-condensed-bold.woff2") format("woff2");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@media (max-width: 575.98px) {
    .container-fluid > .container {
        padding-left: 0;
        padding-right: 0;
    }
}

:is(.container-fluid, .container) > .row::before {
    background-color: unset;
    display: unset;
    padding: unset;
    content: unset;
    width: unset;
}

.w-original {
    width: inherit !important;
}

.c-black {
    color: #000;
}

.nachhaltigkeit-link {
    color: #95C11F;
}

.nachhaltigkeit-link-neg {
    color: #95C11F;
}

.nachhaltigkeit-link-neg:hover {
    color: #FFFFFF;
}

.maxw-25 {
    max-width: 25%;
}

.maxw-50 {
    max-width: 50%;
}

.maxw-75 {
    max-width: 75%;
}

.maxw-100 {
    max-width: 100%;
}

.maxh-25 {
    max-height: 25%;
}

.maxh-50 {
    max-height: 50%;
}

.maxh-75 {
    max-height: 75%;
}

.maxh-100 {
    max-height: 100%;
}

.hyphens-auto {
    hyphens: auto;
}

.display-text {
    font-size: 74px;
    font-weight: 900;
    line-height: 74px;
}

@media (max-width: 767.98px) {
    .display-text {
        font-size: 56px !important;
        font-weight: 900;
        line-height: 56px !important;
    }
}

.footnote {
    font-size: 10px;
    font-weight: 500;
    margin: 0;
    line-height: 12px;
}

.fw-1, .fw-thin, .fw-hairline {
    font-weight: 100;
}

.fw-2, .fw-extra-light, .fw-ultra-light {
    font-weight: 200;
}

.fw-3, .fw-light {
    font-weight: 300;
}

.fw-4, .fw-normal, .fw-regular {
    font-weight: 400;
}

.fw-5, .fw-medium {
    font-weight: 500;
}

.fw-6, .fw-semi-bold, .fw-demi-bold {
    font-weight: 600;
}

.fw-7, .fw-bold {
    font-weight: 700;
}

.fw-8, .fw-extra-bold, .fw-ultra-bold {
    font-weight: 800;
}

.fw-9, .fw-black, .fw-heavy {
    font-weight: 900;
}

.fw-95, .fw-extra-black, .fw-ultra-black {
    font-weight: 950;
}

@media (min-width: 1200px) {
    .order-xl-6 {
        order: 6 !important;
    }
}

header, footer {
    font-family: proximanova;
    scrollbar-color: #666 #CCC;
}

main {
    font-family: 'colby' !important;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 51px;
}

h2 {
    font-size: 25px;
    font-weight: 700;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 3rem;
}

h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 3rem;
}

.h4 {
    font-size: 18px;
    font-weight: 800;
    line-height: 22px;
}

main {
    margin-top: 3rem;
    flex-grow: 1;
}

.basicnav > .container,
.mainnav > .container {
    max-width: 1100px;
}

@media (min-width: 1400px) {
    .container-fluid.block > .container {
        max-width: 1240px;
    }
}

section > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media (max-width: 1199.98px) {
    section > div {
        margin-top: 1rem;
    }
}

section > div * {
}

.anchor {
    position: absolute;
    margin-top: -170px;
}

.c-default {
    color: #F7E8CF;
}

.c-green {
    color: #95C11F;
}

.c-lightgreen {
    color: #CAE08E;
}

.c-cracker {
    color: #EC8B03;
}

.c-hafter {
    color: undefined;
}

.c-knaecke {
    color: #968F00;
}

.c-rustini {
    color: #CE6501;
}

.c-protein {
    color: #008A8A;
}

.c-snack {
    color: #F0BC37;
}

.textmarker > span {
    position: relative;
    z-index: 1;
}

.textmarker > span::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    left: -3px;
    width: calc(100% + 2px);
    width: calc(100% + 3px);
    height: 32px;
    z-index: -1;
}

.textmarker > span::after {
    background-position: top right;
    content: '';
    position: absolute;
    top: -2px;
    right: -7px;
    width: 7px;
    height: 32px;
    z-index: -1;
}

.textmarker > span ~ span:not(:last-child)::after {
    right: -12px;
    width: 12px;
}

.textmarker.textmarker-default > span::before, .textmarker.textmarker-default > span::after, .theme-default .textmarker > span::before, .theme-default .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-green > span::before, .textmarker.textmarker-green > span::after, .theme-green .textmarker > span::before, .theme-green .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-lightgreen > span::before, .textmarker.textmarker-lightgreen > span::after, .theme-lightgreen .textmarker > span::before, .theme-lightgreen .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-cracker > span::before, .textmarker.textmarker-cracker > span::after, .theme-cracker .textmarker > span::before, .theme-cracker .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-hafer > span::before, .textmarker.textmarker-hafer > span::after, .theme-hafer .textmarker > span::before, .theme-hafer .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-knaecke > span::before, .textmarker.textmarker-knaecke > span::after, .theme-knaecke .textmarker > span::before, .theme-knaecke .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-rustini > span::before, .textmarker.textmarker-rustini > span::after, .theme-rustini .textmarker > span::before, .theme-rustini .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-protein > span::before, .textmarker.textmarker-protein > span::after, .theme-protein .textmarker > span::before, .theme-protein .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-snack > span::before, .textmarker.textmarker-snack > span::after, .theme-snack .textmarker > span::before, .theme-snack .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.textmarker.textmarker-white > span::before, .textmarker.textmarker-white > span::after, .theme-white .textmarker > span::before, .theme-white .textmarker > span::after {
    background-image: url('../img/textmarker.svg');
}

.btn-textmarker {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #FFF;
    white-space: nowrap;
}

.btn-textmarker::before,
.btn-textmarker::after {
    background-image: url('../img/textmarker.2.svg');
    content: '';
    position: absolute;
    top: -6px;
    height: 44px;
    z-index: -1;
}

.btn-textmarker::before {
    left: -30px;
    width: calc(100% + 30px);
}

.btn-textmarker::after {
    background-position: top right;
    right: -30px;
    width: 30px;
}

.btn-textmarker i {
    font-weight: 700;
    font-style: normal;
}


.btn-textmarker.textmarker-red::before,
.btn-textmarker.textmarker-red::after {
    background-image: url('../img/textmarker_red.svg');
}

.navbar-backdrop {
    position: fixed;
    z-index: 1000;
    top: auto;
    left: auto;
    right: auto;
    width: 100vw;
    height: 0;
    background-color: #FFF;
    transition: height 200ms;
}

.nav-main-collapsed .navbar-backdrop {
    height: 100vh;
}

.basicnav {
    position: relative;
    z-index: 1001;
    background-color: #FFF;
    height: 40px;
}

.basicnav li a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    color: #000;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.basicnav ul.navbar-nav > li:not(:last-child) {
    padding-right: 30px;
}

.basicnav .collapse {
    position: relative;
    margin-top: 10px;
    margin-bottom: -10px;
    pointer-events: none;
}

.basicnav .collapse li {
    pointer-events: all;
}

@media (max-width: 1199.98px) {
    .mainnav .navbar-brand {
        order: 1;
    }

    .mainnav .langnav {
        order: 2;
        display: block;
    }

    .mainnav .navbar-toggler {
        order: 3;
    }

    .mainnav .navbar-collapse {
        order: 4;
    }
}

@media (max-width: 1199.98px) {
    .mainnav .navbar-brand img {
        width: 164px;
    }
}

#mainnav-sticky-wrapper {
    z-index: 1000;
    position: relative;
}

.mainnav {
    background-color: #FFF;
}

.mainnav .langnav {
    display: none;
    margin-top: -35px;
    margin-right: 60px;
    max-width: 30px;
}

@media (max-width: 1199.98px) {
    .mainnav .langnav {
        display: block;
    }
}

.mainnav .navbar-toggler,
.mainnav .navbar-toggler:focus {
    width: 47px;
    height: 44px;
    background-image: url('../img/navbar.toggler.svg');
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
}

.mainnav li a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 800;
    color: #000;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .mainnav ul.navbar-nav > li:not(:last-child) {
        padding-right: 28px;
    }
}

@media (max-width: 1199.98px) {
    .mainnav div:not(.langnav) > ul {
        padding-top: 70px;
    }

    .mainnav ul.navbar-nav > li {
        padding-right: 0;
    }

    .mainnav div:not(.langnav) > ul.navbar-nav > li a {
        text-align: center;
        height: 55px;
    }
}

.mainnav div:not(.langnav) > ul.navbar-nav > {
    padding-top: 15px;
    padding-left: 30px;
}

.mainnav li.bg-marker a {
    color: #FFF;
}

.mainnav li.bg-marker > span {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    height: 0;
}

.mainnav li.bg-marker > span > span {
    margin: auto;
    display: block;
    width: 3px;
    height: 0;
    background-color: #00F;
}

.mainnav li.bg-marker > span > span:before {
    content: '';
    margin: auto;
    position: absolute;
    display: block;
    width: 170px;
    margin-left: calc(0px - (170px / 2));
    background-image: url('../img/marker.svg');
    height: 43px;
    margin-top: -2px;
}

.mainnav li.bg-marker.bg-marker-en {
    width: 260px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    background-image: url('../img/marker.svg');
    background-image: url('../img/marker.svg'), url('../img/marker.svg');
    background-position: top left, top right;
    background-repeat: no-repeat;
}

.mainnav li.bg-marker.bg-marker-en > span > span:before {
    display: none;
}

@media (max-width: 1199.98px) {
    .mainnav li.bg-marker {
        margin-top: 30px;
    }
}

.langnav-dropdown .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.langnav-dropdown .dropdown-menu {
    min-width: inherit;
}

.langnav-dropdown .dropdown-menu-end {
    position: absolute;
}

@media (max-width: 1199.98px) {
    .mainnav nav > div > div:not(.langnav) .dropdown .dropdown-menu {
        margin-top: -20px;
        border: none;
        padding-bottom: 20px;
    }

    .mainnav nav > div > div:not(.langnav) .dropdown .dropdown-item {
        height: auto !important;
    }

    .mainnav nav > div > div:not(.langnav) .dropdown .dropdown-item:hover {
        background-color: transparent !important;
    }
}

footer {
    background-color: #7FBB41;
    background-color: #F00;
    background-image: url('../img/footer.bg.svg'), linear-gradient(to bottom, #FFF 131px, #7FBB41 131.01px);
    background-repeat: no-repeat;
    background-position: top center;
}

footer nav {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

footer nav a {
    font-size: 16px;
    line-height: 25px;
    font-weight: 800;
    text-decoration: none;
    color: #FFF;
    display: inline-block;
    margin-left: 17px;
    margin-right: 17px;
    margin: 7px 10px;
}

@media (min-width: 992px) {
    footer nav a {
        line-height: 45px;
    }
}

footer aside {
    display: flex;
    justify-content: center;
}

footer aside a {
    padding: 10px;
    margin: 7px;
    display: inline-block;
}

.bg-default {
    background-color: #F7E8CF;
}

.bg-green {
    background-color: #95C11F;
}

.bg-darkgreen {
    background-color: #7FBB41;
}

.bg-lightgreen {
    background-color: #CAE08E;
}

.bg-cracker {
    background-color: #F1E3CC;
}

.bg-hafer {
    background-color: #D3A0A8;
}

.bg-knaecke {
    background-color: #F6ECD6;
}

.bg-rustini {
    background-color: #DFC3A3;
}

.bg-protein {
    background-color: #DCCEBC;
}

.bg-snack {
    background-color: #F2E8BE;
}

.theme-default .bg-theme {
    background-color: #F7E8CF;
}

.theme-green .bg-theme {
    background-color: #95C11F;
}

.theme-lightgreen .bg-theme {
    background-color: #CAE08E;
}

.theme-cracker .bg-theme {
    background-color: #F1E3CC;
}

.theme-hafer .bg-theme {
    background-color: #D3A0A8;
}

.theme-knaecke .bg-theme {
    background-color: #F6ECD6;
}

.theme-rustini .bg-theme {
    background-color: #DFC3A3;
}

.theme-protein .bg-theme {
    background-color: #DCCEBC;
}

.theme-snack .bg-theme {
    background-color: #F2E8BE;
}


.bg-edge {
    width: 100%;
    display: block; /* Verhindert kleine Lücken unter Bildern */
    height: auto;
}

.bg-middle {
    width: 100%;
    background-image: url('../img/form_bg_middle.png');
    background-repeat: repeat-y;
    background-size: 100% auto;
}

.xxsmall {
    font-size: 10px;
    line-height: 15px;
}

.small {
    font-size: 12px;
    line-height: 16px;
}


@media (min-width: 1200px){
    .w-lg-50 {
        width: 50%;
    }
    .w-lg-75 {
        width: 75%;
    }
    .mt-lg-n5 {
        margin-top: -50px;
    }
    .mt-lg-n8 {
        margin-top: -80px;
    }
}

@media (min-width: 1440px){
    .form-section-outer {
        width: 1000px;
        align-self: center;
    }
    .w-xl-50 {
        width: 50%;
    }
    .w-xl-75 {
        width: 75%;
    }
    .mt-xl-n12 {
        margin-top: -120px;
    }
    .mt-xl-n8 {
        margin-top: -80px;
    }

}





.form-section {
    padding: 20px 40px;
}

@media (min-width: 768px){
    .form-section {
        padding: 20px 80px;
    }
}

@media (min-width: 1440px){
    .form-section {
        padding: 20px 120px;
    }
}



/* 1. TEXTEINGABEFELDER (Name, E-Mail, Textarea) */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="number"],
textarea,
select {
    width: 100%; /* Meistens gewünscht bei Bootstrap-Formularen */
    border: 2px solid #B5CF53 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    padding: 3px 15px;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 1.4rem;
}

/* Fokus-Effekt für Texteingabe */
input:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(181, 207, 83, 0.3);
    border-color: #B5CF53 !important;
}

/* 2. CHECKBOX & RADIO (Die Boxen selbst) */
.form-check-input {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 38px !important;
    height: 38px !important;
    border: 2px solid #B5CF53 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    cursor: pointer;
    float: none !important;
    margin: 0 12px 0 0 !important; /* Abstand zum Text rechts */
    flex-shrink: 0;
}

/* Das grüne Kreuz beim Klicken (für Radio & Checkbox) */
.form-check-input:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B5CF53' stroke-width='3' stroke-linecap='square'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
    background-size: 70% 70% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 3. AUSRICHTUNG UNTEREINANDER (Standard) */
.form-check:not(.form-check-inline) {
    display: flex !important;
    align-items: center !important;
    padding-left: 0 !important;
    margin-bottom: 15px !important;
}

/* 4. AUSRICHTUNG NEBENEINANDER (z.B. Geschlecht) */
.form-check-inline {
    display: inline-flex !important;
    align-items: center !important;
    padding-left: 0 !important;
    margin-right: 25px !important;
    margin-bottom: 10px !important;
}

/* Label-Korrektur */
.form-check-label {
    cursor: pointer;
    line-height: 1.2;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .textmarker-du-gehst-nicht-leer-aus {
        font-size: 1.8rem;
    }
}