:root{--max-width-narrow:1024px;--max-width:1590px;--max-width-extra-wide:1920px}:root:not(:has(.page-sector--intro)) .page-sector:first-of-type .category-bar__container{margin-top:2.5rem}.category-bar{--cat-headline-font-size:1rem;--cat-icon-font-size:1.5rem;box-shadow:0 4px 5px 0 hsl(var(--black)/.14), 0 1px 10px 0 hsl(var(--black)/.12), 0 2px 4px -1px hsl(var(--black)/.2);cursor:pointer;background-position:50%;transition:box-shadow .1s,background-color .8s,background-size .8s;position:relative}@media (width>=960px){.category-bar{--cat-headline-font-size:1.5625rem;--cat-icon-font-size:2.375rem}.category-bar.t-bg--white:hover{--btn-shadow-color:#fff;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--red:hover{--btn-shadow-color:#cd1414;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--red-burgund:hover{--btn-shadow-color:#603;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--red-coral:hover{--btn-shadow-color:#bf5545;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--red-thunderbird:hover{--btn-shadow-color:#ba1212;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--orange-carrot:hover{--btn-shadow-color:#d14900;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--orange-dark:hover{--btn-shadow-color:#ac3c00;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--yellow:hover{--btn-shadow-color:#ffd200;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--dark-gold:hover{--btn-shadow-color:#8a7000;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--blue-petrol:hover{--btn-shadow-color:#007b84;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--blue-denim:hover{--btn-shadow-color:#369;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--blue-mediterranean:hover{--btn-shadow-color:#007ab8;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--blue-vegan:hover{--btn-shadow-color:#3b7b8d;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--green-accessibility:hover{--btn-shadow-color:#008528;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--green-sustainability:hover{--btn-shadow-color:#42806c;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--green-foerderpenny:hover{--btn-shadow-color:#136941;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--light-green-foerderpenny:hover{--btn-shadow-color:#00814f;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--green-plant:hover{--btn-shadow-color:#42806c;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--brown-chocolate:hover{--btn-shadow-color:#624b46;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--brown-espresso:hover{--btn-shadow-color:#936b62;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--brown-sand:hover{--btn-shadow-color:#73795d;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--purple-orchid:hover{--btn-shadow-color:#7a277a;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--purple-lilac:hover{--btn-shadow-color:#936293;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--purple-fuchsia:hover{--btn-shadow-color:#d5347a;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--purple-rouge:hover{--btn-shadow-color:#c8465e;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--grey-midnight:hover{--btn-shadow-color:#404b5b;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--grey-stone:hover{--btn-shadow-color:#4e5a5f;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--wild-sand:hover{--btn-shadow-color:#f6f6f6;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--grey-cobble-stone:hover{--btn-shadow-color:#eaeaea;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--grey-slate:hover{--btn-shadow-color:#667181;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--black-butchers:hover{--btn-shadow-color:#202020;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--blue-ready:hover{--btn-shadow-color:#0089cc;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--red-einfachsparen:hover{--btn-shadow-color:#cd1414;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--green-naturgut:hover{--btn-shadow-color:#049d62;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--sanfabio:hover{--btn-shadow-color:#75c04a;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}.category-bar.t-bg--green-today:hover{--btn-shadow-color:teal;box-shadow:0 1px 1px 0 hsl(var(--btn-shadow-color)/.3), 0 2px 1px 0 hsl(var(--btn-shadow-color)/.2)}}.category-bar>*,.category-bar--single-cat{pointer-events:none}.category-bar__hdln{font-size:var(--cat-headline-font-size);text-align:start;margin:0}.category-bar__icon{color:hsl(var(--white));font-size:var(--cat-icon-font-size);display:flex}.category-bar__container{z-index:1;position:sticky;top:1rem}@media (width>=960px){.category-bar__container{top:1.5rem}}