/* Runtime styles supplement the original page-specific responsive design. */
/* Shared tokens taken from the imported theme: menu face and its link colour. */
:root{--eb-menu-font:wfont_9a5f26_9b8df5e336734f4ea3df38b1b637cc73,wf_9b8df5e336734f4ea3df38b1b,orig_montserrat_regular,sans-serif;--eb-accent:#38c68b}
html,body{background-color:#f4f2f1!important;scroll-behavior:auto!important}
@view-transition{navigation:none}
::view-transition-old(root),::view-transition-new(root){animation:none!important}
wow-image,wix-image{display:block}wow-image picture,wow-image img{display:block;width:100%;height:100%}
wow-image picture.eb-imported-crop{position:relative;overflow:hidden;clip-path:inset(var(--crop-clip,0px))}
wow-image picture.eb-imported-crop img{position:absolute!important;width:var(--crop-w)!important;height:var(--crop-h)!important;max-width:none!important;max-height:none!important;left:var(--crop-x)!important;top:var(--crop-y)!important}
wix-video.eb-video-ready video{opacity:1!important}
wix-video.eb-video-ready .bgVideoposter{visibility:hidden!important;pointer-events:none}
.eb-gallery{position:relative;width:100%;overflow:hidden;line-height:0}
.eb-gallery-item{display:block;border:0;padding:0;margin:0;background:none;cursor:pointer;overflow:hidden;box-sizing:border-box}
.eb-gallery-item img{display:block;width:100%;height:100%;object-fit:cover}
.eb-gallery-item:focus-visible{outline:2px solid var(--eb-accent);outline-offset:-3px}
.eb-project-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:30px;background:rgba(18,56,77,.39);opacity:0;pointer-events:none}
.eb-project-title{display:block;width:100%;text-align:center;color:#f4f2f1;font:700 40px/1.25 wfont_9a5f26_ca94eb06f13543f1b5c578b9c2f4a839,wf_ca94eb06f13543f1b5c578b9c,orig_montserrat_bold;overflow-wrap:normal;word-break:normal;hyphens:none;font-size:var(--eb-title-size,40px)}
[data-gallery="comp-ls0t9i4u2"] .eb-project-title{--eb-title-base:25px;font-size:var(--eb-title-size,25px)}
.eb-gallery-item:hover .eb-project-overlay,.eb-gallery-item:focus-visible .eb-project-overlay{opacity:1}
.eb-gallery-item[hidden]{display:none!important}
/* Language switch: an entry of the menu row, styled like its neighbours. When
   the row gives way to the burger icon the runtime measures that icon and pins
   the switch to its left (.eb-language-floating). */
.eb-language-switch{display:flex;align-items:center;gap:.5em;font:var(--fnt,normal 16px var(--eb-menu-font));white-space:nowrap}
.eb-language-switch a{color:rgb(var(--txt,var(--color_15,0,0,0)));text-decoration:none}
.eb-language-switch a[aria-current],.eb-language-switch a:hover,.eb-language-switch a:focus-visible{color:var(--eb-accent)}
.eb-language-divider{color:rgba(0,0,0,.3)}
.eb-language-switch.eb-language-floating{position:absolute;z-index:20;top:var(--eb-lang-top,10px);right:var(--eb-lang-right,5%);font-size:13px;letter-spacing:.08em}
/* The e-mail address is stored reversed, so it never appears in the served
   HTML for address harvesters. The bidi override turns it around for readers,
   with or without JavaScript; the runtime makes it behave like a mail link. */
.eb-mail{unicode-bidi:bidi-override;direction:rtl}
.eb-mail[role=link]{cursor:pointer}
.eb-mail[role=link]:focus-visible{outline:2px solid var(--eb-accent);outline-offset:2px}
/* Short Portfolio overview: use its existing empty row as flexible space. */
.y2w0r-container{min-height:100dvh!important;grid-template-rows:auto auto minmax(24px,1fr) 0 auto!important}
#comp-ls0t9i54{min-height:24px!important;height:auto!important}
#comp-ls0t9i46{height:auto!important;min-height:0!important;margin:0!important}
html[lang="en"] :is(#comp-kcozp39n,#comp-kcp1ro2k1){height:auto!important;overflow-wrap:anywhere}
html[lang="en"] :is(#comp-kcozp39n,#comp-kcp1ro2k1) :is(p,ul){margin-bottom:1em}
html[lang="en"] :is(#comp-kcozp39n,#comp-kcp1ro2k1) :is(h1,h2,h3){font-weight:700;margin:1.3em 0 .6em}
.S829f_:has([role="dialog"][aria-label="Site navigation"]){display:none!important}
wix-dropdown-menu{overflow:visible!important}
/* Entries keep their own label width; one shared gap sets the spacing so the
   distances between them are equal. The runtime sizes --eb-menu-gap. */
.eb-menu-list{display:flex!important;justify-content:flex-end;align-items:stretch;gap:var(--eb-menu-gap,56px);width:100%;height:100%}
.eb-menu-list>li{flex:0 0 auto;width:auto;height:100%;position:relative;box-sizing:border-box;overflow:visible;visibility:inherit}
.eb-menu-list>li>a,.eb-menu-list>li>[role="button"]{height:100%;display:block}
.eb-menu-list>li>a p,.eb-menu-list>li>[role="button"] p{line-height:45px}
/* The runtime copies the label inset of the imported entries onto this one,
   so every visible distance in the row is equal. */
.eb-menu-list>.eb-language-item{display:flex;align-items:center}
/* Too narrow for the full row: the burger menu replaces it. The row keeps its
   box so it stays measurable and can be restored when the window grows. */
body.eb-compact-menu wix-dropdown-menu{visibility:hidden!important;pointer-events:none}
body.eb-compact-menu .wixui-mobile-menu__icon{display:block!important}
/* The imported theme draws no panel behind a submenu (--alpha-bgDrop is 0), so
   the entries float in the empty band below the menu. Their spacing keeps two
   entries inside that band instead of running into the page content. */
.eb-submenu{--eb-submenu-gap:-8px;display:none!important;position:absolute;right:0;top:calc(100% + var(--eb-submenu-gap));min-width:100%;padding:0!important;background:rgba(var(--bgDrop,244,242,241),var(--alpha-bgDrop,0));box-shadow:none;z-index:100;text-align:var(--submenus-align,var(--align,end))}
.eb-submenu li{display:block!important;position:relative!important;width:100%!important}
/* The submenu now starts inside the menu item, so no bridge is needed. */
.eb-submenu a{display:block;box-sizing:border-box;width:100%;padding:0 .5em;font:var(--fnt,normal 16px Arial);line-height:28px;white-space:nowrap;color:rgb(var(--txt,var(--color_15,0,0,0)))}
.eb-submenu a:hover,.eb-submenu a:focus-visible{color:var(--eb-accent)}
.eb-menu-list,.eb-menu-list *,.eb-mobile-dialog,.eb-mobile-dialog *{animation:none!important;transition:none!important}
.eb-menu-list>.eb-expanded>.eb-submenu{display:block!important}
.eb-slide-viewport{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}
.eb-slide-viewport::-webkit-scrollbar{display:none}
.eb-slide-viewport .eb-gallery-item{scroll-snap-align:start}
.eb-slide-arrow{position:absolute;top:calc(50% - 19.5px);width:23px;height:39px;z-index:5;border:0;background:transparent;color:#000;fill:currentColor;padding:0;cursor:pointer}
.eb-slide-arrow[hidden]{display:none!important}
.eb-slide-arrow.prev{left:23px}.eb-slide-arrow.next{left:calc(var(--slide-width) - 46px)}.eb-slide-arrow svg{filter:drop-shadow(rgb(178,178,178) 0px 1px .15px)}.eb-slide-arrow.prev svg{transform:scaleX(-1)}
@font-face{font-family:eb-gallery-icons;src:url('/assets/gallery-icons.woff') format('woff');font-style:normal;font-weight:400;font-display:block}
.eb-lightbox{position:fixed;inset:0 auto auto 0;width:calc(100vw - var(--scrollbar-width,0px));height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f4f2f1;color:#000;overflow:hidden;z-index:100000}
.eb-lightbox::backdrop{background:#f4f2f1}
:fullscreen .eb-lightbox{width:100vw}
.eb-lightbox figure{position:absolute;left:90px;top:74px;width:calc(100vw - 180px);height:calc(100dvh - 148px);display:flex;align-items:center;justify-content:center;margin:0}
.eb-lightbox figure img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.eb-lightbox button{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:inherit;cursor:pointer}
.eb-lightbox [hidden]{display:none!important}
.eb-lb-icon{width:38px;height:44px;font:26px/44px eb-gallery-icons}
.eb-lb-size{left:35px;top:26px}.eb-lb-size:before{content:'\f10e'}
.eb-lb-close{right:30px;top:30px}.eb-lb-close:before{content:'\f10a'}
.eb-lb-prev,.eb-lb-next{width:50px;height:50px;top:calc(50% - 25px)}
.eb-lb-prev{left:20px}.eb-lb-next{left:calc(100vw - 70px)}
.eb-lb-prev svg{transform:rotate(180deg)}
.eb-lb-expanded figure{inset:0 auto auto 0;width:100vw;height:100dvh}
.eb-lb-expanded .eb-lb-icon{width:80px;height:80px;top:10px;border-radius:50%;background:rgba(255,255,255,.4)}
.eb-lb-expanded .eb-lb-close{right:10px}.eb-lb-expanded .eb-lb-size{left:10px}.eb-lb-expanded .eb-lb-size:before{content:'\f128'}
.eb-lb-expanded .eb-lb-prev,.eb-lb-expanded .eb-lb-next{width:80px;height:80px;top:calc(50% - 40px)}
.eb-lb-expanded .eb-lb-prev{left:10px}.eb-lb-expanded .eb-lb-next{left:calc(100vw - 90px)}
.eb-lb-expanded .eb-lb-prev svg,.eb-lb-expanded .eb-lb-next svg{width:24px;height:43.2px}
.eb-lb-with-details figure{width:calc(70vw - 180px)}
.eb-lb-details{position:absolute;right:0;top:0;box-sizing:border-box;width:30%;max-height:100%;overflow:auto;padding:130px 120px 30px 4px}
.eb-lb-details h1{font:700 20px/28px wfont_9a5f26_def16308b2ce44188f10eec259b3655c,orig_montserrat_light,sans-serif;margin:0 0 18px;overflow-wrap:anywhere}
.eb-lb-details p{font:16px/1.4 Arial;margin:0;overflow-wrap:anywhere}
.eb-lb-love{left:128px;top:30px;width:38px;height:44px}.eb-lb-love svg{fill:currentColor;stroke:none}.eb-heart-filled,.eb-lb-love[aria-checked=true] .eb-heart-outline{display:none}.eb-lb-love[aria-checked=true] .eb-heart-filled{display:block}
.eb-mobile-dialog{margin:0;inset:0;padding:0 0 30px;box-sizing:border-box;max-width:none;max-height:none;width:100vw;height:100dvh;border:0;background:#f4f2f1;color:#000;z-index:10000}
.eb-mobile-dialog::backdrop{background:#f4f2f1}
.eb-mobile-close{position:absolute;top:18px;right:20px;background:none;border:0;font:38px Arial;cursor:pointer}
/* Keep the imported responsive menu offset: 100px on phones, 64px on tablets. */
.eb-mobile-dialog nav{display:block!important;position:relative!important;width:100%!important;height:auto!important}
.eb-mobile-dialog nav>ul{display:block!important}
.eb-mobile-dialog li{position:static!important;display:block!important;width:100%!important;min-height:0!important}
.eb-mobile-dialog li>ul{display:none!important;padding:0!important}
/* Groups stay open, so the imported toggle column is no longer needed and the
   label keeps the full width of the entry. */
.eb-mobile-dialog li.eb-expanded>ul{display:block!important;opacity:1!important;visibility:visible!important}
.eb-mobile-dialog [data-testid=itemWrapper]{display:block!important;text-align:center}
.eb-mobile-dialog a{color:inherit;text-decoration:none}
/* Shared project navigation: exact responsive offsets of the older KoLa page. */
.eb-project-arrow-layer{position:fixed!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;width:100%!important;height:auto!important;margin:0!important;display:grid!important;grid-template:1fr / 1fr!important;pointer-events:none;z-index:56!important}
.eb-project-arrow{position:relative!important;inset:auto!important;grid-area:1 / 1 / 2 / 2!important;align-self:start!important;width:15.140625px!important;height:57px!important;min-height:57px!important;margin:25% 0 0!important;pointer-events:auto;--fnt:normal normal 700 30px/1.4em poppins-extralight,poppins,sans-serif!important}
.eb-project-previous{justify-self:start!important;margin-left:4%!important}
.eb-project-next{justify-self:end!important;margin-right:4%!important}
@media(max-width:1000px){.eb-project-arrow{margin-top:50%!important}.eb-project-previous{margin-left:3%!important}.eb-project-next{margin-right:3%!important}}
/* Buchillustration: the Honshu-wolf illustration was cropped top and bottom by
   its fixed-height cell. It keeps its own proportions and centres instead. */
#buchi #comp-kb9coa26{width:auto!important;max-width:100%!important;min-width:0!important;justify-self:center!important;aspect-ratio:1158/1610!important}
@media(max-width:750px){.eb-project-previous{margin-left:2%!important}.eb-project-next{margin-right:2%!important}}
@media(max-width:750px){.eb-lightbox:not(.eb-lb-expanded) figure{left:35px;top:74px;width:calc(100vw - 70px);height:calc(100dvh - 148px)}.eb-lb-with-details:not(.eb-lb-expanded) figure{height:calc(70dvh - 100px)}.eb-lb-details{top:70%;width:100%;max-height:30%;padding:20px 35px}.eb-lb-prev{left:0}.eb-lb-next{left:calc(100vw - 50px)}}
/* Footer social bar. Wix spreads the icons across the bar from script, which
   the rebuild does not run, so they collapsed against its left edge; the bar
   itself sits in the middle grid column with a stray right margin and is off
   the centre of the page in the old site too. Restore the spacing and centre
   the bar on the footer. */
footer [id$="_r_comp-kbo7abl6"]{grid-column:1 / -1!important;justify-self:center!important;margin-left:0!important;margin-right:0!important}
footer [id$="_r_comp-kbo7abl6"]>ul{justify-content:space-between}
/* Between the phone and desktop layouts the imported header insets the logo
   and the burger icon by different amounts. The desktop header puts both on
   the 9% gutters of the content column; match that here. */
@media(min-width:751px) and (max-width:1000px){
  .eb-header-logo{grid-column:1 / -1!important;justify-self:start!important;margin-left:9%!important;margin-right:0!important}
  .eb-header-burger{grid-column:1 / -1!important;justify-self:end!important;margin-right:9%!important;margin-left:0!important}
}
/* Wix baked the desktop gallery height into the Projekte section, so below
   1000px the reflowed gallery left a tall empty strip above the footer. The
   old site has the same gap; the section now follows its content. */
@media(max-width:1000px){
  body[data-page="t48u1"] #comp-kbnu35ey{min-height:0!important;grid-template-rows:max-content!important}
}
@media(max-width:1199px){
  body[data-page="d2b7m"] #comp-l5s2ejj1{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:24px!important;min-height:360px!important;height:auto!important;padding:75px 22px!important;box-sizing:border-box}
  body[data-page="d2b7m"] #comp-l5s2ejj1>[data-edit-text],body[data-page="d2b7m"] #comp-l5s2g3tk{position:relative!important;inset:auto!important;grid-area:auto!important;width:auto!important;max-width:100%!important;height:auto!important;margin:0!important;align-self:center!important;transform:none!important}
  body[data-page="d2b7m"] #comp-l5s2g4ib{order:1!important}
  body[data-page="d2b7m"] #comp-l5s2g4ib h1{margin:0!important;font-size:clamp(32px,7vw,60px)!important;line-height:1.2!important;text-align:center!important;white-space:nowrap!important}
  body[data-page="d2b7m"] #comp-l5s2g46z{order:2!important;text-align:center!important;overflow-wrap:anywhere}
  body[data-page="d2b7m"] #comp-l5s2g3tk{order:3!important;height:33px!important;width:195px!important}
  body[data-page="b4n2a"] main,body[data-page="ipmsr"] main{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;gap:28px!important;padding:35px 22px 36px!important;box-sizing:border-box;max-width:100%}
  main .eb-mobile-empty{display:none!important}
  main .eb-mobile-section{display:flex!important;flex-direction:column!important;gap:22px!important;height:auto!important;min-height:0!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;grid-template:none!important;position:relative!important;box-sizing:border-box}
  main .eb-mobile-flow{display:contents!important}
  main .eb-mobile-leaf{position:relative!important;inset:auto!important;grid-area:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;align-self:stretch!important;justify-self:stretch!important;transform:none!important;order:var(--mobile-order,3)}
  main .eb-mobile-leaf[data-edit-text]{display:block!important;overflow:visible!important;overflow-wrap:anywhere;--fontSize:17px!important;font-size:17px!important}
  main .eb-mobile-leaf[data-edit-text] :is(p,h1,h2,h3,h4,span,a){font-size:inherit!important;line-height:1.55!important;white-space:normal!important}
  main .eb-mobile-leaf[data-edit-text] :is(p,h1,h2,h3,h4){height:auto!important;min-height:0!important;max-height:none!important;letter-spacing:normal!important;margin:0!important}
  main .eb-mobile-leaf[data-edit-text].eb-mobile-title{order:1!important;--fontSize:30px!important;font-size:30px!important}
  main .eb-mobile-leaf[data-edit-text].eb-mobile-subtitle{order:2!important;--fontSize:18px!important;font-size:18px!important;margin-top:-15px!important}
  main .eb-mobile-leaf.wixui-image{display:block!important;aspect-ratio:var(--mobile-image-ratio,16/9)!important}
  main .eb-mobile-leaf[class*="VideoPlayer"]{display:block!important;aspect-ratio:16/9!important}
  main .eb-mobile-leaf.eb-mobile-hero{order:0!important;width:calc(100% + 44px)!important;max-width:none!important;margin-left:-22px!important;margin-right:-22px!important}
  main .eb-mobile-leaf[data-gallery]{height:var(--gallery-height,auto)!important;min-height:10px!important}
}
@media(max-width:375px){
  body[data-page="coibu"] main .wixui-image,body[data-page="hia0s"] #comp-msyo2cco2{max-width:calc(100vw - var(--scrollbar-width,0px))!important}
  body[data-page="coibu"] main .wixui-image{min-width:0!important;justify-self:start!important;margin-left:0!important;margin-right:0!important;left:0!important}
  body[data-page="hia0s"] #comp-msyo2cco2{height:auto!important;aspect-ratio:16/9!important}
  body[data-page="vrbly"] main [data-edit-text]{max-width:calc(100vw - 60px)!important;height:auto!important;overflow-wrap:anywhere}
}
/* Imported project widths include offsets that exceed the tablet content grid. */
/* Wix placed this full-width NEINhorn still in the narrow third gutter column. */
@media(max-width:750px){
  #comp-kb9dlytv2{margin-top:8px!important}
  body[data-page="hia0s"] #comp-msyo2cdg{display:flex!important;flex-direction:column!important;gap:8px!important;min-height:0!important;height:auto!important}
  body[data-page="hia0s"] #comp-msyo2cdg>.wixui-image{grid-area:auto!important;margin:0!important;width:100%!important;height:200px!important;min-height:0!important;flex:none!important}
  body[data-page="hia0s"] #comp-msyo2cdh8{order:1}body[data-page="hia0s"] #comp-msyo2cdr4{order:2}body[data-page="hia0s"] #comp-msyo2cdp{order:3}body[data-page="hia0s"] #comp-msyozw1f{order:4}
  body[data-page="zjs3r"] #comp-kd75dopp{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:16px!important;padding:22px!important;min-height:0!important;height:auto!important;box-sizing:border-box}
  body[data-page="zjs3r"] #comp-kd75dopp>.wixui-image{grid-area:auto!important;position:relative!important;inset:auto!important;margin:0!important;width:min(100%,160px)!important;height:auto!important;min-width:0!important;min-height:0!important;aspect-ratio:1!important;align-self:center!important;justify-self:center!important}
  body[data-page="zjs3r"] #comp-kd75dopp>.wixui-image img{object-fit:contain!important}
  body[data-page="zjs3r"] #comp-kc38noul{grid-area:auto!important;grid-column:1 / -1!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;aspect-ratio:16 / 9!important}
}
@media(min-width:751px) and (max-width:1000px){
  body[data-page="hia0s"] #comp-msyo2cdr4{grid-area:3 / 1 / 4 / 3!important;margin-left:max(.5px,.0846838 * (var(--scaling-factor) - var(--scrollbar-width)))!important;margin-right:max(.5px,.0003985 * (var(--scaling-factor) - var(--scrollbar-width)))!important}
}
@media(max-width:1000px){
  body[data-page="zjs3r"] #comp-kd5ug39x{display:flex!important;flex-direction:column!important;gap:20px!important;min-height:0!important;height:auto!important}
  body[data-page="zjs3r"] #comp-kd5ug39x>.wixui-image{grid-area:auto!important;position:relative!important;inset:auto!important;margin:0!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16 / 9!important;flex:none!important}
  body[data-page="vrbly"] #comp-l1gn69qb{width:100%!important;max-width:calc(100vw - var(--scrollbar-width,0px))!important;margin-left:0!important;margin-right:0!important;justify-self:stretch!important}
  body:is([data-page="bcd73"],[data-page="buchi"],[data-page="coibu"],[data-page="hia0s"],[data-page="jxmxe"],[data-page="o1yll"],[data-page="rokg6"],[data-page="tkbwy"],[data-page="vrbly"],[data-page="zjs3r"]) main .wixui-box:not(.inner-box){max-width:100%!important;margin-left:0!important;margin-right:0!important;justify-self:center!important}
  body:is([data-page="bcd73"],[data-page="buchi"],[data-page="coibu"],[data-page="hia0s"],[data-page="jxmxe"],[data-page="o1yll"],[data-page="rokg6"],[data-page="tkbwy"],[data-page="vrbly"],[data-page="zjs3r"]) main :is(.wixui-image,[class*="VideoPlayer"]){max-width:100%!important}
}

/* Pictures in hand-built rows open in the gallery viewer. */
.eb-zoomable{cursor:zoom-in}
.eb-zoomable:focus-visible{outline:2px solid var(--eb-accent);outline-offset:2px}

/* The logo answers a hover the way the menu items do: it turns the same
   teal. The colour lives in one masked layer and the picture steps aside
   while it shows, so the black never shows through the soft letter edges. */
.eb-logo{position:relative;}
.eb-logo::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:#38c68b;
  -webkit-mask-image:var(--eb-logo-mask);mask-image:var(--eb-logo-mask);
  -webkit-mask-size:var(--eb-logo-fit,contain);mask-size:var(--eb-logo-fit,contain);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:var(--eb-logo-pos,center);mask-position:var(--eb-logo-pos,center);
  transition:opacity .18s ease;
}
.eb-logo.eb-logo-hover::after{opacity:1;}
.eb-logo.eb-logo-hover wow-image,.eb-logo.eb-logo-hover picture{visibility:hidden;}
@media (prefers-reduced-motion:reduce){.eb-logo::after{transition:none;}}