/**
 * RSCSS - Really S[imple|hort] Cascading Style Sheet
 * Copyright (c) 2015-2026 Philipp Kolbeck
 * Parsed: 05.08.2026 07:36:55 - Rendertime: 0,0197sec.
 */

: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; }
@media (max-width: 767.98px) {
.theme-bio-glutenfrei-cracker-cheese-onion .title { background-color: #F1E3CC; box-shadow: 30vw -.5rem 0 0 #F1E3CC, 30vw .5rem 0 0 #F1E3CC, -30vw -.5rem 0 0 #F1E3CC, -30vw .5rem 0 0 #F1E3CC; } }
.theme-bio-glutenfrei-cracker-cheese-onion .bg-theme { background-color: #F1E3CC; }
.theme-bio-glutenfrei-cracker-cheese-onion .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F1E3CC'); }
.theme-bio-glutenfrei-cracker-cheese-onion .fratzl div::after { background-color: #F1E3CC; }
.theme-bio-glutenfrei-cracker-cheese-onion .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F1E3CC'); }
.textmarker-bio-glutenfrei-cracker-cheese-onion .textmarker>span::before,
.textmarker-bio-glutenfrei-cracker-cheese-onion .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=EC8B03'); }
.accent-bio-glutenfrei-cracker-cheese-onion thead th { color: #EC8B03; }
.accent-bio-glutenfrei-cracker-cheese-onion :where(th,td) { background-image: url('../img/table.border.svg.php?col=EC8B03'); }
.theme-bio-glutenfrei-cracker-cheese-onion .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-glutenfrei-cracker-cheese-onion { background-image: url('../img/swoosh.svg.php?col=EC8B03'); }
@media (max-width: 767.98px) {
.theme-bio-glutenfrei-cracker-red-pepper .title { background-color: #F1E3CC; box-shadow: 30vw -.5rem 0 0 #F1E3CC, 30vw .5rem 0 0 #F1E3CC, -30vw -.5rem 0 0 #F1E3CC, -30vw .5rem 0 0 #F1E3CC; } }
.theme-bio-glutenfrei-cracker-red-pepper .bg-theme { background-color: #F1E3CC; }
.theme-bio-glutenfrei-cracker-red-pepper .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F1E3CC'); }
.theme-bio-glutenfrei-cracker-red-pepper .fratzl div::after { background-color: #F1E3CC; }
.theme-bio-glutenfrei-cracker-red-pepper .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F1E3CC'); }
.textmarker-bio-glutenfrei-cracker-red-pepper .textmarker>span::before,
.textmarker-bio-glutenfrei-cracker-red-pepper .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=B3251E'); }
.accent-bio-glutenfrei-cracker-red-pepper thead th { color: #B3251E; }
.accent-bio-glutenfrei-cracker-red-pepper :where(th,td) { background-image: url('../img/table.border.svg.php?col=B3251E'); }
.accent-bio-glutenfrei-cracker-red-pepper .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-glutenfrei-cracker-red-pepper { background-image: url('../img/swoosh.svg.php?col=B3251E'); }
@media (max-width: 767.98px) {
.theme-bio-glutenfrei-hafer-minis-apfel-zimt .title { background-color: #D3A0A8; box-shadow: 30vw -.5rem 0 0 #D3A0A8, 30vw .5rem 0 0 #D3A0A8, -30vw -.5rem 0 0 #D3A0A8, -30vw .5rem 0 0 #D3A0A8; } }
.theme-bio-glutenfrei-hafer-minis-apfel-zimt .bg-theme { background-color: #D3A0A8; }
.theme-bio-glutenfrei-hafer-minis-apfel-zimt .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=D3A0A8'); }
.theme-bio-glutenfrei-hafer-minis-apfel-zimt .fratzl div::after { background-color: #D3A0A8; }
.theme-bio-glutenfrei-hafer-minis-apfel-zimt .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=D3A0A8'); }
.textmarker-bio-glutenfrei-hafer-minis-apfel-zimt .textmarker>span::before,
.textmarker-bio-glutenfrei-hafer-minis-apfel-zimt .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=F7A941'); }
.accent-bio-glutenfrei-hafer-minis-apfel-zimt thead th { color: #FAC267; }
.accent-bio-glutenfrei-hafer-minis-apfel-zimt :where(th,td) { background-image: url('../img/table.border.svg.php?col=FAC267'); }
.accent-bio-glutenfrei-hafer-minis-apfel-zimt .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-glutenfrei-hafer-minis-apfel-zimt { background-image: url('../img/swoosh.svg.php?col=FAC267'); }
@media (max-width: 767.98px) {
.theme-bio-glutenfrei-hafer-minis-chocolate-chips .title { background-color: #D3A0A8; box-shadow: 30vw -.5rem 0 0 #D3A0A8, 30vw .5rem 0 0 #D3A0A8, -30vw -.5rem 0 0 #D3A0A8, -30vw .5rem 0 0 #D3A0A8; } }
.theme-bio-glutenfrei-hafer-minis-chocolate-chips .bg-theme { background-color: #D3A0A8; }
.theme-bio-glutenfrei-hafer-minis-chocolate-chips .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=D3A0A8'); }
.theme-bio-glutenfrei-hafer-minis-chocolate-chips .fratzl div::after { background-color: #D3A0A8; }
.theme-bio-glutenfrei-hafer-minis-chocolate-chips .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=D3A0A8'); }
.textmarker-bio-glutenfrei-hafer-minis-chocolate-chips .textmarker>span::before,
.textmarker-bio-glutenfrei-hafer-minis-chocolate-chips .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=4A1811'); }
.accent-bio-glutenfrei-hafer-minis-chocolate-chips thead th { color: #4A1811; }
.accent-bio-glutenfrei-hafer-minis-chocolate-chips :where(th,td) { background-image: url('../img/table.border.svg.php?col=4A1811'); }
.accent-bio-glutenfrei-hafer-minis-chocolate-chips .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-glutenfrei-hafer-minis-chocolate-chips { background-image: url('../img/swoosh.svg.php?col=4A1811'); }
@media (max-width: 767.98px) {
.theme-bio-rustinis-tomate-emmentaler .title { background-color: #DFC3A3; box-shadow: 30vw -.5rem 0 0 #DFC3A3, 30vw .5rem 0 0 #DFC3A3, -30vw -.5rem 0 0 #DFC3A3, -30vw .5rem 0 0 #DFC3A3; } }
.theme-bio-rustinis-tomate-emmentaler .bg-theme { background-color: #DFC3A3; }
.theme-bio-rustinis-tomate-emmentaler .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-bio-rustinis-tomate-emmentaler .fratzl div::after { background-color: #DFC3A3; }
.theme-bio-rustinis-tomate-emmentaler .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.textmarker-bio-rustinis-tomate-emmentaler .textmarker>span::before,
.textmarker-bio-rustinis-tomate-emmentaler .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=E01D14'); }
.accent-bio-rustinis-tomate-emmentaler thead th { color: #E01D14; }
.accent-bio-rustinis-tomate-emmentaler :where(th,td) { background-image: url('../img/table.border.svg.php?col=E01D14'); }
.accent-bio-rustinis-tomate-emmentaler .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-rustinis-tomate-emmentaler { background-image: url('../img/swoosh.svg.php?col=E01D14'); }
@media (max-width: 767.98px) { 
.theme-organic-huetts-tomato-emmental-cheese .title { background-color: #DFC3A3; box-shadow: 30vw -.5rem 0 0 #DFC3A3, 30vw .5rem 0 0 #DFC3A3, -30vw -.5rem 0 0 #DFC3A3, -30vw .5rem 0 0 #DFC3A3; } }
.theme-organic-huetts-tomato-emmental-cheese .bg-theme { background-color: #DFC3A3; }
.theme-organic-huetts-tomato-emmental-cheese .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-organic-huetts-tomato-emmental-cheese .fratzl div::after { background-color: #DFC3A3; }
.theme-organic-huetts-tomato-emmental-cheese .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.textmarker-organic-huetts-tomato-emmental-cheese .textmarker>span::before,
.textmarker-organic-huetts-tomato-emmental-cheese .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=CD3232'); }
.accent-organic-huetts-tomato-emmental-cheese thead th { color: #B3251E; }
.accent-organic-huetts-tomato-emmental-cheese :where(th,td) { background-image: url('../img/table.border.svg.php?col=B3251E'); }
.accent-organic-huetts-tomato-emmental-cheese .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-organic-huetts-tomato-emmental-cheese { background-image: url('../img/swoosh.svg.php?col=B3251E'); }
@media (max-width: 767.98px) { 
.theme-bio-rustinis-rosmarin-meersalz .title { background-color: #DFC3A3; box-shadow: 30vw -.5rem 0 0 #DFC3A3, 30vw .5rem 0 0 #DFC3A3, -30vw -.5rem 0 0 #DFC3A3, -30vw .5rem 0 0 #DFC3A3; } }
.theme-bio-rustinis-rosmarin-meersalz .bg-theme { background-color: #DFC3A3; }
.theme-bio-rustinis-rosmarin-meersalz .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-bio-rustinis-rosmarin-meersalz .fratzl div::after { background-color: #DFC3A3; }
.theme-bio-rustinis-rosmarin-meersalz .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.textmarker-bio-rustinis-rosmarin-meersalz .textmarker>span::before,
.textmarker-bio-rustinis-rosmarin-meersalz .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=4E8F36'); }
.accent-bio-rustinis-rosmarin-meersalz thead th { color: #4E8F36; }
.accent-bio-rustinis-rosmarin-meersalz :where(th,td) { background-image: url('../img/table.border.svg.php?col=4E8F36'); }
.accent-bio-rustinis-rosmarin-meersalz .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-rustinis-rosmarin-meersalz { background-image: url('../img/swoosh.svg.php?col=4E8F36'); }
@media (max-width: 767.98px) { 
.theme-organic-huetts-rosemary-sea-salt .title { background-color: #DFC3A3; box-shadow: 30vw -.5rem 0 0 #DFC3A3, 30vw .5rem 0 0 #DFC3A3, -30vw -.5rem 0 0 #DFC3A3, -30vw .5rem 0 0 #DFC3A3; } }
.theme-organic-huetts-rosemary-sea-salt .bg-theme { background-color: #DFC3A3; }
.theme-organic-huetts-rosemary-sea-salt .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-organic-huetts-rosemary-sea-salt .fratzl div::after { background-color: #DFC3A3; }
.theme-organic-huetts-rosemary-sea-salt .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.textmarker-organic-huetts-rosemary-sea-salt .textmarker>span::before,
.textmarker-organic-huetts-rosemary-sea-salt .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=007B41'); }
.accent-organic-huetts-rosemary-sea-salt thead th { color: #007B41; }
.accent-organic-huetts-rosemary-sea-salt :where(th,td) { background-image: url('../img/table.border.svg.php?col=007B41'); }
.accent-organic-huetts-rosemary-sea-salt .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-organic-huetts-rosemary-sea-salt { background-image: url('../img/swoosh.svg.php?col=007B41'); }
@media (max-width: 767.98px) {
.theme-rustinis-bergkaese-wiesenkraeuter .title { background-color: #DFC3A3; box-shadow: 30vw -.5rem 0 0 #DFC3A3, 30vw .5rem 0 0 #DFC3A3, -30vw -.5rem 0 0 #DFC3A3, -30vw .5rem 0 0 #DFC3A3; } }
.theme-rustinis-bergkaese-wiesenkraeuter .bg-theme { background-color: #DFC3A3; }
.theme-rustinis-bergkaese-wiesenkraeuter .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-rustinis-bergkaese-wiesenkraeuter .fratzl div::after { background-color: #DFC3A3; }
.theme-rustinis-bergkaese-wiesenkraeuter .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.textmarker-rustinis-bergkaese-wiesenkraeuter .textmarker>span::before,
.textmarker-rustinis-bergkaese-wiesenkraeuter .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=FDC543'); }
.accent-rustinis-bergkaese-wiesenkraeuter thead th { color: #DB9800; }
.accent-rustinis-bergkaese-wiesenkraeuter :where(th,td) { background-image: url('../img/table.border.svg.php?col=DB9800'); }
.accent-rustinis-bergkaese-wiesenkraeuter .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-rustinis-bergkaese-wiesenkraeuter { background-image: url('../img/swoosh.svg.php?col=DB9800'); }
@media (max-width: 767.98px) { 
.theme-huetts-mountain-cheese-herbs .title { background-color: #DFC3A3; box-shadow: 30vw -.5rem 0 0 #DFC3A3, 30vw .5rem 0 0 #DFC3A3, -30vw -.5rem 0 0 #DFC3A3, -30vw .5rem 0 0 #DFC3A3; } }
.theme-huetts-mountain-cheese-herbs .bg-theme { background-color: #DFC3A3; }
.theme-huetts-mountain-cheese-herbs .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-huetts-mountain-cheese-herbs .fratzl div::after { background-color: #DFC3A3; }
.theme-huetts-mountain-cheese-herbs .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.textmarker-huetts-mountain-cheese-herbs .textmarker>span::before,
.textmarker-huetts-mountain-cheese-herbs .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=5FB230'); }
.accent-huetts-mountain-cheese-herbs thead th { color: #5FB230; }
.accent-huetts-mountain-cheese-herbs :where(th,td) { background-image: url('../img/table.border.svg.php?col=5FB230'); }
.accent-huetts-mountain-cheese-herbs .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-huetts-mountain-cheese-herbs { background-image: url('../img/swoosh.svg.php?col=5FB230'); }
@media (max-width: 767.98px) {
.theme-rustinis-kuemmel-meersalz .title { background-color: #DFC3A3; box-shadow: 30vw -.5rem 0 0 #DFC3A3, 30vw .5rem 0 0 #DFC3A3, -30vw -.5rem 0 0 #DFC3A3, -30vw .5rem 0 0 #DFC3A3; } }
.theme-rustinis-kuemmel-meersalz .bg-theme { background-color: #DFC3A3; }
.theme-rustinis-kuemmel-meersalz .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-rustinis-kuemmel-meersalz .fratzl div::after { background-color: #DFC3A3; }
.theme-rustinis-kuemmel-meersalz .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.textmarker-rustinis-kuemmel-meersalz .textmarker>span::before,
.textmarker-rustinis-kuemmel-meersalz .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=D67203'); }
.accent-rustinis-kuemmel-meersalz thead th { color: #D67203; }
.accent-rustinis-kuemmel-meersalz :where(th,td) { background-image: url('../img/table.border.svg.php?col=D67203'); }
.accent-rustinis-kuemmel-meersalz .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-rustinis-kuemmel-meersalz { background-image: url('../img/swoosh.svg.php?col=D67203'); }
@media (max-width: 767.98px) { 
.theme-huetts-caraway-sea-salt .title { background-color: #DFC3A3; box-shadow: 30vw -.5rem 0 0 #DFC3A3, 30vw .5rem 0 0 #DFC3A3, -30vw -.5rem 0 0 #DFC3A3, -30vw .5rem 0 0 #DFC3A3; } }
.theme-huetts-caraway-sea-salt .bg-theme { background-color: #DFC3A3; }
.theme-huetts-caraway-sea-salt .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-huetts-caraway-sea-salt .fratzl div::after { background-color: #DFC3A3; }
.theme-huetts-caraway-sea-salt .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.textmarker-huetts-caraway-sea-salt .textmarker>span::before,
.textmarker-huetts-caraway-sea-salt .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=952C39'); }
.accent-huetts-caraway-sea-salt thead th { color: #952C39; }
.accent-huetts-caraway-sea-salt :where(th,td) { background-image: url('../img/table.border.svg.php?col=952C39'); }
.accent-huetts-caraway-sea-salt .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-huetts-caraway-sea-salt { background-image: url('../img/swoosh.svg.php?col=952C39'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-kaese-kuerbiskern .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-kaese-kuerbiskern .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-kaese-kuerbiskern .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-kaese-kuerbiskern .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-kaese-kuerbiskern .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-kaese-kuerbiskern .textmarker>span::before,
.textmarker-knaeckebrot-kaese-kuerbiskern .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=968F1D'); }
.accent-knaeckebrot-kaese-kuerbiskern thead th { color: #968F1D; }
.accent-knaeckebrot-kaese-kuerbiskern :where(th,td) { background-image: url('../img/table.border.svg.php?col=968F1D'); }
.accent-knaeckebrot-kaese-kuerbiskern .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-kaese-kuerbiskern { background-image: url('../img/swoosh.svg.php?col=968F1D'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-classic-3-saat .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-classic-3-saat .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-classic-3-saat .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-classic-3-saat .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-classic-3-saat .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-classic-3-saat .textmarker>span::before,
.textmarker-knaeckebrot-classic-3-saat .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=55200D'); }
.accent-knaeckebrot-classic-3-saat thead th { color: #55200D; }
.accent-knaeckebrot-classic-3-saat :where(th,td) { background-image: url('../img/table.border.svg.php?col=55200D'); }
.accent-knaeckebrot-classic-3-saat .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-classic-3-saat { background-image: url('../img/swoosh.svg.php?col=55200D'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-tomate-mozzarella .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-tomate-mozzarella .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-tomate-mozzarella .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-tomate-mozzarella .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-tomate-mozzarella .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-tomate-mozzarella .textmarker>span::before,
.textmarker-knaeckebrot-tomate-mozzarella .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=E52A17'); }
.accent-knaeckebrot-tomate-mozzarella thead th { color: #E52A17; }
.accent-knaeckebrot-tomate-mozzarella :where(th,td) { background-image: url('../img/table.border.svg.php?col=E52A17'); }
.accent-knaeckebrot-tomate-mozzarella .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-tomate-mozzarella { background-image: url('../img/swoosh.svg.php?col=E52A17'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-flammkuchen .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-flammkuchen .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-flammkuchen .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-flammkuchen .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-flammkuchen .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-flammkuchen .textmarker>span::before,
.textmarker-knaeckebrot-flammkuchen .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=BF7251'); }
.accent-knaeckebrot-flammkuchen thead th { color: #BF7251; }
.accent-knaeckebrot-flammkuchen :where(th,td) { background-image: url('../img/table.border.svg.php?col=BF7251'); }
.accent-knaeckebrot-flammkuchen .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-flammkuchen { background-image: url('../img/swoosh.svg.php?col=BF7251'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-5-korn .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-5-korn .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-5-korn .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-5-korn .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-5-korn .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-5-korn .textmarker>span::before,
.textmarker-knaeckebrot-5-korn .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=895B13'); }
.accent-knaeckebrot-5-korn thead th { color: #895B13; }
.accent-knaeckebrot-5-korn :where(th,td) { background-image: url('../img/table.border.svg.php?col=895B13'); }
.accent-knaeckebrot-5-korn .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-5-korn { background-image: url('../img/swoosh.svg.php?col=895B13'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-cranberry-kokos .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-cranberry-kokos .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-cranberry-kokos .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-cranberry-kokos .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-cranberry-kokos .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-cranberry-kokos .textmarker>span::before,
.textmarker-knaeckebrot-cranberry-kokos .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=E0016E'); }
.accent-knaeckebrot-cranberry-kokos thead th { color: #E0016E; }
.accent-knaeckebrot-cranberry-kokos :where(th,td) { background-image: url('../img/table.border.svg.php?col=E0016E'); }
.accent-knaeckebrot-cranberry-kokos .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-cranberry-kokos { background-image: url('../img/swoosh.svg.php?col=E0016E'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-basilikum-pesto .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-basilikum-pesto .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-basilikum-pesto .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-basilikum-pesto .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-basilikum-pesto .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-basilikum-pesto .textmarker>span::before,
.textmarker-knaeckebrot-basilikum-pesto .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=3F6A3E'); }
.accent-knaeckebrot-basilikum-pesto thead th { color: #3F6A3E; }
.accent-knaeckebrot-basilikum-pesto :where(th,td) { background-image: url('../img/table.border.svg.php?col=3F6A3E'); }
.accent-knaeckebrot-basilikum-pesto .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-basilikum-pesto { background-image: url('../img/swoosh.svg.php?col=3F6A3E'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-protein-kuerbiskern .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-protein-kuerbiskern .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-protein-kuerbiskern .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-protein-kuerbiskern .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-protein-kuerbiskern .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-protein-kuerbiskern .textmarker>span::before,
.textmarker-knaeckebrot-protein-kuerbiskern .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=a0a900'); }
.accent-knaeckebrot-protein-kuerbiskern thead th { color: #a0a900; }
.accent-knaeckebrot-protein-kuerbiskern :where(th,td) { background-image: url('../img/table.border.svg.php?col=a0a900'); }
.accent-knaeckebrot-protein-kuerbiskern .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-protein-kuerbiskern { background-image: url('../img/swoosh.svg.php?col=a0a900'); }
@media (max-width: 767.98px) {
.theme-protein-snack-emmentaler-kaese .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-protein-snack-emmentaler-kaese .bg-theme { background-color: #F2E8BE; }
.theme-protein-snack-emmentaler-kaese .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-protein-snack-emmentaler-kaese .fratzl div::after { background-color: #F2E8BE; }
.theme-protein-snack-emmentaler-kaese .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-protein-snack-emmentaler-kaese .textmarker>span::before,
.textmarker-protein-snack-emmentaler-kaese .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=FDCB00'); }
.accent-protein-snack-emmentaler-kaese thead th { color: #FDCB00; }
.accent-protein-snack-emmentaler-kaese :where(th,td) { background-image: url('../img/table.border.svg.php?col=FDCB00'); }
.accent-protein-snack-emmentaler-kaese .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-protein-snack-emmentaler-kaese { background-image: url('../img/swoosh.svg.php?col=FDCB00'); }
@media (max-width: 767.98px) {
.theme-protein-snack-sesam-leinsaat .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-protein-snack-sesam-leinsaat .bg-theme { background-color: #F2E8BE; }
.theme-protein-snack-sesam-leinsaat .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-protein-snack-sesam-leinsaat .fratzl div::after { background-color: #F2E8BE; }
.theme-protein-snack-sesam-leinsaat .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-protein-snack-sesam-leinsaat .textmarker>span::before,
.textmarker-protein-snack-sesam-leinsaat .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=3DB5A7'); }
.accent-protein-snack-sesam-leinsaat thead th { color: #3DB5A7; }
.accent-protein-snack-sesam-leinsaat :where(th,td) { background-image: url('../img/table.border.svg.php?col=3DB5A7'); }
.accent-protein-snack-sesam-leinsaat .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-protein-snack-sesam-leinsaat { background-image: url('../img/swoosh.svg.php?col=3DB5A7'); }
@media (max-width: 767.98px) {
.theme-bio-vollkorn-snack-kaese-kuerbiskern .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-bio-vollkorn-snack-kaese-kuerbiskern .bg-theme { background-color: #F2E8BE; }
.theme-bio-vollkorn-snack-kaese-kuerbiskern .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-bio-vollkorn-snack-kaese-kuerbiskern .fratzl div::after { background-color: #F2E8BE; }
.theme-bio-vollkorn-snack-kaese-kuerbiskern .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-bio-vollkorn-snack-kaese-kuerbiskern .textmarker>span::before,
.textmarker-bio-vollkorn-snack-kaese-kuerbiskern .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=FBBA00'); }
.accent-bio-vollkorn-snack-kaese-kuerbiskern thead th { color: #FBBA00; }
.accent-bio-vollkorn-snack-kaese-kuerbiskern :where(th,td) { background-image: url('../img/table.border.svg.php?col=FBBA00'); }
.accent-bio-vollkorn-snack-kaese-kuerbiskern .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-vollkorn-snack-kaese-kuerbiskern { background-image: url('../img/swoosh.svg.php?col=FBBA00'); }
@media (max-width: 767.98px) {
.theme-bio-dinkel-snack-sesam-quinoa .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-bio-dinkel-snack-sesam-quinoa .bg-theme { background-color: #F2E8BE; }
.theme-bio-dinkel-snack-sesam-quinoa .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-bio-dinkel-snack-sesam-quinoa .fratzl div::after { background-color: #F2E8BE; }
.theme-bio-dinkel-snack-sesam-quinoa .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-bio-dinkel-snack-sesam-quinoa .textmarker>span::before,
.textmarker-bio-dinkel-snack-sesam-quinoa .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=005A58'); }
.accent-bio-dinkel-snack-sesam-quinoa thead th { color: #005A58; }
.accent-bio-dinkel-snack-sesam-quinoa :where(th,td) { background-image: url('../img/table.border.svg.php?col=005A58'); }
.accent-bio-dinkel-snack-sesam-quinoa .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-dinkel-snack-sesam-quinoa { background-image: url('../img/swoosh.svg.php?col=005A58'); }
@media (max-width: 767.98px) {
.theme-bio-dinkel-snack-kaese-sesam .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-bio-dinkel-snack-kaese-sesam .bg-theme { background-color: #F2E8BE; }
.theme-bio-dinkel-snack-kaese-sesam .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-bio-dinkel-snack-kaese-sesam .fratzl div::after { background-color: #F2E8BE; }
.theme-bio-dinkel-snack-kaese-sesam .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-bio-dinkel-snack-kaese-sesam .textmarker>span::before,
.textmarker-bio-dinkel-snack-kaese-sesam .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=9A5424'); }
.accent-bio-dinkel-snack-kaese-sesam thead th { color: #9A5424; }
.accent-bio-dinkel-snack-kaese-sesam :where(th,td) { background-image: url('../img/table.border.svg.php?col=9A5424'); }
.accent-bio-dinkel-snack-kaese-sesam .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-dinkel-snack-kaese-sesam { background-image: url('../img/swoosh.svg.php?col=9A5424'); }
@media (max-width: 767.98px) {
.theme-bio-vollkorn-snack-tomate-mozzarella .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-bio-vollkorn-snack-tomate-mozzarella .bg-theme { background-color: #F2E8BE; }
.theme-bio-vollkorn-snack-tomate-mozzarella .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-bio-vollkorn-snack-tomate-mozzarella .fratzl div::after { background-color: #F2E8BE; }
.theme-bio-vollkorn-snack-tomate-mozzarella .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-bio-vollkorn-snack-tomate-mozzarella .textmarker>span::before,
.textmarker-bio-vollkorn-snack-tomate-mozzarella .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=9C2629'); }
.accent-bio-vollkorn-snack-tomate-mozzarella thead th { color: #9C2629; }
.accent-bio-vollkorn-snack-tomate-mozzarella :where(th,td) { background-image: url('../img/table.border.svg.php?col=9C2629'); }
.accent-bio-vollkorn-snack-tomate-mozzarella .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-vollkorn-snack-tomate-mozzarella { background-image: url('../img/swoosh.svg.php?col=9C2629'); }
@media (max-width: 767.98px) {
.theme-vollkorn-snack-kaese-kuerbiskern .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-vollkorn-snack-kaese-kuerbiskern .bg-theme { background-color: #F2E8BE; }
.theme-vollkorn-snack-kaese-kuerbiskern .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-vollkorn-snack-kaese-kuerbiskern .fratzl div::after { background-color: #F2E8BE; }
.theme-vollkorn-snack-kaese-kuerbiskern .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-vollkorn-snack-kaese-kuerbiskern .textmarker>span::before,
.textmarker-vollkorn-snack-kaese-kuerbiskern .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=FBBA00'); }
.accent-vollkorn-snack-kaese-kuerbiskern thead th { color: #FBBA00; }
.accent-vollkorn-snack-kaese-kuerbiskern :where(th,td) { background-image: url('../img/table.border.svg.php?col=FBBA00'); }
.accent-vollkorn-snack-kaese-kuerbiskern .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-vollkorn-snack-kaese-kuerbiskern { background-image: url('../img/swoosh.svg.php?col=FBBA00'); }
@media (max-width: 767.98px) {
.theme-vollkorn-snack-rosmarin-meersalz .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-vollkorn-snack-rosmarin-meersalz .bg-theme { background-color: #F2E8BE; }
.theme-vollkorn-snack-rosmarin-meersalz .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-vollkorn-snack-rosmarin-meersalz .fratzl div::after { background-color: #F2E8BE; }
.theme-vollkorn-snack-rosmarin-meersalz .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-vollkorn-snack-rosmarin-meersalz .textmarker>span::before,
.textmarker-vollkorn-snack-rosmarin-meersalz .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=005F2E'); }
.accent-vollkorn-snack-rosmarin-meersalz thead th { color: #005F2E; }
.accent-vollkorn-snack-rosmarin-meersalz :where(th,td) { background-image: url('../img/table.border.svg.php?col=005F2E'); }
.accent-vollkorn-snack-rosmarin-meersalz .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-vollkorn-snack-rosmarin-meersalz { background-image: url('../img/swoosh.svg.php?col=005F2E'); }
@media (max-width: 767.98px) {
.theme-vollkorn-snack-tomate-kraeuter .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-vollkorn-snack-tomate-kraeuter .bg-theme { background-color: #F2E8BE; }
.theme-vollkorn-snack-tomate-kraeuter .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-vollkorn-snack-tomate-kraeuter .fratzl div::after { background-color: #F2E8BE; }
.theme-vollkorn-snack-tomate-kraeuter .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-vollkorn-snack-tomate-kraeuter .textmarker>span::before,
.textmarker-vollkorn-snack-tomate-kraeuter .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=E84915'); }
.accent-vollkorn-snack-tomate-kraeuter thead th { color: #E84915; }
.accent-vollkorn-snack-tomate-kraeuter :where(th,td) { background-image: url('../img/table.border.svg.php?col=E84915'); }
.accent-vollkorn-snack-tomate-kraeuter .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-vollkorn-snack-tomate-kraeuter { background-image: url('../img/swoosh.svg.php?col=E84915'); }
@media (max-width: 767.98px) {
.theme-vollkorn-snack-cranberry-kokos .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-vollkorn-snack-cranberry-kokos .bg-theme { background-color: #F2E8BE; }
.theme-vollkorn-snack-cranberry-kokos .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-vollkorn-snack-cranberry-kokos .fratzl div::after { background-color: #F2E8BE; }
.theme-vollkorn-snack-cranberry-kokos .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-vollkorn-snack-cranberry-kokos .textmarker>span::before,
.textmarker-vollkorn-snack-cranberry-kokos .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=9C1A53'); }
.accent-vollkorn-snack-cranberry-kokos thead th { color: #9C1A53; }
.accent-vollkorn-snack-cranberry-kokos :where(th,td) { background-image: url('../img/table.border.svg.php?col=9C1A53'); }
.accent-vollkorn-snack-cranberry .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-vollkorn-snack-cranberry-kokos { background-image: url('../img/swoosh.svg.php?col=9C1A53'); }
@media (max-width: 767.98px) {
.theme-vollkorn-snack-cranberry-kokos .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-vollkorn-snack-cranberry-kokos .bg-theme { background-color: #F2E8BE; }
.theme-vollkorn-snack-cranberry-kokos .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-vollkorn-snack-cranberry-kokos .fratzl div::after { background-color: #F2E8BE; }
.theme-vollkorn-snack-cranberry-kokos .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-vollkorn-snack-cranberry-kokos .textmarker>span::before,
.textmarker-vollkorn-snack-cranberry-kokos .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=9C1A53'); }
.accent-vollkorn-snack-cranberry-kokos thead th { color: #9C1A53; }
.accent-vollkorn-snack-cranberry-kokos :where(th,td) { background-image: url('../img/table.border.svg.php?col=9C1A53'); }
.accent-vollkorn-snack-cranberry .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-vollkorn-snack-cranberry-kokos { background-image: url('../img/swoosh.svg.php?col=9C1A53'); }
@media (max-width: 767.98px) {
.theme-vollkorn-snack-emmentaler-zwiebel .title { background-color: #F2E8BE; box-shadow: 30vw -.5rem 0 0 #F2E8BE, 30vw .5rem 0 0 #F2E8BE, -30vw -.5rem 0 0 #F2E8BE, -30vw .5rem 0 0 #F2E8BE; } }
.theme-vollkorn-snack-emmentaler-zwiebel .bg-theme { background-color: #F2E8BE; }
.theme-vollkorn-snack-emmentaler-zwiebel .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.theme-vollkorn-snack-emmentaler-zwiebel .fratzl div::after { background-color: #F2E8BE; }
.theme-vollkorn-snack-emmentaler-zwiebel .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.textmarker-vollkorn-snack-emmentaler-zwiebel .textmarker>span::before,
.textmarker-vollkorn-snack-emmentaler-zwiebel .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=EB8000'); }
.accent-vollkorn-snack-emmentaler-zwiebel thead th { color: #EB8000; }
.accent-vollkorn-snack-emmentaler-zwiebel :where(th,td) { background-image: url('../img/table.border.svg.php?col=EB8000'); }
.accent-vollkorn-snack-emmentaler-zwiebel .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-vollkorn-snack-emmentaler-zwiebel { background-image: url('../img/swoosh.svg.php?col=EB8000'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-dinkel-muesli .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-dinkel-muesli .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-dinkel-muesli .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-dinkel-muesli .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-dinkel-muesli .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-dinkel-muesli .textmarker>span::before,
.textmarker-bio-knaeckebrot-dinkel-muesli .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=8063A8'); }
.accent-bio-knaeckebrot-dinkel-muesli thead th { color: #8063A8; }
.accent-bio-knaeckebrot-dinkel-muesli :where(th,td) { background-image: url('../img/table.border.svg.php?col=8063A8'); }
.accent-bio-knaeckebrot-dinkel-muesli .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-knaeckebrot-dinkel-muesli { background-image: url('../img/swoosh.svg.php?col=8063A8'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-dinkel-kaese .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-dinkel-kaese .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-dinkel-kaese .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-dinkel-kaese .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-dinkel-kaese .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-dinkel-kaese .textmarker>span::before,
.textmarker-bio-knaeckebrot-dinkel-kaese .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=E8AA00'); }
.accent-bio-knaeckebrot-dinkel-kaese thead th { color: #E8AA00; }
.accent-bio-knaeckebrot-dinkel-kaese :where(th,td) { background-image: url('../img/table.border.svg.php?col=E8AA00'); }
.accent-bio-knaeckebrot-dinkel-kaese .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-knaeckebrot-dinkel-kaese { background-image: url('../img/swoosh.svg.php?col=E8AA00'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-dinkel-saaten .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-dinkel-saaten .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-dinkel-saaten .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-dinkel-saaten .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-dinkel-saaten .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-dinkel-saaten .textmarker>span::before,
.textmarker-bio-knaeckebrot-dinkel-saaten .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=008A89'); }
.accent-bio-knaeckebrot-dinkel-saaten thead th { color: #008A89; }
.accent-bio-knaeckebrot-dinkel-saaten :where(th,td) { background-image: url('../img/table.border.svg.php?col=008A89'); }
.accent-bio-knaeckebrot-dinkel-saaten .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-knaeckebrot-dinkel-saaten { background-image: url('../img/swoosh.svg.php?col=008A89'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-kaese-kuerbiskern .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-kaese-kuerbiskern .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-kaese-kuerbiskern .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-kaese-kuerbiskern .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-kaese-kuerbiskern .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-kaese-kuerbiskern .textmarker>span::before,
.textmarker-bio-knaeckebrot-kaese-kuerbiskern .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=968F1D'); }
.accent-bio-knaeckebrot-kaese-kuerbiskern thead th { color: #968F1D; }
.accent-bio-knaeckebrot-kaese-kuerbiskern :where(th,td) { background-image: url('../img/table.border.svg.php?col=968F1D'); }
.accent-bio-knaeckebrot-kaese-kuerbiskern .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-knaeckebrot-kaese-kuerbiskern { background-image: url('../img/swoosh.svg.php?col=968F1D'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-classic-3-saat .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-classic-3-saat .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-classic-3-saat .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-classic-3-saat .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-classic-3-saat .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-classic-3-saat .textmarker>span::before,
.textmarker-bio-knaeckebrot-classic-3-saat .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=55200D'); }
.accent-bio-knaeckebrot-classic-3-saat thead th { color: #55200D; }
.accent-bio-knaeckebrot-classic-3-saat :where(th,td) { background-image: url('../img/table.border.svg.php?col=55200D'); }
.accent-bio-knaeckebrot-classic-3-saat .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-knaeckebrot-classic-3-saat { background-image: url('../img/swoosh.svg.php?col=55200D'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-chia-hafer .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-chia-hafer .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-chia-hafer .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-chia-hafer .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-chia-hafer .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-chia-hafer .textmarker>span::before,
.textmarker-bio-knaeckebrot-chia-hafer .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=AE1163'); }
.accent-bio-knaeckebrot-chia-hafer thead th { color: #AE1163; }
.accent-bio-knaeckebrot-chia-hafer :where(th,td) { background-image: url('../img/table.border.svg.php?col=AE1163'); }
.accent-bio-knaeckebrot-chia-hafer .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=AE1163'), url('../img/table.border.svg.php?col=AE1163'); }
.swoosh-bio-knaeckebrot-chia-hafer { background-image: url('../img/swoosh.svg.php?col=AE1163'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-lauge-brezelsalz .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-lauge-brezelsalz .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-lauge-brezelsalz .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-lauge-brezelsalz .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-lauge-brezelsalz .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-lauge-brezelsalz .textmarker>span::before,
.textmarker-bio-knaeckebrot-lauge-brezelsalz .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=183356'); }
.accent-bio-knaeckebrot-lauge-brezelsalz thead th { color: #183356; }
.accent-bio-knaeckebrot-lauge-brezelsalz :where(th,td) { background-image: url('../img/table.border.svg.php?col=183356'); }
.accent-bio-knaeckebrot-lauge-brezelsalz .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-knaeckebrot-lauge-brezelsalz { background-image: url('../img/swoosh.svg.php?col=183356'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-lauge-emmentaler .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-lauge-emmentaler .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-lauge-emmentaler .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-lauge-emmentaler .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-lauge-emmentaler .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-lauge-emmentaler .textmarker>span::before,
.textmarker-bio-knaeckebrot-lauge-emmentaler .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=FAB50B'); }
.accent-bio-knaeckebrot-lauge-emmentaler thead th { color: #FAB50B; }
.accent-bio-knaeckebrot-lauge-emmentaler :where(th,td) { background-image: url('../img/table.border.svg.php?col=FAB50B'); }
.accent-bio-knaeckebrot-lauge-emmentaler .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-knaeckebrot-lauge-emmentaler { background-image: url('../img/swoosh.svg.php?col=FAB50B'); }
@media (max-width: 767.98px) {
.theme-bio-knaeckebrot-lauge-sesam .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-bio-knaeckebrot-lauge-sesam .bg-theme { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-lauge-sesam .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-bio-knaeckebrot-lauge-sesam .fratzl div::after { background-color: #F6ECD6; }
.theme-bio-knaeckebrot-lauge-sesam .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-bio-knaeckebrot-lauge-sesam .textmarker>span::before,
.textmarker-bio-knaeckebrot-lauge-sesam .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=F1A794'); }
.accent-bio-knaeckebrot-lauge-sesam thead th { color: #F1A794; }
.accent-bio-knaeckebrot-lauge-sesam :where(th,td) { background-image: url('../img/table.border.svg.php?col=F1A794'); }
.accent-bio-knaeckebrot-lauge-sesam .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-bio-knaeckebrot-lauge-sesam { background-image: url('../img/swoosh.svg.php?col=F1A794'); }
@media (max-width: 767.98px) {
.theme-crispies-sour-cream-chives .title { background-color: #F8ECCF; box-shadow: 30vw -.5rem 0 0 #F8ECCF, 30vw .5rem 0 0 #F8ECCF, -30vw -.5rem 0 0 #F8ECCF, -30vw .5rem 0 0 #F8ECCF; } }
.theme-crispies-sour-cream-chives .bg-theme { background-color: #F8ECCF; }
.theme-crispies-sour-cream-chives .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F8ECCF'); }
.theme-crispies-sour-cream-chives .fratzl div::after { background-color: #F8ECCF; }
.theme-crispies-sour-cream-chives .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F8ECCF'); }
.textmarker-crispies-sour-cream-chives .textmarker>span::before,
.textmarker-crispies-sour-cream-chives .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=92C725'); }
.accent-crispies-sour-cream-chives thead th { color: #92C725; }
.accent-crispies-sour-cream-chives :where(th,td) { background-image: url('../img/table.border.svg.php?col=92C725'); }
.accent-crispies-sour-cream-chives .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-crispies-sour-cream-chives { background-image: url('../img/swoosh.svg.php?col=92C725'); }
@media (max-width: 767.98px) {
.theme-crispies-sweet-chili .title { background-color: #F8ECCF; box-shadow: 30vw -.5rem 0 0 #F8ECCF, 30vw .5rem 0 0 #F8ECCF, -30vw -.5rem 0 0 #F8ECCF, -30vw .5rem 0 0 #F8ECCF; } }
.theme-crispies-sweet-chili .bg-theme { background-color: #F8ECCF; }
.theme-crispies-sweet-chili .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F8ECCF'); }
.theme-crispies-sweet-chili .fratzl div::after { background-color: #F8ECCF; }
.theme-crispies-sweet-chili .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F8ECCF'); }
.textmarker-crispies-sweet-chili .textmarker>span::before,
.textmarker-crispies-sweet-chili .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=DA713B'); }
.accent-crispies-sweet-chili thead th { color: #DA713B; }
.accent-crispies-sweet-chili :where(th,td) { background-image: url('../img/table.border.svg.php?col=DA713B'); }
.accent-crispies-sweet-chili .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-crispies-sweet-chili { background-image: url('../img/swoosh.svg.php?col=DA713B'); }
@media (max-width: 767.98px) {
.theme-thins-kuerbiskern .title { background-color: #F1E3CB; box-shadow: 30vw -.5rem 0 0 #F1E3CB, 30vw .5rem 0 0 #F1E3CB, -30vw -.5rem 0 0 #F1E3CB, -30vw .5rem 0 0 #F1E3CB; } }
.theme-thins-kuerbiskern .bg-theme { background-color: #F1E3CB; }
.theme-thins-kuerbiskern .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F1E3CB'); }
.theme-thins-kuerbiskern .fratzl div::after { background-color: #F1E3CB; }
.theme-thins-kuerbiskern .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F1E3CB'); }
.textmarker-thins-kuerbiskern .textmarker>span::before,
.textmarker-thins-kuerbiskern .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=A4BD48'); }
.accent-thins-kuerbiskern thead th { color: #A4BD48; }
.accent-thins-kuerbiskern :where(th,td) { background-image: url('../img/table.border.svg.php?col=A4BD48'); }
.accent-thins-kuerbiskern .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-thins-kuerbiskern { background-image: url('../img/swoosh.svg.php?col=A4BD48'); }
@media (max-width: 767.98px) {
.theme-thins-pumpkin-seed .title { background-color: #F1E3CB; box-shadow: 30vw -.5rem 0 0 #F1E3CB, 30vw .5rem 0 0 #F1E3CB, -30vw -.5rem 0 0 #F1E3CB, -30vw .5rem 0 0 #F1E3CB; } }
.theme-thins-pumpkin-seed .bg-theme { background-color: #F1E3CB; }
.theme-thins-pumpkin-seed .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F1E3CB'); }
.theme-thins-pumpkin-seed .fratzl div::after { background-color: #F1E3CB; }
.theme-thins-pumpkin-seed .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F1E3CB'); }
.textmarker-thins-pumpkin-seed .textmarker>span::before,
.textmarker-thins-pumpkin-seed .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=A4BD48'); }
.accent-thins-pumpkin-seed thead th { color: #A4BD48; }
.accent-thins-pumpkin-seed :where(th,td) { background-image: url('../img/table.border.svg.php?col=A4BD48'); }
.accent-thins-pumpkin-seed .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-thins-pumpkin-seed { background-image: url('../img/swoosh.svg.php?col=A4BD48'); }
@media (max-width: 767.98px) {
.theme-thins-roter-quinoa .title { background-color: #F1E3CB; box-shadow: 30vw -.5rem 0 0 #F1E3CB, 30vw .5rem 0 0 #F1E3CB, -30vw -.5rem 0 0 #F1E3CB, -30vw .5rem 0 0 #F1E3CB; } }
.theme-thins-roter-quinoa .bg-theme { background-color: #F1E3CB; }
.theme-thins-roter-quinoa .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F1E3CB'); }
.theme-thins-roter-quinoa .fratzl div::after { background-color: #F1E3CB; }
.theme-thins-roter-quinoa .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F1E3CB'); }
.textmarker-thins-roter-quinoa .textmarker>span::before,
.textmarker-thins-roter-quinoa .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=D59074'); }
.accent-thins-roter-quinoa thead th { color: #D59074; }
.accent-thins-roter-quinoa :where(th,td) { background-image: url('../img/table.border.svg.php?col=D59074'); }
.accent-thins-roter-quinoa .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-thins-roter-quinoa { background-image: url('../img/swoosh.svg.php?col=D59074'); }
@media (max-width: 767.98px) {
.theme-thins-red-quinoa .title { background-color: #F1E3CB; box-shadow: 30vw -.5rem 0 0 #F1E3CB, 30vw .5rem 0 0 #F1E3CB, -30vw -.5rem 0 0 #F1E3CB, -30vw .5rem 0 0 #F1E3CB; } }
.theme-thins-red-quinoa .bg-theme { background-color: #F1E3CB; }
.theme-thins-red-quinoa .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F1E3CB'); }
.theme-thins-red-quinoa .fratzl div::after { background-color: #F1E3CB; }
.theme-thins-red-quinoa .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F1E3CB'); }
.textmarker-thins-red-quinoa .textmarker>span::before,
.textmarker-thins-red-quinoa .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=D59074'); }
.accent-thins-red-quinoa thead th { color: #D59074; }
.accent-thins-red-quinoa :where(th,td) { background-image: url('../img/table.border.svg.php?col=D59074'); }
.accent-thins-red-quinoa .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-thins-red-quinoa { background-image: url('../img/swoosh.svg.php?col=D59074'); }
@media (max-width: 767.98px) {
.theme-knaeckebrot-protein-pita-style .title { background-color: #F6ECD6; box-shadow: 30vw -.5rem 0 0 #F6ECD6, 30vw .5rem 0 0 #F6ECD6, -30vw -.5rem 0 0 #F6ECD6, -30vw .5rem 0 0 #F6ECD6; } }
.theme-knaeckebrot-protein-pita-style .bg-theme { background-color: #F6ECD6; }
.theme-knaeckebrot-protein-pita-style .fratzl div { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-knaeckebrot-protein-pita-style .fratzl div::after { background-color: #F6ECD6; }
.theme-knaeckebrot-protein-pita-style .fratzl-bottom { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.textmarker-knaeckebrot-protein-pita-style .textmarker>span::before,
.textmarker-knaeckebrot-protein-pita-style .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=A780B5'); }
.accent-knaeckebrot-protein-pita-style thead th { color: #A780B5; }
.accent-knaeckebrot-protein-pita-style :where(th,td) { background-image: url('../img/table.border.svg.php?col=A780B5'); }
.accent-knaeckebrot-protein-pita-style .double-line :where(th,td) { background-image: url('../img/table.border.svg.php?col=undefined'), url('../img/table.border.svg.php?col=undefined'); }
.swoosh-knaeckebrot-protein-pita-style { background-image: url('../img/swoosh.svg.php?col=A780B5'); }
@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; }
@media (max-width: 575.98px) {
.container-fluid>.container { padding-left: 0; padding-right: 0; } }
.row::before { content: 'ACHTUNG: \'.row\' benoetigt einen .container[-fluid] als parent!'; background-color: #F00; padding: 10px; display: block; width: 100%; }
: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; color: ; }
.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; } }
.op-25 { opacity: .25; }
.op-5 { opacity: .5; }
.small,.small * { font-size: 10px; line-height: unset; font-family: Arial; color: #999; }
* { font-family: proximanova; scrollbar-color: #666 #CCC; }
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; }
p,li { font-size: 18px; line-height: 28px; font-weight: 500; }
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; }
.swoosh-default { background-image: url('../img/swoosh.svg.php?col=F7E8CF'); }
.swoosh-green { background-image: url('../img/swoosh.svg.php?col=95C11F'); }
.swoosh-lightgreen { background-image: url('../img/swoosh.svg.php?col=CAE08E'); }
.swoosh-cracker { background-image: url('../img/swoosh.svg.php?col=EC8B03'); }
.swoosh-hafter { background-image: url('../img/swoosh.svg.php?col=undefined'); }
.swoosh-knaecke { background-image: url('../img/swoosh.svg.php?col=968F00'); }
.swoosh-rustini { background-image: url('../img/swoosh.svg.php?col=CE6501'); }
.swoosh-protein { background-image: url('../img/swoosh.svg.php?col=008A8A'); }
.swoosh-snack { background-image: url('../img/swoosh.svg.php?col=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.php?col=F7E8CF'); }
.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.php?col=95C11F'); }
.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.php?col=CAE08E'); }
.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.php?col=EC8B03'); }
.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.php?col=D3A0A8'); }
.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.php?col=968F00'); }
.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.php?col=CE6501'); }
.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.php?col=008A8A'); }
.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.php?col=F0BC37'); }
.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.php?col=FFFFFF'); }
.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.php?col=95C11F'); 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; }
.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: #95C11F; background-color: #F00; background-image: url('../img/footer.bg.svg'), linear-gradient(to bottom, #FFF 131px, #95C11F 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-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; }
.fratzl-top-curved::before { content: ''; position: absolute; left: 0; right: 0; z-index: -1; background-repeat: no-repeat; background-position: top center; height: 130px; margin-top: -55px; }
.theme-default .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-default::before { background-image: url('../img/fratzl.top.curved.svg.php?col=F7E8CF'); }
.theme-green .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-green::before { background-image: url('../img/fratzl.top.curved.svg.php?col=95C11F'); }
.theme-lightgreen .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-lightgreen::before { background-image: url('../img/fratzl.top.curved.svg.php?col=CAE08E'); }
.theme-cracker .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-cracker::before { background-image: url('../img/fratzl.top.curved.svg.php?col=F1E3CC'); }
.theme-hafer .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-hafer::before { background-image: url('../img/fratzl.top.curved.svg.php?col=D3A0A8'); }
.theme-knaecke .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-knaecke::before { background-image: url('../img/fratzl.top.curved.svg.php?col=F6ECD6'); }
.theme-rustini .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-rustini::before { background-image: url('../img/fratzl.top.curved.svg.php?col=DFC3A3'); }
.theme-protein .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-protein::before { background-image: url('../img/fratzl.top.curved.svg.php?col=DCCEBC'); }
.theme-snack .fratzl-top-curved::before, .fratzl-top-curved.fratzl-top-curved-snack::before { background-image: url('../img/fratzl.top.curved.svg.php?col=F2E8BE'); }
.fratzl-top { height: 15px; background-repeat: repeat-x; background-position: bottom; transform: rotate(180deg); }
.theme-default .fratzl-top, .fratzl-top.fratzl-top-default { background-image: url('../img/fratzl.bottom.svg.php?col=F7E8CF'); }
.theme-green .fratzl-top, .fratzl-top.fratzl-top-green { background-image: url('../img/fratzl.bottom.svg.php?col=95C11F'); }
.theme-lightgreen .fratzl-top, .fratzl-top.fratzl-top-lightgreen { background-image: url('../img/fratzl.bottom.svg.php?col=CAE08E'); }
.theme-cracker .fratzl-top, .fratzl-top.fratzl-top-cracker { background-image: url('../img/fratzl.bottom.svg.php?col=F1E3CC'); }
.theme-hafer .fratzl-top, .fratzl-top.fratzl-top-hafer { background-image: url('../img/fratzl.bottom.svg.php?col=D3A0A8'); }
.theme-knaecke .fratzl-top, .fratzl-top.fratzl-top-knaecke { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.theme-rustini .fratzl-top, .fratzl-top.fratzl-top-rustini { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.theme-protein .fratzl-top, .fratzl-top.fratzl-top-protein { background-image: url('../img/fratzl.bottom.svg.php?col=DCCEBC'); }
.theme-snack .fratzl-top, .fratzl-top.fratzl-top-snack { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.fratzl-bottom { height: 15px; background-repeat: repeat-x; background-position: bottom; }
.theme-default .fratzl-bottom, .fratzl-bottom.fratzl-bottom-default { background-image: url('../img/fratzl.bottom.svg.php?col=F7E8CF'); }
.theme-green .fratzl-bottom, .fratzl-bottom.fratzl-bottom-green { background-image: url('../img/fratzl.bottom.svg.php?col=95C11F'); }
.theme-lightgreen .fratzl-bottom, .fratzl-bottom.fratzl-bottom-lightgreen { background-image: url('../img/fratzl.bottom.svg.php?col=CAE08E'); }
.theme-cracker .fratzl-bottom, .fratzl-bottom.fratzl-bottom-cracker { background-image: url('../img/fratzl.bottom.svg.php?col=F1E3CC'); }
.theme-hafer .fratzl-bottom, .fratzl-bottom.fratzl-bottom-hafer { background-image: url('../img/fratzl.bottom.svg.php?col=D3A0A8'); }
.theme-knaecke .fratzl-bottom, .fratzl-bottom.fratzl-bottom-knaecke { background-image: url('../img/fratzl.bottom.svg.php?col=F6ECD6'); }
.theme-rustini .fratzl-bottom, .fratzl-bottom.fratzl-bottom-rustini { background-image: url('../img/fratzl.bottom.svg.php?col=DFC3A3'); }
.theme-protein .fratzl-bottom, .fratzl-bottom.fratzl-bottom-protein { background-image: url('../img/fratzl.bottom.svg.php?col=DCCEBC'); }
.theme-snack .fratzl-bottom, .fratzl-bottom.fratzl-bottom-snack { background-image: url('../img/fratzl.bottom.svg.php?col=F2E8BE'); }
.block .btn-swoosh,
.block .btn-swoosh>span { position: relative; z-index: 1; display: inline-block; font-size: 20px; font-weight: 400; font-weight: 700; text-decoration: none; color: #FFF; white-space: nowrap; margin-left: 30px; }
.block .btn-swoosh::before,
.block .btn-swoosh>span::before { background-image: url('../img/textmarker.2.svg.php?col=95C11F'); content: ''; position: absolute; top: -6px; left: -30px; width: calc(100% + 30px); height: 44px; z-index: -1; }
.block .btn-swoosh::after,
.block .btn-swoosh>span::after { background-image: url('../img/textmarker.2.svg.php?col=95C11F'); background-position: top right; content: ''; position: absolute; top: -6px; right: -30px; width: 30px; height: 44px; z-index: -1; }
.block .btn-swoosh i { font-weight: 700; font-style: normal; }
.block .btn-swoosh .cart { background-image: url('../img/icon.cart.svg'); background-repeat: no-repeat; padding-left: 35px; background-position: 0 5px; }
.block .btn-swoosh.ms-0,
.block .btn-swoosh.ms-0>span { margin-left: 0; }
.block .no-pointer a { pointer-events: none; cursor: default; }
.block1 { background-repeat: no-repeat; }
.theme-default .block1 { background-image: url('../img/swoosh.svg.php?col=F7E8CF'); }
.theme-green .block1 { background-image: url('../img/swoosh.svg.php?col=95C11F'); }
.theme-lightgreen .block1 { background-image: url('../img/swoosh.svg.php?col=CAE08E'); }
.theme-cracker .block1 { background-image: url('../img/swoosh.svg.php?col=F1E3CC'); }
.theme-hafer .block1 { background-image: url('../img/swoosh.svg.php?col=D3A0A8'); }
.theme-knaecke .block1 { background-image: url('../img/swoosh.svg.php?col=F6ECD6'); }
.theme-rustini .block1 { background-image: url('../img/swoosh.svg.php?col=DFC3A3'); }
.theme-protein .block1 { background-image: url('../img/swoosh.svg.php?col=DCCEBC'); }
.theme-snack .block1 { background-image: url('../img/swoosh.svg.php?col=F2E8BE'); }
.block1 .prod-n-text .prod { width: 100%; }
.block1 .prod-n-text .text { width: 100%; }
@media (min-width: 768px) {
.block1 .prod-n-text .prod { width: 44.738%; }
.block1 .prod-n-text .text { width: 55.262%; } }
.block1 .prod-n-text img { width: 100%; }
@media (min-width: 1200px) {
.prod-n-text { width: 1016px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.prod-n-text { width: 700px; width: 900px; width: 850px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.prod-n-text { width: 500px; width: 600px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
.prod-n-text { width: 450px; } }
@media (max-width: 575.98px) {
.prod-n-text { width: 100%; padding-left: 50px; padding-right: 50px; padding-left: 15px; padding-right: 15px; } }
@media (min-width: 1200px) {
.block1 { background-position: top 276px center; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block1 { background-position: top 307px center; background-size: 900px; background-size: 1000px; background-position: top 225px center; background-position: top 230px center; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block1 { background-size: 650px; background-size: 800px; background-position: top 325px center; background-size: 580px; background-position: top 135px center; background-size: 700px; background-position: top 162px center; } }
@media (min-width: 576px) and (max-width: 767.98px) {
.block1 { background-size: 720px; background-position: top 292px center; background-size: 800px; background-position: top 292px center; } }
@media (max-width: 575.98px) {
.block1 { background-size: 125vw; background-size: 720px; background-position: top 51vw center; background-position: top calc(51vw - 5%) center; background-size: 138vw; background-position: top calc(calc(51vw - 5px) - 1.5%) center; background-position: top calc(calc(51vw - 35px) - 2%) center; background-position: top calc(calc(51vw + 100px) - 20%) center; background-position: top calc(calc(51vw + 100px) - 30%) center; background-position: top calc(calc(51vw + 100px) - 40%) center; background-position: top calc(calc(51vw - 100px) - 10%) center; background-position: top calc(calc(51vw - 100px) + 10%) center; background-position: top calc(calc(51vw - 100px) + 16.25%) center; background-position: top calc(calc(51vw - 83px) + 16.25%) center; background-position: top calc(calc(51vw - 83px) + 13%) center; background-position: top calc(calc(51vw - 75px) + 12%) center; background-position: top calc(calc(51vw - 73px) + 12%) center; background-position: top calc(calc(51vw - 33px) + 12%) center; } }
.block2 { font-size: 18px; }
.block2>.container-fluid:last-child { background-repeat: no-repeat; background-position: top center; }
@media (min-width: 1400px) {
.block2>.container-fluid>.container { max-width: 1240px; } }
.block2 .title>* { position: relative; z-index: 1; }
@media (min-width: 768px) {
.block2 .title { background-color: transparent; } }
.block2 .fratzl div { position: absolute; left: 0; right: 0; z-index: -1; background-repeat: no-repeat; background-position: top center; height: 130px; margin-top: -55px; }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block2 .fratzl div { margin-top: -52px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block2 .fratzl div { margin-top: -52px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block2 .fratzl div { margin-top: -43px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
.block2 .fratzl div { margin-top: -55px; } }
@media (max-width: 575.98px) {
.block2 .fratzl div { margin-top: calc(calc(0px - 12%) + 8px); } }
.block2 .fratzl div::after { content: ''; margin-top: -60px; position: absolute; left: 0; right: 0; height: 70px; bottom: -70px; }
.block2 .textmarker>span { position: relative; }
.block2 .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; }
.block2 .textmarker>span::after { background-position: top right; content: ''; position: absolute; top: -2px; right: -7px; width: 7px; height: 32px; z-index: -1; }
.block2 .textmarker>span~span:not(:last-child)::after { right: -12px; width: 12px; }
.block2 .order,
.block2 .order>span { position: relative; display: inline-block; font-size: 20px; font-weight: 400; text-decoration: none; color: #FFF; white-space: nowrap; }
.block2 .order::before,
.block2 .order>span::before { background-image: url('../img/textmarker.2.svg.php?col=95C11F'); content: ''; position: absolute; top: -6px; left: -30px; width: calc(100% + 30px); height: 44px; z-index: -1; }
.block2 .order::after,
.block2 .order>span::after { background-image: url('../img/textmarker.2.svg.php?col=95C11F'); background-position: top right; content: ''; position: absolute; top: -6px; right: -30px; width: 30px; height: 44px; z-index: -1; }
.block2 .order i { font-weight: 700; font-style: normal; }
.block2 .order .cart { background-image: url('../img/icon.cart.svg'); background-repeat: no-repeat; padding-left: 35px; background-position: 0 5px; }
.block2 .order.soon::before,
.block2 .order.soon>span::before { background-image: url('../img/textmarker.2.svg.php?col=BF001D'); }
.block2 .order.soon::after,
.block2 .order.soon>span::after { background-image: url('../img/textmarker.2.svg.php?col=BF001D'); }
.block3 { text-align: left; }
.block3 .whitebox { position: relative; }
.block3 .whitebox::before,
.block3 .whitebox::after { background-image: url('../img/backshred.svg'); position: absolute; top: -55px; width: calc(50% + 100px); height: 272px; }
.block3 .whitebox::before { content: ''; left: -100px; }
.block3 .whitebox::after { background-position: top right; content: ''; right: -100px; }
@media (min-width: 576px) and (max-width: 991.98px) {
.block3 .whitebox::before { left: -60px; width: calc(50% + 60px); }
.block3 .whitebox::after { right: -60px; width: calc(50% + 60px); } }
@media (max-width: 575.98px) {
.block3 .whitebox::before { left: -30px; width: calc(50% + 30px); }
.block3 .whitebox::after { right: -30px; width: calc(50% + 30px); } }
.block3 .whitebox>* { position: relative; z-index: 1; }
.block3 .owl-carousel .item { text-align: center; }
.block3 .owl-carousel .item p { line-height: 24px; }
.block3 .owl-carousel .item img { max-width: 140px; margin: auto; }
.block3 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block3 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block3 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block3 .owl-nav .owl-prev { left: -40px; background-image: url('../img/owl.arr.l.svg') !important; }
.block3 .owl-nav .owl-next { right: -40px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (max-width: 575.98px) {
.block3 .owl-nav .owl-prev { left: -10px; }
.block3 .owl-nav .owl-next { right: -10px; } }
.block4 { color: #000; }
.block4 a { color: #95C11F; }
.block4 ul { list-style-type: none; }
.block4 ul li { font-size: 18px; line-height: 28px; line-height: 23px; font-weight: 500; margin-bottom: 10px; }
.block4 ul li::before { content: ''; display: block; width: 11px; height: 11px; border-radius: 50%; position: absolute; margin-left: -2rem; margin-left: -1.75rem; margin-top: .375rem; background-color: #95C11F; }
.block4.bg-lightgreen ul li::before { background-color: #FFF; }
.block5 tr>th:first-child { padding-left: 0; }
.block5 tr>th:last-child,
.block5 tr>td:last-child { padding-right: 0; }
.block5 thead th { font-weight: 700; font-size: 18px; }
.block5 :where(th,td) { font-weight: 400; font-size: 18px; }
.block5 :where(th,td) { background-color: transparent !important; white-space: nowrap; border: none; background-repeat: no-repeat, no-repeat; background-position: right 20px bottom; padding-right: 50px !important; }
.block5 .double-line :where(th,td) { background-position: right 20px bottom, right 21px bottom 2px; }
.block5 .w-200px { width: 200px; }
@media (max-width: 767.98px) {
.block5:not(.v2) :where(th,td) { } }
.block6 { background-image: url('../img/swoosh.svg.php?col=F7E8CF'); background-repeat: no-repeat; background-position: center bottom 40px; }
@media (min-width: 1400px) {
.block6>.container-fluid>.container { max-width: 1240px; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block6 { background-position: center bottom 32px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block6 { background-position: center bottom 28px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block6 { background-position: center bottom 25px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
.block6 { background-position: center bottom 25px; } }
@media (max-width: 575.98px) {
.block6 { background-position: center bottom 30px; } }
.block6 .owl-carousel .item { text-align: center; }
.block6 .owl-carousel .item img { width: 100%; margin: auto; max-width: 250px; }
.block6 .owl-stage { display: flex; }
.block6 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block6 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block6 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block6 .owl-nav .owl-prev { left: -70px; background-image: url('../img/owl.arr.l.svg') !important; }
.block6 .owl-nav .owl-next { right: -70px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (min-width: 576px) and (max-width: 991.98px) {
.block6 .owl-carousel .item img { max-width: 200px; }
.block6 .owl-nav .owl-prev { left: -30px; }
.block6 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block6 .owl-carousel .item img { max-width: 200px; }
.block6 .owl-nav .owl-prev { left: -10px; }
.block6 .owl-nav .owl-next { right: -10px; } }
.block7 .owl-carousel .item { text-align: center; font-weight: 500; }
.block7 .owl-carousel .item img { width: 100%; margin: auto; max-width: 140px; }
.block7 .owl-stage { display: flex; }
.block7 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block7 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block7 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block7 .owl-nav .owl-prev { left: -70px; background-image: url('../img/owl.arr.l.svg') !important; }
.block7 .owl-nav .owl-next { right: -70px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (min-width: 576px) and (max-width: 767.98px) {
.block7 .owl-nav .owl-prev { left: -30px; }
.block7 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block7 .owl-nav .owl-prev { left: -10px; }
.block7 .owl-nav .owl-next { right: -10px; } }
.block8 .owl-carousel .item { transition: 300ms; }
.block8 .owl-carousel .item a { text-align: center; background-image: url('../img/sliderkreis.svg'); background-size: 105%; background-repeat: no-repeat; background-position: center bottom 5px; background-position: center bottom 15px; display: block; }
@media (min-width: 1200px) {
    .block8 .owl-carousel .owl-item .item ,
.block8 .owl-carousel .owl-item.active~.active~.active  .item { padding: 17% 10% 3% 10%; }
.block8 .owl-carousel .owl-item.active~.active .item { padding: 0; } }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block8 .owl-carousel .owl-item .item { padding: 17% 10% 3% 10%; } }
@media (max-width: 767.98px) {
.block8 .owl-carousel .owl-item .item { padding: 17% 10% 3% 10%; padding: 0 10%; padding: 0 20%; padding: 0 10%; } }
.block8 .owl-carousel .item a { position: relative; }
.block8 .owl-carousel .item a .swoosh { display: block; height: 10%; position: absolute; left: 0; right: 0; bottom: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.block8 .owl-carousel .item a img { position: relative; z-index: 2; width: 97%; padding-left: 1.5%; padding-right: 1.5%; margin: auto; }
.block8 .owl-stage { display: flex; }
.block8 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block8 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block8 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block8 .owl-nav .owl-prev { left: -70px; background-image: url('../img/owl.arr.l.svg') !important; }
.block8 .owl-nav .owl-next { right: -70px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (min-width: 576px) and (max-width: 991.98px) {
.block8 .owl-carousel .item img { }
.block8 .owl-nav .owl-prev { left: -30px; }
.block8 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block8 .owl-carousel .item img { }
.block8 .owl-nav .owl-prev { left: 10px; }
.block8 .owl-nav .owl-next { right: 10px; } }
.block9 h2 .textmarker>span::before { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block9 h2 .textmarker>span::after { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block9 h2 .swoosh { background-repeat: no-repeat; background-size: 128px; background-position: left 90px bottom; display: inline-block; min-height: 40px; }
.block9 h2 .swoosh { background-repeat: no-repeat; background-size: 128px; margin-left: -10px; padding-left: 10px; background-position: left 0 bottom; display: inline-block; min-height: 40px; }
.block9 .order,
.block9 .order>span { position: relative; display: inline-block; font-size: 20px; font-weight: 400; text-decoration: none; color: #FFF; white-space: nowrap; }
.block9 .order::before,
.block9 .order>span::before { background-image: url('../img/textmarker.2.svg.php?col=95C11F'); content: ''; position: absolute; top: -6px; left: -30px; width: calc(100% + 30px); height: 44px; z-index: -1; }
.block9 .order::after,
.block9 .order>span::after { background-image: url('../img/textmarker.2.svg.php?col=95C11F'); background-position: top right; content: ''; position: absolute; top: -6px; right: -30px; width: 30px; height: 44px; z-index: -1; }
.block9 .order i { font-weight: 700; font-style: normal; }
.block9 .order .cart { background-image: url('../img/icon.cart.svg'); background-repeat: no-repeat; padding-left: 35px; background-position: 0 5px; }
.block10 h2 .swoosh { background-repeat: no-repeat; background-size: 128px; background-position: left 90px bottom; display: inline-block; min-height: 40px; }
.block10 .post img { width: 100%; border-radius: 20px; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; }
.block10 .post .socialicons { display: flex; flex-direction: row; justify-content: space-between; background-image: url('../img/table.border.svg.php?col=000'); background-repeat: no-repeat; background-position: bottom; }
.block10 .post .socialicons>i { background-image: url('../img/socialpost.icons.svg'); background-repeat: no-repeat; height: 55px; }
.block10 .post .socialicons>i:first-of-type { width: 140px; background-position: left 20px center; }
.block10 .post .socialicons>i:last-of-type { background-position: right 20px center; width: 60px; }
@media (max-width: 575.98px) {
.block10 .post .socialicons>i { background-size: auto 15px; height: 40px; } }
.block10 .socials ul li a { display: inline-block; width: 49px; height: 48px; background-repeat: no-repeat; }
.block10 .socials ul { padding: 0; margin: 0; list-style-type: none; display: flex; justify-content: end; }
.block10 .socials ul li:not(:first-of-type) { margin-left: 6px; }
.block10 .socials ul li a[href*="instagram.com"] { background-image: url('../img/social.instagram.svg'); }
.block10 .socials ul li a[href*="pinterest."] { background-image: url('../img/social.pinterest.svg'); }
.block10 .socials ul li a[href*="facebook.com"] { background-image: url('../img/social.facebook.svg'); }
.block10 .socials ul li a[href*="linkedin.com"] { background-image: url('../img/social.linkedin.svg'); }
.block11 h2 .swoosh.swoosh-schau-vorbei { background-repeat: no-repeat; background-size: 182px; background-position: left 100px bottom; display: inline-block; padding-bottom: 22px; }
.block11 h2 .swoosh.swoosh-schau-vorbei-en { background-repeat: no-repeat; background-size: 182px; background-position: right 65px bottom; display: inline-block; padding-bottom: 22px; }
@media (max-width: 767.98px) {
.block11 h2 .swoosh.swoosh-schau-vorbei { background-position: center bottom; display: inline-block; min-height: 80px; } }
.block11 .owl-carousel .item { text-align: center; }
.block11 .owl-carousel .item a { width: 100%; height: 100%; margin: auto; width: 150px; height: 150px; display: inline-block; display: flex; justify-content: center; align-items: center; }
.block11 .owl-carousel .item img { width: 100%; height: 100%; margin: auto; object-fit: contain; object-size: 50px; object-position: center; }
.block11 .owl-carousel .item img[src*="trans.png"] { background-color: rgba(255,0,0,.5); }
.block11 .owl-stage { display: flex; }
.block11 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block11 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block11 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block11 .owl-nav .owl-prev { display: none; left: -70px; background-image: url('../img/owl.arr.l.svg') !important; }
.block11 .owl-nav .owl-next { display: none; right: -70px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (max-width: 1199.98px) {
.block11 .owl-nav .owl-prev { display: block; display: none; }
.block11 .owl-nav .owl-next { display: block; display: none; } }
@media (min-width: 576px) and (max-width: 991.98px) {
.block11 .owl-carousel { padding-left: 40px; padding-right: 40px; }
.block11 .owl-carousel .item img { }
.block11 .owl-nav .owl-prev { left: -30px; }
.block11 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block11 .owl-carousel { padding-left: 30px; padding-right: 30px; padding-left: 0px; padding-right: 0px; }
.block11 .owl-carousel .item a { width: 100px; height: 100px; max-width: 100px; }
.block11 .owl-nav .owl-prev { left: -10px; }
.block11 .owl-nav .owl-next { right: -10px; } }
.block12 .grid .col { width: 24.99%; max-width: 24.99%; aspect-ratio: 1 / 1.87; padding: 2% 1.25%; }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block12 .grid .col { width: 33.3%; max-width: 33.3%; } }
@media (max-width: 767.98px) {
.block12 .grid .col { width: 49.99%; max-width: 49.99%; } }
.block12 .grid .col img { width: 100%; margin-bottom: 10px; }
.block12 .grid .col a,
.block12 .grid .col a * { color: #000; text-decoration: none; }
.block12 .grid .col a:hover,
.block12 .grid .col a:hover * { color: #000; font-weight: 700; text-decoration: underline; }
.block12 .grid .col p { line-height: 20px; text-align: center; }
.block12 .filter-dropdown { position: relative; z-index: 2; margin-right: 2px; line-height: 34px; cursor: pointer; }
.block12 .filter-dropdown-opened { position: relative; }
.block12 .filter-dropdown::before,
.block12 .filter-dropdown-opened::before { content: ''; background-image: url('../img/dropdown.arr.d.svg'); background-repeat: no-repeat; background-position: center; position: absolute; width: 20px; height: 20px; top: 7px; right: 40px; z-index: 2; }
.block12 .filter-dropdown-opened::before { background-image: url('../img/dropdown.arr.u.svg'); right: 42px; }
.block12 .filter-dropdown .btn-textmarker::before { left: -24px; }
.block12 .filter-dropdown,
.block12 .filter-dropdown-opened { padding-left: 40px; padding-right: 40px; transition: height 250ms; height: 0; }
.block12 .filter-dropdown-opened:not(.colapsed) { overflow: hidden; }
.block12 .filter-dropdown-opened.colapsed { height: 376px; }
.block12 .filter-dropdown-opened .btn-textmarker { line-height: 35px; }
.block12 .filter-dropdown-opened .btn-textmarker::before,
.block12 .filter-dropdown-opened .btn-textmarker::after { background-image: url('../img/textmarker.dropdown.svg'); height: 100%; }
.block12 .filter-dropdown-opened span { color: #FFF; font-weight: 700; display: block; }
.block12 .filter-dropdown-opened span[data-filter] { cursor: pointer; }
.block12 .filter-dropdown-opened span.is-checked { text-decoration: underline; }
.block12 .filter-buttons { display: flex; justify-content: flex-start; flex-wrap: wrap; column-gap: 80px; row-gap: 30px; padding-left: 40px; padding-right: 40px; }
@media (min-width: 1200px) {
.block12 .filter-buttons { justify-content: space-between; } }
.block12 .filter-buttons span { cursor: pointer; }
.block12 .filter-buttons span::before { height: 42px; }
.block12 .filter-buttons span::after { height: 42px; }
.block12 .filter-buttons .is-checked { text-decoration: underline; }
.block12 .filter-buttons .btn-textmarker:not(.is-checked)::before,
.block12 .filter-buttons .btn-textmarker:not(.is-checked)::after { background-image: url('../img/textmarker.2.svg.php?col=F2F2F2'); }
.block12 .filter-buttons .btn-textmarker:not(.is-checked),
.block12 .filter-buttons .btn-textmarker:not(.is-checked) { color: #000; }
.block13 img { max-width: 100%; }
.block13 .claim,
.block13 .claim * { font-size: 18px !important; font-weight: 500 !important; }
.block13 .claim b { font-weight: 700 !important; }
.block13 .claim .textmarker>span { position: relative; }
.block13 .claim .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; }
.block13 .claim .textmarker>span::after { background-position: top right; content: ''; position: absolute; top: -2px; right: -7px; width: 7px; height: 32px; z-index: -1; }
.block13 .claim .textmarker>span~span:not(:last-child)::after { right: -12px; width: 12px; }
.block13 .claim .textmarker>span::before,
.block13 .claim .textmarker>span::after { background-image: url('../img/textmarker.svg.php?col=F7E6CE'); }
.block13 .claim .textmarker.green>span::before,
.block13 .claim .textmarker.green>span::after { background-image: url('../img/textmarker.svg.php?col=95C11F'); }
.block14 .owl-carousel-wrapper { }
.block14 .owl-carousel-wrapper>img { position: absolute; }
.block14 .owl-carousel .item { padding-top: 100px; }
.block14 .owl-carousel .item p { line-height: 24px; }
.block14 .owl-carousel-wrapper>img,
.block14 .owl-carousel .item>div>img { height: 86px; }
.block14 .owl-carousel .item>img { position: relative; }
.block14 .owl-carousel .active .item>img { }
.block14 .owl-carousel .item h3 { position: absolute; top: 21px; left: 160px; overflow: hidden; font-size: 40px; font-weight: 800; line-height: 48px; white-space: nowrap; }
.block14.lang-en .owl-carousel .item h3 { left: 180px; }
.block14 .owl-carousel .item h3>span { display: block; text-transform: uppercase; font-weight: 700; font-size: 40px; position: relative; top: 50px; }
.block14 .owl-carousel .active .item h3>span { opacity: .2; animation: block14_owl_animin 4500ms 500ms; animation: block14_owl_animin 9850ms; }
@keyframes block14_owl_animin {
0% { opacity: .2; }
5%,95% { opacity: 1; top: 0; }
100% { opacity: 1; top: -50px; } }
@keyframes block14_owl_animin {
0% { opacity: .2; }
5%,98% { opacity: 1; top: 0; }
100% { opacity: 1; top: -50px; } }
@media (max-width: 767.98px) {
.block14 .owl-carousel-wrapper .img { margin-top: 35px; position: relative; z-index: 1; }
.block14 .owl-carousel { position: relative; z-index: 2; margin-top: -60px; }
.block14 .owl-carousel .item { text-align: center; padding-top: 0; }
    .block14 .owl-carousel-wrapper>img,
.block14 .owl-carousel .item>div>img { height: auto; margin-left: auto; margin-right: auto; }
.block14 .owl-carousel .active .item h3 { margin-bottom: 70px; position: static; top: initial; left: initial; overflow: initial; }
.block14 .owl-carousel .active .item h3>span { opacity: 1; animation: none; top: auto; } }
.block14 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block14 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block14 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block14 .owl-nav .owl-prev { left: -40px; background-image: url('../img/owl.arr.l.svg') !important; }
.block14 .owl-nav .owl-next { right: -40px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (max-width: 575.98px) {
.block14 .owl-carousel .item { min-height: 320px; }
.block14 .owl-nav .owl-prev { left: -10px; }
.block14 .owl-nav .owl-next { right: -10px; } }
.block14 .owl-theme .owl-dots .owl-dot span { background-color: #FFF; }
.block14 .owl-theme .owl-dots .owl-dot.active span { background-color: #000; }
.block15 .owl-carousel .item { justify-content: center; align-items: center; }
.block15 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block15 .owl-carousel .item img { width: 100%; margin: auto; max-width: 140px; }
.block15 .owl-stage { display: flex; }
.block15 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block15 .owl-nav :where(.owl-prev, .owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block15 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block15 .owl-nav .owl-prev { left: -70px; background-image: url('../img/owl.arr.l.svg') !important; }
.block15 .owl-nav .owl-next { right: -70px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (min-width: 576px) and (max-width: 767.98px) {
.block15 .owl-nav .owl-prev { left: -30px; }
.block15 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block15 .owl-nav .owl-prev { left: -10px; }
.block15 .owl-nav .owl-next { right: -10px; }
.block15.wide .owl-nav .owl-prev { left: -40px; }
.block15.wide .owl-nav .owl-next { right: -40px; } }
.block15 h2 .textmarker>span::before { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block15 h2 .textmarker>span::after { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block15.white-arrows .owl-nav .owl-prev { background-image: url('../img/owl.arr.l.white.svg') !important; }
.block15.white-arrows .owl-nav .owl-next { background-image: url('../img/owl.arr.r.white.svg') !important; }
.block16 h2 .swoosh.swoosh-und-was-heisst-das { background-repeat: no-repeat; background-size: 128px; background-position: left 410px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block16 h2 .swoosh.swoosh-und-was-heisst-das { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block16 h2 .swoosh.swoosh-baked-with-love { background-repeat: no-repeat; background-size: 128px; background-position: left 280px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block16 h2 .swoosh.swoosh-baked-with-love { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block16 h2 .swoosh.swoosh-our-mission { background-repeat: no-repeat; background-size: 128px; background-position: left 380px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block16 h2 .swoosh.swoosh-our-mission { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block16 h2 .swoosh.swoosh-our-philosophy { background-repeat: no-repeat; background-size: 128px; background-position: left 300px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block16 h2 .swoosh.swoosh-our-philosophy { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block16 h2 .swoosh.swoosh-mit-liebe-gebacken { background-repeat: no-repeat; background-size: 128px; background-position: left 300px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block16 h2 .swoosh.swoosh-mit-liebe-gebacken { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block16 h2 .swoosh.swoosh-unsere-mission { background-repeat: no-repeat; background-size: 128px; background-position: left 360px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block16 h2 .swoosh.swoosh-unsere-mission { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block16 h2 .swoosh.swoosh-unsere-haltung { background-repeat: no-repeat; background-size: 128px; background-position: left 360px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block16 h2 .swoosh.swoosh-unsere-haltung { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block16 img.karg { margin: auto; max-width: 440px; }
.block16 a { color: #95C11F; }
.block16 .fratzlbox { position: relative; }
.block16 .fratzlbox::before,
.block16 .fratzlbox::after { background-image: url('../img/backshred.svg.php?col=F7E8CF'), url('../img/backshred.svg.php?col=F7E8CF'); background-repeat: repeat-x, repeat-x; position: absolute; top: -40px; width: calc(50% + 100px); height: calc(100% + 80px); }
.block16 .fratzlbox::before { background-position: left top, left bottom; content: ''; left: -100px; }
.block16 .fratzlbox::after { background-position: top right, bottom right; content: ''; right: -100px; }
@media (min-width: 576px) and (max-width: 991.98px) {
.block16 .fratzlbox::before { left: -60px; width: calc(50% + 60px); }
.block16 .fratzlbox::after { right: -60px; width: calc(50% + 60px); } }
@media (max-width: 575.98px) {
.block16 .fratzlbox::before { left: -30px; width: calc(50% + 30px); }
.block16 .fratzlbox::after { right: -30px; width: calc(50% + 30px); } }
.block16 .fratzlbox>* { position: relative; z-index: 1; }
@media (max-width: 767.98px) {
.block16.quote { background-color: #F7E8CF; }
    .block16 .fratzlbox::before,
.block16 .fratzlbox::after { display: none; } }
.block17 .bignum { font-size: 72px; font-weight: 800; margin-bottom: 29px; }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block17 .bignum { font-size: 64px; } }
@media (max-width: 767.98px) {
.block17 .owl-carousel .item { justify-content: center; align-items: center; }
.block17 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block17 .owl-carousel .item .icon { padding-left: 50px; padding-right: 50px; margin-bottom: 50px; }
.block17 .owl-carousel .item .icon img { width: 100%; min-width: 179px; max-width: 230px; margin-left: auto; margin-right: auto; }
.block17 .owl-carousel .item .textmarker { position: relative; margin-top: -12%; margin-bottom: 20px; }
.block17 .owl-stage { display: flex; }
.block17 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block17 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block17 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block17 .owl-nav .owl-prev { left: -30px; background-image: url('../img/owl.arr.l.svg') !important; }
.block17 .owl-nav .owl-next { right: -30px; background-image: url('../img/owl.arr.r.svg') !important; } }
@media (max-width: 575.98px) {
.block17 .owl-nav .owl-prev { left: -10px; }
.block17 .owl-nav .owl-next { right: -10px; } }
.block17 .owl-theme .owl-dots .owl-dot span { }
.block17 .owl-theme .owl-dots .owl-dot.active span { background-color: #000; }
.block18 h1.textmarker>span::before,
.block18 h1.textmarker>span::after { height: 56px; background-size: auto 56px; top: 2px; }
.block18 h1.textmarker>span { color: #FFF; padding-left: 15px; padding-right: 15px; }
.block18 h1 { margin-bottom: 18px; }
.block18 .historie .img { position: relative; }
.block18 .historie img { max-width: 290px; }
.block18 .historie :is(h1,.text) { position: relative; z-index: 1; }
.block18 .historie-1950 .img { margin-left: 100px; margin-bottom: -90px; }
.block18 .historie-1950 .text { width: 250px; max-width: 100%; }
.block18 .historie-1960 .img { text-align: right; margin-bottom: -60px; margin-right: 10px; }
.block18 .historie-1960 .text { max-width: 300px; }
.block18 .historie-1960 { margin-top: -270px; }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block18 .historie-1960 { margin-top: -100px; }
.block18.verpackung-option .historie-1960 { margin-top: -140px; }
.block18 .historie-1960 .text { margin-left: auto; } }
.block18 .historie-1997 .img { margin-bottom: -30px; }
.block18 .historie-1997 h1 { margin-left: 100px; }
.block18 .historie-1997 .text { margin-left: 100px; width: 288px; max-width: 100%; }
.block18 .historie-1997 { margin-top: -180px; }
.block18.verpackung-option .historie-1997 { margin-top: -280px; }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block18 .historie-1997 { margin-top: -70px; }
.block18 .historie-1997 .text { margin-left: 0; max-width: 270px; }
.block18.verpackung-option .historie-1997 { margin-top: -110px; } }
.block18 .historie-1998 .img { margin-bottom: -20px; }
.block18 .historie-1998 h1 { margin-left: 105px; }
.block18 .historie-1998 .text { margin-left: 105px; }
.block18 .historie-1998 .bio img { margin-left: 105px; width: 113px; }
.block18 .historie-1998 { margin-top: -260px; }
.block18.verpackung-option .historie-1998 { margin-top: -320px; }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block18 .historie-1998 .img { text-align: center; } }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block18 .historie-1998 { margin-top: -270px; }
.block18 .historie-1998 .img { text-align: right; }
.block18 .historie-1998 .text { margin-left: 0; }
.block18 .historie-1998 .bio { text-align: right; } }
.block18 .historie-2000 .img { margin-left: 100px; margin-bottom: -20px; }
.block18 .historie-2000 h1 { margin-left: 100px; }
.block18 .historie-2000 .text { margin-left: 100px; max-width: 389px; }
.block18 .historie-2000 { margin-top: -265px; }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block18 .historie-2000 { margin-top: -90px; }
.block18 .historie-2000 .img { text-align: left; margin-left: 0; }
.block18 .historie-2000 .text { margin-left: 0; width: 40%; } }
.block18 .historie-2005 .img { text-align: right; margin-bottom: -60px; margin-right: 10px; }
.block18 .historie-2005 .text { position: relative; width: calc(100% + 10px); }
.block18 .historie-2005 { margin-top: -125px; }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block18 .historie-2005 { margin-top: -115px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block18 .historie-2005 { margin-top: -250px; }
.block18 .historie-2005 h1 { margin-left: 20px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block18 .historie-2005 { margin-top: -220px; }
.block18 .historie-2005 h1 { margin-left: 20px; } }
.block18 .historie-2021 .img { margin-bottom: -20px; }
.block18 .historie-2021 h1 { margin-left: 100px; }
.block18 .historie-2021 .text { margin-left: 100px; width: 100%; max-width: 260px; }
.block18 .historie-2021 { margin-top: -300px; }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block18 .historie-2021 { margin-top: -50px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block18 .historie-2021 { margin-top: -20px; } }
.block18 .historie-2024 .img { margin-bottom: -40px; margin-left: 30px; }
.block18 .historie-2024 .text { position: relative; width: calc(100% + 10px); }
.block18 .historie-2024 { margin-top: -160px; }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block18 .historie-2024 { margin-top: -150px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block18 .historie-2024 { margin-top: -250px; padding-left: 200px; }
.block18 .historie-2024 .img { text-align: right; margin-bottom: -40px; margin-left: 30px; }
.block18 .historie-2024 h1 { margin-left: 20px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block18 .historie-2024 { margin-top: -20px; }
.block18 .historie-2024 .img { text-align: right; margin-bottom: -60px; margin-right: 10px; }
.block18 .historie-2024 h1 { margin-left: 50px; } }
@media (max-width: 767.98px) {
.block18 .owl-carousel .item { justify-content: center; align-items: center; }
.block18 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block18 .owl-carousel .item .orb { padding-left: 20px; padding-right: 20px; }
.block18 .owl-carousel .item .orb img { width: 100%; max-width: 350px; margin-left: auto; margin-right: auto; }
.block18 .owl-carousel .item .textmarker { position: relative; margin-top: -12%; margin-bottom: 20px; }
.block18 .owl-carousel .item .bio { text-align: center; }
.block18 .owl-carousel .item .bio img { margin-top: 20px; margin-left: auto; margin-right: auto; max-width: 100px; }
.block18 .owl-stage { display: flex; }
.block18 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block18 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block18 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block18 .owl-nav .owl-prev { left: -30px; background-image: url('../img/owl.arr.l.svg') !important; }
.block18 .owl-nav .owl-next { right: -30px; background-image: url('../img/owl.arr.r.svg') !important; } }
@media (max-width: 575.98px) {
.block18 .owl-nav .owl-prev { left: -10px; }
.block18 .owl-nav .owl-next { right: -10px; } }
.block19 img { max-width: 675px; }
.block19 h2.eating-the-entire { font-size: 31px; font-weight: 700; }
.block19 h2 .swoosh { background-repeat: no-repeat; background-size: 128px; background-size: 253px; background-position: left 240px bottom; display: inline-block; padding-bottom: 22px; }
.block19 h2 .swoosh.swoosh-en { background-size: 300px; background-position: left 300px bottom; padding-bottom: 30px; }
@media (max-width: 767.98px) {
.block19 h2 .swoosh { background-size: 158px; background-position: center bottom; padding-bottom: 22px; }
.block19 h2 .swoosh.swoosh-en { background-size: 158px; background-position: center bottom !important; padding-bottom: 22px; } }
.block19 .cart-quote { max-width: 600px; }
.block20 img.amazon { max-width: 290px; }
.block20 .order,
.block20 .order>span { position: relative; display: inline-block; font-size: 20px; font-weight: 400; text-decoration: none; color: #FFF; white-space: nowrap; }
.block20 .order::before,
.block20 .order>span::before { background-image: url('../img/textmarker.2.svg.php?col=95C11F'); content: ''; position: absolute; top: -6px; left: -30px; width: calc(100% + 30px); height: 44px; z-index: -1; }
.block20 .order::after,
.block20 .order>span::after { background-image: url('../img/textmarker.2.svg.php?col=95C11F'); background-position: top right; content: ''; position: absolute; top: -6px; right: -30px; width: 30px; height: 44px; z-index: -1; }
.block20 .order i { font-weight: 700; font-style: normal; }
.block20 .order .cart { background-image: url('../img/icon.cart.svg'); background-repeat: no-repeat; padding-left: 35px; background-position: 0 5px; }
@media (max-width: 991.98px) {
.block21 .btn-swoosh { margin-left: 0; } }
.block21 h1 { font-weight: 800; }
.block22 label { padding-left: 30px; font-size: 18px; }
.block22 :is(textarea,select,input:not([type=radio]):not([type=checkbox])) { border: 1px #95C11F solid; border-radius: 20px; height: auto; padding: 15px 30px; }
.block22 :is(textarea,select,input:not([type=radio])):focus { box-shadow: 0 0 0 .25rem #95C11F40; }
.block22 input[type=file]::file-selector-button { background-color: #95C11F; position: relative; height: 54px; margin-top: -15px; margin-bottom: -15px; line-height: 0px; margin-left: -30px; padding-left: 30px; padding-right: 30px; }
.block22 input[type=checkbox] { position: absolute; margin-left: 0; }
.block22 input[type=checkbox]:checked { background-color: #95C11F; border: 1px #95C11F solid; }
.block22 .captcha img { border: 1px #95C11F solid; border-top-left-radius: 20px; border-bottom-left-radius: 20px; height: 56px; border-right: 0; }
.block22 .captcha input[type=text] { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }
.block22 button { margin-left: 30px; cursor: pointer; }
.block22 a { color: #95C11F; }
.block23 .job { display: block; color: #000; font-size: 21px; line-height: 28px; font-weight: bold; margin-bottom: 30px; }
.block24 .icon { max-width: 100%; width: 100%; }
@media (max-width: 991.98px) {
.block24 .owl-carousel .item { justify-content: center; align-items: center; }
.block24 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block24 .owl-carousel .item .icon { margin-bottom: 30px; }
.block24 .owl-carousel .item .icon img { width: 100%; min-width: 57px; max-width: 120px; margin-left: auto; margin-right: auto; }
.block24 .owl-carousel .item .textmarker { position: relative; margin-top: -12%; margin-bottom: 20px; }
.block24 .owl-stage { display: flex; }
.block24 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block24 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block24 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block24 .owl-nav .owl-prev { left: -30px; background-image: url('../img/owl.arr.l.svg') !important; }
.block24 .owl-nav .owl-next { right: -30px; background-image: url('../img/owl.arr.r.svg') !important; } }
@media (max-width: 575.98px) {
.block24 .owl-nav .owl-prev { left: -10px; }
.block24 .owl-nav .owl-next { right: -10px; } }
.block24 h2 .textmarker>span::before { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block24 h2 .textmarker>span::after { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block25 .owl-carousel .item { justify-content: center; align-items: center; padding-left: 3px;  pr: 3px; }
.block25 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block25 .quote { font-size: 25px; line-height: 50px; font-style: italic; margin-bottom: 20px; }
@media (max-width: 767.98px) {
.block25 { text-align: center; }
.block25 .quote { font-size: 20px; line-height: 35px; font-style: italic; margin-bottom: 20px; } }
.block25 .owl-carousel .item .textmarker>span::before { background-size: auto 42px; background-repeat: no-repeat; height: 42px; top: -4px; left: -6px; width: calc(100% + 6px); left: -5px; width: calc(100% + 5px); left: -6px; width: calc(100% + 6px); }
.block25 .owl-carousel .item .textmarker>span::after { background-size: auto 42px; z-index: -10; background-repeat: no-repeat; height: 42px; top: -4px; right: -12px; width: calc(100% + 12px); right: -5px; width: calc(100% + 5px); }
.block25 .owl-carousel .item .textmarker>span:not(:last-of-type)::before { background-size: auto 42px; background-repeat: no-repeat; height: 42px; top: -4px; left: -6px; width: calc(100% + 6px); right: -5px; width: calc(100% + 5px); }
.block25 .owl-carousel .item .textmarker>span:not(:last-of-type)::after { right: -7px; width: calc(100% + 7px); }
.block25 .owl-stage { display: flex; }
.block25 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block25 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block25 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block25 .owl-nav .owl-prev { left: -70px; background-image: url('../img/owl.arr.l.svg') !important; }
.block25 .owl-nav .owl-next { right: -70px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (min-width: 576px) and (max-width: 767.98px) {
.block25 .owl-nav .owl-prev { left: -30px; }
.block25 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block25 .owl-nav .owl-prev { left: -10px; }
.block25 .owl-nav .owl-next { right: -10px; } }
.block25 .owl-theme .owl-dots .owl-dot span { background-color: #FFF; }
.block25 .owl-theme .owl-dots .owl-dot.active span { background-color: #000; }
.block26 .owl-carousel .item { justify-content: center; align-items: center; }
.block26 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block26 .owl-carousel .item img { max-height: 400px; max-width: 70vw; margin: auto; }
.block26 .owl-stage { display: flex; }
.block26 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block26 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block26 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block26 .owl-nav .owl-prev { background-image: url('../img/owl.arr.l.white.svg') !important; }
.block26 .owl-nav .owl-next { background-image: url('../img/owl.arr.r.white.svg') !important; }
@media (min-width: 1400px) {
.block26 .owl-nav .owl-prev { left: -120px; }
.block26 .owl-nav .owl-next { right: -120px; } }
@media (min-width: 768px) and (max-width: 1399.98px) {
.block26 .owl-nav .owl-prev { left: -70px; }
.block26 .owl-nav .owl-next { right: -70px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
.block26 .owl-nav .owl-prev { left: -30px; }
.block26 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block26 .owl-nav .owl-prev { left: -10px; }
.block26 .owl-nav .owl-next { right: -10px; } }
.block27 .accordion { background-image: url('../img/table.border.svg.php?col=95C11F'); background-position: left bottom; background-repeat: repeat-x; border: none; --bs-accordion-bg: transparent; }
.block27 .accordion-item { background-image: url('../img/table.border.svg.php?col=95C11F'); background-repeat: repeat-x; border: none; }
.block27 button { margin: 0; background-color: transparent; min-height: 130px; }
.block27 button>h2 { margin: 0; color: #000; }
@media (max-width: 767.98px) {
.block27 button>h2 { }
.block27 button > img { max-width: 14vw; } }
.block27 button>h2 .textmarker { display: inline-block; }
.block27 button>h2 .textmarker>span { display: inline-block; white-space: nowrap; }
.block27 button>h2 .textmarker>span::before { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; left: -6px; width: calc(100% + 10px); }
.block27 button>h2 .textmarker>span::after { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block27 .accordion-button { --bs-accordion-btn-focus-box-shadow: none; }
.block27 .accordion-button::after { background-image: url('../img/faq.arr.d.svg'); background-size: 100%; width: 34px; height: 34px; }
.block27 .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; }
.block27 .accordion-button:not(.collapsed)::after { background-image: url('../img/faq.arr.d.svg'); background-size: 100%; width: 34px; height: 34px; }
.block27 a { color: var(--theme-green); }
@media (max-width: 575.98px) {
.block27 .accordion-button h2 { font-size: 20px; } }
.block28 { position: absolute; z-index: 90; }
.block28 .box { background-color: #BBA07B; background-color: #BB9F7C; min-height: 360px; position: relative; }
.block28 .box .close { width: 20px; height: 20px; top: 20px; right: 20px; background-image: url('../img/modal.close.svg'); background-size: contain; position: absolute; cursor: pointer; }
.block28 .box a { color: #000; }
.block28 .box .text,
.block28 .box .img { width: 100%; }
@media (max-width: 575.98px) {
.block28 .box img { max-width: 100%; } }
@media (min-width: 576px) and (max-width: 767.98px) {
.block28 .box .img { width: 100%; } }
@media (min-width: 768px) {
.block28 .box .text { width: 70%; }
.block28 .box .img { width: 30%; max-height: 220px; }
.block28 .box img { max-height: 220px; } }
.block28 h2 .textmarker>span::before { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block28 h2 .textmarker>span::after { background-size: auto 34px; background-repeat: no-repeat; height: 34px; top: 2px; }
.block29 .owl-carousel .item { transition: 300ms; }
.block29 .owl-carousel .item a { text-align: center; background-image: url('../img/sliderkreis.svg'); background-size: 105%; background-repeat: no-repeat; background-position: center bottom 5px; background-position: center bottom 15px; display: block; }
@media (min-width: 1200px) {
    .block29 .owl-carousel .owl-item .item ,
.block29 .owl-carousel .owl-item.active~.active~.active  .item { padding: 17% 10% 3% 10%; padding: 0 10% 0 10%; }
.block29 .owl-carousel .owl-item.active~.active .item { padding: 0; } }
@media (min-width: 768px) and (max-width: 1199.98px) {
.block29 .owl-carousel .owl-item .item { padding: 17% 10% 3% 10%; padding: 0 10% 0 10%; } }
@media (max-width: 767.98px) {
.block29 .owl-carousel .owl-item .item { padding: 17% 10% 3% 10%; padding: 0 10% 0 10%; padding: 0 10%; padding: 0 20%; padding: 0 10%; } }
.block29 h2 .swoosh { background-repeat: no-repeat; background-size: 128px; margin-left: -10px; padding-left: 10px; background-position: left 0 bottom; display: inline-block; min-height: 40px; }
.block29 .owl-carousel .item a { position: relative; }
.block29 .owl-carousel .item a img { position: relative; z-index: 2; width: 97%; padding-left: 1.5%; padding-right: 1.5%; margin: auto; }
.block29 .owl-stage { display: flex; }
.block29 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block29 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block29 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block29 .owl-nav .owl-prev { left: -70px; background-image: url('../img/owl.arr.l.svg') !important; }
.block29 .owl-nav .owl-next { right: -70px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (min-width: 576px) and (max-width: 991.98px) {
.block29 .owl-carousel .item img { }
.block29 .owl-nav .owl-prev { left: -30px; }
.block29 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block29 .owl-carousel .item img { }
.block29 .owl-nav .owl-prev { left: 10px; }
.block29 .owl-nav .owl-next { right: 10px; } }
.block30 .owl-carousel .item { justify-content: center; align-items: center; }
.block30 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block30 .owl-carousel .item img { width: 100%; max-width: 100%; }
@media (max-width: 575.98px) {
.block30 .owl-carousel .item img { margin: auto; } }
.block30 .owl-stage { display: flex; }
.block30 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block30 .owl-nav :where(.owl-prev, .owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block30 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block30 .owl-nav .owl-prev { left: -70px; background-image: url('../img/owl.arr.l.svg') !important; }
.block30 .owl-nav .owl-next { right: -70px; background-image: url('../img/owl.arr.r.svg') !important; }
@media (min-width: 576px) and (max-width: 767.98px) {
.block30 .owl-nav :where(.owl-prev, .owl-next) { top: 310px; }
.block30 .owl-nav .owl-prev { left: -30px; }
.block30 .owl-nav .owl-next { right: -30px; } }
@media (max-width: 575.98px) {
.block30 .owl-nav :where(.owl-prev, .owl-next) { top: 68vw; }
.block30 .owl-nav .owl-prev { left: -10px; left: -40px; }
.block30 .owl-nav .owl-next { right: -10px; right: -40px; }
.block30.wide .owl-nav .owl-prev { left: -40px; }
.block30.wide .owl-nav .owl-next { right: -40px; } }
.block31 .map { background-image: url('../img/nachhaltigkeit/schaubild.dr-karg.svg'); background-size: 100%; background-repeat: no-repeat; width: 1124px; aspect-ratio: 1 / .334; position: relative; }
.block31 .map .spot { position: absolute; display: block; width: 2.5%; aspect-ratio: 1 / 1; cursor: pointer; background-color: #BF001D; color: white; text-align: center; text-decoration: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.block31 .map .spot:hover { background-color: black; }
.block31 .maptip { display: none; opacity: 0; transition: opacity .5s; padding: 20px; }
.block31 .maptip.active { display: block; animation-name: showtip; animation-duration: 1s; opacity: 1; z-index: 3; }
@keyframes showtip {
from { opacity: 0; }
to { opacity: 1; } }
.block31 .maptips { position: relative; }
.block31 .maptips>img { position: absolute; width: 72%; height: 100%; left: 14%; z-index: 1; }
@media (max-width: 991.98px){
.block31 .maptips>img { width: 100%; height: 100%; left: 0%; } }
.block31 p.count { display: block; width: 30px; aspect-ratio: 1 / 1; background-color: #BF001D; color: white; text-align: center; text-decoration: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
@media (max-width: 767.98px) {
.block32 .owl-carousel .item { justify-content: center; align-items: center; }
.block32 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block32 .owl-carousel .item .orb { padding-left: 20px; padding-right: 20px; }
.block32 .owl-carousel .item .orb img { width: 100%; max-width: 350px; margin-left: auto; margin-right: auto; }
.block32 .owl-carousel .item .textmarker { position: relative; margin-top: -12%; margin-bottom: 20px; }
.block32 .owl-carousel .item .bio { text-align: center; }
.block32 .owl-carousel .item .bio img { margin-top: 20px; margin-left: auto; margin-right: auto; max-width: 100px; }
.block32 .owl-stage { display: flex; }
.block32 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block32 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(50% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block32 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block32 .owl-nav .owl-prev { left: -30px; background-image: url('../img/owl.arr.l.svg') !important; }
.block32 .owl-nav .owl-next { right: -30px; background-image: url('../img/owl.arr.r.svg') !important; } }
@media (max-width: 575.98px) {
.block32 .owl-nav .owl-prev { left: -10px; }
.block32 .owl-nav .owl-next { right: -10px; } }
.block33 h1.textmarker>span::before,
.block33 h1.textmarker>span::after { height: 56px; background-size: auto 56px; top: 2px; }
.block33 h1.textmarker>span { color: #FFF; padding-left: 15px; padding-right: 15px; }
.block33 h1 { margin-bottom: 18px; }
.block33 .umgesetzt .img { position: relative; }
.block33 .umgesetzt img { max-width: 290px; }
.block33 .umgesetzt :is(h1,.text) { position: relative; z-index: 1; }
.block33 .umgesetzt-2016 .img { margin-left: 90px; margin-bottom: -65px; }
.block33 .umgesetzt-2016 .text { max-width: 340px; }
.block33 .umgesetzt-2019 { margin-top: -300px; }
.block33 .umgesetzt-2019 .img { text-align: right; margin-bottom: -60px; margin-right: 10px; }
.block33 .umgesetzt-2019 .text { max-width: 100%; }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block33 .umgesetzt-2019 { margin-top: -100px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block33 .umgesetzt-2019 { margin-top: -40px; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.lang-en .block33 .umgesetzt-2019 { margin-top: -250px; } }
.block33 .umgesetzt-2021 { margin-top: -165px; margin-top: -150px; }
.block33 .umgesetzt-2021 .img { margin-left: 90px; margin-bottom: -65px; }
.block33 .umgesetzt-2021 .text { max-width: 390px; }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.block33 .umgesetzt-2021 { margin-top: -190px; }
.block33 .umgesetzt-2021 .img { margin-left: 70px; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block33 .umgesetzt-2021 { margin-top: -20px; }
.block33 .umgesetzt-2021 .img { margin-left: 70px; }
.block33 .umgesetzt-2021 .text { max-width: 350px; }
.block33 .umgesetzt-2021 .footnote { max-width: 220px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block33 .umgesetzt-2021 { margin-top: -10px; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
.lang-en .block33 .umgesetzt-2021 { margin-top: -165px; } }
.block33 .umgesetzt-whatsnext { margin-top: -300px; }
.block33 .umgesetzt-whatsnext .img { text-align: right; margin-bottom: -60px; margin-right: 10px; }
.block33 .umgesetzt-whatsnext .text { max-width: 100%; }
@media (min-width: 992px) and (max-width: 1199.98px) {
.block33 .umgesetzt-whatsnext { margin-top: -130px; } }
@media (min-width: 768px) and (max-width: 991.98px) {
.block33 .umgesetzt-whatsnext { margin-top: -40px; } }
@media (max-width: 767.98px) {
.block33 .owl-carousel .item { justify-content: center; align-items: center; }
.block33 .owl-carousel .item *:last-of-type { margin-bottom: 0; }
.block33 .owl-carousel .item .orb { padding-left: 20px; padding-right: 20px; }
.block33 .owl-carousel .item .orb img { width: 100%; max-width: 350px; margin-left: auto; margin-right: auto; }
.block33 .owl-carousel .item .textmarker { position: relative; margin-top: -5%; margin-bottom: 20px; }
.block33 .owl-carousel .item .bio { text-align: center; }
.block33 .owl-carousel .item .bio img { margin-top: 20px; margin-left: auto; margin-right: auto; max-width: 100px; }
.block33 .owl-stage { display: flex; }
.block33 .owl-nav { position: absolute; z-index: 1; margin: 0; top: 0; left: 0; bottom: 0; right: 0; justify-content: space-between; pointer-events: none; }
.block33 .owl-nav :where(.owl-prev,.owl-next) { position: absolute; top: calc(60% - 25px); width: 35px; height: 35px; pointer-events: all; }
.block33 .owl-nav :where(.owl-prev,.owl-next):hover { background-color: transparent !important; }
.block33 .owl-nav .owl-prev { left: -30px; background-image: url('../img/owl.arr.l.white.svg') !important; }
.block33 .owl-nav .owl-next { right: -30px; background-image: url('../img/owl.arr.r.white.svg') !important; } }
@media (max-width: 575.98px) {
.block33 .owl-nav .owl-prev { left: -10px; }
.block33 .owl-nav .owl-next { right: -10px; } }
.block34 h2 .swoosh.swoosh-und-was-heisst-das { background-repeat: no-repeat; background-size: 128px; background-position: left 410px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block34 h2 .swoosh.swoosh-und-was-heisst-das { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block34 h2 .swoosh.swoosh-baked-with-love { background-repeat: no-repeat; background-size: 128px; background-position: left 280px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block34 h2 .swoosh.swoosh-baked-with-love { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block34 h2 .swoosh.swoosh-our-mission { background-repeat: no-repeat; background-size: 128px; background-position: left 75px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block34 h2 .swoosh.swoosh-our-mission { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block34 h2 .swoosh.swoosh-our-philosophy { background-repeat: no-repeat; background-size: 128px; background-position: left 300px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block34 h2 .swoosh.swoosh-our-philosophy { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block34 h2 .swoosh.swoosh-mit-liebe-gebacken { background-repeat: no-repeat; background-size: 128px; background-position: left 300px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block34 h2 .swoosh.swoosh-mit-liebe-gebacken { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block34 h2 .swoosh.swoosh-unsere-mission { background-repeat: no-repeat; background-size: 128px; background-position: left 75px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block34 h2 .swoosh.swoosh-unsere-mission { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block34 h2 .swoosh.swoosh-unsere-haltung { background-repeat: no-repeat; background-size: 128px; background-position: left 77px bottom; display: inline-block; padding-bottom: 10px; }
@media (max-width: 767.98px) {
.block34 h2 .swoosh.swoosh-unsere-haltung { background-position: center bottom; display: inline-block; padding-bottom: 10px; } }
.block34 img.karg { margin: auto; max-width: 440px; }
.block34 a { color: #95C11F; }
.block34 .fratzlbox { position: relative; }
.block34 .fratzlbox::before,
.block34 .fratzlbox::after { background-image: url('../img/backshred.svg.php?col=F7E8CF'), url('../img/backshred.svg.php?col=F7E8CF'); background-repeat: repeat-x, repeat-x; position: absolute; top: -40px; width: calc(50% + 100px); height: calc(100% + 80px); }
.block34 .fratzlbox::before { background-position: left top, left bottom; content: ''; left: -100px; }
.block34 .fratzlbox::after { background-position: top right, bottom right; content: ''; right: -100px; }
@media (min-width: 576px) and (max-width: 991.98px) {
.block34 .fratzlbox::before { left: -60px; width: calc(50% + 60px); }
.block34 .fratzlbox::after { right: -60px; width: calc(50% + 60px); } }
@media (max-width: 575.98px) {
.block34 .fratzlbox::before { left: -30px; width: calc(50% + 30px); }
.block34 .fratzlbox::after { right: -30px; width: calc(50% + 30px); } }
.block34 .fratzlbox>* { position: relative; z-index: 1; }
@media (max-width: 767.98px) {
.block34.quote { background-color: #F7E8CF; }
    .block34 .fratzlbox::before,
.block34 .fratzlbox::after { display: none; } }
span.swoosh-word-green { position: relative; display: inline-block; }
span.swoosh-word-green::after { content: ""; position: absolute; left: 52%; bottom: -7px; transform: translateX(-50%); width: 128px; height: 10px; pointer-events: none; background: url('../img/swoosh.svg.php?col=95C11F') no-repeat center bottom; background-size: contain; }
.bg-contain { background-repeat: no-repeat; background-size: contain; background-position: center; }
.bg-cover-top { background-repeat: no-repeat; background-size: cover; background-position: top; }
.bg-cover-top-left { background-repeat: no-repeat; background-size: cover; background-position: top left; }
.bg-cover-top-right { background-repeat: no-repeat; background-size: cover; background-position: top right; }
.bg-cover-left { background-repeat: no-repeat; background-size: cover; background-position: left; }
.bg-cover-center { background-repeat: no-repeat; background-size: cover; background-position: center; }
.bg-cover-center-left { background-repeat: no-repeat; background-size: cover; background-position: center left; }
.bg-cover-center-right { background-repeat: no-repeat; background-size: cover; background-position: center right; }
.bg-cover-right { background-repeat: no-repeat; background-size: cover; background-position: right; }
.bg-cover-bottom { background-repeat: no-repeat; background-size: cover; background-position: bottom; }
.bg-cover-bottom-left { background-repeat: no-repeat; background-size: cover; background-position: bottom left; }
.bg-cover-bottom-right { background-repeat: no-repeat; background-size: cover; background-position: bottom right; }
.object-fit-cover { object-fit: cover; }
.ratio-1-1 { aspect-ratio: 1 / 1; }
.ratio-4-3 { aspect-ratio: 4 / 3; }
.ratio-7-6 { aspect-ratio: 7 / 6; }
.ratio-16-9 { aspect-ratio: 16 / 9; }
.ratio-21-9 { aspect-ratio: 21 / 9; }
.ratio-3-4 { aspect-ratio: 3 / 4; }
.ratio-6-7 { aspect-ratio: 6 / 7; }
.ratio-9-16 { aspect-ratio: 9 / 16; }
.ratio-9-21 { aspect-ratio: 9 / 21; }
a[type=submit],
input[type=submit],
button[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
@keyframes matching_words_pulse {
0%,100% { background-color: rgba(255,255,0,0.3); box-shadow: 3px 0 0 0px rgba(255,255,0,0.3), -3px 0 0 0px rgba(255,255,0,0.3); }
50% { background-color: rgba(255,255,0,0.7); box-shadow: 3px 0 0 0px rgba(255,255,0,0.7), -3px 0 0 0px rgba(255,255,0,0.7); } }
.highlight { animation: matching_words_pulse 3s infinite; }
a[href='javascript:']:not([onclick]):not([data-toggle]) { }
div#dev { position: absolute; }
div#dev, div#dev * { font: bold 11px/21px system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important; color: #000 !important; }
div#dev menu { position: fixed; left: 10px; bottom: 10px; padding: 0; margin: 0; display: flex; z-index: 999999; opacity: .75; transition: opacity 1s; }
div#dev menu:hover { opacity: 1; transition: opacity 0s; }
div#dev menu>:is(aside,span,button) { display: inline-block; padding: .25rem .375rem; line-height: 21px; color: #000; font-size: 11px; font-weight: bold; letter-spacing: .25px; background-color: #DDD; }
div#dev menu>:is(aside,span,button):last-child { padding-right: .5rem !important; }
div#dev menu>:is(aside,span,button).breakpointname + :is(aside,span,button) { padding-left: .5rem !important; }
div#dev menu>aside { cursor: help; }
div#dev menu>:is(aside,span,button):not(:first-child):not(.breakpointname + :is(aside,span,button)) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-left: 1px #E6E6E6 solid !important; }
div#dev menu>:is(aside,span,button):not(:last-child) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
div#dev menu .svg { padding-top: .1rem; }
div#dev menu svg { width: 14px; height: 14px; }
div#dev menu svg path { fill: #000; }
@media (max-width: 575.98px) {
    div#dev menu>:is(aside,span,button)>span,
div#dev menu .svg.visibility { display: none; } }
div#dev .breakpointcorner { display: block; background-color: #000; width: 30px; height: 30px; transform: rotate(45deg); position: fixed; top: -15px; right: -15px; cursor: help; z-index: 999999; }
div#dev menu>aside.breakpointname { font-size: 14px !important; font-weight: bold !important; width: 36px; overflow: hidden; padding: 0; justify-content: center; align-items: center; display: flex; font-size: 14px; }
@media (max-width: 575.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(226,0,122, 1); }
div#dev menu>aside.breakpointname:before { content: "XS"; color: #FFFB; } }
@media (min-width: 576px) and (max-width: 767.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(192,192,0, 1); }
div#dev menu>aside.breakpointname:before { content: "SM"; color: #0007; } }
@media (min-width: 768px) and (max-width: 991.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(0,255,0, 1); }
div#dev menu>aside.breakpointname:before { content: "MD"; color: #0009; } }
@media (min-width: 992px) and (max-width: 1199.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(255,102,0, 1); }
div#dev menu>aside.breakpointname:before { content: "LG"; color: #FFF9; } }
@media (min-width: 1200px) and (max-width: 1399.98px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(0,158,224, 1); }
div#dev menu>aside.breakpointname:before { content: "XL"; color: #FFFA; } }
@media (min-width: 1400px) {
div#dev :is(.breakpointcorner,menu>aside.breakpointname) { background: rgba(154, 51, 223, 1); }
div#dev menu>aside.breakpointname:before { content: "XXL"; color: #FFFA; } }
div#dev .chk { padding-left: calc(calc(.375rem * 2) + 16px  ); cursor: pointer; user-select: none; }
div#dev .chk .checkmark { display: block; width: 16px; height: 16px; width: 14px; height: 14px; background-color: #BBB; position: absolute; margin-top: 3px; margin-left: calc(0px - calc(.175rem + 16px  )); box-shadow: inset 0 0 2px #0006; }
div#dev .chk .checkmark:before { content: ''; position: absolute; display: inline-block; transform: rotate(45deg); height: 10px; width: 6px; margin-top: 1px; margin-left: 4px; border-bottom: 3px solid #333 !important; border-right: 3px solid #333 !important; opacity: 0; }
div#dev .chk .checkmark.checked:before { opacity: 1; }
div#dev div#devgridlayer { position: fixed; z-index: 999999; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; display: none; }
div#dev div#devgridlayer.show { display: block; }
div#dev div#devgridlayer .col { height: 100vh; position: relative; }
div#dev div#devgridlayer .col:before,
div#dev div#devgridlayer .col:after { position: absolute; left: 0; top: 0; bottom: 0; content: ""; display: block; width: 1px; background-color: #FFF; }
div#dev div#devgridlayer .col:after { left: auto; right: 0; }
div#dev div#devgridlayer .col:first-child:before { left: -1px; width: 2px; }
div#dev div#devgridlayer .col:last-child:after { left: auto; width: 2px; right: -1px; }
div#dev div#devgridlayer .col:before,
div#dev div#devgridlayer .col:after { background: linear-gradient(to bottom, transparent, rgba(255,255,255,.5) 20%, rgba(0,0,0,.5) 30%, transparent 40%); animation: go 3s linear infinite; }
@keyframes go {
0% { background-position: 0; }
100% { background-position: 0 100vh; } }
div#dev div#horizontalscrollwarnlayer { display: none !important; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.5); cursor: not-allowed; display: none; z-index: 999999; }
div#dev div#horizontalscrollwarnlayer:before { content: '◄ Scrollbar?! ►'; position: fixed; font-size: 24px; line-height: 24px; background-color: #C00; color: #FFF; width: 100vw; height: 50px; top: calc(50vh - 25px); display: flex; justify-content: center; align-items: center; border-top: 2px #FFF dashed; border-bottom: 2px #FFF dashed; }
body.show-outlines * { border-width: 2px !important; border-style: solid !important; }
body.show-outlines>*, body.show-outlines>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #F00 !important; }
body.show-outlines>*>*, body.show-outlines>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #0F0 !important; }
body.show-outlines>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #00F !important; }
body.show-outlines>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #FF0 !important; }
body.show-outlines>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #F0F !important; }
body.show-outlines>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*, body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*,
body.show-outlines>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>*>* { border-color: #0FF !important; }
body.show-outlines div#dev, body.show-outlines div#dev * { border: 0 !important; }
@media (max-width: 319.98px) {
body { overflow: hidden; }
div#dev :is(div#devgridlayer, div#horizontalscrollwarnlayer, .breakpointcorner, menu) { display: none !important; }
div#dev::after { display: flex; justify-content: center; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background-color: rgba(191,0,0,.85); color: #FFF; overflow-y: scroll; padding: 50px 30px; font-size: 14px; font-family: Arial; text-align: center; white-space: pre-wrap; content: "Zu kleines Display! \A Bitte benutzen Sie für die Anzeige dieser Seite ein grösseres Gerät. \A\A\A Display too small! \A Please use a larger device to view this page. \A\A\A Display troppo piccolo! \A Utilizza un dispositivo più grande per visualizzare questa pagina. \A\A\A Affichage trop petit! \A Veuillez utiliser un appareil plus grand pour afficher cette page. \A\A\A ¡Pantalla demasiado pequeña! \A Utilice un dispositivo más grande para ver esta página. \A\A\A"; z-index: 9999999; } }
.page-tpl main :is(header,section):not([data-blockname=''])::before { position: absolute; z-index: 99999; left: 15px; padding: 15px; margin-top: 15px; background-color: #FF0 !important; color: #000 !important; font: bold 14px Arial; content: 'Block 'attr(data-blocknum)': 'attr(data-blockname); opacity: .8; }
.page-tpl main :is(header,section):not([data-blockname=''])::before { }