:root{--primary-color-gruen: #97a08b;--primary-color-gruen_2: #c9d3c7;--primary-color-braun: #350c12;--primary-color-gelb: #e49d00;--primary-color-dark: #000;--primary-color-light: #fff;--font-family-regular: sansProRegular, sans-serif;--font-family-semibold: sansProSemibold, sans-serif;--base-font: clamp(1.1rem, 2.5vw, 1.2rem)}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:200;src:url("../../files/web/fonts/raleway-v34-latin-200.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:300;src:url("../../files/web/fonts/raleway-v34-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:400;src:url("../../files/web/fonts/raleway-v34-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:700;src:url("../../files/web/fonts/raleway-v34-latin-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:900;src:url("../../files/web/fonts/raleway-v34-latin-900.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:300;src:url("../../files/web/fonts/montserrat-v31-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:400;src:url("../../files/web/fonts/montserrat-v31-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:500;src:url("../../files/web/fonts/montserrat-v31-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Montserrat";font-style:normal;font-weight:600;src:url("../../files/web/fonts/montserrat-v31-latin-600.woff2") format("woff2")}*{padding:0;margin:0;font-size:var(--base-font);line-height:1.2;font-weight:400}html{font-size:18px}@media (max-width:768px){html{font-size:16px}}body{font-family:"Montserrat", sans-serif;line-height:1.7;color:#333;font-weight:300;color:var(--primary-color-braun)}body.fixed,#wrapper.fixed{overflow:hidden}h1{font-size:clamp(2rem, 768px, 2.222rem);margin-bottom:35px;font-weight:500}h2{font-size:clamp(2rem, 768px, 2.222rem);margin-bottom:35px;font-weight:500}h3{font-size:clamp(1.333rem, 768px, 1.375rem);margin-bottom:20px;font-weight:300}p,li,a,strong{font-size:clamp(1rem, 2vw, 1rem);line-height:1.4}.invisible{visibility:hidden;display:none}#cboxOverlay,#colorbox{z-index:9999}html.is-cbox-open{overflow:hidden}.innerlogo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9}.innerlogo #logo{justify-content:center;overflow:visible;width:460px;height:auto;margin:0 auto;padding:10px 0}@media (max-width:767.98px){.innerlogo #logo{width:280px}}.innerlogo #logo a{overflow:visible}.innerlogo #logo #logosvg{width:460px;height:auto;overflow:visible}@media (max-width:767.98px){.innerlogo #logo #logosvg{width:280px}}.innerlogo #logo #logosvg .blatt_1,.innerlogo #logo #logosvg .blatt_2,.innerlogo #logo #logosvg .blatt_3,.innerlogo #logo #logosvg .blatt_4{opacity:0;transform:scale(0);transform-origin:center;animation:popIn 3s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;will-change:transform, opacity}.innerlogo #logo #logosvg .dot_1,.innerlogo #logo #logosvg .dot_2,.innerlogo #logo #logosvg .dot_3,.innerlogo #logo #logosvg .dot_4,.innerlogo #logo #logosvg .dot_5,.innerlogo #logo #logosvg .dot_6,.innerlogo #logo #logosvg .dot_7{stroke:var(--primary-color-braun);stroke-width:1;stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw_dot 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards, fill_dot 2s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards, pop_dot 4s cubic-bezier(0.68, -0.55, 0.27, 1.55) forwards;opacity:0;transform:scale(0);transform-origin:bottom;fill:none;will-change:transform, opacity}.innerlogo #logo #logosvg .dot_1{animation-delay:0.5s, 0.5s}.innerlogo #logo #logosvg .dot_2{animation-delay:1s, 1s}.innerlogo #logo #logosvg .dot_3{animation-delay:1.5s, 1.5s}.innerlogo #logo #logosvg .dot_4{animation-delay:2s, 2s}.innerlogo #logo #logosvg .dot_5{animation-delay:2.5s, 2.5s}.innerlogo #logo #logosvg .dot_6{animation-delay:3s, 3s}.innerlogo #logo #logosvg .dot_7{animation-delay:3.5s, 3.5s}.innerlogo #logo #logosvg .blatt_1{animation-delay:0.3s}.innerlogo #logo #logosvg .blatt_2{animation-delay:0.6s}.innerlogo #logo #logosvg .blatt_3{animation-delay:0.9s}.innerlogo #logo #logosvg .blatt_4{animation-delay:1.2s}@keyframes draw_dot{to{stroke-dashoffset:0}}@keyframes fill_dot{from{fill:transparent}to{fill:var(--primary-color-braun)}}@keyframes pop_dot{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}100%{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.mod_article.headerimage{position:relative;padding:0}.mod_article.headerimage>.content-headline{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:clamp(12px, 3vw, 32px);text-align:center;color:#fff;line-height:1.1;font-size:clamp(28px, 6vw, 56px);max-width:min(92vw, 900px);margin-inline:auto}.mod_article.headerimage .content-image figure{position:relative;margin:0;overflow:hidden}.mod_article.headerimage .content-image figure::before{content:"";position:absolute;inset:0;background:rgba(0, 0, 0, 0.4);z-index:1;pointer-events:none}.mod_article.headerimage .content-image figure img{position:relative;z-index:0;display:block;width:100%;height:100%;min-height:560px;max-height:660px;object-fit:cover;object-position:center}@media (max-width:767.98px){.mod_article.headerimage .content-image figure img{min-height:280px;max-height:360px}}.mod_portfoliolist{padding:25px}.mod_portfoliolist .portfolio__filter{margin:64px 0}.mod_portfoliolist .portfolio__filter .level_1{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;list-style:none;padding:0;margin:0;justify-content:center}.mod_portfoliolist .portfolio__filter .level_1>li{margin:0}.mod_portfoliolist .portfolio__filter .filter{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#6f6f6f;cursor:pointer;font:inherit;line-height:1;border:unset;font-size:16px;font-weight:400}.mod_portfoliolist .portfolio__filter .filter.active{border-bottom:1px solid var(--primary-color-dark);color:var(--primary-color-dark)}.mod_portfoliolist .portfolio__filter .filter:hover{border-bottom:1px solid var(--primary-color-dark);color:var(--primary-color-dark);transition:all 0.3s ease}.mod_portfoliolist .portfolio__filter .filter:focus-visible{outline:2px solid var(--primary-color-dark);outline-offset:2px}.mod_portfoliolist .portfolio__items{--gap: 15px;display:grid;gap:var(--gap);grid-template-columns:repeat(1, minmax(0, 1fr))}@media (min-width:600px){.mod_portfoliolist .portfolio__items{grid-template-columns:repeat(2, 1fr)}}@media (min-width:900px){.mod_portfoliolist .portfolio__items{grid-template-columns:repeat(3, 1fr)}}@media (min-width:1200px){.mod_portfoliolist .portfolio__items{grid-template-columns:repeat(4, 1fr)}}@media (min-width:1440px){.mod_portfoliolist .portfolio__items{grid-template-columns:repeat(5, 1fr)}}.mod_portfoliolist .portfolio__items .portfolio{aspect-ratio:1;position:relative;margin:0;overflow:hidden;background:#fff;display:block;--blur: 6px;--reveal-y: 10px;--du: .28s;--du2: 1.6s;--ease: cubic-bezier(.2,.7,.2,1)}.mod_portfoliolist .portfolio__items .portfolio::after{content:"";position:absolute;inset:0 0 0 0;background:linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.15) 55%, rgba(0, 0, 0, 0) 85%);opacity:0;transition:opacity var(--du) var(--ease);z-index:1;pointer-events:none}.mod_portfoliolist .portfolio__items .portfolio .inside{position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;height:100%}.mod_portfoliolist .portfolio__items .portfolio .inside .infotext{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;row-gap:2px;padding:16px;color:#fff;background-color:rgba(151, 160, 139, 0.8);opacity:0;transform:translateY(var(--reveal-y));transition:opacity var(--du) var(--ease), transform var(--du) var(--ease);pointer-events:none;z-index:2}.mod_portfoliolist .portfolio__items .portfolio .inside .infotext>*{margin:0;max-width:32ch}.mod_portfoliolist .portfolio__items .portfolio .inside .infotext h2{font-size:14px;font-weight:500;letter-spacing:1px;line-height:1.9;text-transform:uppercase}.mod_portfoliolist .portfolio__items .portfolio .inside .infotext h2::before{content:"";display:block;width:40px;height:2px;background:#c9d3c7;margin:0 auto 16px auto}.mod_portfoliolist .portfolio__items .portfolio .inside .infotext .teaser p{font-size:11px;line-height:1.25;font-weight:400;text-transform:uppercase;margin:0;color:#c9d3c7}.mod_portfoliolist .portfolio__items .portfolio .inside .infotext a{font-size:11px;line-height:1.25;font-weight:400;text-transform:uppercase;margin:0;border-bottom:1px solid #fff;text-decoration:unset;color:#fff;margin-top:16px}.mod_portfoliolist .portfolio__items .portfolio .inside .infotext h2,.mod_portfoliolist .portfolio__items .portfolio .inside .infotext h2::before{margin-top:20px;transition:all 0.6s ease}.mod_portfoliolist .portfolio__items .portfolio .inside .infotext .teaser{margin-top:10px;transition:all 0.6s ease}.mod_portfoliolist .portfolio__items .portfolio .inside .image_container{position:absolute;inset:0;z-index:0}.mod_portfoliolist .portfolio__items .portfolio .inside .image_container img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);filter:blur(0) saturate(1) brightness(1);transition:transform var(--du) var(--ease), filter var(--du) var(--ease);will-change:transform, filter}.mod_portfoliolist .portfolio__items .portfolio:hover .inside .image_container img,.mod_portfoliolist .portfolio__items .portfolio:focus-within .inside .image_container img{transform:scale(1.05);filter:blur(var(--blur)) saturate(0.95) brightness(0.9)}.mod_portfoliolist .portfolio__items .portfolio:hover::after,.mod_portfoliolist .portfolio__items .portfolio:focus-within::after{opacity:1}.mod_portfoliolist .portfolio__items .portfolio:hover .inside .infotext,.mod_portfoliolist .portfolio__items .portfolio:focus-within .inside .infotext{opacity:1;transform:translateY(0);pointer-events:auto}.mod_portfoliolist .portfolio__items .portfolio:hover .inside .infotext h2,.mod_portfoliolist .portfolio__items .portfolio:hover .inside .infotext h2::before,.mod_portfoliolist .portfolio__items .portfolio:focus-within .inside .infotext h2,.mod_portfoliolist .portfolio__items .portfolio:focus-within .inside .infotext h2::before{margin-top:0;transition:all 0.6s ease}.mod_portfoliolist .portfolio__items .portfolio:hover .inside .infotext .teaser,.mod_portfoliolist .portfolio__items .portfolio:focus-within .inside .infotext .teaser{margin-top:0;transition:all 0.6s ease}.mod_portfoliolist .portfolio__items .portfolio.is-open::after{opacity:1}.mod_portfoliolist .portfolio__items .portfolio.is-open .inside .image_container img{transform:scale(1.05);filter:blur(var(--blur)) saturate(0.95) brightness(0.9)}.mod_portfoliolist .portfolio__items .portfolio.is-open .inside .infotext{opacity:1;transform:translateY(0);pointer-events:auto}.mod_portfoliolist .portfolio__items .portfolio.is-open .inside .infotext h2,.mod_portfoliolist .portfolio__items .portfolio.is-open .inside .infotext h2::before{margin-top:0}.mod_portfoliolist .portfolio__items .portfolio.is-open .inside .infotext .teaser{margin-top:0}@supports not (aspect-ratio: 1){.mod_portfoliolist .portfolio__items .portfolio::before{content:"";display:block;padding-top:100%}.mod_portfoliolist .portfolio__items .portfolio .inside{position:absolute;inset:0}}@media (prefers-reduced-motion:reduce){.mod_portfoliolist .portfolio .inside .image_container img,.mod_portfoliolist .portfolio::after,.mod_portfoliolist .portfolio .inside .infotext{transition:none !important}.mod_portfoliolist .portfolio:hover .inside .image_container img,.mod_portfoliolist .portfolio:focus-within .inside .image_container img{filter:none;transform:none}.mod_portfoliolist .portfolio:hover::after,.mod_portfoliolist .portfolio:focus-within::after{opacity:0.9}.mod_portfoliolist .portfolio:hover .inside .infotext,.mod_portfoliolist .portfolio:focus-within .inside .infotext{opacity:1;transform:none}}#footer{background-color:var(--primary-color-gruen);color:#350c12;display:flex;justify-content:center;align-items:center;gap:30px;padding:1rem 0;text-align:center;flex-wrap:wrap;margin-top:64px}#footer a{color:#350c12;text-decoration:underline;font-size:16px !important}#footer .copy,#footer .mail{margin:0;font-size:16px !important}.back{display:none}.mfx-lock{overflow:hidden}.mfx-overlay{position:fixed;inset:0;background:rgba(255, 255, 255, 0.85);display:none;align-items:center;justify-content:center;z-index:9999}.mfx-overlay.is-open{display:flex}.mfx-modal{width:min(1200px, 90vw);height:min(900px, 90vh);background:#fff;box-shadow:0 20px 60px rgba(0, 0, 0, 0.4);display:flex;flex-direction:column;overflow:hidden}.mfx-nav{display:flex;align-items:center;justify-content:end;gap:0.75rem;padding:0.5rem 30px;background:transparent;color:#000}.mfx-nav .mfx-prev,.mfx-nav .mfx-next,.mfx-nav .mfx-close{appearance:none;border:1px solid #6f6f6f;color:#6f6f6f;cursor:pointer;width:auto;height:20px;font-size:10px;background:unset;border-radius:90px;padding:3px 16px}.mfx-nav .mfx-prev:hover,.mfx-nav .mfx-next:hover,.mfx-nav .mfx-close:hover{background:#fefefe;border:1px solid #97a08b}.mfx-counter{font-variant-numeric:tabular-nums;opacity:0.85;font-size:12px;color:#6f6f6f}.mfx-counter .mfx-current{font-size:12px;font-weight:500}.mfx-counter .mfx-total{font-size:12px}.mfx-body{flex:1;overflow:auto;outline:0}.mfx-loading,.mfx-error{padding:2rem;text-align:center}.mfx-inner{padding:0 30px 30px 30px}.mfx-inner .image_container{margin-bottom:30px}.mfx-inner .image_container img{width:100%;height:auto}@media (max-width:640px){.mfx-modal{width:100vw;height:100vh;border-radius:0}.mfx-nav{padding:0.5rem}}.mfx-loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#fff}.mfx-loading .mfx-spinner{width:48px;height:48px;overflow:visible}.mfx-loading .mfx-spinner .mfx-track{stroke:rgba(255, 255, 255, 0.18);stroke-width:4;fill:none}.mfx-loading .mfx-spinner .mfx-head{stroke:currentColor;stroke-width:4;stroke-linecap:round;fill:none;stroke-dasharray:90 150;stroke-dashoffset:0;animation:mfx-rotate 1.4s linear infinite, mfx-dash 1.4s ease-in-out infinite}.mfx-loading .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@keyframes mfx-rotate{to{transform:rotate(360deg)}}@keyframes mfx-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-40px}100%{stroke-dasharray:90 150;stroke-dashoffset:-120px}}@media (prefers-reduced-motion:reduce){.mfx-loading .mfx-head{animation:none}}.content-gallery{--gap: 16px;margin:30px 0 0 0}.content-gallery ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap);grid-template-columns:1fr}@media (min-width:600px){.content-gallery ul{grid-template-columns:repeat(3, 1fr)}}@media (min-width:900px){.content-gallery ul{grid-template-columns:repeat(4, 1fr)}}.content-gallery li{margin:0}.content-gallery figure{margin:0;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#f3f3f3}.content-gallery img{width:100%;height:100%;display:block;object-fit:cover}