@font-face{font-family:RedditSansCondensed;font-weight:400;src:url(/fonts/RedditSansCondensed-Regular.woff) format("woff"),url(/fonts/RedditSansCondensed-Regular.ttf) format("ttf")}@font-face{font-family:RedditSansCondensed;font-weight:500;src:url(/fonts/RedditSansCondensed-Medium.woff) format("woff"),url(/fonts/RedditSansCondensed-Medium.ttf) format("ttf")}@font-face{font-family:RedditSansCondensed;font-weight:700;src:url(/fonts/RedditSansCondensed-Bold.woff) format("woff"),url(/fonts/RedditSansCondensed-Bold.ttf) format("ttf")}@font-face{font-family:RedditSansCondensed;font-weight:900;src:url(/fonts/RedditSansCondensed-Black.woff) format("woff"),url(/fonts/RedditSansCondensed-Black.ttf) format("ttf")}:root{--primary: #e8f985;--secondary: #f2f4eb;--grey: hsl(0, 0%, 94%);--grey20: hsla(0, 0%, 94%, 40%);--dark: #223038;--darker: #141d22;--white: #ffffff;--gradient: linear-gradient(260deg, #fefffb 0%, #f2f4eb 100%);--danger: #ff1500;--warning: #ffe600;--warning20: #f8f2bf;--info: #003cff;--fs-2xs: clamp(.6rem, .7rem + -.1363vw, .7rem);--fs-xs: clamp(.8rem, .9056rem + -.1363vw, .8784rem);--fs-s: clamp(.9372rem, .9154rem + .1092vw, 1rem);--fs-base: clamp(1.1rem, 1rem + .4348vw, 1.25rem);--fs-m: clamp(1.067rem, .8947rem + .8617vw, 1.5625rem);--fs-l: clamp(1.1385rem, .8551rem + 1.4168vw, 1.9531rem);--fs-xl: clamp(1.2148rem, .7881rem + 2.1333vw, 2.4414rem);--fs-2xl: clamp(1.2962rem, .6855rem + 3.0532vw, 3.0518rem);--fs-3xl: clamp(1.383rem, .5372rem + 4.229vw, 3.8147rem);--fs-4xl: clamp(1.75rem, 1.75rem + 4vw, 6rem);--space-3xs: clamp(.25rem, .2283rem + .1087vw, .3125rem);--space-2xs: clamp(.5rem, .4565rem + .2174vw, .625rem);--space-xs: clamp(.75rem, .6848rem + .3261vw, .9375rem);--space-s: clamp(1rem, .913rem + .4348vw, 1.25rem);--space-m: clamp(1.5rem, 1.3696rem + .6522vw, 1.875rem);--space-l: clamp(2rem, 1.8261rem + .8696vw, 2.5rem);--space-xl: clamp(3rem, 2.7391rem + 1.3043vw, 3.75rem);--space-2xl: clamp(4rem, 3.6522rem + 1.7391vw, 5rem);--space-3xl: clamp(6rem, 5.4783rem + 2.6087vw, 7.5rem);--space-4xl: clamp(8rem, 7.4783rem + 2.6087vw, 10rem);--maxWidth: 1240px;--maxWidthLg: 1440px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:RedditSansCondensed,sans-serif;background-color:var(--white);font-size:var(--fs-base);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}main{flex:1}img,picture{display:block;max-width:100%;height:auto;width:100%}.header{background-color:var(--white);width:100;display:flex;justify-content:space-between;align-items:center;padding:var(--space-s)}.header__left{flex:1;display:flex;justify-content:flex-start}.header__center{flex:1}.header__right{flex:1;display:flex;justify-content:flex-end}.header .logo{position:relative;display:block;text-transform:uppercase;color:inherit;font-size:var(--fs-m);text-decoration:none}.header .logo span{color:var(--primary);font-weight:600}.header nav{display:flex;align-items:center;justify-content:center;gap:var(--space-xl)}.header nav a{display:flex;align-items:center;text-decoration:none;color:inherit;font-size:var(--fs-s);letter-spacing:2px;font-weight:600;text-transform:uppercase;white-space:nowrap}@media screen and (max-width: 1024px){.header nav{display:none}}.header button{display:block;outline:none;border:none;background-color:transparent;cursor:pointer;color:var(--dark)}.header button svg{width:24px;height:24px;pointer-events:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:900;transform:translate(100%);transition:all ease .3s}.overlay__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(5px)}.overlay__aside{position:relative;background-color:var(--white);margin-left:auto;margin-right:0;max-width:400px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.overlay__aside--header{padding:var(--space-m) var(--space-xs);display:flex;justify-content:flex-end}.overlay__aside--header button{background-color:transparent;border:none;outline:none;cursor:pointer;display:flex;align-items:center;gap:var(--space-2xs);color:var(--dark)}.overlay__aside--header button svg{width:16px;height:16px;pointer-events:none}.overlay__aside--body h2{text-transform:uppercase;font-size:var(--fs-xs);padding:var(--space-s);color:var(--primary)}.overlay__aside--body ul{padding:0;margin:0;list-style:none;margin-bottom:var(--space-l)}.overlay__aside--body ul li{padding:var(--space-xs);border-bottom:1px solid var(--grey);font-size:var(--fs-s)}.overlay__aside--body ul li a{display:flex;align-items:center;text-decoration:none;color:var(--black)}.overlay__aside--body ul li a img{width:24px;height:24px;margin-right:var(--space-xs)}.footer{background-color:var(--darker);padding:var(--space-xl) var(--space-s);color:var(--white);font-size:var(--fs-xs)}.footer__container{max-width:var(--maxWidth);margin:0 auto;padding:var(--space-m) var(--space-xs)}.footer__container .logo{position:relative;display:block;text-transform:uppercase;color:inherit;font-size:var(--fs-m);text-decoration:none}.footer__container .logo span{color:var(--primary);font-weight:600}.footer__columns{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-l)}.footer__column.disclosure{display:flex;flex-direction:column;align-items:flex-start}.footer__column strong{text-transform:uppercase;font-size:var(--fs-xs);display:block;margin-bottom:var(--space-s);color:var(--primary)}.footer__column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3xs)}.footer__column a{text-decoration:none;color:inherit}.accordion{position:relative;display:flex;flex-direction:column;gap:var(--space-3xs);margin-top:var(--space-s);margin-bottom:var(--space-s)}.accordion__element{position:relative;background-color:var(--secondary);padding:var(--space-xs)}.accordion__element--trigger{display:flex;align-items:center;justify-content:space-between}.accordion__element--trigger strong{text-transform:uppercase;flex:1;font-size:var(--fs-s);pointer-events:none}.accordion__element--trigger svg{width:24px;height:24px;transition:transform .3s ease-in-out;pointer-events:none}.accordion__element--body{max-height:0px;overflow:hidden;transition:max-height .3s ease-in-out}.accordion__element--body h3{font-size:var(--fs-s);margin-top:var(--space-s);text-transform:uppercase}.accordion__element--body ul{list-style-type:disc;margin-left:var(--space-m);margin-bottom:var(--space-s)}.accordion__element.is-open .accordion__element--trigger svg{transform:rotate(180deg);transition:transform .3s ease-in-out}.accordion__element.is-open .accordion__element--body{max-height:100vh;transition:max-height .3s ease-in-out}.activity{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-xs);font-size:var(--fs-s)}.activity__indicator{display:inline-block;width:1rem;height:1rem;border-radius:50%;border-width:3px;border-style:solid;border-color:var(--primary) var(--primary) var(--primary) transparent;animation:rotate 1s infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.columns{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-s)}.columns.columns-2{grid-template-columns:repeat(2,1fr)}@media screen and (max-width: 767px){.columns.columns-2{grid-template-columns:repeat(1,1fr)}}.columns.columns-3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width: 1024px){.columns.columns-3{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){.columns.columns-3{grid-template-columns:repeat(1,1fr)}}.columns.columns-4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width: 1200px){.columns.columns-4{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px){.columns.columns-4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 767px){.columns.columns-4{grid-template-columns:repeat(1,1fr)}}.dynamic{display:grid;grid-template-areas:"filter" "products" "pagination"}.dynamic__error{width:100%;max-width:1980px;margin:0 auto;padding:var(--space-s)}.dynamic__error .message{background-color:var(--white);padding:var(--space-s)}.dynamic__error .message h2{text-decoration:underline;text-decoration-color:var(--info);text-decoration-thickness:4px;text-underline-offset:2px}.dynamic__error .message p{margin-top:var(--space-xs);max-width:1024px}.dynamic__filter{background-color:var(--white);padding:var(--space-2xs) var(--space-s);position:sticky;top:0;z-index:100;grid-area:filter}@media screen and (max-width: 1024px){.dynamic__filter{top:auto;bottom:0;background-color:transparent}}.dynamic__filter--form{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;width:100%;height:100%;z-index:200;background-color:#00000080;backdrop-filter:blur(5px)}.dynamic__filter--form .form{background-color:var(--white);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);border-radius:8px;width:100%;max-width:560px;max-height:100%;overflow:auto}.dynamic__filter--form .form__header{border-bottom:1px solid var(--grey);width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-s)}.dynamic__filter--form .form__header button{background-color:transparent;outline:none;border:none}.dynamic__filter--form .form__header button svg{height:24px;width:24px}.dynamic__filter--form .form__group{padding:var(--space-3xs) var(--space-s);width:100%}.dynamic__filter--form .form__group strong{font-size:var(--fs-s);text-transform:uppercase;display:block;margin-bottom:var(--space-xs)}.dynamic__filter--form .form__group ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-2xs)}.dynamic__filter--form .form__group ul li label{border:2px solid var(--grey);border-radius:4px;display:flex;align-items:center;justify-content:center;padding:var(--space-2xs);cursor:pointer;font-size:var(--fs-s);height:100%}.dynamic__filter--form .form__group ul li label.checked{border-color:var(--dark)}.dynamic__filter--form .form__group ul li input{display:none}.dynamic__filter--form .form__footer{border-top:1px solid var(--grey);width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-s)}.dynamic__filter--form .form__footer button{background-color:var(--dark);color:var(--white);width:100%;padding:var(--space-xs) var(--space-s);border-radius:4px;outline:none;border:none}.dynamic__filter--form .form__footer button svg{height:24px;width:24px}.dynamic__filter--button{width:100%;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 1024px){.dynamic__filter--button{display:flex;justify-content:center}}.dynamic__filter--button h2{font-size:var(--fs-s);line-height:1;margin:0}@media screen and (max-width: 1024px){.dynamic__filter--button h2{display:none}}.dynamic__filter--button small{color:var(--darker);font-size:var(--fs-xs);line-height:1}@media screen and (max-width: 1024px){.dynamic__filter--button small{display:none}}.dynamic__filter--button button{background-color:var(--dark);padding:var(--space-2xs) var(--space-xs);color:var(--white);text-transform:uppercase;font-size:var(--fs-xs);font-weight:500;border:none;outline:none;border-radius:var(--space-3xs);display:flex;align-items:center;gap:var(--space-3xs)}@media screen and (max-width: 1024px){.dynamic__filter--button button{border-radius:var(--space-l);padding:var(--space-xs) var(--space-m)}}.dynamic__filter--button button svg{width:16px;height:16px}.dynamic__filter--button .search{flex:1;display:flex;align-items:center;gap:var(--space-3xs)}.dynamic__filter--button .search input{width:100%;display:block;background:var(--grey20);border:none;outline:none;padding:var(--space-2xs);border-radius:var(--space-2xs)}.dynamic__products{grid-area:products;padding:var(--space-s);padding-bottom:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-xs);width:100%}@media screen and (max-width: 1024px){.dynamic__products{order:1}}@media screen and (max-width: 768px){.dynamic__products{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2xs)}}.dynamic__products--button{width:100%;display:flex;justify-content:center;align-items:center;padding:0 var(--space-s);order:3}@media screen and (max-width: 1024px){.dynamic__products--button{order:3}}.dynamic__products--button button{background-color:transparent;padding:var(--space-xs) var(--space-s);color:var(--darker);text-transform:uppercase;font-size:var(--fs-xs);font-weight:500;border:none;outline:none;border-radius:var(--space-3xs);display:flex;flex-direction:column;align-items:center;cursor:pointer}.dynamic__products--button button svg{height:24px;width:24px}.dynamic__pagination{grid-area:pagination}.dynamic__pagination ul{margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--space-xs);list-style:none;gap:var(--space-2xs)}.dynamic__pagination ul a{text-decoration:none;color:inherit;font-size:var(--fs-s);height:40px;width:40px;display:flex;justify-content:center;align-items:center;background-color:var(--white);border-radius:4px;border:1px solid var(--darker)}.dynamic__pagination ul a[aria-current=page]{background-color:var(--grey)}.markdown{max-width:var(--maxWidth);margin:0 auto;padding:var(--space-s);background-color:var(--white)}.markdown img{width:100%;height:auto;max-height:20rem;object-fit:cover;margin:var(--space-s) auto}.markdown h1{font-size:var(--fs-m);margin-top:var(--space-m);margin-bottom:var(--space-2xs);position:relative;display:inline-block;z-index:10;text-decoration:underline;text-decoration-color:var(--secondary);text-decoration-thickness:8px;text-underline-offset:4px}.markdown h2,.markdown h3{font-size:var(--fs-s);margin-top:var(--space-m);margin-bottom:var(--space-2xs);position:relative;display:inline-block;z-index:10;text-decoration:underline;text-decoration-color:var(--secondary);text-decoration-thickness:4px;text-underline-offset:2px}.markdown p{font-size:var(--fs-s)}.markdown ul,.markdown ol{padding-left:var(--space-m);font-size:var(--fs-s)}.markdown a{color:inherit;font-weight:500;text-decoration:underline;text-decoration-color:var(--black);text-decoration-thickness:2px;text-underline-offset:2px}.products{max-width:var(--maxWidth);padding:0 var(--space-xs);margin:0 auto}.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xs)}.product{display:flex;flex-direction:row;gap:var(--space-s);position:relative;background-color:var(--secondary);color:inherit;text-decoration:none;border-radius:6px;padding:var(--space-2xs);text-decoration:none!important}.product:hover{box-shadow:0 8px 16px #6875174d}.product:hover .button{background:var(--grey)}.product__image{width:100%;max-width:160px;height:100%;overflow:hidden;position:relative}.product__image img{width:100%;height:100%;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;background-color:var(--grey);text-align:center}.product__content{display:flex;flex-direction:column;justify-content:space-between;flex:1}@media screen and (max-width: 768px){.product__content{padding:var(--space-2xs)}}.product__content h3{font-size:var(--fs-s);margin:0;font-weight:600;line-height:1.2;color:#687517}.product__content ul{list-style:none;padding:0!important;margin:0!important;margin-top:var(--space-s);display:flex;flex-direction:column;gap:var(--space-2xs)}.product__content ul li label{display:flex;align-items:center;color:#687517;font-size:var(--fs-s)}.product__content ul li p{margin:0;font-size:var(--fs-s)}.home{width:100%;position:relative;overflow-x:hidden;overflow-y:visible}.home__hero{position:relative;background:var(--gradient);padding:var(--space-xl) var(--space-s) var(--space-m)}.home__hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:10%;background-color:var(--white);z-index:1}@media screen and (max-width: 1024px){.home__hero:after{display:none}}.home__hero--container{max-width:var(--maxWidth);padding:0 var(--space-xs);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-l)}@media screen and (max-width: 1024px){.home__hero--container{grid-template-columns:1fr}}@media screen and (max-width: 1024px){.home__hero--column{order:2;text-align:center}}.home__hero--column h1{margin-bottom:var(--space-s);font-size:var(--fs-xl)}.home__hero--column a{margin-top:var(--space-m);display:inline-block;background-color:var(--darker);color:var(--primary);text-decoration:none;text-transform:uppercase;font-size:var(--fs-s);padding:var(--space-xs) var(--space-m)}.home__hero--column.image{position:relative}.home__hero--column.image img{position:relative;object-fit:contain;width:150%;max-width:none;z-index:10}@media screen and (max-width: 1200px){.home__hero--column.image img{width:130%}}@media screen and (max-width: 1024px){.home__hero--column.image{order:1}.home__hero--column.image img{width:100%;bottom:0;position:relative}}.home__intro{max-width:var(--maxWidth);margin:0 auto;padding:var(--space-m) var(--space-xs)}.home__intro h2{margin-bottom:var(--space-m);max-width:400px}.home__intro p{max-width:1024px}.home__grid{max-width:var(--maxWidth);margin:0 auto;padding:var(--space-m) var(--space-xs);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-s);grid-template-areas:"info info dach" "balkon camping wallbox"}@media screen and (max-width: 1024px){.home__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-s);grid-template-areas:"info dach balkon" "info camping wallbox"}}@media screen and (max-width: 767px){.home__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-xs);grid-template-areas:"info info" "camping balkon" "dach wallbox"}}.home__grid--box{background:var(--gradient);border-radius:4px;min-height:400px;overflow:hidden}@media screen and (max-width: 1024px){.home__grid--box{min-height:320px}}@media screen and (max-width: 767px){.home__grid--box{min-height:240px}}.home__grid--box.info{grid-area:info;padding:var(--space-m)}.home__grid--box.unterwegs{grid-area:camping}.home__grid--box.balkon{grid-area:balkon}.home__grid--box.dach{grid-area:dach}.home__grid--box.wallbox{grid-area:wallbox}.home__grid--box.smart-home{grid-area:smarthome}.home__grid--box ul{list-style:none;padding:0;margin:0;margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-xs)}.home__grid--box ul li{color:var(--dark);display:flex;flex-direction:row;align-items:center;gap:var(--space-xs)}.home__grid--box ul li span{display:flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:4px}.home__grid--box ul li svg{height:24px;width:24px}.home__grid--box .link{display:flex;flex-direction:column;justify-content:flex-end;position:relative;height:100%;color:inherit;text-decoration:none}.home__grid--box .link img{position:absolute;bottom:0;right:0;width:100%;height:100%;max-width:100%;object-fit:cover}.home__grid--box .link-content{position:relative;padding:var(--space-s);color:var(--white);display:flex;align-items:center;justify-content:space-between}.home__grid--box .link-content h3{margin:0;line-height:1.2;flex:1}.home__grid--box .link-content span{display:inline-block;background-color:var(--white);height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.home__grid--box .link-content span svg{height:16px;width:16px;color:var(--dark)}.home__content{max-width:var(--maxWidth);margin:var(--space-m) auto;padding:var(--space-m) var(--space-xs);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-l);grid-template-areas:"box1 box1" "box2 box3"}@media screen and (max-width: 767px){.home__content{grid-template-columns:1fr;grid-template-areas:"box1" "box2" "box3"}}.home__content--box-head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-s)}.home__content--box-head picture,.home__content--box-head img{width:100px;max-width:100px}.home__content--box-head h2{font-size:var(--fs-m);max-width:400px}.home__content--box-content{margin-top:var(--space-m)}.home__content--box:nth-of-type(1){grid-area:box1}.home__content--box:nth-of-type(1) .home__content--box-content{display:flex;flex-direction:row;gap:var(--space-s)}@media screen and (max-width: 767px){.home__content--box:nth-of-type(1) .home__content--box-content{flex-direction:column}}.home__content--box:nth-of-type(2){grid-area:box2}.home__content--box:nth-of-type(3){grid-area:box3}.page{position:relative}.page__container{max-width:var(--maxWidth);margin:0 auto;padding:var(--space-s)}.page__header{background:var(--gradient);margin-bottom:var(--space-m)}.page__header--container{display:flex;align-items:center;gap:var(--space-l);max-width:var(--maxWidth);margin:0 auto;padding:var(--space-s)}.page__header--image{max-width:160px}.page ul{padding-left:var(--space-m)}