/* accordion.css */
@layer accordion{.accordion{list-style:none;padding:0;margin:3rem 0;max-width:var(--maxwidth);& .item{border-bottom:2px solid black;&:first-child{border-top:2px solid black;}}& .accbutton{width:100%;padding:1.1rem 0.8rem;background:transparent;border:none;text-align:left;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;position:relative;font-size:var(--fontsize-h4);}& .icon{width:1.75rem;height:1.75rem;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);[aria-expanded="true"] &{transform:rotate(-180deg);}}& .description{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s cubic-bezier(0.4,0,0.2,1);}& .accbutton[aria-expanded="true"] + .description{grid-template-rows:1fr;}& .description > .usertext{overflow:hidden;padding-left:0.8rem;& >:first-child{margin-top:0;}& >:last-child{margin-bottom:2rem;}}@media (prefers-reduced-motion:reduce){.accordion .accbutton::after,.accordion .description{transition:none;}}}}
/* articlefooter.css */
@layer components{.articlefooter{margin:0 0 4rem 0;.inner{display:flex;flex-direction:column;gap:3rem;}.downloadlist{display:flex;flex-direction:column;gap:1rem;}.title{font-size:var(--fontsize-h4);font-weight:700;}.link{display:inline-flex;align-items:center;gap:0.5rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;&:hover{text-decoration-thickness:2px;}}.linkline{display:flex;align-items:center;gap:0.5rem;margin:0.7rem 0;font-size:var(--fontsize-normal);}.ext{font-size:0.875rem;color:rgba(0,0,0,0.66);}.linkitem{font-size:var(--fontsize-normal);list-style:disc;margin:0.6rem 0 0.6rem 2rem;}}}
/* articlelist.css */
@layer components{.articlelist{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;list-style:none;padding:0;margin:0;.item{display:flex;align-items:center;justify-content:center;font-weight:700;text-wrap:balance;}.link{padding:0.8rem 1rem;position:relative;display:flex;align-items:center;line-height:1.2;width:100%;&::before{content:'';background:url('../icons/005_030_clipboard_copy_buffer.svg') no-repeat center center;background-size:100% 100%;width:1.5rem;height:1.5rem;flex-shrink:0;margin-right:0.5rem;}&::after{content:'';position:absolute;inset:0;z-index:-1;width:100%;height:100%;background:url('../img/highlightbox-wide.svg') no-repeat center center;background-size:100% 100%;filter:grayscale(100%);opacity:0.4;}&:nth-child(odd)::after{transform:rotate(180deg);}&:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;&::after{filter:grayscale(0%);opacity:1;}}}}}
/* biglist.css */
@layer components{.biglist{list-style:none;padding:0;margin:4rem 0;max-width:var(--maxwidthnarrow);display:flex;flex-direction:column;gap:4rem;& .item{display:flex;gap:1rem;}& .indicator{display:block;margin-top:-1.9rem;position:relative;color:white;font-size:3.5rem;font-weight:700;min-width:70px;width:70px;text-align:center;line-height:1.5;& svg{position:absolute;top:0;z-index:-1;left:0;width:70px;height:89px;fill:var(--green);}}& .headline{font-size:1.5rem;font-weight:700;line-height:1.333;margin-bottom:0.7rem;}& .usertext{line-height:1.6;& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}}}}
/* bigteaser.css */
@layer components{.bigteaser{position:relative;margin:3rem 0;.inner{display:flex;align-items:center;gap:3rem;@media (max-width:1200px){align-items:flex-start;}@media (max-width:767px){flex-direction:column;gap:1.5rem;}}.content{flex:1;@media (max-width:767px){width:100%;}}.subheadline{margin-bottom:2rem;text-wrap:balance;}.text{font-size:1.5rem;font-weight:700;}.imagewrap{width:100%;@media (max-width:767px){max-width:20rem;}}.image{width:100%;height:100%;object-fit:cover;clip-path:var(--square);aspect-ratio:1/1;}.noimage{width:222px;height:222px;fill:var(--yellow);}.boxlink{display:block;flex:1;max-width:616px;}.morelink{display:inline-flex;margin-top:1rem;align-items:center;gap:0.5rem;font-size:1.5rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;text-decoration:underline;font-variant:all-small-caps;text-underline-offset:0.2em;text-decoration-thickness:1px;transition:all 0.2s ease;&:hover{text-decoration:none;gap:0.75rem;}.icon{width:1.5rem;height:1.5rem;}.style-3 &{margin:0.4rem 0 0 0}}}}
/* blockquote.css */
@layer components{.blockquote{max-width:var(--maxwidth);margin:4rem 0;.text{position:relative;z-index:2;padding:0 7%;}p{font-size:var(--fontsize-h3);font-weight:700;line-height:1.333;position:relative;z-index:2;min-height:6.2rem;display:flex;flex-direction:column;justify-content:flex-end;}svg{position:absolute;fill:var(--orange);width:145px;z-index:1;left:-5px;bottom:-4.5rem;}& .author{display:flex;gap:1.5rem;padding:0 7%;margin:5rem 2% 0;}& .portrait{background:var(--green);width:111px;min-width:111px;min-height:111px;height:111px;margin-top:-35px;object-fit:cover;clip-path:var(--circle);}& .source{font-size:1rem;font-style:normal;display:block;strong{display:block;}}& .imagesource{margin-top:0.15rem;font-size:0.8rem;font-style:normal;color:#888;display:block;}}}
/* breadcrumb.css */
@layer components{.breadcrumb{margin-bottom:3rem;font-size:var(--fontsize-small);.list{display:flex;flex-wrap:wrap;gap:0.3rem;.item{&:not(:last-child)::after{content:'//';display:inline-block;margin-left:0.2rem;margin-right:0.2rem;color:#666;}& .current{color:#666;}}}a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3rem;&:hover{text-decoration-thickness:2px;}}}}
/* cart.css */
@layer components{.cart{width:calc(100% + 2rem);max-width:calc(100% + 2rem);overflow-x:auto;margin:3rem -1rem 0.75rem -1rem;border-spacing:1rem;& + .smallprint{text-align:right;}.item{position:relative;&::after{content:'';background:url('../img/rectangle1.svg') no-repeat center center;background-size:100% 100%;position:absolute;inset:-1rem;width:calc(100% + 2rem);height:calc(100% + 2rem);z-index:-1;opacity:0.1;}}.textinput{width:100%;max-width:4rem;text-align:center;}.cell{&.image{width:6rem;.image{border:2px solid white;}}&.description{max-width:25rem;p{font-size:0.875rem;}}&.amount{white-space:nowrap;}&.price{text-align:right;.price{font-size:var(--fontsize-h4);font-weight:700;line-height:1.2;}.vat{font-size:var(--fontsize-small);color:#888;}}}.headline{font-size:var(--fontsize-h4);font-weight:700;margin-bottom:0.5rem;line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;&:hover{text-decoration-thickness:2px;}}}}
/* cookienudge.css */
@layer components{.cookienudge{background:white;padding:2rem;max-width:var(--maxwidth);height:100%;text-align:center;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:1rem;& .buttons{display:flex;gap:1rem;justify-content:center;}}}
/* divider.css */
@layer components{.divider{margin-top:4rem;margin-bottom:4rem;padding-top:3%;padding-bottom:3%;hr{display:none;}svg{max-width:70%;width:356px;fill:var(--orange);}}}
/* downloadbox.css */
@layer components{.downloadbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:3.5rem;margin:4rem 1rem 5rem 1rem;@media (min-width:1440px){margin-left:-1rem;margin-right:-1rem;}.item{position:relative;display:flex;align-items:center;gap:1rem;margin:1rem 0;& > svg:first-child{position:absolute;height:calc(100% + 2rem);width:calc(100% + 2rem);inset:-1rem;fill:var(--yellow);z-index:-1;}}.title{font-size:var(--fontsize-h3);font-weight:700;}.description{margin-top:0.75rem;}.linkline{display:flex;align-items:center;gap:0.5rem;margin:0.7rem 0;font-size:var(--fontsize-normal);}.ext{font-size:0.875rem;color:rgba(0,0,0,0.66);}.link{text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px;&:hover{text-decoration-thickness:2px;}}.cover{width:130px;height:130px;*{width:100%;height:100%;object-fit:cover;}img{border:3px solid white;}}}}
/* figure.css */
@layer components{.figure{position:relative;max-width:var(--maxwidth);margin:2.5rem 0;.list &{margin:0;}& .caption{width:100%;margin:0.5rem;line-height:1.333;display:flex;flex-direction:column;gap:1rem;max-width:var(--maxwidth);}& .imagewrap{display:block;position:relative;border:0.5rem white solid;max-width:var(--maxwidth);overflow:hidden;}& .source{font-style:normal;position:absolute;bottom:0;right:0;padding:.2em .4em;background:rgba(0,0,0,0.5);color:rgba(255,255,255,0.6);font-size:0.625rem;}}}
/* footer.css */
@layer components{.footer{background-color:var(--green);color:white;padding:6%;position:relative;z-index:1;.logo{width:300px;min-width:300px;max-width:300px;height:auto;filter:brightness(0) invert(1);margin:0 auto;}.logowrap{margin:0 0 4rem 0;}.list{display:flex;width:100%;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2rem;}.headline{font-size:1.25rem;font-weight:700;font-variant:all-small-caps;letter-spacing:0.04em;margin-bottom:1rem;}.item{flex:1;min-width:15em;padding-bottom:2rem;}.sublink{display:block;padding:0.5rem 0;&:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;}}.meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:4rem;margin:4rem 0;color:rgba(255,255,255,0.66);}.metaitem{flex:1;max-width:20rem;}.address{font-style:normal;line-height:2.4;a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;&:hover{text-decoration:none;color:white;}}}.logos{display:flex;gap:3rem;align-items:center;padding:0.7x rem 0;}.logo{svg{height:4rem;width:auto;transition:transform 0.1s ease-in-out;}&.ffh{svg{height:3.3rem;}}&.wfto{fill:#fff;}&:hover svg{color:white;transform:scale(1.05);}}.legal{color:rgba(255,255,255,0.66);display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:wrap;padding:0.7rem 0;font-variant:all-small-caps;letter-spacing:0.04em;}.legalitem a{&:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;color:white;}}}}
/* footerglobal.css */
@layer components{.footerglobal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:2rem 0;gap:2rem;.link::before{display:none;}}}
/* gallery.css */
@layer components{.gallery{margin-top:2.5rem;margin-bottom:2.5rem;max-width:var(--maxwidth);position:relative;&.pseudoSplide{visibility:visible;.splide__list{display:flex;gap:1rem;}.splide__slide{flex:1;}}&:has(.splide__pagination){margin-bottom:8rem;}&:has(.splide__arrows){margin-bottom:8rem;}& .downloadwrap{display:flex;align-items:center;gap:0.4rem;& small{font-size:0.75rem;opacity:0.6;position:relative;top:0.1em;}}& .download{text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px;}&.static{max-width:100%;&.count-2{max-width:var(--maxwidthwider);&.highlight-2,&.highlight-3,&.highlight-4{max-width:calc(var(--maxwidthwider) + 4rem);}}& .list{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:2rem;&.count-1{display:block;}&.count-2,&.count-4{grid-template-columns:repeat(2,1fr);max-width:var(--maxwidthwider);}}& img{width:100%;}}& .splide__arrow{top:auto;bottom:-4.8rem;width:2.5rem;height:2.5rem;padding:0.2rem;background:none;opacity:1;border-radius:0;svg{width:100%;height:100%;}&.splide__arrow--prev{left:0;.highlight-2 &,.highlight-3 &,.highlight-4 &{left:2rem;}}&.splide__arrow--next{right:0;.highlight-2 &,.highlight-3 &,.highlight-4 &{right:2rem;}}}& .figure > a:first-child{position:relative;display:block;& img{transition:transform 0.35s;&:hover{transform:scale(1.05);}}}& .lightbox > .icon:first-child{fill:white;position:absolute;z-index:10;pointer-events:none;top:calc(50% - 1.166rem);left:calc(50% - 1.166rem);width:2.333rem;height:2.333rem;background:black;border-radius:50%;transition:transform 0.15s;.lightbox:hover &{transform:scale(1.2);}}& .splide__pagination{gap:1.1rem;bottom:-3.5rem;}& .splide__pagination__page{width:1.7rem;height:1.7rem;padding:0.2rem;background:none;opacity:1;border:0.17rem solid black;&.is-active{transform:none;background:black;}}& .caption.forall{margin:0.5rem;}&.highlight-2,&.highlight-3{& .splide__pagination__page{border-color:white;&.is-active{background:white;}}& .splide__arrow svg{fill:white;}}}.gslide-description{background:var(--green)}.gslide-desc{font-family:var(--font-serif);font-size:1rem;color:white;line-height:1.25;text-align:center;text-wrap:balance;}}
/* globalmenu.css */
@layer components{.globalmenu{display:flex;align-items:center;flex-wrap:wrap;padding:0.3rem 0;gap:1rem;@media (max-width:1001px){position:fixed;bottom:0;left:0;width:100%;background:white;z-index:10;padding:1rem;}.capsitem{&.social{& + .social{margin-left:-1rem;margin-right:-0.4rem;}& span:last-child{display:block;text-indent:-9999px;overflow:hidden;width:0;height:0;opacity:0;}}&:last-child{margin-left:auto;border-left:2px solid #000;padding-left:1.5rem;}}}}
/* header.css */
@layer components{.header{background-color:white;padding-top:1rem;padding-bottom:1rem;@media (min-width:1000px){padding-bottom:0;& .wrap{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;min-height:100px;.service &{display:grid;grid-template-columns:1fr 1fr 1fr;& >:nth-child(1){grid-column:2 / 2;}& >:nth-child(2){grid-column:3 / 3;}}}}.wrap{padding-bottom:0;}& .logo{width:222px;min-width:222px;max-width:222px;height:auto;margin:0 auto;@media (min-width:1000px){width:300px;min-width:300px;max-width:300px;margin:0;}}& .logowrap{position:relative;z-index:1;align-self:flex-end;padding-top:1rem;padding-bottom:1rem;.service &{margin:0 auto;}}& .secondarymenues{display:flex;flex-direction:column;align-items:flex-end;gap:2.6rem;&:has(.userbox[aria-expanded="true"]){&::before{content:'';position:fixed;z-index:3;inset:0;width:100%;height:100%;background:rgba(0,0,0,0.3);}}}}}
/* menu-desktop-service.css */
@layer components{@media (min-width:1000px){.service .menu{padding-bottom:1.7rem;position:relative;z-index:2;&.open::before{content:'';position:fixed;inset:0;z-index:2;background:rgba(0,0,0,0.3);pointer-events:none;}.wrap{display:flex;align-items:center;justify-content:space-between;position:relative;}.legend{display:none;align-items:center;gap:0.5rem;font-size:0.875rem;color:#777;font-weight:400;position:absolute;right:2rem;bottom:2rem;.icon{fill:#777;width:1.125rem;height:1.125rem;}&.membersonly{display:flex;}}.burgerwrap{background:url('../img/highlightbox2.svg') 50% 50% no-repeat;background-size:100% 100%;padding:1.5rem;margin:-1.5rem;transition:all 0.2s;&:has(:hover){padding:1.7rem;margin:-1.7rem;}}.burger{padding:0.5rem 1rem;border:3px solid #000;background:white;white-space:nowrap;font-size:2rem;font-variant:all-small-caps;font-weight:700;letter-spacing:0.02em;display:flex;transition:all 0.2s;&:hover{outline:2px solid #000;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;}span{position:relative;top:-0.08em;}svg{width:2.1rem;height:1.9rem;}}.list{position:absolute;transform:translateY(1.7rem) translateX(-2rem);left:5%;right:5%;z-index:2;opacity:0;pointer-events:none;top:5rem;padding:2rem 56% 2rem 3rem;grid-template-columns:repeat(2,1fr);transition:all 0.3s ease-in-out;&.burgeropen{opacity:1;pointer-events:auto;display:block;}&::before,&::after{pointer-events:none;content:'';position:absolute;z-index:-1;inset:0;background:url('../img/menuframe2.svg') 50% 50% no-repeat;background-size:100% 100%;pointer-events:none;}&::before{background-image:url('../img/menuframe2-shadow.svg');transform:translate(4.582px,4.685px);}& >.item{font-weight:600;font-size:1.5rem;white-space:nowrap;}}.toggler{display:flex;position:relative;width:100%;padding:1rem 2.7rem 1rem 0;justify-content:space-between;.icon{min-width:1.25rem;min-height:1.25rem;transform:rotate(-90deg);}span{position:relative;z-index:1;}&[aria-expanded="true"],&:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.15em;&::after{content:'';z-index:0;position:absolute;pointer-events:none;inset:0.5rem 1rem 0.5rem -0.8rem;background:url('../img/highlightbox-wide.svg') 50% 50% no-repeat;background-size:100% 100%;}}}.highlight{display:none;}.submenu{position:absolute;top:3rem;bottom:3rem;left:37.5%;border-left:2px solid #000;width:2px;overflow:hidden;overflow-y:auto;&::-webkit-scrollbar{display:none;}&{-ms-overflow-style:none;scrollbar-width:none;}.toggler[aria-expanded="true"] + .submenuwrap &{width:auto;padding:0 2rem;}}.subitem{font-size:1.125rem;font-weight:400;&.overview{margin:0 0 0 -0.15em;grid-column:span 2;font-variant:all-small-caps;font-size:1.333rem;letter-spacing:0.02em;display:flex;align-items:center;gap:0.5rem;.icon{width:1.75rem;height:1.75rem;}span:last-child{position:relative;top:-0.3em;}}}.sublink{display:inline-block;padding:0.5rem 0;position:relative;span{position:relative;z-index:1;display:inline-flex;justify-content:flex-start;gap:0.2em;align-items:center;}.icon:last-child{position:relative;top:0.125em;width:1.125rem;height:1.125rem;left:0.15rem;}&:hover,&:focus,&:active,&[aria-current="page"]{span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;}&::before{content:'';position:absolute;inset:0 -0.5em;background:url('../img/highlightbox.svg') 50% 50% no-repeat;background-size:100% 100%;z-index:0;}}}}}}
/* menu-desktop.css */
@layer components{@media (min-width:1000px){.menu{background:url('../img/whiteheader.svg') 50% 100% repeat-x;background-size:130%;}.www .menu{&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}& .wrap{display:flex;justify-content:space-between;align-items:center;gap:2rem;}& .burgerwrap{display:none;}& .list{display:flex;gap:2rem;position:relative;top:0.9rem;z-index:2;@media (max-width:1150px){gap:1rem;}}& .item{font-weight:600;font-size:1.125rem;white-space:nowrap;@media (max-width:1150px){font-size:1rem;}&:not(.haschildren){display:block;position:relative;z-index:0;&::before{opacity:0;pointer-events:none;content:'';position:absolute;inset:-0.5rem -0.5rem 1rem -0.5rem;background:url('../img/highlightbox-wide.svg') 50% 50% no-repeat;background-size:100% 100%;z-index:0;}&:hover,&:active,&.currentpage,&.currentparent{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;&::before{opacity:1;z-index:0;}}}}.link{position:relative;display:block;padding-bottom:1.5rem;}.toggler{display:flex;align-items:center;gap:0.3rem;position:relative;padding-bottom:1.5rem;span{position:relative;z-index:1;}& .icon{width:1.25rem;height:1.25rem;}&::before{opacity:0;pointer-events:none;content:'';position:absolute;inset:-0.5rem -0.5rem 1rem -0.5rem;background:url('../img/highlightbox-wide.svg') 50% 50% no-repeat;background-size:100% 100%;z-index:0;}&[aria-expanded="true"],&:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;&::before{opacity:1;}}}& .item.haschildren.currentpage .toggler{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;&::before{opacity:1;}}& .submenuwrap{display:none;position:absolute;left:-2rem;right:-300px;background:url('../img/menuframe.svg') 50% 50% no-repeat;background-size:100% 100%;padding:1.5rem;align-items:stretch;gap:2rem;.toggler[aria-expanded="true"] + &{display:flex;}&::before{content:'';position:absolute;z-index:-1;inset:0;transform:translate(4.582px,4.685px);background:url('../img/menuframe-shadow.svg') 50% 50% no-repeat;background-size:100% 100%;pointer-events:none;}}.submenu{flex:2;display:grid;grid-template-columns:repeat(2,1fr);}.subitem{margin:0.5rem 0;&.overview{margin:0 0 0 -0.15em;grid-column:span 2;font-variant:all-small-caps;font-weight:700;font-size:1.333rem;letter-spacing:0.02em;display:flex;align-items:center;gap:0.5rem;.icon{width:1.75rem;height:1.75rem;}span:last-child{position:relative;top:-0.3em;}}}.sublink{display:inline-block;padding:0.5rem 1rem;position:relative;span{position:relative;z-index:1;}&::before{opacity:0;pointer-events:none;content:'';position:absolute;inset:0;background:url('../img/highlightbox-wide.svg') 50% 50% no-repeat;background-size:100% 100%;z-index:0;}&:hover,&[aria-current="page"],&.currentpage,&.currentparent{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;&::before{opacity:1;}}}.highlight{flex:1;background:#ddd;display:flex;align-items:center;justify-content:center;padding:0.5rem 1rem;text-align:center;font-weight:700;font-size:0.875rem;line-height:1;}}}}
/* menu-mobile.css */
@layer components{@media (max-width:1001px){.menu{background:url('../img/whiteheader.svg') 50% 100% repeat-x;background-size:150%;padding-bottom:.5rem;position:relative;z-index:2;.list{opacity:0;pointer-events:none;position:absolute;z-index:1;background:white;top:72px;left:0;right:0;padding:5%;flex-direction:column;gap:1rem;&.burgeropen{opacity:1;pointer-events:auto;display:flex;}}.wrap{display:flex;flex-direction:row-reverse;align-items:center;width:100%;justify-content:space-between;}.highlight{display:none;}.item{list-style:none;margin:0;padding:0;font-weight:700;&:not(.haschildren){position:relative;z-index:0;&::before{opacity:0;pointer-events:none;content:'';position:absolute;inset:0 -0.75rem;background:url('../img/highlightbox.svg') 50% 50% no-repeat;background-size:100% 100%;z-index:0;}&:hover,&:active,&.currentpage,&.currentparent{&::before{opacity:1;}}}&.haschildren.currentpage .toggler::before{opacity:1;}}.toggler{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0;background:none;border:none;font-size:inherit;font-weight:700;cursor:pointer;text-align:left;position:relative;z-index:0;span{position:relative;z-index:1;}&::before{opacity:0;pointer-events:none;content:'';position:absolute;inset:0 -.75rem;background:url('../img/highlightbox.svg') 50% 50% no-repeat;background-size:100% 100%;z-index:0;}.icon{display:inline-flex;transition:transform 0.3s ease;position:relative;z-index:1;}&[aria-expanded="true"],&:hover,&:active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;&::before{opacity:1;}}&[aria-expanded="true"] .icon{transform:rotate(180deg);}}.item.current .toggler::before{opacity:1;}.submenuwrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease;overflow:hidden;}.toggler[aria-expanded="true"] + .submenuwrap{grid-template-rows:1fr;}.submenu{min-height:0;overflow:hidden;list-style:none;padding:0 0 0 1.5rem;margin:0;}.subitem{margin:0.5rem 0;font-weight:400;}.sublink{display:block;padding:0.5rem 0;text-decoration:none;position:relative;z-index:0;span{position:relative;z-index:2;}&::before{opacity:0;pointer-events:none;content:'';position:absolute;inset:0 -1rem;background:url('../img/highlightbox-wide.svg') 50% 50% no-repeat;background-size:100% 100%;z-index:0;}&:hover,&:active,&.current,&[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;&::before{opacity:1;}}}.link{display:block;padding:0.75rem 0;text-decoration:none;position:relative;z-index:1;}}.burgerwrap{background:url('../img/highlightbox.svg') 50% 50% no-repeat;background-size:100% 100%;padding:.7rem;margin:-0.7rem;transition:all 0.2s;}.burger{padding:0.35rem 1rem;border:3px solid #000;background:white;white-space:nowrap;font-size:1.25rem;font-variant:all-small-caps;font-weight:700;letter-spacing:0.02em;display:flex;transition:all 0.2s;&:hover{outline:2px solid #000;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;}span{position:relative;top:-0.08em;}svg{width:1.4rem;height:1.1rem;}}}}
/* pagination.css */
@layer components{.pagination{display:flex;justify-content:center;align-items:center;gap:1.2rem;font-size:1.3rem;.link,.label{width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;padding:0.25em 0.7em;font-size:1em;border-radius:50px;}.current .label{background:var(--orange);font-weight:700;}.link:hover,.item:not(.current):hover .label{background:var(--orange);cursor:pointer;}}}
/* person.css */
@layer components{.person{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:2rem;margin:3rem 0;@media (max-width:600px){grid-template-columns:none;gap:3rem;margin-left:5%;margin-right:5%;}&.list{@media (min-width:1440px){margin-left:-2rem;margin-right:-2rem;width:calc(100% + 4rem);}}& .item{position:relative;padding:1.5rem;& > svg{position:absolute;z-index:-1;inset:0;width:100%;height:100%;fill:white}}&.single{margin:2rem 0;}& .inner{display:flex;gap:1.5rem;@media (max-width:600px){flex-direction:column;gap:1rem;}}& .portrait{width:178px;height:178px;object-fit:cover;clip-path:var(--square);svg{fill:var(--orange);}}& .name{font-size:1.5rem;font-weight:700;line-height:1.333;}& .line{display:flex;align-items:center;gap:1rem;margin-top:0.7em;}& .link{text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px;}& .description *{font-size:1rem;line-height:1.5;hyphens:auto;}}}
/* podcastbox.css */
@layer components{.podcastlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));gap:4rem;margin:5rem 0;@media (min-width:1440px){margin-left:-1rem;margin-right:-1rem;}}.podcastbox{position:relative;.teaser{font-size:var(--fontsize-small);line-height:1.333;font-weight:400;margin-top:1rem;}.headline{font-size:var(--fontsize-h3);font-weight:700;max-width:var(--maxwidth);line-height:1.2;text-wrap:balance;margin-top:1rem;}.playerwrap{position:relative;margin-top:2rem;max-width:var(--maxwidth);svg{position:absolute;inset:-1rem;width:calc(100% + 2rem);height:calc(100% + 2rem);z-index:-1;fill:var(--orange);}}iframe{width:100%;height:100%;border:none;}}}
/* prevnext.css */
@layer components{.prevnext{display:flex;flex-direction:row;align-items:center;gap:1rem;a{background-color:var(--green);clip-path:var(--circle);width:3.5rem;height:3.5rem;overflow:hidden;transition:transform 0.1s ease;&:hover{transform:scale(1.1);}}.icon{width:100%;height:100%;svg{width:3.5rem;height:3.5rem;padding:0.75rem;fill:white;}}}}
/* product.css */
@layer components{.product{position:relative;margin-top:0;.pagination{position:absolute;top:0;right:0;}.metadata{display:flex;gap:2rem;}.metadatainner{flex:2;}.imagewrap{flex:1;}.figure{margin:0;}.description{font-size:var(--fontsize-teaser);font-weight:700;line-height:1.5;}.datasheet{display:table;font-size:var(--fontsize-normal);margin:2rem 0;}.datapair{display:table-row;}.datakey{display:table-cell;line-height:1.1;font-weight:700;padding:0.5rem 1rem 0.5rem 0;font-variant:all-small-caps;font-size:var(--fontsize-h4);letter-spacing:0.02em;}.datavalue{display:table-cell;padding:0.5rem 0 0.5rem 0;}.editions{display:flex;flex-direction:column;gap:1rem;}.edition{position:relative;padding:1rem;&::before{content:'';position:absolute;inset:0;width:100%;height:100%;background:url('../img/rectangle1.svg') no-repeat center center;background-size:100% 100%;opacity:0.1;z-index:-1;}}.variation{font-size:var(--fontsize-h4);font-weight:700;line-height:1.2;}.id{font-size:var(--fontsize-normal);font-weight:400;}.prices{display:flex;flex-direction:column;gap:1rem;}.pricelevel{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem;}.price{display:flex;gap:1rem;}.pricevalue{display:flex;flex-direction:column;text-align:right;}.pricevalueinner:not(.free):not(.oldprice):not(.notmine){font-size:var(--fontsize-h3);font-weight:700;line-height:1.2;}.pricevalueinner{&.oldprice{color:#888;white-space:nowrap;&::before{content:'Vorher:';}}}.vat{font-size:var(--fontsize-smalltext);font-weight:400;color:#888;text-align:right;width:100%;}.count{width:3rem;text-align:center;font-weight:700;}.form{display:flex;gap:0.3rem;align-items:center;justify-content:space-between;width:100%;}.animated{position:absolute;}}}
/* products.css */
@layer components{.products{padding:3rem 5vw;.catheadline{font-size:var(--fontsize-h2);text-align:center;font-weight:700;margin-bottom:2.5rem;margin-top:4.5rem;font-variant:all-small-caps;letter-spacing:0.02em;padding-bottom:0.5rem;border-bottom:2px solid black;&:nth-child(2){margin-top:0;}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3rem;}.item{position:relative;padding:0.5rem;display:flex;flex-direction:column;justify-content:space-between;gap:1rem;&:hover{.title{text-decoration-thickness:2px;}.image{transform:scale(1.05);}& > svg{fill:white;}}& > svg{position:absolute;inset:-1rem;width:calc(100% + 2rem);height:calc(100% + 2rem);z-index:-1;fill:rgba(0,0,0,0.03);transition:all 0.2s ease;}&:nth-child(odd) > svg{transform:rotate(180deg);}}.productimage{margin-bottom:1rem;overflow:hidden;box-shadow:0 0 12px 0 rgba(0,0,0,0.16);width:fit-content;}.image{transition:all 0.2s ease;max-height:220px;}.title{font-size:var(--fontsize-h4);font-weight:700;margin-bottom:0.5rem;line-height:1.2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;transition:all 0.2s ease;}.description{margin-bottom:1rem;hyphens:auto;}.attributes{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;position:relative;&::before{content:'';background:url(../img/rectangle1.svg) no-repeat center center;background-size:100% 100%;position:absolute;inset:-0.7rem;width:calc(100% + 1.4rem);height:calc(100% + 1.4rem);z-index:1;opacity:0.1;}}.attribute{display:flex;align-items:center;width:100%;position:relative;z-index:2;& + .attribute{border-top:1px dashed #999;padding-top:0.5rem;}}.amount{width:100%;}.price{text-align:right;font-weight:700;}.pricevalueinner{white-space:nowrap;font-size:1.5rem;line-height:1.5rem;&.notmine{font-size:1rem;color:#888;font-weight:400;}&.members.notmine::before{content:'Mitglieder:';}&.oldprice{text-decoration:line-through;&::before{content:'Vorher:';}}}.notforyou{line-height:1.2;text-align:center;text-wrap:balance;}.specialitem{position:absolute;top:-5px;right:0;font-weight:700;letter-spacing:0.04em;font-variant:all-small-caps;padding:0.25rem 0.75rem 0.4rem 0.75rem;span{position:relative;z-index:1;}svg{width:1.5rem;height:1.5rem;fill:currentColor;position:absolute;inset:0;z-index:0;width:100%;height:100%;}&.deal{color:white;svg{color:var(--green);}}&.soon{color:black;svg{color:var(--yellow);}}&.soldout{color:white;svg{color:#c00;}}}.vat{font-size:0.875rem;color:#888;text-align:right;width:100%;}}}
/* searchform.css */
@layer components{.searchform{@media (min-width:1000px){position:relative;z-index:1;overflow-x:hidden;padding-right:calc((100vw - 101.4%) / 2);margin-right:calc(-1 * (100vw - 101.4%) / 2);.www &{margin-bottom:-1rem;}.service &{padding-right:calc((98vw - 101.4%) / 2);margin-right:calc(-1 * (98vw - 101.4%) / 2);}&::after{content:'';position:absolute;z-index:-1;top:0;left:0;display:block;width:759px;height:103px;background:url(../img/searchfield.svg) 0 50% no-repeat;background-size:100% 100%;}& .fieldwrap{display:flex;align-items:center;gap:0.5rem;height:104px;padding-left:1rem;& .icon{width:2rem;height:2rem;min-width:2rem;min-height:2rem;}}}@media (max-width:1001px){& .fieldwrap{display:flex;align-items:center;gap:0.5rem;}}& .textinput{font-family:var(--noto),sans-serif;font-size:1rem;padding-top:0.35rem;padding-bottom:0.45rem;width:100%;@media (max-width:1001px){max-width:calc(100vw - 14rem);padding-top:0.25rem;padding-bottom:0.25rem;}}}}
/* searchresults.css */
@layer components{.searchresults{content:'';position:absolute;inset:0;z-index:2;width:100%;height:100%;background:rgba(0,0,0,0.3);.list{position:absolute;z-index:4;width:600px;max-width:90vw;height:600px;max-height:90vh;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);z-index:2;background:white;border:2px solid black;color:var(--text);overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}}.empty,.loading{text-align:center;font-size:var(--fontsize-h3);font-weight:700;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%;img{width:6rem;height:6rem;display:block;margin:0 auto;}}.result{display:flex;gap:0.5rem;flex-direction:column;padding:1rem;border-bottom:1px solid black;&:last-child{border-bottom:none;}&:hover{background:var(--darkpaper);}&:focus-visible{outline-offset:-3px;outline-width:3px;}}.title{display:flex;gap:1rem;align-items:center;justify-content:space-between;}.template{font-size:var(--fontsize-smallkicker);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin:0;white-space:nowrap;}.name{font-size:var(--fontsize-h4);font-weight:500;line-height:1.2;}.text{font-size:var(--fontsize-small);}}}
/* shopnavi.css */
@layer components{.shopnavi{.wrap:has(&){background:var(--darkpaper);padding-top:2rem;padding-bottom:2rem;}.forms{display:flex;gap:3rem;& > .form{width:100%;max-width:22rem;}}}.shoptabs{position:sticky;top:0;z-index:3;padding:0.7rem 0;backdrop-filter:blur(5px);&::before{content:'';position:absolute;inset:0;background:var(--paper);opacity:0.8;}}.tabslist{max-width:var(--maxwidth);margin:0 auto;position:relative;z-index:1;display:flex;justify-content:center;align-items:stretch;gap:0.5rem;text-align:center;.item{flex:1;}.link{padding:0.4rem 1em;height:4rem;display:flex;align-items:center;justify-content:center;flex:1;color:var(--grey-dark);font-size:var(--fontsize-h4);font-weight:700;transition:background 0.15s,color 0.12s;line-height:1.1;max-width:12em;&:hover{background:url('../img/highlightbox.svg') 50% 50% no-repeat;background-size:100% 100%;}}.link[aria-current="page"]{background:url('../img/highlightbox.svg') 50% 50% no-repeat;background-size:100% 100%;}@media (max-width:800px){flex-wrap:wrap;.link{padding:0.7rem 1.25rem 0.6rem 1.25rem;font-size:1rem;}}}}
/* slimbox.css */
@layer components{.slimbox{position:fixed;inset:0;z-index:3;background:rgba(0,0,0,0.5);.close{background:var(--paper);border-bottom-left-radius:1rem;padding:1rem;position:absolute;top:calc(1rem + 3vh);left:calc(50% + 288px);font-size:var(--fontsize-h4);font-variant:all-small-caps;font-weight:700;letter-spacing:0.04em;display:flex;align-items:center;gap:0.5rem;.icon{width:1.75rem;height:1.75rem;}&:hover,&:active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;.icon{transform:scale(1.1);}}span:last-child{line-height:1;position:relative;top:-0.1em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;}@media (max-width:990px){left:auto;right:4px;top:3.5rem;}}& > svg{position:absolute;inset:0;top:50%;transform:translateY(-50%);width:100%;height:100%;max-width:940px;max-height:calc(90vh + 3rem);margin:0 auto;z-index:-1;fill:var(--paper);}.iframe{display:block;border:none;margin:3rem auto 0;width:900px;max-width:90vw;height:90vh;}}}
/* supplier.css */
@layer components{.supplier{.keydata{display:flex;gap:3rem;}.metadata{display:flex;flex-direction:column;gap:1rem;max-width:30rem}.suppliers{display:flex;flex-direction:column;gap:1rem;}.logowrap{max-width:250px;}.qm{text-align:center;}.contactitem{display:flex;gap:0.5rem;align-items:center;margin:0.5rem 0;}.contactlink{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;&:hover{text-decoration-thickness:2px;}}}}
/* suppliers.css */
@layer components{.suppliers{.results{display:flex;flex-direction:column;gap:3rem;margin:3rem auto;max-width:90%;}.result{display:flex;gap:1rem;position:relative;padding:1rem;&::before{content:'';position:absolute;inset:-1rem;width:calc(100% + 2rem);height:calc(100% + 2rem);z-index:-1;background:url('../img/rectangle2.svg') no-repeat center center;background-size:100% 100%;filter:invert(1) brightness(1);}&:nth-child(even)::before{background:url('../img/rectangle1.svg') no-repeat center center;background-size:100% 100%;}}.resultwrap{display:flex;gap:2rem;}.resultheadline{font-size:var(--fontsize-h3);font-weight:700;line-height:1.333;text-wrap:balance;margin:0 0 0.5rem 0;a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;&:hover{text-decoration-thickness:2px;}}}.resultlogowrap{min-width:150px;max-width:150px;}.resultheadlinewrap{width:15rem;}.attributelists{width:100%;display:flex;flex-direction:column;gap:1rem;}.attheadline{font-size:var(--fontsize-kicker);font-variant:all-small-caps;font-weight:700;letter-spacing:0.04em;margin-bottom:0.5rem;line-height:1;}.attitem{display:inline-block;&::after{content:' | ';color:var(--orange);font-weight:700;}&:last-child::after{content:'';margin-right:0;}}.detailbutton{align-self:flex-start;}.addnew{font-size:var(--fontsize-normal);}.addnewaction{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;&:hover{text-decoration-thickness:2px;}}}}
/* support.css */
@layer components{.support{position:relative;overflow:hidden;padding-top:3rem;padding-bottom:3rem;background:white;.text{max-width:var(--maxwidth);font-size:var(--fontsize-small);line-height:1.5;margin-bottom:2rem;text-wrap:balance;}.logos{background:white;display:flex;gap:2rem;align-items:center;flex-wrap:wrap;.logo{width:100%;max-width:12rem;}}}}
/* tagmatrix.css */
@layer components{.tagmatrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-width:var(--maxwidthwider);margin:2rem auto;.tag{aspect-ratio:1/1;clip-path:var(--circle);background:white;line-height:1;display:flex;align-items:center;justify-content:center;}.link{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;padding:0.5em;font-size:var(--fontsize-h3);font-variant:all-small-caps;font-weight:700;letter-spacing:0.04em;position:relative;transition:all 0.2s ease;span{display:inline-block;margin:0 0.15em;}&:hover{background:var(--orange);font-size:var(--fontsize-h4);}}}}
/* teaser.css */
@layer components{.teasers{margin:3rem 1rem;@media (min-width:1440px){margin-left:-1rem;margin-right:-1rem;}&.style-1{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:3rem;@media (max-width:767px){grid-template-columns:none;gap:3rem;margin-left:5%;margin-right:5%;}}&.style-2{display:flex;flex-direction:column;gap:3rem;max-width:1000px;margin-left:auto;margin-right:auto;@media (max-width:767px){margin-left:5%;margin-right:5%;}}&.style-3{display:grid;gap:4.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));.noimage,.imagewrap,.kicker,.text{display:none;}@media (max-width:767px){grid-template-columns:none;gap:3rem;margin-left:5%;margin-right:5%;}}}.teaser{position:relative;.style-1 &{flex:1;.content{margin-top:1rem;}}.style-1 &,.style-2 &{&:nth-child(odd){&::before{content:'';position:absolute;inset:-1rem;background:url('../img/rectangle1.svg') no-repeat center center;background-size:100% 100%;filter:invert(1);z-index:-1;}}}.style-3 &::before{content:'';position:absolute;inset:-1rem;background:url('../img/rectangle1.svg') no-repeat center center;background-size:100% 100%;filter:invert(1);z-index:-1;}&:nth-child(3n+1) .noimage{fill:var(--yellow);}&:nth-child(3n+2) .noimage{fill:var(--blue);}&:nth-child(3n) .noimage{fill:var(--green);}.inner{.style-2 &{display:flex;align-items:center;gap:3rem;}}.kicker{font-size:var(--fontsize-smallkicker);}.headline{font-size:var(--fontsize-h3);font-weight:700;margin:0.8rem 0 0.5rem;.style-3 &{margin:0}}.text{font-size:var(--fontsize-normal);line-height:1.6;}.imagewrap{max-width:222px;}.image{width:100%;height:100%;object-fit:cover;clip-path:var(--square);aspect-ratio:1/1;}.noimage{width:222px;height:222px;fill:var(--yellow);}.boxlink{display:block;}.morelink{display:inline-flex;margin-top:1rem;align-items:center;gap:0.5rem;font-size:1.125rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;text-decoration:underline;font-variant:all-small-caps;text-underline-offset:0.2em;text-decoration-thickness:1px;transition:all 0.2s ease;&:hover{text-decoration:none;gap:0.75rem;}.icon{width:1.25rem;height:1.25rem;position:relative;top:0.1em;}.style-3 &{margin:0.4rem 0 0 0}}}}
/* textimage.css */
@layer components{.textimage{position:relative;align-items:flex-start;gap:2rem;display:flex;flex-direction:row;max-width:var(--maxwidthwider);&.layout-2,&.layout-4{flex-direction:row-reverse;}@media (max-width:767px){flex-direction:column!important;}&.layout-3,&.layout-4{padding:10vw 0;justify-content:center;}img{width:100%;}& > svg{position:absolute;inset:0;height:100%;z-index:-1;}.figure{flex:1;margin:0;.layout-3 &{transform:rotate(-2deg);max-width:45%;}.layout-4 &{transform:rotate(3deg);max-width:45%;}}.usertext{flex:1;.layout-3 & *,.layout-4 & *{max-width:20rem;}.layout-4 &{display:flex;flex-direction:column;align-items:flex-end;text-align:right;}& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}}}}
/* userbox.css */
@layer components{.userbox{position:fixed;top:0;left:50%;transform:translateX(-50%);right:0;z-index:3;top:10%;max-width:500px;width:95%;opacity:0;padding:1.5rem 0 0 0;pointer-events:none;visibility:hidden;transform:translateX(-50%) translateY(-10%);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;&[aria-expanded="true"]{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:auto;}& > svg{position:absolute;z-index:-1;inset:-2rem;width:calc(100% + 4rem);height:calc(100% + 4rem);fill:var(--orange);}.close{padding:1rem;position:absolute;right:-2rem;top:-2.2rem;font-size:var(--fontsize-h4);font-variant:all-small-caps;font-weight:700;letter-spacing:0.04em;display:flex;align-items:center;gap:0.5rem;transition:all 0.1s ease-in-out;.icon{width:1.75rem;height:1.75rem;}&:hover,&:active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;.icon{transform:scale(1.1);}}}.loggedmessage{font-size:var(--fontsize-h4);line-height:1.3333;font-weight:700;max-width:var(--maxwidth);text-wrap:balance;}.accountlink{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;font-size:var(--fontsize-normal);display:flex;align-items:center;gap:0.5rem;margin:0.5rem 0;width:fit-content;&:hover,&:active{text-decoration-thickness:2px;}}.button{margin-top:1rem;.icon{width:1.5rem;height:1.5rem;position:relative;top:0.125rem;}svg{width:100%;height:100%;}}}}
/* usermenu.css */
@layer components{.usermenu{display:flex;align-items:center;gap:1rem;.service &{flex-direction:column;align-items:flex-end;gap:0.5rem;}.capsitem{&.fixed{position:fixed;top:0;left:2rem;z-index:1000;.link{background:rgba(0,0,0,0.2);color:white;font-size:0.8rem;padding:0.4rem 1rem;border-radius:0 0 .5em .5rem;transition:background 0.2s ease;}}}.minicart{display:none;&:has(.full){display:block;}.count{position:absolute!important;left:1.3rem;top:0.8rem;height:1rem;width:1rem;line-height:1rem;text-align:center;font-size:0.8rem;background:var(--orange);border-radius:50%;}}}}
/* weltladen.css */
@layer components{.weltladen{max-width:var(--maxwidth);margin:0 auto 2rem auto;display:flex;align-items:flex-start;gap:1rem;width:100%;.inner{width:100%;}& > .icon{width:3rem;min-width:3rem;height:auto;}.headline{font-size:var(--fontsize-h2);font-weight:700;margin:0;line-height:1.2;text-wrap:balance;}.headline2{font-size:var(--fontsize-h3);font-variant:all-small-caps;font-weight:700;margin:1rem 0 0.5rem 0;}.block{margin-top:2rem;&:not(:last-child){margin-bottom:1rem;}}.content{display:flex;gap:2rem;width:100%;& > *{flex:1;}}.contactitem{display:flex;align-items:center;margin:1rem 0;gap:0.5rem;& > .icon{width:1.5rem;min-width:1.5rem;}a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;&:hover{text-decoration:none;}}}.attribute{margin:1rem 0 0 2rem;position:relative;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}.icon{position:absolute;left:-2rem;top:0;width:1.5rem;min-width:1.5rem;margin-right:0.5rem;}}ul li{list-style:disc;list-style-position:inside;margin-left:0.5rem;margin-bottom:0.25rem;}td,th{vertical-align:baseline;}.weekday{vertical-align:baseline;padding-right:.5rem;font-variant:all-small-caps;font-weight:400;font-size:120%;text-align:left;width:2rem;}.openingtext{margin-top:1rem;}.description{br{display:block;margin-top:0.75rem;}}.figure{margin:0;}}}
/* weltladenfinder.css */
@layer components{.weltladenfinder{margin:2rem 0;.backgrounds{position:absolute;pointer-events:none;z-index:-1;inset:-2rem;width:calc(100% + 4rem);height:calc(100% + 4rem);pointer-events:none;svg{position:absolute;z-index:-1;fill:var(--green);width:100%;&:nth-child(1){inset:0 0 auto 0;height:200px;}&:nth-child(2){inset:200px 0 200px 0;width:99.7%;height:calc(100% - 400px);margin-left:0.3%;}&:nth-child(3){inset:auto 0 0 0;width:100%;height:201px;}}}.controls{width:100%;display:flex;gap:1rem;justify-content:space-between;align-items:flex-end;margin:0 0 1rem 0;& > *{width:100%;&:nth-child(1){flex:2;}&:nth-child(2){flex:1;padding-bottom:0.4rem!important;padding-top:0.175rem!important;}&:nth-child(3){width:100px;}}}.inner{max-width:var(--maxwidth);}.mapwrap{position:relative;color:white;margin-top:4rem;margin-bottom:4rem;margin-left:2rem;@media (min-width:1440px){margin-left:0;}}.map{aspect-ratio:4/3;}.filters{display:flex;gap:2rem;align-items:center;margin:0 0 1rem 0;}.checkboxwrap{font-size:var(--fontsize-h4);}.bubble{display:none;}.legendlist{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin:1rem 0;.item{flex:1;font-size:0.875rem;padding-left:3rem;position:relative;h3{font-weight:700;margin:0;line-height:1.3333;margin-bottom:0.3rem;}}.icon{position:absolute;left:0;top:0;width:2rem;height:2rem;}}.headmatches{font-size:var(--fontsize-h3);font-weight:700;margin:0;}.list{margin-top:4rem;}.result{color:var(--text);display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--yellow);border-radius:0.5rem;background:url('../img/rectangle-rough.svg') no-repeat center center;background-size:100% 100%;margin-bottom:1rem;& >:nth-child(1){width:3rem;height:3rem;img{width:100%;height:100%;}}& >:nth-child(2){width:100%;}}.shoptitle{font-size:var(--fontsize-h3);font-weight:600;margin:0;}.distance{font-size:0.875rem;color:#777;margin-left:0.8rem;}.addnew{a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;&:hover{text-decoration-thickness:2px;}}}}}
/* widget.css */
@layer components{.widget{margin-top:3rem;margin-bottom:3rem;& .wheader{max-width:var(--maxwidth);display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-end;gap:2rem;}& .zoom{font-variant:all-small-caps;font-size:0.875rem;line-height:1.333;font-weight:700;text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px;position:relative;top:-1.75rem;}& .widgetinner{max-width:var(--maxwidth);position:relative;padding:2rem;@media (min-width:1440px){margin-left:-2rem;margin-right:-2rem;}svg{position:absolute;z-index:-1;inset:0;height:100%;width:100%;fill:var(--green);}}& .videoembed{aspect-ratio:16/9;width:100%;border:0.5rem white solid;iframe{display:block;width:100%;height:100%;}}.caption{color:white;line-height:1.333;font-weight:400;margin-top:1rem;}}.widgetwrap{position:fixed;z-index:20;inset:0;background:rgba(0,0,0,.9);padding:20px;pointer-events:none;& > *:first-child{animation:widget-zoom-in 0.8s cubic-bezier(0.4,0,0.2,1) both;}*{pointer-events:all;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);}.close{position:absolute;top:5px;right:20px;background:none;border:none;color:white;font-size:3rem;font-weight:100;opacity:0.5;&:hover,&:active{opacity:1;}}}}@keyframes widget-zoom-in{from{transform:scale(0);opacity:0;}to{transform:scale(1);opacity:1;}}