un-a[data-theme=""]{--color-background:var(--primary, #006af5);margin-top:2px}un-a[data-theme=""] a{background-color:var(--color-background);padding-top:8px;padding-bottom:8px;padding-left:15px;padding-right:15px;border-radius:5px;border:none;color:#fff;font-size:medium;font-weight:400}un-a[data-theme=""] a:hover{background-color:color-mix(in srgb,var(--color-background) 90%,#000)}un-a[data-theme=""] a:active{background-color:color-mix(in srgb,var(--color-background) 90%,#fff)}un-a[data-theme=suedstadtsause]{--color-background:var(--primary, #FFBE01)}un-a[data-theme=suedstadtsause] a{background-color:var(--color-background);border-bottom:thin solid #000;border-left:1px solid #000;padding:10px}un-a[data-theme=suedstadtsause] a:hover{background-color:color-mix(in srgb,var(--color-background) 90%,#000)}un-a[data-theme=suedstadtsause] a:active{background-color:color-mix(in srgb,var(--color-background) 90%,#fff)}un-a[data-theme=vaadin]{--color-background:var(--primary, #006af5);margin-top:2px}un-a[data-theme=vaadin] a{background-color:var(--color-background);padding-top:8px;padding-bottom:8px;padding-left:15px;padding-right:15px;border-radius:5px;border:none;color:#fff;font-size:medium;font-weight:400}un-a[data-theme=vaadin] a:hover{background-color:color-mix(in srgb,var(--color-background) 90%,#000)}un-a[data-theme=vaadin] a:active{background-color:color-mix(in srgb,var(--color-background) 90%,#fff)}un-a{display:contents;width:fit-content;height:fit-content}un-a:not(:defined) *{display:none}un-a a{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#000;text-decoration-line:none;cursor:pointer}un-a a:focus-visible{outline-offset:2px!important;outline-width:2px!important;outline-style:solid!important;outline-color:green!important}un-btn[data-theme=haerer-geruestbau][data-html=triplebar] .bar{outline-color:#fff;outline-offset:0px;outline-width:2px;outline-style:solid;background-color:var(--primary);border-radius:25px;box-shadow:0 0 0 0 #fff;height:4px;transition-duration:.2s;transition-timing-function:cubic-bezier(.13,.24,.35,1.64)}un-btn[data-theme=swipe]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}un-btn[data-theme=swipe] button{display:block;width:fit-content;height:fit-content;position:relative;transition:all .35s;padding:5px 10px;border:1px solid var(--primary);font-size:medium;font-family:sans-serif;text-decoration:none;letter-spacing:2px;text-align:center;color:var(--primary)}un-btn[data-theme=swipe] button span{position:relative;z-index:2}un-btn[data-theme=swipe] button:after{position:absolute;content:"";top:0;left:0;width:0;height:100%;background-color:color-mix(in oklab,var(--primary),#fff 80%);transition:all .35s}un-btn[data-theme=swipe] button:hover{color:color-mix(in oklab,var(--primary),#000 30%)}un-btn[data-theme=swipe] button:hover:after{width:100%}un-btn[data-theme=swipe] button:active:after{background-color:color-mix(in oklab,var(--primary),#fff 900%)}un-btn[data-html=triplebar] button{width:30px;z-index:3;position:relative}un-btn[data-html=triplebar] .bar{outline-color:#000;outline-offset:0px;outline-width:1px;outline-style:solid;background-color:var(--primary,#b0c4de);border-radius:25px;box-shadow:0 3px 13px rgba(0,0,0,.3);height:4px;transition-duration:.2s;transition-timing-function:cubic-bezier(.13,.24,.35,1.64)}un-btn[data-html=triplebar][data-state=on] .bar.one{transform:translate(0,9px) rotate(45deg)}un-btn[data-html=triplebar][data-state=on] .bar.two{background-color:transparent;outline-color:transparent;box-shadow:none;transform:translateX(-55px)}un-btn[data-html=triplebar][data-state=on] .bar.three{transform:translate(0,-14px) rotate(-45deg)}un-btn[data-html=triplebar] :is(.bar.one,.bar.two){margin-bottom:6px}un-btn[data-theme=triplebar-suedstadtsause][data-state=off] button{animation-name:wiggle;animation-duration:1.3s;animation-timing-function:linear;animation-iteration-count:1;animation-delay:0s}un-btn[data-theme=triplebar-vaadin] .bar{background-color:var(--analogous-1);outline-color:#000;outline-width:1px;outline-offset:0px}un-btn[data-html=css][data-theme=radioactive] button::after{content:'\26A0';font-size:60px;color:var(--primary)}un-btn[data-html=css] button:hover::after{-webkit-text-stroke-color:color-mix(in srgb,var(--primary) 50%,black);-webkit-text-stroke-width:1px}un-btn[data-html=css] button:active::after{-webkit-text-stroke-color:color-mix(in srgb,var(--primary) 50%,white);-webkit-text-stroke-width:1px}un-btn[data-theme^=vaadin] button{padding-top:8px;padding-bottom:8px;padding-left:15px;padding-right:15px;border-radius:5px;border:none}un-btn[data-theme=vaadin-1] button{color:#fff;font-size:medium;font-weight:700;background-color:var(--primary);transition-property:all;transition-timing-function:ease-in-out;transition-duration:.2s}un-btn[data-theme=vaadin-1] button:hover{background-color:color-mix(in srgb,var(--primary) 80%,#000)}un-btn[data-theme=vaadin-1] button:active{background-color:color-mix(in srgb,var(--primary) 80%,#fff)}un-btn[data-theme=vaadin-1] button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 70%,white);outline-offset:1px}un-btn[data-theme=vaadin-2] button{font-size:medium;background-color:color-mix(in srgb,var(--primary) 10%,transparent);color:color-mix(in srgb,var(--primary) 96%,#000)}un-btn[data-theme=vaadin-2] button:hover{background-color:color-mix(in srgb,var(--primary) 30%,transparent)}un-btn[data-theme=vaadin-2] button:active{background-color:color-mix(in srgb,var(--primary) 10%,#fff)}un-btn[data-theme=vaadin-2] button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 70%,white);outline-offset:1px}un-btn[data-theme=vaadin-3] button{font-size:small;background-color:color-mix(in srgb,var(--primary) 5%,transparent);color:color-mix(in srgb,var(--primary) 90%,#fff)}un-btn[data-theme=vaadin-3] button:hover{background-color:color-mix(in srgb,var(--primary) 15%,transparent)}un-btn[data-theme=vaadin-3] button:active{background-color:color-mix(in srgb,var(--primary) 0%,transparent)}un-btn[data-theme=vaadin-3] button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 70%,white);outline-offset:1px}un-btn{display:contents}un-btn button{width:fit-content;text-align:center;outline:0;border:none;margin:0;padding:0;cursor:pointer;background-color:transparent;color:inherit;font:inherit}un-btn button>svg{width:25px}un-btn button:focus-visible{outline-offset:1px;outline-width:2px;outline-style:solid;outline-color:color-mix(in srgb,var(--primary) 70%,#fff)}@keyframes wiggle{0%,7%{transform:rotateZ(0)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}100%,40%{transform:rotateZ(0)}}un-header-banner[data-theme=haerer-geruestbau] img{filter:sepia(50%)}un-header-banner:not(:defined){display:none}un-header-banner{/*! grid-area: header; */display:flex;justify-content:right;position:relative;width:100%;height:100%;overflow-x:hidden}un-header-banner>img{position:absolute;opacity:0;margin:auto;width:100%;height:100%;transition-property:transform,opacity,filter;transition-duration:5s;transition-timing-function:ease-in-out;transition-delay:0;object-fit:cover;border:thin solid #000}un-header-banner img.foreground{object-fit:contain;max-height:100%;filter:drop-shadow(2px 2px 0px #dfb29b);transition-property:filter;transition-duration:.5s;padding:20px}un-header-banner img.foreground:hover{filter:brightness(150%) drop-shadow(2px 2px 0px #fff)}un-header-banner .overlay{display:flex;flex-flow:row nowrap;justify-content:space-between;height:100%;align-items:center;margin:0 1%}un-header-banner .overlay>*{max-height:100%}un-header-banner .overlay un-img{object-fit:contain;filter:drop-shadow(2px 2px 0px #dfb29b);transition-property:filter;transition-duration:.5s}un-header-banner .overlay un-img:hover{filter:brightness(150%) drop-shadow(2px 2px 0px #fff)}un-header-banner .overlay un-drawer img{transition-property:transform;transition-duration:.5s;filter:drop-shadow(0px 0px 2px black)}un-header-banner .overlay un-drawer img:hover{transform:scale(1.1);filter:drop-shadow(0px 1px 1px white)}un-header-banner img.show{opacity:1!important}un-header-banner[data-area=header]{grid-area:header}un-header-banner[data-scroll=true]{overflow:auto}un-header-banner[data-filter=sepia]>img{filter:sepia(50%)}un-header-banner[data-filter=grey]>img{filter:grayscale(70%)}un-header-banner[data-filter=shadow]>img{filter:drop-shadow(5px 5px 5px #4f4f4f)}un-header-banner[data-transfx=flash]>img{transition-duration:.5s;opacity:0}un-header-banner[data-transfx=flash]>img.show{opacity:1!important}un-header-banner[data-transfx=grey]>img{filter:grayscale(100%)}un-header-banner[data-transfx=grey]>img.show{filter:grayscale(0%)!important}un-header-banner[data-transfx=blend]>img{filter:brightness(50%) sepia(50%)}un-header-banner[data-transfx=blend]>img.show{filter:brightness(100%) sepia(50%)!important}un-header-banner[data-transfx=slide]>img{transform:translateY(-100%);filter:sepia(50%);opacity:0}un-header-banner[data-transfx=slide]>img.show{transform:translateX(0)!important;filter:sepia(50%)!important;opacity:1!important}un-header-banner[data-theme=""]{height:250px}un-img[data-theme=haerer-geruestbau]{border:thin solid var(--primary)}un-img[data-theme=haerer-geruestbau] img{min-width:175px;outline-style:solid;outline-color:var(--primary);outline-width:1px}un-img[data-theme=haerer-geruestbau][data-shape=polygon]{background-color:var(--primary-alpha-50);clip-path:polygon(2.06% 5.92%,99.46% 1.75%,101% 100%,9.11% 72.92%)}un-img[data-theme=haerer-geruestbau][data-shape=polygon] img{clip-path:polygon(5.06% 7.92%,96.46% 3.75%,100% 100%,10.11% 72.92%)}un-img-gallery[data-theme=haerer-geruestbau]{padding-left:40px}un-img-gallery[data-theme=haerer-geruestbau]>img.current{opacity:1!important}un-img-gallery[data-theme=haerer-geruestbau]>img{opacity:.6;outline-width:1px;outline-style:solid;outline-color:var(--primary-transp);border:none}un-img-gallery[data-theme=haerer-geruestbau][data-hover*=outline]>img:hover{outline-color:color-mix(in oklch,var(--primary) 75%,transparent);outline-color:#000;outline-width:1px;opacity:.9}un-img-gallery:not(:defined){display:none}un-img-gallery{display:flex;flex-flow:row wrap;height:100%;width:100%;margin:0;column-gap:var(--gap);row-gap:var(--gap)}un-img-gallery a{display:flex;width:fit-content}un-img-gallery a img{/*! width: 100%; *//*! height: 100%; *//*! object-fit: cover; */}un-img-gallery>img{cursor:pointer;width:clamp(250px,31vw,600px);aspect-ratio:1.2;height:auto;min-width:100px;object-fit:cover;/*! opacity: 0.4; */transition:transform ease .25s;outline:thin solid black}un-img-gallery[data-shape=rounded]>img{border-radius:3%}un-img-gallery[data-shape=oval]>img{border-radius:50%}un-img-gallery[data-filter=sepia]>img{filter:sepia(50%)}un-img-gallery[data-filter=grey]>img{filter:grayscale(70%)}un-img-gallery[data-filter=shadow]>img{filter:drop-shadow(5px 5px 5px #4f4f4f)}un-img-gallery[data-hover*=scale]>img:hover{transform:scale(1.05)}un-img-gallery[data-hover*=lighten]>img:hover{filter:brightness(140%)}un-img-gallery[data-hover*=outline]>img:hover{outline-width:2px;outline-style:solid;outline-color:var(--complementary);border:none;opacity:.9}un-img-gallery[data-hover*=shadow]>img:hover{box-shadow:rgba(0,0,0,.2) 0 0 8px 4px}un-img-gallery[data-justify=left]{justify-content:left}un-img-gallery[data-justify=center]{justify-content:center}un-img-gallery[data-justify=right]{justify-content:right}un-img-gallery[data-justify=space-between]{justify-content:space-between}un-img-gallery[data-justify=space-around]{justify-content:space-around}un-img-gallery[data-theme=""]>img.current{opacity:1!important}un-img-gallery[data-theme=""]>img{opacity:.6}un-img-gallery[data-number="2"]>img{width:calc(50% - var(--gap))}un-img-gallery[data-number="3"]>img{width:calc(33% - var(--gap))}un-img-gallery[data-number="4"]>img{width:calc(25% - var(--gap))}un-img-gallery[data-number="5"]>img{width:calc(20% - var(--gap))}un-img-gallery[data-number="6"]>img{width:calc(16.6% - var(--gap))}un-img-gallery[data-number="7"]>img{width:calc(14.2% - var(--gap))}un-img-gallery[data-number="8"]>img{width:calc(12.5% - var(--gap))}un-img-lightbox[data-theme=haerer-geruestbau] button{--stroke-color:black;--stroke-width:2px;-webkit-text-stroke-width:0px;-webkit-text-stroke-color:var(--stroke-color);text-shadow:-1px 1px 2px var(--stroke-color),1px 1px 2px var(--stroke-color),1px -1px 0 var(--stroke-color),-1px -1px 0 var(--stroke-color);color:var(--primary);padding:0}un-img-lightbox[data-theme=haerer-geruestbau] button:focus-visible{outline:2px solid white;outline-offset:1px}un-img-lightbox[data-theme=haerer-geruestbau] button:active{color:#f5f5f5;-webkit-text-stroke-color:black}un-img-lightbox[data-theme=haerer-geruestbau] button.close::after{/*! content: '\2718'; *//*! content: '\2715'; *//*! content: '\2716'; *//*! content: 'x'; */content:"\d7"}un-img-lightbox[data-theme=haerer-geruestbau] button.close{font-size:4rem;font-weight:600;top:0;right:2%}un-img-lightbox[data-theme=haerer-geruestbau] button.arrows.left::after{content:'\2039'}un-img-lightbox[data-theme=haerer-geruestbau] button.arrows.right::after{content:'\203A'}un-img-lightbox[data-theme=haerer-geruestbau] button.arrows{font-size:6rem;font-weight:700}un-img-lightbox[data-theme=haerer-geruestbau] button.arrows.left{left:clamp(5px,5%,30px)}un-img-lightbox[data-theme=haerer-geruestbau] button.arrows.right{right:clamp(5px,5%,30px)}@media (hover:hover){un-img-lightbox[data-theme=haerer-geruestbau] button:hover{scale:1.1;color:color-mix(in srgb,var(--color) 70%,#000);-webkit-text-stroke-color:color-mix(in srgb,var(--primary) 30%,white);-webkit-text-stroke-width:4px}}@supports(color:color-mix(in oklch,white,black)){un-img-lightbox[data-theme=haerer-geruestbau] button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 70%,white)}un-img-lightbox[data-theme=haerer-geruestbau] button:active{color:color-mix(in srgb,var(--primary) 50%,#fff);-webkit-text-stroke-color:color-mix(in srgb,var(--primary) 70%,black)}}un-img-lightbox img{position:absolute;opacity:0;object-fit:cover;width:100%;height:100%}un-img-lightbox img.current{opacity:1!important}un-img-lightbox .modal{z-index:3;left:0;top:0;position:fixed;padding-top:100px;overflow:auto;height:100vh;width:100vw;background-color:#000;box-sizing:border-box;padding-bottom:100px}un-img-lightbox .showcase{width:80%;height:80%;position:absolute;left:10%;top:10%;z-index:1}un-img-lightbox button{--color:var(--primary, bisque);appearance:none;background:0 0;border:0;outline:0;cursor:pointer;z-index:1;color:var(--color);transition-property:scale,color;transition-duration:.1s;transition-timing-function:ease-in-out;transition-delay:0s}un-img-lightbox button.close{position:absolute}un-img-lightbox button.arrows{position:absolute;top:50%;translate:0 -50%;padding:0;margin:0}un-img-lightbox.bullets{display:flex;flex-flow:row nowrap;justify-content:center;width:75%;position:absolute;bottom:2%;left:50%;transform:translate(-50%,-50%);column-gap:2vw}un-img-lightbox.bullet{border-radius:100%;border:var(--border-bullets,1px solid #fff);height:var(--size-bullets,clamp(10px,.6vw,1vw));width:var(--size-bullets,clamp(10px,.6vw,1vw));cursor:pointer;/*! outline: 3px solid #5f5e5e; *//*! outline-offset: -5px; */transition:border-color .3s;transition:background-color .3s}un-img-lightbox.bullet:hover{border-color:var(--color-bullets-secondary,#682f2f)}un-img-lightbox.bullet-current{background-color:#682f2f}un-img-lightbox[data-state=closed] .modal{opacity:0;transform:scale(0);transition-property:transform,opacity;transition-timing-function:ease-in-out;transition-duration:.2s}un-img-lightbox[data-state=closed] .showcase{opacity:0;transform:scale(0)}un-img-lightbox[data-state=open] .modal{opacity:1;transform:scale(1);transition-timing-function:ease-in-out;transition-property:transform,opacity;transition-duration:.2s}un-img-lightbox[data-state=open] .showcase{opacity:1}un-img-lightbox[data-arrows=false] .arrows{display:none!important}un-img-lightbox[data-transfx=flash] img{transition:opacity .2s linear;opacity:0}un-img-lightbox[data-transfx=flash] img.current{opacity:1!important}un-img-lightbox[data-transfx=grey] img{filter:grayscale(100%);transition:filter 2s ease-in-out}un-img-lightbox[data-transfx=grey] img.current{filter:grayscale(0%)!important}un-img-lightbox[data-transfx=blend] img{filter:brightness(0%);transition:filter 2s ease-in-out}un-img-lightbox[data-transfx=blend] img.current{filter:brightness(100%)!important}un-img-lightbox[data-transfx=slide] img{transform:translateX(100%);transition-property:transform,opacity;transition-duration:2s;transition-timing-function:ease-in-out}un-img-lightbox[data-transfx=slide] img.current{transform:translateX(0)!important}un-img-lightbox[data-theme=""] button.close::after{content:'\2718';content:'\2715';content:'\2716'}un-img-lightbox[data-theme=""] button.close{font-size:60px;font-weight:100;top:clamp(5px,2%,30px);right:clamp(5px,5%,30px)}un-img-lightbox[data-theme=""] button.arrows.left::after{content:'\2039'}un-img-lightbox[data-theme=""] button.arrows.right::after{content:'\203A'}un-img-lightbox[data-theme=""] button.arrows{font-size:160px;font-weight:700}un-img-lightbox[data-theme=""] button.arrows.left{left:clamp(5px,5%,30px)}un-img-lightbox[data-theme=""] button.arrows.right{right:clamp(5px,5%,30px)}un-img-lightbox[data-theme=""] button{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:color-mix(in srgb,var(--color) 50%,white)}un-img-lightbox[data-theme=""] button:hover{scale:1.1;color:color-mix(in srgb,var(--color) 70%,#000);-webkit-text-stroke-color:color-mix(in srgb,var(--color) 30%,white)}un-img-lightbox[data-theme=""] button:active{color:color-mix(in srgb,var(--color) 50%,#fff);-webkit-text-stroke-color:color-mix(in srgb,var(--color) 70%,black)}un-img-lightbox[data-theme=""] button:focus-visible{outline:2px solid color-mix(in srgb,var(--color) 70%,white);outline-offset:1px}un-img{display:contents/*! width: 100%; *//*! max-width: 100%; */}un-img img{transition-property:all;transition-duration:.2s;transition-delay:0s;transition-timing-function:ease-in-out;object-fit:cover;max-width:100%;/*! min-width: 175px; */height:auto;width:100%}.zoom{background-position:50% 50%;position:relative;margin:150px auto;border:5px solid #fff;box-shadow:-1px 5px 15px #000;height:300px;width:500px;overflow:hidden;cursor:zoom-in}.zoom img:hover{opacity:0}.zoom img{transition:opacity .5s;display:block;width:100%}un-img[data-size=small] img{max-height:120px}un-img[data-size=medium] img{max-height:240px}un-img[data-size=large] img{max-height:480px}un-img[data-size=full] img{max-height:max-content}un-img[data-shape=rounded] img{border-radius:1%}un-img[data-shape=oval] img{border-radius:50%}un-img[data-shape=polygon]{display:block;border:none}un-img[data-shape=polygon]{background-color:var(--primary-transp);clip-path:polygon(2.06% 5.92%,99.46% 1.75%,101% 100%,9.11% 72.92%)}un-img[data-shape=polygon] img{clip-path:polygon(5.06% 7.92%,96.46% 3.75%,100% 100%,10.11% 72.92%)}un-img[data-filter=sepia] img{filter:sepia(50%)}un-img[data-filter=grey] img{filter:grayscale(70%)}un-img[data-filter=shadow] img{filter:drop-shadow(5px 5px 5px #4f4f4f)}un-img[data-hover*=scale] img:hover{transform:scale(1.05)}un-img[data-hover*=lighten] img:hover{filter:brightness(140%)}un-img[data-hover*=outline] img:hover{outline:1px solid black}un-img[data-hover*=shadow] img:hover{box-shadow:rgba(0,0,0,.2) 0 0 8px 4px}un-img[data-hover*=opacity] img:hover{opacity:.5}un-img[data-mask=spotlight] img{--circle-size:30%;--anim-delay:0s;clip-path:circle(var(--circle-size) at 30% 40%);animation:spotlight 20s infinite;position:relative;animation-delay:var(----anim-delay)}un-img[data-mask=spotlight] img:hover{animation-play-state:paused}un-img[data-mask=spotlight]::before{--circle-size:30%;position:absolute;/*! top: -5%; */content:'';width:100%;height:100%;backdrop-filter:brightness(150%);clip-path:circle(var(--circle-size) at 30% 40%);animation:spotlight 20s infinite/*! animation-delay: 0.1s; */}un-img[data-float=left] img{float:left}@keyframes spotlight{0%{clip-path:circle(var(--circle-size) at 30% 40%)}25%{clip-path:circle(var(--circle-size) at 70% 40%)}50%{clip-path:circle(var(--circle-size) at 30% 60%)}75%{clip-path:circle(var(--circle-size) at 70% 60%)}}un-lay-flex[data-theme=haerer-geruestbau]{--min-gap:15px;--gap:max(var(--data-gap), var(--min-gap));--available-width:calc(100% - var(--gap))}un-lay-flex[data-theme=haerer-geruestbau] .col{outline-style:none;outline-color:var(--primary-transp);outline-width:1px;outline-offset:5px}un-lay-flex{--min-gap:15px;--gap:max(var(--data-gap), var(--min-gap));--available-width:calc(100% - var(--gap));display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center;column-gap:var(--gap);row-gap:var(--gap)}un-lay-flex .col{display:flex;flex-direction:column;column-gap:var(--gap);row-gap:var(--gap);width:fit-content;align-items:flex-start;justify-content:left}un-lay-flex[data-justify=left]{justify-content:left}un-lay-flex[data-justify=center]{justify-content:center}un-lay-flex[data-justify=right]{justify-content:right}un-lay-flex[data-justify=space-between]{justify-content:space-between}un-lay-flex[data-justify=space-around]{justify-content:space-around}un-lay-flex[data-align=start]{align-items:start}un-lay-flex[data-align=center]{align-items:center}un-lay-flex[data-align=baseline]{align-items:baseline}un-lay-flex[data-align=end]{align-items:end}@media (min-width:640px){un-lay-flex{flex-direction:row;flex-wrap:wrap}}@media (min-width:1024px){un-lay-flex[data-layout="50_50"] .col{width:calc(var(--available-width) - 50%)}un-lay-flex[data-layout="66_33"] .col.one{width:calc(var(--available-width) - 33%)}un-lay-flex[data-layout="66_33"] .col.two{width:calc(var(--available-width) - 66%)}un-lay-flex[data-layout="33_66"] .col.one{width:calc(var(--available-width) - 66%)}un-lay-flex[data-layout="33_66"] .col.two{width:calc(var(--available-width) - 33%)}un-lay-flex[data-layout="75_25"] .col.one{width:calc(var(--available-width) - 25%)}un-lay-flex[data-layout="75_25"] .col.two{width:calc(var(--available-width) - 75%)}un-lay-flex[data-layout="25_75"] .col.one{width:calc(var(--available-width) - 75%)}un-lay-flex[data-layout="25_75"] .col.two{width:calc(var(--available-width) - 25%)}un-lay-flex[data-layout="33_33_33"] .col{width:calc(33% - var(--main-density))}}un-map-leaflet[data-theme=haerer-geruestbau] #map{min-width:250px;max-width:500px;border-radius:1%;outline-color:var(--primary-transp);outline-style:solid;outline-width:1px;outline-offset:5px;overflow:hidden;aspect-ratio:1}un-map-leaflet{display:block;width:100%;z-index:0}un-menu-drop{display:flex;flex-direction:column}un-menu-drop .content{row-gap:1px;width:fit-content;flex-direction:column}un-menu-drop[data-state=off] .content{display:none}un-menu-drop[data-state=on] .content{display:flex}un-menu-drop[data-smartstuck].scroll-up,un-menu-drop[data-smartstuck]:focus-within{transform:translateY(0)}un-menu-drop[data-smartstuck].scroll-down{transform:translateY(-100%)}un-menu-drop[data-overlay=true]{display:flex;position:relative;width:fit-content}un-menu-drop[data-overlay=true] .content{position:absolute;top:100%}un-menu-drop[data-justify=left] .content{align-items:flex-start;left:0}un-menu-drop[data-justify=center] .content{align-items:center}un-menu-drop[data-justify=right] .content{align-items:flex-end}un-menu-drop[data-state=on][data-anim=topdown] .content *{opacity:0}un-menu-drop[data-state=on][data-anim=topdown] .content :first-child a{animation-name:topToBottom;animation-duration:.4s;animation-delay:-150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}un-menu-drop[data-state=on][data-anim=topdown] .content :nth-child(2) a{animation-name:topToBottom;animation-duration:.4s;animation-delay:0s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}un-menu-drop[data-state=on][data-anim=topdown] .content :nth-child(3) a{animation-name:topToBottom;animation-duration:.4s;animation-delay:150ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}un-menu-drop[data-state=on][data-anim=topdown] .content :nth-child(4) a{animation-name:topToBottom;animation-duration:.4s;animation-delay:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}un-menu-drop[data-theme=""]{column-gap:8px;margin-top:2vh;margin-bottom:2vh;row-gap:20px}un-menu-drop[data-theme=""].stuck{box-shadow:1px 1px 3px #000}@media (min-width:600px){un-menu-drop{flex-direction:row;justify-content:flex-end;align-items:center}un-menu-drop[data-collapse] .content{display:flex}un-menu-drop[data-collapse] .trigger{display:none}}@keyframes topToBottom{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0)}}un-nav[data-theme=haerer-geruestbau]{display:flex;flex-direction:column;align-items:end;row-gap:1rem}un-nav[data-theme=haerer-geruestbau] .trigger{/*! margin: 0 1.5rem; */}un-nav[data-theme=haerer-geruestbau][data-overlay=true][data-broken=true] .content{flex-direction:column;justify-content:right;align-items:end;gap:.5rem;margin-left:-10px;text-align:center;background-color:transparent;box-shadow:1px 2px 2px 0 none;outline:thin none var(--primary);width:fit-content;padding:var(--default-padding-y) var(--default-padding-x);right:0;top:66%}un-nav[data-theme=haerer-geruestbau] li{flex-basis:max-content;position:relative;outline:solid thin black;outline-offset:0px;border-collapse:collapse;border-radius:1px;box-shadow:0 0 0 0 #000;padding:6px 12px;font-weight:700;text-transform:none;transition-property:transform,box-shadow;transition-delay:0s;transition-duration:.2s;transition-timing-function:ease-in-out}un-nav[data-theme=haerer-geruestbau] li.current-location::before{content:'';display:block;position:absolute;top:100%;left:0;border-bottom:thin solid #000;width:calc(100% + 31px)}un-nav[data-theme=haerer-geruestbau] li::before{content:'';display:none;position:absolute;top:100%;right:-31px;border-bottom-width:thin;border-bottom-style:dotted;border-bottom-color:#000;width:calc(100% + 31px)}un-nav[data-theme=haerer-geruestbau] li.current-location{background-color:#fff;outline:thin solid black;outline-offset:0px}un-nav[data-theme=haerer-geruestbau] li:active{background-color:#f5f5f5;outline:thin solid black;outline-offset:0px}un-nav[data-theme=haerer-geruestbau][data-overlay=true][data-broken=true] li{background-color:#fff;outline:thin solid black;outline-offset:0px}un-nav[data-theme=haerer-geruestbau][data-overlay=true][data-broken=true] li.current-location{background-color:#f5f5f5;outline:thin solid black;outline-offset:0px}un-nav[data-theme=haerer-geruestbau] a{color:var(--primary);text-decoration-line:none;text-decoration-style:solid;text-decoration-color:var(--complementary)}@supports(color:color-mix(in oklch,black,white)){un-nav[data-theme=haerer-geruestbau] a{color:color-mix(in oklch,var(--primary) 100%,#fff)}un-nav[data-theme=haerer-geruestbau][data-overlay=true][data-broken=true] li{background-color:color-mix(in oklab,var(--complementary) 35%,#fff)}un-nav[data-theme=haerer-geruestbau][data-overlay=true][data-broken=true] li.current-location{background-color:color-mix(in oklab,var(--complementary) 0%,#fff)}un-nav[data-theme=haerer-geruestbau] li:active{background-color:color-mix(in oklab,var(--complementary) 35%,#fff)}un-nav[data-theme=haerer-geruestbau] li:active a{text-decoration-color:color-mix(in oklab,var(--complementary) 15%,white)}}@media (min-width:640px){un-nav[data-theme=haerer-geruestbau][data-overlay=true][data-broken=true] .content{top:82%}}@media (min-width:1024px){un-nav[data-theme=haerer-geruestbau] .content{flex-direction:column;align-items:end;text-align:right;flex-wrap:nowrap;row-gap:.5rem}}@media (hover:hover){un-nav[data-theme=haerer-geruestbau] li:hover::before{content:'';display:block;position:absolute;top:100%;left:0;border-bottom:thin solid #000;width:calc(100% + 31px)}un-nav[data-theme=haerer-geruestbau] li:hover{background-color:#fff;background-color:color-mix(in oklch,var(--complementary) 0%,#fff);outline:thin solid black;outline-offset:0px;text-decoration-line:none}un-nav[data-theme=haerer-geruestbau][data-overlay=true][data-broken=true] li:hover{background-color:#f5f5f5;background-color:color-mix(in oklab,var(--complementary) 0%,#fff);outline:thin solid black;outline-offset:0px}}un-nav:not(:defined){display:none}un-nav{width:100%;height:100%;min-width:min-content;display:flex;flex-direction:row-reverse;z-index:1}un-nav[data-state=off]>ul{display:none}un-nav[data-state=on]>ul{display:flex}un-nav>.trigger{display:none}un-nav[data-dropdown=true]>.trigger{display:block}un-nav[data-dropdown=breakpoint][data-broken=true]>.trigger{display:block}un-nav>ul.content{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;margin:0;padding:0;list-style-type:none;width:100%}un-nav[data-overlay=true][data-state=on][data-broken=true]>ul{position:absolute;/*! top: 101%; */z-index:2}@media (min-width:1024px){un-nav[data-sticky=true]{position:sticky;top:0}un-nav[data-sticky=smart]{position:sticky;top:0;opacity:1}un-nav[data-sticky=smart].scroll-up,un-nav[data-sticky=smart]:focus-within{transform:translateY(0)}un-nav[data-sticky=smart].stuck.scroll-down{transform:translateY(-100%);opacity:0}}un-nav[data-justify=left]>ul{align-items:flex-start;border-left:thin solid #000}unun-nav[data-justify=center]>ul{align-items:center}un-nav[data-justify=right]>ul{align-items:flex-end;border-right:1px solid #000}un-nav[data-justify=left]>ul{justify-content:left}un-nav[data-justify=center]>ul{justify-content:center}un-nav[data-justify=right]>ul{justify-content:right}un-nav[data-state=on][data-anim=topdown]>ul>li{opacity:0;animation-name:topToBottom;animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}un-nav[data-state=on][data-anim=topdown]>ul>li:first-child{animation-delay:-.1s}un-nav[data-state=on][data-anim=topdown]>ul>li:nth-child(2){animation-delay:0s}un-nav[data-state=on][data-anim=topdown]>ul>li:nth-child(3){animation-delay:.1s}un-nav[data-state=on][data-anim=topdown]>ul>li:nth-child(4){animation-delay:.2s}un-nav[data-state=on][data-anim=topdown]>ul>li:nth-child(5){animation-delay:.3s}un-nav[data-state=on][data-anim=topdown]>ul>li:nth-child(6){animation-delay:.4s}un-nav[data-state=on][data-anim=topdown]>ul>li:nth-child(7){animation-delay:.5s}un-nav[data-state=on][data-anim=topdown]>ul>li:nth-child(8){animation-delay:.6s}un-nav[data-state=on][data-anim=topdown]>ul>li:nth-child(9){animation-delay:.7s}un-nav[data-theme=""]{column-gap:8px;margin-top:2vh;margin-bottom:2vh;border-bottom:thin solid #000}un-nav[data-theme=""][data-sticky].stuck{box-shadow:1px 1px 3px #000}@keyframes topToBottom{0%{opacity:0;transform:rotateX(-90deg)}100%{opacity:1;transform:rotateX(0)}}un-posts-lit{/*! padding: 25px; */position:relative;display:block}un-posts-lit .ctrls{display:none;position:absolute;left:100%;top:0}un-posts-lit .toc ul{display:flex;flex-direction:column;row-gap:5px;position:sticky;top:5%/*! align-self: flex-start; *//*! height: 200px; */}un-posts-lit .toc-item{font-size:small;color:#000;text-decoration:none}un-posts-lit .toc-item:hover{color:var(--page-color)}un-posts-lit input[name=sortdirection]{appearance:none}un-posts-lit input[name=sortdirection]~label svg{width:15px;fill:var(--page-color-light);opacity:.5;cursor:pointer}un-posts-lit input[name=sortdirection]:checked~label svg{opacity:1}un-posts-lit input[name=sortcriteria]{/*! border-radius: 50%; */}un-posts-lit[theme=""] input[name=sortcriteria]:checked{outline:5px solid black;outline-offset:-6px}un-posts-lit a#scrollToTop{appearance:none;background:0 0;outline:0;border:none;cursor:pointer;transform:rotate(-90deg);text-decoration:none;font-size:xx-large;color:var(--page-color-transpest);position:fixed;bottom:3vh;right:3vw;z-index:99}un-posts-lit a#scrollToTop:hover{color:var(--page-color-light)}un-posts-lit section.posts{width:100%;display:flex;flex-direction:column;row-gap:25px}un-posts-lit .ctrls{display:none}un-posts-lit header.meta{display:grid;grid-auto-columns:auto;grid-auto-flow:row;column-gap:max(3%,35px);border-bottom:thin dotted grey;width:100%;align-items:baseline}un-posts-lit[collapsible] header.meta{cursor:pointer}un-posts-lit header.meta.scrolledTo{animation-name:color;animation-iteration-count:1;animation-duration:2s;animation-delay:150ms;animation-timing-function:ease-in-out}un-posts-lit .meta-title{line-height:1.4;font-weight:700;margin-bottom:0}un-posts-lit .meta-date{font-size:.7rem;color:gray;justify-self:left}un-posts-lit .meta-tags{font-size:.7rem;color:gray;justify-self:right}un-posts-lit .meta *{pointer-events:none}un-posts-lit section.content{margin-left:0;animation-name:fade-in;animation-duration:350ms;animation-fill-mode:forwards;animation-timing-function:linear}un-posts-lit section.content.hide{animation-name:fade-out;animation-duration:250ms;animation-fill-mode:forwards;animation-timing-function:linear}un-posts-lit section.content *{margin-top:20px}@media (min-width:640px){un-posts-lit .meta{grid-auto-flow:column;margin:0}un-posts-lit .content{margin-left:20px}}@media (min-width:640px){un-posts-lit{width:80%}}@media (min-width:1280px){un-posts-lit .ctrls{display:flex;flex-direction:column;padding-left:20%;width:50%;min-width:150px;row-gap:3vh;height:100%;position:absolute}}@keyframes fade-in{0%{display:block;opacity:0;max-height:0%}100%{opacity:1;max-height:100%}}@keyframes fade-out{0%{opacity:1;max-height:100%}50%{opacity:0;max-height:0%}100%{position:absolute;visibility:hidden;opacity:0;max-height:0%}}@keyframes color{from{color:var(--complementary)}to{color:#000}}@keyframes shake-x{0%{transform:skewX(-15deg)}1%{transform:skewX(15deg)}2%{transform:skewX(-15deg)}3%{transform:skewX(15deg)}5%{transform:skewX(0)}100%{transform:skewX(0)}}un-rt[data-theme=haerer-geruestbau]{font-size:1rem;line-height:25px;margin-bottom:2rem}un-rt[data-theme=haerer-geruestbau] h1{line-height:normal;width:fit-content;position:relative;margin-bottom:2rem;margin-top:3rem}un-rt[data-theme=haerer-geruestbau] h1::after{content:'';position:absolute;width:116%;height:110%;left:-8%;top:-5%;clip-path:polygon(2.35% -21.14%,94.62% -47.76%,101.46% 149.02%,4.36% 109.09%);background:var(--primary-alpha-75);z-index:-1;outline:0/*! border-bottom: 2px solid black; */}un-rt{display:block;position:relative;/*! margin: 50px; */font-size:1rem}un-rt .underline{text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px}un-rt img{min-width:200px;max-width:400px;margin:clamp(15px,5%,25px)}un-rt :is(h1,h2,h3,h4):first-of-type{margin-top:0}un-rt p:first-of-type{margin-top:0}un-rt a{color:#000}un-rt a:hover{color:var(--primary)}un-rt[data-text-align=justify] p{text-align:justify}un-rt[data-text-align=left] :is(h1,h2,h3,h4,p){text-align:left}un-rt[data-text-align=center] :is(h1,h2,h3,h4,p){text-align:center}un-rt[data-text-align=right] :is(h1,h2,h3,h4,p){text-align:right}un-rt[data-float-img=left] img{float:left}un-rt[data-float-img=right] img{float:right}un-rt[data-bg-mask=polygon] .bg-polygon{width:130%;height:130%;position:absolute;top:-15%;left:-15%;z-index:-100;clip-path:polygon(var(--xTopLeft) var(--yTopLeft),var(--xT1) var(--yT1),var(--xT2) var(--yT2),var(--xTopRight) var(--yTopRight),var(--xR1) var(--yR1),var(--xR2) var(--yR2),var(--xBottomRight) var(--yBottomRight),var(--xB1) var(--yB1),var(--xB2) var(--yB2),var(--xBottomLeft) var(--yBottomLeft),var(--xL1) var(--yL1),var(--xL2) var(--yL2));background-color:hsla(204.6,33.9%,22.5%,.66);background-blend-mode:overlay}un-rt[data-bg-mask=polygon] .bg-polygon::before{position:relative;content:'';clip-path:inherit;display:block;width:99%;height:99%;top:1px;background-color:color-mix(in oklab,var(--primary),#fff 60%);left:6px}