/* accordion.css */
@layer components{.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{&:has(.betweennohighlight:first-child){margin-top:0;}.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;color:black;.item{display:flex;align-items:center;justify-content:center;font-weight:700;text-wrap:balance;margin:0;}.link{padding:0.8rem 1rem;position:relative;display:flex;align-items:center;line-height:1.2;width:100%;text-decoration:none;&::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%) contrast(500%) brightness(500%);}&: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;max-width:var(--maxwidthnarrow);display:flex;flex-direction:column;gap:4rem;.subheadline + &{margin-top:3rem;}& .item{display:flex;gap:1rem;@media (max-width:700px){flex-direction:column;gap:0;}}& .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;.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);.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);@media (max-width:500px){margin-top:.7rem;margin-bottom:2.5rem;}.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;}}}}
/* calwidget.css */
@layer components{.calwidget{&::before{background:url('../img/rectangle2.svg') no-repeat center center!important;filter:none!important;content:'';position:absolute;inset:-1rem;background-size:100% 100%!important;filter:invert(1) brightness(1)!important;z-index:-1;}.headarea{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;}.headline{font-size:var(--fontsize-h2)!important;line-height:1!important;}.bigdate{width:80px;background:var(--blue);clip-path:var(--square);color:white;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:0.5rem;.day{font-weight:700;font-size:var(--fontsize-h2);line-height:0.8;padding:0 0 0.6rem 0;}.month{font-size:1rem;font-variant:all-small-caps;letter-spacing:0.03em;border-bottom:2px solid white;width:100%;text-align:center;padding:0.3rem 0;font-weight:700;}}.inner{display:flex;flex-direction:column;gap:1rem;}.list{display:flex;flex-direction:column;gap:1.7rem;margin-bottom:1rem;}.link{font-weight:700;font-size:var(--fontsize-h3);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;text-wrap:balance;display:block;&:hover{text-decoration-thickness:2px;}}.morelink{color:white!important;}.name{font-size:var(--fontsize-small);font-weight:400;margin-top:0.4rem;}.meta{display:flex;align-items:center;flex-wrap:wrap;}.location,.type{display:flex;align-items:center;gap:0.4rem;font-variant:all-small-caps;letter-spacing:0.04em;font-size:var(--fontsize-normal);font-weight:700;margin-top:0.3rem;margin-right:1.1rem;@media (max-width:700px){font-size:1rem}span,svg{width:1.1rem;height:1.1rem;}}.button{width:100%;margin-bottom:1rem;}}}
/* cart.css */
@layer components{.cart{width:calc(100% + 2rem);max-width:calc(100% + 2rem);overflow-x:auto;margin:0 -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:0 -1rem;width:calc(100% + 2rem);height:100%;z-index:-1;opacity:0.1;}}.textinput{width:100%;max-width:4rem;text-align:center;}.cell{padding:1rem 0;&.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;}}}}
/* controls.css */
@layer components{.controls{max-width:40rem;.weltladenfinder &,.calendar &{width:100%;display:flex;gap:1rem;justify-content:space-between;align-items:flex-end;margin:0 0 1rem 0;@media (max-width:750px){flex-direction:column;gap:0.5rem;align-items:stretch;}& > *{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;}}}.calendar &{margin:0;}}.attfilters{.formfield{position:relative;}.icon{position:absolute;left:0.7rem;top:1.85rem;z-index:1;@media (max-width:900px){top:1.6rem;}}}.select2-selection{padding-left:2.5rem;}}
/* 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;font-size:var(--fontsize-small);@media (max-width:700px){font-size:0.7rem;padding:1rem 0.5rem;gap:0.5rem;}& .buttons{display:flex;gap:1rem;justify-content:center;@media (max-width:700px){flex-direction:column;gap:0.5rem;}}}}
/* divider.css */
@layer components{.divider{&.wrap{}padding-top:2%;padding-bottom:2%;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:1.5rem;column-gap:3.5rem;margin:0 1rem;@media (max-width:550px){display:flex;flex-direction:column;gap:1rem;}& + .downloadbox{margin-top:1rem;}@media (min-width:1440px){margin-left:-1rem;margin-right:-1rem;}.item{position:relative;display:flex;align-items:center;gap:1rem;margin:1rem 0;@media (max-width:550px){flex-direction:column;align-items:center;text-align:center;gap:1rem;}& > 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);@media (max-width:550px){display:block;}}.ext{font-size:0.875rem;color:rgba(0,0,0,0.66);}.meta{white-space:nowrap;}.link{text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px;&:hover{text-decoration-thickness:2px;}}.cover{width:auto;height:130px;*{width:100%;height:100%;}img{border:3px solid white;}}.content{width:100%;}}}
/* eventlist.css */
@layer components{.eventlist{.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;}}}.results{max-width:var(--maxwidth);display:flex;flex-direction:column;gap:3rem;margin:3rem 0 1rem 0;@media (max-width:1001px){margin-left:1rem;margin-right:1rem;}}.eventresult{position:relative;padding:1rem;display:grid;grid-template-columns:1fr 5fr 3fr;gap:1.3rem;@media (max-width:600px){padding:0;}&::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%;}@media (max-width:650px){display:flex;flex-direction:column;gap:0.5rem;}}.bigdate{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:0.5rem;grid-row:span 2;background:var(--blue);clip-path:var(--square);color:white;align-self:flex-start;@media (max-width:650px){position:absolute;top:0;right:0;width:4.5em;}.month{font-size:1rem;font-variant:all-small-caps;letter-spacing:0.03em;border-bottom:2px solid white;width:100%;text-align:center;padding:0.3rem 0;font-weight:700;}.day{font-weight:700;font-size:var(--fontsize-h2);line-height:0.8;padding:0 0 0.6rem 0;}}.resultheadline{font-size:var(--fontsize-h4);font-weight:700;@media (max-width:650px){margin-bottom:0.7rem;text-wrap:balance;margin-right:4.5rem;}}.resultlink{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;&:hover{text-decoration-thickness:2px;}}.resultline{display:flex;flex-direction:column;gap:0.5rem;}.resultinfo{display:flex;align-items:center;gap:0.5rem;}}}
/* eventsingle.css */
@layer components{.eventsingle{.eventmeta{display:flex;gap:2rem;font-size:var(--fontsize-normal);figure{flex:2;margin:0;}.metadata{flex:3;}@media (max-width:900px){flex-direction:column;gap:1rem;}}.scheduling{width:fit-content;display:grid;grid-template-columns:2fr 3fr;}.infoline{display:flex;align-items:center;gap:0.6rem;margin-bottom:1rem;&.cert{@media (max-width:600px){flex-wrap:wrap;align-items:flex-start;gap:0.3rem;}}}.smallheadline{font-size:var(--fontsize-h3);line-height:1.333;font-weight:700;margin:2rem 0 1rem 0;}.person.list{margin-top:0;}.twocols{font-size:var(--fontsize-normal);& > *{flex:1;}a{text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px;display:inline-flex;gap:0.5rem;align-items:center;&:hover{text-decoration-thickness:2px;}}}.organame,.registeritem,.contactlink,.contactitem{display:flex;gap:0.4rem;align-items:center;margin:0.5rem 0;& .icon{width:1.5rem;min-width:1.5rem;}}.contactlink{margin:0;}.mapwrap{background:var(--blue);clip-path:var(--square);color:white;padding:2rem;fill:white;@media (max-width:600px){padding:1.2rem;}}.map{width:100%;height:400px;padding:1rem;color:white;position:relative;}}}
/* 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;@media (max-width:620px){border:0.25rem white solid;}}& .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;@media (max-width:1001px){margin-top:2rem;width:200px;min-width:200px;max-width:200px;}}.logowrap{margin:0 0 4rem 0;}.list{display:flex;width:100%;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2rem;@media (max-width:700px){gap:0;}}.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;@media (max-width:700px){text-align:center;padding:0.3rem 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);@media (max-width:700px){flex-direction:column;gap:3rem;margin:2rem 0 4rem 0;text-align:center;justify-content:center;}}.metaitem{flex:1;max-width:20rem;@media (max-width:700px){max-width:100%;width:100%;}}.address{font-style:normal;line-height:2.4;@media (max-width:700px){line-height:1.6;}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:2.5rem;align-items:center;padding:0.7x rem 0;@media (max-width:1001px){justify-content:center;flex-wrap:wrap;}}.logo{svg{height:4rem;width:auto;transition:transform 0.1s ease-in-out;}&.ffh{svg{height:3.3rem;}}&.wfto{fill:#fff;}&.venro{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;@media (max-width:700px){gap:1rem;padding:0.3rem 0;}}.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;@media (max-width:700px){gap:1rem;}.link::before{display:none;}}}
/* gallery.css */
@layer components{.gallery{max-width:var(--maxwidth);position:relative;&.pseudoSplide{visibility:visible;.splide__list{display:flex;gap:1rem;}.splide__slide{flex:1;}}&:has(.splide__pagination),&:has(.splide__arrows){margin-bottom:4rem;}& .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:1rem;&.count-1{display:block;}&.count-2,&.count-4{grid-template-columns:repeat(2,1fr);max-width:var(--maxwidthwider);@media (max-width:520px){grid-template-columns:none;}}}& 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:1rem;left:1rem;width:2.333rem;height:2.333rem;background:black;opacity:0.7;border-radius:50%;transition:transform 0.15s;.lightbox:hover &{transform:scale(1.2);}}& .splide__pagination{gap:1.1rem;bottom:-3.5rem;@media (max-width:520px){gap:0.3rem;bottom:-3.1rem;}}& .splide__pagination__page{width:1.7rem;height:1.7rem;padding:0.2rem;background:none;opacity:1;border:0.17rem solid black;@media (max-width:520px){width:1.2rem;height:1.2rem;padding:0.1rem;border-width:0.1rem;}&.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;.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;.www &{position:relative;z-index:3;}@media (max-width:1001px){padding-bottom:0;position:relative;.www &{z-index:1;}}@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);pointer-events:none;}}@media (max-width:1001px){margin-top:0.5rem;gap:1.2rem;.globalmenu{width:100%;justify-content:center;padding:0;gap:0.25rem;.capsitem{font-size:1rem;&:not(.social) .icon{display:none;}&:last-child{border-left:none;padding-left:0;margin-left:0;}}}}}}}
/* hero.css */
@layer components{.hero{max-width:1800px;margin-left:auto;margin-right:auto;position:relative;.imagewrap{@media (max-width:800px){aspect-ratio:16/9;background:var(--blue);}@media (max-width:500px){aspect-ratio:4/3;}}.image{width:100%;display:block;@media (max-width:800px){display:none;}}.textwrap{position:absolute;top:0;left:64%;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:2rem;@media (max-width:1000px){left:0;text-align:center;gap:0;}}.slogan{font-size:var(--fontsize-h1);font-weight:700;line-height:1;color:white;text-shadow:0 0 4px rgba(0,0,0,0.5);@media (max-width:800px){text-shadow:none;margin-bottom:1rem;}}.subline{font-size:var(--fontsize-h2);font-weight:700;line-height:1.333;color:white;text-shadow:0 0 4px rgba(0,0,0,0.5);@media (max-width:800px){text-shadow:none;}}}}
/* keydata.css */
@layer components{.keydata{position:relative;padding:2rem;@media (min-width:1440px){margin-left:-2rem;margin-right:-2rem;padding:3rem;}&::before{content:'';position:absolute;inset:0;width:100%;height:100%;background:url('../img/rectangle1.svg') no-repeat center center;background-size:100% 100%;filter:invert(1) brightness(1);z-index:-1;}}}
/* 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;display:flex;flex-direction:column;gap:0.4rem;&.long{justify-content:space-between;gap:0;}&::-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.3rem 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%;position:relative;z-index:2;.burgerclose{display:none;}}.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;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;}}}.menuhighlight{flex: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{box-shadow:0 0 10px 0 rgba(0,0,0,0.1);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;pointer-events:none;position:fixed;inset:0;max-height:100vh;z-index:2;background:rgba(255,255,255,0.92);backdrop-filter:blur(3px);padding:4rem 5% 0 5%;flex-direction:column;transition:transform 0.7s ease;transform:translateY(-110%);&.burgeropen{transform:translateY(0);opacity:1;pointer-events:auto;display:flex;}.service &{padding-left:calc(5% + 2vw);}&::after{content:'';min-height:50vh;}}.menuhighlight{display:none;}.wrap{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%;justify-content:space-between;background:white;.globalmenu{order:1;gap:0;width:100%;justify-content:center;padding:0;margin:-0.5rem 0 1.5rem 0;.link{display:inline-flex;align-items:center;justify-content:center;padding:0.2rem 0.3rem 0.3rem!important;}}.social{margin:0 .5rem 0 0;}.capsitem:not(.social){font-size:1rem;.icon,svg{display:none;}&:last-child{border-left:none;padding-left:0;margin-left:0;}}.burgerwrap{order:3;position:relative;@media (max-width:1001px){transform:translateX(-1vw);}}.burgerclose{background:white;opacity:0;pointer-events:none;position:fixed;transition:all 0.3s ease;top:1rem;right:5%;z-index:4;font-variant:all-small-caps;font-weight:700;font-size:1.25rem;letter-spacing:0.02em;transition:all 0.7s ease;transform:translateY(-100%);border:2px solid #000;padding:0.2rem 0.5rem 0.2rem 0.7rem;span:first-child{position:relative;margin-right:-0.3rem;top:-0.15em;}&.showme{opacity:1;transform:translateY(0);pointer-events:auto;}}.searchform{order:2;}}.highlight{display:none;}.item{list-style:none;margin:0;padding:0;font-weight:700;font-size:1.125rem;&: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;}.link{padding-left:1rem;}}.toggler{width:100%;display:flex;align-items:center;justify-content:flex-start;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:first-child{position:relative;z-index:1;padding-left:1rem;}&::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"],&: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.75rem 0 0 1.5rem;margin:0;}.subitem{margin:0.5rem 0;font-weight:400;font-size:1rem;}.sublink{display:flex;gap:0.5rem;padding:0.3rem 0 0.3rem 1rem;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.2em;&::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;}}.legend{display:none;align-items:center;gap:0.5rem;font-size:0.875rem;color:#777;font-weight:400;position:sticky;left:0;right:0;bottom:0;margin-top:5rem;padding:1rem;border-top:1px solid #000;background:white;justify-content:center;.icon{fill:#777;width:1.125rem;height:1.125rem;}&.membersonly{display:flex;}}}}
/* menuhighlight.css */
@layer components{.menuhighlight{.kicker{position:relative;z-index:1;grid-column:1 / span 2;font-variant:all-small-caps;font-size:1.25rem;font-weight:400;text-wrap:balance;}.headline{font-size:1.25rem;font-weight:700;text-wrap:balance;&:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;}}}.www .menuhighlight{position:relative;padding-top:1.2rem;.boxlink{display:grid;grid-template-columns:110px auto;gap:0.5rem;position:relative;z-index:1;}.imagewrap{position:relative;z-index:1;width:100px;height:100px;}svg{position:absolute;top:0.3rem;left:-3rem;width:125px;height:125px;z-index:0;fill:var(--yellow);}}.service .menuhighlight{position:absolute;top:2rem;right:1.7rem;width:25%;z-index:1;.boxlink{display:flex;flex-direction:column;gap:0.5rem;position:relative;z-index:1;margin-top:2rem;}.imagewrap{width:200px;height:200px;clip-path:var(--square);overflow:hidden;order:1;}.headline{order:3;}.kicker{order:2;}svg{position:absolute;top:0.3rem;left:-3rem;width:125px;height:125px;z-index:0;fill:var(--yellow);}}}
/* minifinder.css */
@layer components{.minifinder{padding-bottom:0.666rem;&::before{background-image:url('../img/rectangle1-green.svg')!important;background-size:100% 100%!important;filter:none!important;content:'';position:absolute;inset:-1rem;z-index:-1;}.headline{color:white}.form{margin-bottom:-1rem;}.map{aspect-ratio:4/3;margin:1rem 0;}.link{text-decoration:underline;color:white;display:block;text-align:center;text-decoration-thickness:1px;text-underline-offset:0.3em;font-size:var(--fontsize-normal);&:hover{text-decoration-thickness:2px;}}.button{width:100%;&:hover,&:active{background:white;color:black;fill:black;svg{fill:black;}}}.textinput{background:transparent;border:2px solid white;color:white;margin:1rem 0;font-weight:400;font-size:var(--fontsize-normal);&::placeholder{color:white;}}}}
/* 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;@media (max-width:600px){grid-template-columns:none;gap:3rem;}&.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);@media (max-width:600px){width:120px;height:120px;}svg{fill:var(--orange);}}& .meta > *{hyphens:auto;@media (max-width:400px){max-width:100%;}}& .name{font-size:var(--fontsize-h4);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;@media (max-width:1001px){gap:0.5rem;}a{background-color:var(--green);clip-path:var(--circle);width:3.5rem;height:3.5rem;overflow:hidden;transition:transform 0.1s ease;@media (max-width:1001px){width:2rem;height:2rem;}&:hover{transform:scale(1.1);}}.icon{width:100%;height:100%;svg{width:3.5rem;height:3.5rem;padding:0.75rem;fill:white;@media (max-width:1001px){width:2rem;height:2rem;padding:0.5rem;}}}}}
/* product.css */
@layer components{.product{position:relative;margin-top:0;.pagination{position:absolute;top:0;right:0;}.metadata{display:flex;gap:2rem;@media (max-width:1001px){flex-direction:column;}}.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:1.5rem;@media (max-width:600px){& > * + *{border-top:1px solid #999;padding-top:1rem;}}}.pricelevel{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem;}.price{display:flex;gap:1rem;@media (max-width:600px){flex-direction:column;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{white-space:nowrap;&.free{font-weight:700;font-size:1.25rem;}&.members.notmine::before{content:'Mitglieder ';}&.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(3){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;width:fit-content;}.image{transition:all 0.2s ease;max-height:220px;@media (max-width:500px){max-width:200px;}}.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;&.free{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:3;width:100%;height:100%;background:rgba(0,0,0,0.3);&::after{content:'';position:absolute;z-index:1;width:650px;max-width:90vw;height:650px;max-height:90vh;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);z-index:1;background:url('../img/rectangle1-orange.svg') no-repeat center center;}.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;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;&:hover{background:var(--darkpaper);}&:focus-visible{outline-offset:-3px;outline-width:3px;}}.title{display:flex;align-items:flex-start;gap:1rem;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);&:empty{display:none;}}}}
/* 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;}@media (max-width:700px){flex-direction:column;gap:1rem;& > .form{max-width:100%;}}}}.shoptabs{position:sticky;top:0;z-index:3;margin-top:1.2rem;padding:0.7rem 0;backdrop-filter:blur(5px);@media (max-width:1001px){position:static;}&::before{content:'';position:absolute;inset:0;background:var(--paper);opacity:0.8;}}.tabslist{margin:0 auto;position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:0.5rem;text-align:center;margin:0 5%;.item{width:12.7em;}.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;&: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){.link{padding:0.7rem 1.25rem 0.6rem 1.25rem;font-size:1rem;}}@media (max-width:500px){.item{width:48%;height:auto;}.link{height:auto;padding:0.5rem 0.5rem 0.6rem 0.5rem;}}}}
/* 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;z-index:2;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:1001px){display:none;}}@media (max-width:990px){left:auto;right:1rem;top:1.5rem;border-radius:50%;}}& > svg{position:absolute;inset:0;top:50%;transform:translateY(-50%);width:100%;height:100%;max-width:940px;max-height:calc(90vh + 2rem);margin:0 auto;z-index:-1;fill:var(--paper);@media (min-height:1400px){max-height:calc(93vh + 4rem);}@media (max-width:1001px){max-width:94vw;}}.iframe{display:block;border:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;max-width:90vw;max-height:90vh;height:100%;z-index:1;border-radius:2rem;}}}
/* supplier.css */
@layer components{.supplier{.keydata{display:flex;gap:3rem;justify-content:space-between;}.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:right;}.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 0;}.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%;}}.resultlink{margin-bottom:0.5rem;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;&:hover{text-decoration-thickness:2px;}}.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{display:flex;align-items:center;gap:0.4rem;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;@media (max-width:600px){text-align:center;}}.logos{background:white;display:flex;gap:2rem;align-items:center;flex-wrap:wrap;@media (max-width:600px){flex-direction:column;gap:1rem;}.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;@media (max-width:700px){display:flex;flex-direction:column;gap:0.7rem;}.tag{aspect-ratio:1/1;clip-path:var(--circle);background:white;line-height:1;display:flex;align-items:center;justify-content:center;@media (max-width:700px){aspect-ratio:auto;clip-path:var(--square);}}.link{transition:all 0.2s ease;width:100%;height:100%;display:flex;align-items:center;justify-content:center;div{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;padding:0.5em;font-size:1.5rem;font-variant:all-small-caps;font-weight:700;letter-spacing:0.04em;position:relative;transition:all 0.2s ease;scale:0.95;span{display:inline;margin:0 0.15em;}}&:hover{background:var(--orange);div{scale:1.05;}}}}}
/* teaser.css */
@layer components{.teasers{margin: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:1.25rem;}}.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:2.5rem;}}.kicker{font-size:var(--fontsize-smallkicker);}.headline{font-size:var(--fontsize-h3);font-weight:700;margin:0.33rem 0 0.5rem;.style-3 &{margin:0}}.text{font-size:var(--fontsize-normal);line-height:1.6;}.imagewrap{max-width:222px;.style-2 &{min-width:222px;max-width:222px;}@media (max-width:767px){width:150px;height:150px;min-width:150px;max-width:150px;}}.image{width:100%;height:100%;object-fit:cover;clip-path:var(--square);aspect-ratio:1/1;}.noimage{width:222px;height:222px;fill:var(--yellow);@media (max-width:767px){width:150px;height:150px;min-width:150px;max-width:150px;}}.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}&.inverted{color:white;svg{fill:white;}}}}}
/* 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:1001px){flex-direction:column!important;gap:1rem;}&.layout-3,&.layout-4{aspect-ratio:1.5/1;justify-content:center;align-items:center;@media (max-width:800px){aspect-ratio:unset;background:var(--green);clip-path:var(--square);}}img{width:100%;}& > svg{position:absolute;inset:0;height:100%;z-index:-1;@media (max-width:800px){.layout-3 &,.layout-4 &{display:none;}}}.figure{flex:1;margin:0;@media (max-width:1001px){max-width:67%;transform:rotate(-3deg);}@media (min-width:1001px){.layout-3 &{transform:rotate(-2deg);max-width:48%;}.layout-4 &{transform:rotate(3deg);max-width:48%;}}@media (max-width:1001px){.layout-3 &{width:100%!important;max-width:400px!important;}.layout-4 &{transform:rotate(0deg);}}.imagesize-3 &{width:50%;max-width:50%;}.imagesize-1 &{width:30%;max-width:30%;}.imagesize-2 &{width:200px;max-width:200px;}}.usertext{font-size:var(--fontsize-normal);flex:1;margin-top:0;margin-bottom:0;.layout-3 & *,.layout-4 & *{max-width:60%;@media (max-width:1001px){margin-left:auto;margin-right:auto;text-align:center;}@media (max-width:800px){max-width:100%;}}.layout-4 &{display:flex;flex-direction:column;align-items:flex-end;text-align:right;}h3{margin-bottom:0.5em;}& >:first-child{margin-top:0;}& >:last-child{margin-bottom:0;}}}}
/* toc.css */
@layer components{.toc{max-width:var(--maxwidth);margin:3rem 0;border:2px solid black;background:white;padding:0.4rem 1rem 0.6rem 1rem;width:fit-content;.line{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 1rem;}.headline{font-size:var(--fontsize-h4);letter-spacing:0.02em;font-variant:all-small-caps;font-weight:700;}.toggle{display:flex;align-items:center;gap:0.5rem;font-size:var(--fontsize-h4);font-weight:700;cursor:pointer;width:100%;justify-content:space-between;span{position:relative;top:0.1em;transition:transform 0.3s ease;[aria-expanded="true"] &{transform:rotate(180deg);}}&:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;}}.content{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease;overflow:hidden;&.open{grid-template-rows:1fr;}.list{min-height:0;overflow:hidden;}}li{margin:0.3rem 0;&::before{content:'› ';}&:first-child{margin-top:1rem;}&:last-child{margin-bottom:1rem;}a{text-decoration:none;&:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;}}}}}
/* 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;}@media (max-width:1001px){top:7%;left:12%;right:12%;transform:none!important;right:auto;width:76%;max-width:none;}& > 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);}}}.error{font-size:var(--fontsize-h4);line-height:1.3333;font-weight:700;max-width:var(--maxwidth);text-wrap:balance;text-align:center;border:2px solid black;padding:1rem;}.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;justify-content:flex-end;gap:0.5rem;flex-wrap:wrap;@media (max-width:1001px){justify-content:center;gap:0;margin-bottom:1rem;width:100%;.icon{display:none;}}.link{@media (max-width:1001px){font-size:1rem;padding:0.2rem 0.3rem 0.3rem;height:1.5rem;}}.capsitem{padding-bottom:0.5rem;@media (max-width:1001px){padding-bottom:0;}&.full{width:100%;text-align:right;@media (max-width:1001px){width:auto;text-align:inherit;}}&.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;}&.attached{position:fixed;top:0;right:0;z-index:1000;padding:1.7rem 1rem;}.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%;@media (max-width:1001px){left:auto;right:-13px;top:0.15rem;}}}}}
/* 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%;@media (max-width:620px){padding-left:1rem;padding-right:1rem;}}& > .icon{width:3rem;min-width:3rem;height:auto;@media (max-width:620px){display:none;}}.editbutton{position:absolute;z-index:2;top:3.5rem;right:1.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;.icon{width:1.75rem;height:1.75rem;}&:hover,&:active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.2em;}}.headarea{@media (min-width:600px){margin-right:6rem;}}.headline{font-size:var(--fontsize-h2);font-weight:700;margin:0 0 0.2em 0;line-height:1.15;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%;@media (max-width:700px){flex-direction:column-reverse;gap:0rem;}& > *{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-top:2rem;margin-bottom:2rem;.controls{margin-bottom:0;max-width:none;position:relative;& > *{width:100%;&:last-child{width:7rem;margin-left:1.5rem;margin-right:1rem;display:flex;flex-direction:column;gap:0.1rem;@media (max-width:750px){position:absolute;bottom:0;right:5%;margin-left:0;margin-right:0;}@media (max-width:620px){position:static;flex-direction:row;gap:2rem;}}}}.textinput{max-width:24rem;}.selectwrap{@media (max-width:750px){text-align:right;justify-content:center;}max-width:100%;}.checkboxwrap{position:relative;top:3px;}.backgrounds{position:absolute;pointer-events:none;z-index:-1;inset:-2rem;top:-1.5rem;width:calc(100% + 4rem);height:calc(100% + 4rem);pointer-events:none;@media (max-width:1001px){inset:-1.2rem;top:-.5rem;width:calc(100% + 2.4rem);height:calc(100% + 2.4rem);}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;}}}.inner{max-width:var(--maxwidth);}.mapwrap{position:relative;color:white;margin-top:4rem;margin-bottom:4rem;margin-left:2rem;@media (max-width:1001px){margin-left:1.2rem;width:calc(100% - 2.4rem);}@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;}.bubble{display:none;}.legendlist{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin:1rem 0;@media (max-width:620px){flex-direction:column;gap:1rem;margin-bottom: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;width:5em;}.list{margin-top:4rem;@media (max-width:620px){margin-top:2rem;}}.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;position:relative;@media (max-width:620px){display:block;}& >:nth-child(1){width:3rem;height:3rem;img{width:100%;height:100%;}@media (max-width:620px){float:left;width:1.5rem;height:1.5rem;margin-top:-0.1rem;margin-right:0.3rem;}}& >:nth-child(2){width:100%;}& >:nth-child(3){@media (max-width:620px){text-align:right;margin-top:-1rem;}}}.shoptitle{font-size:var(--fontsize-h3);font-weight:600;margin:0;@media (max-width:620px){line-height:1.2;margin-bottom:0.3rem;}}.distance{font-size:0.875rem;color:#777;margin-left:0.8rem;@media (max-width:620px){display:block;margin-top:0.2rem;margin-left:0;}}.addnew{text-align:center;a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.3em;&:hover{text-decoration-thickness:2px;}}}.csvdownload{margin:0.5rem 0 1rem 0;}}}
/* widget.css */
@layer components{.widget{& .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 (max-width:620px){padding:1rem;}@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;@media (max-width:620px){border:0.1rem white solid;}iframe{display:block;width:100%;height:100%;}}& iframe[src*="youtube"],& iframe[src*="youtu.be"]{aspect-ratio:16 / 9;height:auto;width:100%;border:0.5rem white solid;@media (max-width:620px){border:0.1rem white solid;}}.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;}}