/* base-css */
:root{--content-xl:240px;--content-lg:160px;--content-md:100px;--content-sm:25px;--content:var(--content-md);--fonts:'Helvetica',sans-serif;--font-size:1.2rem;--spacing:2rem;--primary:#d32739;--dark-text-color:#000;--light-text-color:#fff;--menu-height:120px;--mobile-menu-height:90px}body,html{min-width:100vw;min-height:100vh;padding:0;margin:0}body{margin:0 auto;font-size:var(--font-size);color:--dark-text-color}ul{margin:20px 0 0 10px;padding-left:1.2rem}ul li{position:relative;list-style-type:disc;padding-left:0;margin-bottom:1rem}#main{margin:100px auto}p{margin:0 0 15px 0;line-height:1.6em}*{box-sizing:border-box;font-family:var(--fonts)}dl{margin:1em 0 1em 1em}dt{font-weight:bold}dd{margin:0 0 1em 2em}.content{margin-bottom:var(--spacing)}.spacing{margin-top:var(--spacing)}.content>.block_content,.ugrid{margin-bottom:var(--spacing)}.content{margin:0 var(--content)}.content-padding{padding-left:var(--content);padding-right:var(--content)}@media(min-width:1281px){:root{--content:var(--content-xl)}}@media(min-width:1025px) and (max-width:1280px){:root{--content:var(--content-lg)}}@media(min-width:768px) and (max-width:1024px){:root{--content:var(--content-md)}}@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){.header{height:600px}}@media(min-width:481px) and (max-width:767px){:root{--content:var(--content-sm)}}@media(max-width:480px){:root{--content:var(--content-sm)}}.ugrid .content{margin:0}.content.full-width{margin:0}.content:is(.left,.right){display:flex;flex-direction:column}.content.left{align-items:flex-start}.content.right{align-items:flex-end}

/* main-css */
:root{--dark-text-color:#eee;--spacing:35px;--text-color:#787f82;overflow-wrap:anywhere}body,html{min-width:100vw;min-height:100vh;padding:0;margin:0}body{margin:0;overflow-x:hidden}*{box-sizing:border-box;font-family:'Roboto',sans-serif;font-size:18px;line-height:1.5em;font-weight:300}ul,ol,dl{margin:1em 0 1em 2em}li{line-height:1.7em;margin-left:0}p{margin:0 0 1em 0}a{color:#9b1b2b;text-decoration:none}a:hover{text-decoration:underline}strong,b{font-weight:bold;color:#464646}.header{height:750px;overflow:hidden;position:relative;margin-bottom:120px;z-index:1}.header img{width:100%;height:100%;object-fit:cover}body:not(#home) .header{height:600px}.header img#mainimage{padding-top:calc(40px + var(--menu-height))}.header *{z-index:0}.menu .logo{height:76px;width:330px;margin-right:auto}.menu.dark{background:#202637}.matrix .text{margin-top:-32px}.cover-image:is(img),.cover-image img{width:100%;height:100%;object-fit:cover}.parallax{width:100vw}.parallax img{height:inherit;width:100%;object-fit:cover}.headline{margin-bottom:var(--spacing)}.rounded,.rounded img{border-radius:25px}img.rounded{box-shadow:rgba(50,50,93,0.25) 0 6px 12px -2px,rgba(0,0,0,0.3) 0 3px 7px -3px}.content.block{margin-bottom:var(--spacing)}.spacing{margin-top:var(--spacing)}.content>.block_content,.ugrid{margin-bottom:var(--spacing)}.matrix,.matrix .text,.matrix .text div{width:100%;height:100%;min-height:350px}.matrix .text div{background-position:50% 50% !important;background-size:cover !important;font-size:2rem;font-weight:bold;color:#fff}.matrix .text div p{background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;width:100%;height:100%}.opentimes{height:40px;width:100%;color:#fff;font:300 16px 'Roboto',Arial,sans-serif;text-align:right;position:fixed;top:0;z-index:3;background:#23353f;letter-spacing:.04em;padding-right:25px;padding-left:25px}.opentimes .far{display:inline-block;font-size:20px;margin-right:20px;color:#fff}.social{position:absolute;top:0;padding:0}.social a{color:#fff}.social a:hover{color:#fff}.social .fa-brands{padding-right:10px}.social .facebook{float:left;height:40px;background-color:#1877f2;width:40px;padding:6px 4px 5px 5px}.social .instagram{float:left;height:40px;background-color:#e4405f;width:40px;padding:6px 2px 5px 0}.social .linkedin{float:left;height:40px;background-color:#0a66c2;width:40px;padding:6px 2px 5px 0}.time{float:right;display:flex;align-items:center;height:100%}h1{color:#23353f;font:bold 46px 'Conneqt',Arial,sans-serif,sans-serif;margin:0;padding-bottom:15px;hyphens:auto !important}h2{color:#9b1b2b;font:normal 30px 'Conneqt',Arial,sans-serif,sans-serif;padding-bottom:30px}h3{color:#23353f;font:500 24px 'Conneqt',Arial,sans-serif,sans-serif;padding-bottom:15px}h4{color:#9b1b2b;font:bold 18px 'Conneqt',Arial,sans-serif,sans-serif;padding-bottom:10px;margin-top:5px}.news{box-shadow:0 0 10px rgba(120,127,130,0.6);padding:2px}.card-title{color:#9b1b2b;font-weight:600}.info{padding:10px 0 0 0}.info .pager{margin:0 0 10px 0}.info .list .info-item{margin-bottom:25px;margin-left:10px;border-bottom:1px solid #ddd;padding-bottom:25px}.info .list .item-header{padding:4px 0 15px 0;margin-top:0;font-weight:400;text-align:left}.info .list .info-item .item-header a{color:#9b1b2b;font-size:26px}.info .list .info-item .item-header h1{margin-bottom:0;padding-bottom:0}.info .item-header h1{margin-left:0;text-transform:none;font-size:26px !important;text-align:left;margin-bottom:20px}.info .item-header h2{margin-left:0;font-size:20px !important;font-weight:700;text-align:left}.info .list .item-text{padding:10px 10px 10px 0;display:inline-block}.info .list .item-text .tb_image_l{display:none}.info .detail .item-text{padding:0;margin:0;padding-left:0}.info .item-backlink{margin:10px 0 0 0}.info .item-author{margin:0}.info .item-gericht{margin:0}.info .item-normen{margin:0}.info .item-url{margin:0}#callnowbutton{display:none;position:fixed;text-decoration:none;z-index:2147483647;width:65px;height:65px;border-radius:50%;border:2px solid white;bottom:5px;transform:scale(0.8);right:0;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ4MC42IDQ4MC42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODAuNiA0ODAuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNjUuNCwzMTcuOWMtMTUuNy0xNS41LTM1LjMtMTUuNS01MC45LDBjLTExLjksMTEuOC0yMy44LDIzLjYtMzUuNSwzNS42Yy0zLjIsMy4zLTUuOSw0LTkuOCwxLjgKCQkJYy03LjctNC4yLTE1LjktNy42LTIzLjMtMTIuMmMtMzQuNS0yMS43LTYzLjQtNDkuNi04OS04MWMtMTIuNy0xNS42LTI0LTMyLjMtMzEuOS01MS4xYy0xLjYtMy44LTEuMy02LjMsMS44LTkuNAoJCQljMTEuOS0xMS41LDIzLjUtMjMuMywzNS4yLTM1LjFjMTYuMy0xNi40LDE2LjMtMzUuNi0wLjEtNTIuMWMtOS4zLTkuNC0xOC42LTE4LjYtMjcuOS0yOGMtOS42LTkuNi0xOS4xLTE5LjMtMjguOC0yOC44CgkJCWMtMTUuNy0xNS4zLTM1LjMtMTUuMy01MC45LDAuMWMtMTIsMTEuOC0yMy41LDIzLjktMzUuNywzNS41QzcuMywxMDMuOSwxLjYsMTE3LDAuNCwxMzIuM2MtMS45LDI0LjksNC4yLDQ4LjQsMTIuOCw3MS4zCgkJCWMxNy42LDQ3LjQsNDQuNCw4OS41LDc2LjksMTI4LjFjNDMuOSw1Mi4yLDk2LjMsOTMuNSwxNTcuNiwxMjMuM2MyNy42LDEzLjQsNTYuMiwyMy43LDg3LjMsMjUuNGMyMS40LDEuMiw0MC00LjIsNTQuOS0yMC45CgkJCWMxMC4yLTExLjQsMjEuNy0yMS44LDMyLjUtMzIuN2MxNi0xNi4yLDE2LjEtMzUuOCwwLjItNTEuOEM0MDMuNiwzNTUuOSwzODQuNSwzMzYuOSwzNjUuNCwzMTcuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQ2LjMsMjM4LjJsMzYuOS02LjNjLTUuOC0zMy45LTIxLjgtNjQuNi00Ni4xLTg5Yy0yNS43LTI1LjctNTguMi00MS45LTk0LTQ2LjlsLTUuMiwzNy4xCgkJCWMyNy43LDMuOSw1Mi45LDE2LjQsNzIuOCwzNi4zQzMyOS41LDE4OC4yLDM0MS44LDIxMiwzNDYuMywyMzguMnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA0LDc3LjhDMzYxLjQsMzUuMiwzMDcuNSw4LjMsMjQ4LDBsLTUuMiwzNy4xYzUxLjQsNy4yLDk4LDMwLjUsMTM0LjgsNjcuMmMzNC45LDM0LjksNTcuOCw3OSw2Ni4xLDEyNy41CgkJCWwzNi45LTYuM0M0NzAuOSwxNjkuMyw0NDQuNCwxMTguMyw0MDQsNzcuOHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K") center / 40px 40px no-repeat #9b1b2b}.zwanzig{height:80px;float:left;position:absolute;left:380px}.button--skip-link{text-align:center;background-color:#fff;border-color:#ec6e41;outline-color:#ec6e41;color:#000;font-weight:600;font-size:larger;text-decoration:none;margin:0 auto;position:absolute;z-index:300;left:0;right:0;top:.5em;width:10em;opacity:1;transition:transform .1875s ease-out,opacity .1875s ease-out;box-shadow:rgba(50,50,93,0.2) 0 8px 14px -5px,rgba(0,0,0,0) 0 4px 8px -8px}.button--skip-link:not(:focus):not(:hover){transform:translateY(-4em);opacity:0}#buttons{flex-direction:column;align-items:flex-start;justify-content:center;position:fixed;display:inline-flex;vertical-align:middle;right:-1px;top:50%;transform:translateY(-52%);z-index:500;transition:all 1s}#buttons.inactive{right:-100%}#buttons.active{right:-1px}.btn-secondary{color:#23353f;background:#fff;padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;margin-top:2px;border-radius:.3rem;border-top-left-radius:2rem !important;border-bottom-left-radius:2rem !important;border:1px solid #9b1b2b;width:100%}.btn-secondary:hover{background:#23353f;color:#fff;border:1px solid #fff;text-decoration:none}#buttons .fa,#buttons .fas,#buttons .fa-brands{display:inline-block;margin-right:12px;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#9b1b2b}.btn-sm{display:inline-block;margin-right:12px;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.formular .btn{font-size:1.1rem;font-weight:500;padding:.7rem 1.5rem;background-color:#42484c;text-decoration:none;color:#fff;transition:all 300ms ease-in-out;border-radius:50px;text-transform:uppercase;display:inline-block;margin:0 10px 10px 10px;border:1px solid #42484c;line-height:initial}.formular .btn:hover{background-color:#848484;border:1px solid #848484;color:#fff;text-decoration:none}input[type="text"]{background-color:none;border:1px solid #909090;font-size:17px;width:100%;padding:10px 15px;border-radius:20px;letter-spacing:.01em;z-index:1}input[type="submit"]{font-size:1.1rem;font-weight:500;padding:.7rem 1.5rem;background-color:#42484c;text-decoration:none;color:#fff;transition:all 300ms ease-in-out;border-radius:50px;display:inline-block;margin:0 10px 10px 10px;border:1px solid #42484c;line-height:initial}.simple-button-plugin{font-size:1.1rem;font-weight:500;padding:1rem 1.5rem;background-color:#9b1b2b;text-decoration:none;color:#fff;transition:all 300ms ease-in-out;border-radius:50px;display:inline-block;margin:10px 10px 10px 0;border:1px solid #9b1b2b;line-height:initial}.simple-button-plugin:hover{background-color:#9b1b2b;border:1px solid #9b1b2b;color:#23053b;text-decoration:none}.counter{font-size:32px !important;font-weight:bold !important}.counterbox{box-shadow:0 0 24px rgba(0,0,0,0.1);padding:15px;background-image:url(/stream/images/layout/counterbg.png);background-size:cover;height:100%}.counterbox .block_content.text{margin:0}.counterbox .block_content.text h3{font-size:32px !important;font-weight:bold !important;padding-bottom:5px;margin:20px 0}.counterbox .block_content.text strong{color:#9b1b2b}.content:has(.gray){background:#9b1b2b;margin:0;padding:100px var(--content);text-align:center;color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff}.content:has(.gray) h2{font:600 42px 'Open sans',sans-serif !important;padding-bottom:10px !important}.content:has(.gray) strong{color:#fff !important}.content:has(.gray) .simple-button-plugin{font-size:1.1rem;font-weight:500;padding:1rem 1.5rem;background-color:#fff;text-decoration:none;color:#9b1b2b;transition:all 300ms ease-in-out;border-radius:50px;display:inline-block;margin:10px 10px 10px 0;border:1px solid #9b1b2b;line-height:initial}.content:has(.gray) .simple-button-plugin:hover{background-color:#fff;border:1px solid #9b1b2b;color:#23053b;text-decoration:none}.content:has(.gray) .content>.block_content,.ugrid{margin-bottom:0}.weiss{background-color:#f6f6f6;padding:30px;height:100%}.red{background-color:#9b1b2b;color:#fff;padding:30px;height:100%}.grau{background-color:#797979;color:#fff;padding:30px;height:100%}.darkgray{background-color:#23353f;color:#fff;padding:30px;height:100%}.red h3,.grau h3,.darkgray h3{color:#fff}@media(max-width:2500px){#buttons{transform:translate(100%,-52%)}#buttons .btn-secondary{transform:translateX(-45px);transition:transform .5s}#buttons .btn-secondary:hover{transform:translateX(-100%)}}@media(min-width:1281px){.content-padding{padding-left:25px;padding-right:25px}}@media(min-width:1025px) and (max-width:1280px){.content-padding{padding-left:25px;padding-right:25px}}@media(min-width:768px) and (max-width:1024px){.header{height:600px}.content-padding{padding-left:25px;padding-right:25px}.zwanzig{display:none}h1{font:bold 42px 'Conneqt',Arial,sans-serif,sans-serif}}@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){.header{height:600px}.zwanzig{display:none}h1{font:bold 42px 'Conneqt',Arial,sans-serif,sans-serif}}@media(min-width:481px) and (max-width:767px){.content-padding{padding-left:15px;padding-right:15px}body:not(#home) .header{height:370px}.header{height:370px}.tb_image.align_bottom{max-width:500px;width:100%}.zwanzig{display:none}h1{font:bold 34px 'Conneqt',Arial,sans-serif,sans-serif}}@media(min-width:510px) and (max-width:600px){.opentimes .time{display:none}}@media(min-width:320px) and (max-width:510px){:root{--spacing:15px}.header{height:370px;margin-bottom:60px}#callnowbutton{display:block}body:not(#home) .header{height:370px}.header .slogan{top:55%}.header .slogan h2,.header .slogan p{margin:0}.content{margin:0 15px}.content-padding{padding-left:15px;padding-right:15px}.menu .logo{height:46px;width:200px;margin-right:auto}.opentimes{font:300 14px 'Roboto',Arial,sans-serif;padding-right:10px;padding-left:10px}.opentimes .time{display:none}h1{font:bold 26px 'Conneqt',Arial,sans-serif,sans-serif}h2{font:normal 22px 'Conneqt',Arial,sans-serif,sans-serif}.tb_image.align_bottom{max-width:500px;width:100%}.card-image{height:250px !important}.zwanzig{display:none}#buttons{display:none}}blockquote{font-size:1.4em;width:100%;margin:30px 0;font-family:Open Sans;font-style:italic;color:#555;padding:1.2em 30px 1.2em 75px;border-left:8px solid #9b1b2b;line-height:1.6;position:relative;background:#f5f5f5}blockquote::before{font-family:Arial;content:"\201C";color:#9b1b2b;font-size:4em;position:absolute;left:10px;top:-10px}blockquote::after{content:''}

/* footer-css */
.footer{background:#23353f;margin-top:120px;position:relative;text-align:center;color:#fff}.footer *{z-index:1}.footer{padding:100px 0;display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-areas:"brand brand brand brand" ". . . ."}.footer p{margin:0 0 20px 0}.footer h4{font-size:1.5rem;font-weight:bold;color:var(--dark-text-color);margin-bottom:7px}.footer a{color:#fff;text-decoration:none}.footer a:hover{color:#d32739;text-decoration:none}.footer .brand{grid-area:brand;width:25%;margin:0 auto 30px auto}.footer .brand a{display:block}.footer .brand img{width:100%;height:100%}.statusline{background:#23353f;display:flex;justify-content:space-between;align-items:center;color:#fff;border-top:1px solid #fff;text-align:center;display:block;font-size:17px;font-weight:300}.statusline *{margin:0;padding:15px 0}.statusline a{color:#fff;text-decoration:none}.statusline a:hover{color:#fff;text-decoration:underline}.footer .column{display:flex;flex-direction:column}.contact{background-image:url("/stream/images/layout/kontakt_bg.jpg");background-position:center;background-size:cover;position:relative;text-align:center;color:#fff;padding:150px 0;font-size:24px}.contact p{margin:0 0 1.5em 0}.contact h2{color:#fff;font-family:'Lato',sans-serif;font-size:60px;font-weight:900;margin-bottom:60px;text-transform:uppercase}@media(max-width:1024px){.footer{grid-template-columns:1fr;justify-content:center;align-items:center;grid-template-areas:none}.footer .brand{grid-area:unset}}@media(max-width:1024px) and (min-width:481px){.footer{grid-template-columns:1fr}.footer .brand{grid-column:1 / span 1;padding:20px 0;width:100%}.contact h2{font-size:42px}}@media(min-width:320px) and (max-width:480px){.footer{grid-template-columns:1fr}.footer .brand{height:auto;width:100%}.footer .brand img{object-fit:contain;max-width:300px !important;margin-bottom:0 !important}.statusline p{padding:0}.statusline{flex-direction:column;padding:15px 0}.contact h2{font-size:30px}}

/* menu-css */
#outer-menu{width:100vw;background:#fff;position:fixed;top:0;left:0;right:0;z-index:3;height:var(--menu-height);padding:0 calc((max(100vw, var(--max-page-size)) - var(--max-page-size)) / 2 + var(--content));box-shadow:rgba(50,50,93,0.15) 0 8px 14px -5px,rgba(0,0,0,0) 0 4px 8px -8px}nav.menu{--background:var(--menu-background,#fff);--color:var(--menu-color,#000);--sub-color:var(--menu-sub-color,#000);--padding:.6rem 2rem;--dark-background:#e2a300;--mobile-menu-level-padding:0 0 0 2rem;--fonts:'Manrope',sans-serif;--mobile-breakpoint:1280px;width:100%;position:fixed;display:flex;justify-content:space-between;align-items:center;height:var(--menu-height);top:40px;transition:background 250ms ease-in-out;background:var(--background);transition:box-shadow 200ms;border-bottom:1px solid color-mix(in lch,#23353f,transparent 75%);& div[file_id]{display:flex;justify-content:left;align-items:center;position:relative;height:100%;text-align:left;font-size:18px;width:max-content;& a{color:var(--color);text-decoration:none;padding:var(--padding);padding-right:10px;display:block;font-weight:600}& a:hover{color:var(--primary)}}& div.active>a{color:var(--primary)}& .inner{display:flex;justify-content:flex-end;align-items:center;height:100%;margin-right:30px;margin-top:10px;text-align:center;& .chevron{cursor:pointer;display:none}&>div{&>.chevron{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tZG93biI+PHBhdGggZD0ibTYgOSA2IDYgNi02Ii8+PC9zdmc+)}}& .chevron{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tcmlnaHQiPjxwYXRoIGQ9Im05IDE4IDYtNi02LTYiLz48L3N2Zz4=);display:block;min-width:24px;min-height:24px;display:none}& .sub{display:none}}}@media(min-width:1470px){nav.menu{height:var(--menu-height);.sub [file_id]{width:300px;&>a{width:100%}}& div[file_id]{& .sub{position:absolute;bottom:0;transform:translateX(100%);right:0;background:var(--background);& a{color:var(--sub-color);padding:10px 25px}& a:hover{color:var(--primary);padding:10px 25px}}&:focus-within,&:hover{&>.sub{display:block;box-shadow:rgba(50,50,93,0.5) 0 8px 14px -5px,rgba(0,0,0,0) 0 4px 8px -8px}}}& .inner{&>div>.sub{transform:translateY(100%)}& .sub .sub{bottom:100%;transform:translateX(100%) translateY(100%)}}}}@media(max-width:1470px){:root{--menu-height:var(--mobile-menu-height)}#menu{position:absolute}nav.menu{& .inner{display:none;width:100vw;height:100vh;max-height:100vh;background:var(--background);position:fixed;left:0;top:0;z-index:2;backdrop-filter:blur(2px);opacity:0;transition:opacity 500ms linear;padding-top:var(--menu-height);font-size:24px;overflow-y:scroll;margin-top:0;padding:10vh 5vw 0 5vw;& div[file_id]{height:max-content;display:flex;flex-wrap:wrap;align-items:center;padding:.5em 0;& a{color:var(--sub-color);display:inline;padding:0}& .chevron{display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZXZyb24tcmlnaHQiPjxwYXRoIGQ9Im05IDE4IDYtNi02LTYiLz48L3N2Zz4=);width:24px;height:24px;margin-left:18px;transition:transform 300ms ease-in-out;transform-origin:center center}&.open>.chevron{transform:rotate(90deg)}&.open>.sub{display:block}& .sub{padding:var(--mobile-menu-level-padding);flex-basis:100%}}}&.active .inner{display:block;opacity:1}&.active .hamburger{position:relative;z-index:5;& div{border:2px solid var(--sub-color);position:absolute;top:50%;transform:rotate(45deg);&:last-child{transform:rotate(-45deg)}}& div:nth-child(2){display:none}}& .hamburger{width:32px;height:26px;display:flex;flex-direction:column;justify-content:space-between;z-index:3;margin-right:40px;margin-top:10px;& div{border:2px solid var(--color);width:100%;height:1px}}}}

/* ugallerie-css */
@keyframes image-loading{0%{rotate:0}100%{rotate:360deg}}.ugallerie{transition:all 300ms ease-in-out;container-type:inline-size}.ugallerie .inner{display:grid;grid-template-columns:repeat(var(--columns),1fr);gap:var(--gap)}.ugallerie-item{position:relative;transition:all 300ms ease-in-out}.ugallerie-item:hover{transform:scale(1.1);z-index:1}.ugallerie-item:is(:hover,:focus-within):after,.ugallerie-item:is(:hover,:focus-within):before{opacity:1}.ugallerie-item:after{background:rgba(0,0,0,0.5);content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:inherit;cursor:pointer}.ugallerie-item:before{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtc2VhcmNoIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PHBhdGggZD0ibTIxIDIxLTQuMy00LjMiLz48L3N2Zz4=);content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%);opacity:0;z-index:1;transition:inherit;cursor:pointer}.ugallerie-item img{width:100%;height:100%;object-fit:cover}.ugallerie dialog[closed]{display:none}.ugallerie dialog[open]{border:0;display:flex;justify-content:center;align-items:center;position:fixed;overflow-y:visible;background:0;height:100vh;width:100vw;overflow-x:hidden;margin:auto;container-type:inline-size}.ugallerie dialog::backdrop{background:rgba(0,0,0,0.7);backdrop-filter:blur(3px) grayscale(0.2)}.ugallerie dialog img{width:100%;height:auto;object-fit:contain;margin:0 auto}.ugallerie dialog img.loading{filter:blur(1px) grayscale(0.8)}.ugallerie dialog img.loading+.loading-indicator{position:absolute;transform-origin:0 0;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);animation:image-loading 1s infinite;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtbG9hZGVyLTIiPjxwYXRoIGQ9Ik0yMSAxMmE5IDkgMCAxIDEtNi4yMTktOC41NiIvPjwvc3ZnPg==)}.ugallerie dialog .image-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;transition:all 300ms;height:auto}.ugallerie dialog .image-container .title{background:rgba(0,0,0,0.5);color:white;font-size:18px;padding:10px;min-height:1rem}.ugallerie dialog .image-container img{max-height:85vh}.ugallerie dialog button{border:0;position:absolute;cursor:pointer}.ugallerie dialog button[name="next"]{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xNyAxMkgzIi8+PHBhdGggZD0ibTExIDE4IDYtNi02LTYiLz48cGF0aCBkPSJNMjEgNXYxNCIvPjwvc3ZnPg==);background-repeat:no-repeat;width:6cqw;height:6cqw;top:50%;right:5%;transform:translateY(-50%)}.ugallerie dialog button[name="prev"]{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0zIDE5VjUiLz48cGF0aCBkPSJtMTMgNi02IDYgNiA2Ii8+PHBhdGggZD0iTTcgMTJoMTQiLz48L3N2Zz4=);background-repeat:no-repeat;width:6cqw;height:6cqw;top:50%;left:5%;transform:translateY(-50%)}.ugallerie dialog button[name="close"]{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0xOCA2IDYgMTgiLz48cGF0aCBkPSJtNiA2IDEyIDEyIi8+PC9zdmc+);background-repeat:no-repeat;width:64px;height:64px;top:5%;right:5%;transform:translateY(-50%)}@media only screen and (max-width:1024px){.ugallerie .inner{grid-template-columns:repeat(2,1fr)}.ugallerie dialog .image-container{width:97%}.ugallerie dialog button[name="next"]{width:10cqw;height:10cqw;bottom:1vh;right:0;top:unset}.ugallerie dialog button[name="prev"]{width:10cqw;height:10cqw;bottom:1vh;left:0;top:unset}}@supports(grid-template-rows:masonry){.ugallerie. inner{grid-template-rows:masonry}}@media(hover:none){.ugallerie dialog button[name="prev"],.ugallerie dialog button[name="next"]{display:none}.ugallerie dialog[open] .image-container{width:100%}}