/* base-css */
:root{--content-xl:240px;--content-lg:160px;--content-md:100px;--content-sm:25px;--content:var(--content-md);--fonts:'InriaSans',sans-serif;--spacing:.75rem;--font-size:1.2rem;--primary:#003227;--dark-text-color:#eee;--menu-height:130px}body,html{min-height:100vh;padding:0;margin:0}html{font-family:var(--fonts);font-size:var(--font-size)}body{margin:0;overflow-x:clip}*{box-sizing:border-box;font-family:var(--fonts)}ul{margin:20px 0 0 10px;padding-left:1.2rem}ul li{position:relative;list-style-type:disc;padding-left:0;margin-bottom:.7rem;font-size:20px}#main{margin:120px auto 120px auto}#home #main{margin:120px auto 0 auto}.content:not(.full-width){max-width:1920px;margin:0 auto;padding:0 var(--content);width:100%}p{margin:0 0 15px 0;line-height:1.6em}a{color:#92a200;text-decoration:none}a:hover{color:#92a200;text-decoration:underline}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{margin:0 var(--content)}.content-padding{padding-left:var(--content);padding-right:var(--content)}.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}@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){.header{height:600px}: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{padding:0;&:is(.left,.right){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}

/* styles-css */
.marker{color:#cbd600;font-weight:600}.header{height:120px;overflow:hidden;position:relative;margin-bottom:0}.header img{object-fit:cover}.header .slogan{position:absolute;top:45%;transform:translateY(-50%);color:#efefef;font-size:2.2rem;padding:5px 15px}.header .slogan h2{font-weight:normal}.header .slogan p{font-size:24px;font-weight:lighter}.site-head-start{position:relative;display:table;width:100%;height:50vh;text-align:center;color:#bbb;background-image:url("/stream/images/layout/flensburg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1}.site-head-start:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.menu{height:var(--menu-height);width:100%;justify-content:flex-end;transition:all .3s;z-index:3}.menu .logo{height:100%;width:auto;margin:0 auto}.menu.dark{background:#202637}.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}.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}.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%}.content:has(.gray){background:#003227;background:linear-gradient(90deg,rgba(0,50,39,1) 0,rgba(12,72,78,1) 64%,rgba(0,50,39,1) 100%);margin:80px auto;padding:100px 0 25px 0;text-align:center;color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff}.content:has(.gray) h2{color:#fff !important}.gray .content:not(.full-width){padding:0 var(--content);text-align:center;color:#fff;margin:0 auto}.content:has(.contact){background:#003227;background:linear-gradient(90deg,rgba(0,50,39,1) 0,rgba(12,72,78,1) 64%,rgba(0,50,39,1) 100%);margin:80px auto;padding:100px var(--content);text-align:center;color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff}.content:has(.contact) h2{color:#fff !important}.content:has(.contact) strong{color:#fff;font-size:30px}.content:has(.contact) .simple-button-plugin{font-size:1.1rem;font-weight:500;padding:.6rem 1.5rem;background-color:#cbd600;text-decoration:none;color:#003227;transition:all 300ms ease-in-out;border-radius:50px;text-transform:none;display:inline-block;margin:10px 10px 10px 0;border:1px solid #cbd600;line-height:initial}.content:has(.contact) .simple-button-plugin:hover{background-color:#cbd600;border:1px solid #cbd600;color:#000;text-decoration:none}.objectfit-cover,.objectfit-cover .text{width:100%;min-height:500px;height:100%;position:relative}.objectfit-cover .tb_image{width:100%;height:100%;object-fit:cover;margin:0;position:absolute}.objectfit-text{height:100%;width:100%;min-height:300px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 0}.objectfit-text .block_content{height:100%;padding:5em 2em}.simple-button-plugin{font-size:1.1rem;font-weight:500;padding:.6rem 1.5rem;background-color:#cbd600;text-decoration:none;color:#000;transition:all 300ms ease-in-out;border-radius:50px;display:inline-block;margin:10px 10px 10px 0;border:1px solid #cbd600;line-height:initial}.simple-button-plugin:hover{background-color:#003227;border:1px solid #003227;color:#fff !important;text-decoration:none}h1{font-size:60px;font-weight:800;margin:0 0 var(--spacing) 0;color:#003227}#home h2{font-size:36px;font-weight:600;margin:0 0 var(--spacing) 0;color:#003227}h2{font-size:36px;font-weight:600;margin:0 0 var(--spacing) 0;color:#cbd600}h3{font-size:27px;font-weight:600;margin:0 0 var(--spacing) 0;color:#000}h4{font-size:24px;font-weight:500;margin:0;color:#003227}.uslider .track-outer{background:#fff}.uslider .track-outer a{color:#003227;text-decoration:none;font-size:30px}.uslider .track-inner{align-items:top !important}.uslider .progress{margin:30px 0 25px 0 !important}.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:#003227;font-size:26px;font-weight:600}.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:42px !important;text-align:left;margin-bottom:30px}.info .item-header h2{margin:0 0 10px 0;font-size:22px !important;font-weight:500;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}.newsflash{padding:60px 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--spacing)}.newsflash .flash-el{display:flex;flex-direction:column;text-align:center;align-items:center}.newsflash .flash-el h3{font-size:26px;font-weight:500;margin:20px 0}.flash-el{background-color:#fff;box-shadow:0 2px 7px rgba(0,0,0,0.3);height:100%;padding:20px 35px;border-radius:25px}.flash-el_datum{font-weight:600}@media(min-width:1025px) and (max-width:1460px){.newsflash{grid-template-columns:1fr 1fr;gap:20px}}.uslider .track-inner .u-slide{padding:3rem 0 !important}.textlink{border:1px solid #e7e7e7;background-color:#fafafa;padding:30px;height:100%;display:flex !important;align-items:center;justify-content:center;transition:all 250ms ease}.textlink:hover{text-decoration:none;background-color:#fff;box-shadow:0 2px 7px rgba(0,0,0,0.3)}.textlink h2{margin-bottom:0;font-size:26px;color:#02362e}.law{color:#003227;text-align:center;font-size:18px;padding-bottom:20px;background-color:#cbd600}.law a{color:#003227}.law strong{color:#003227}.law h3{color:#003227}.law h4{color:#003227}.law .strich{border-bottom:4px solid white;width:80%;margin:0 auto 20px auto;height:5px}#callnowbutton{display:none;position:fixed;text-decoration:none;z-index:2147483647;width:65px;height:65px;border-radius:50%;border:1px solid #fff;bottom:5px;transform:scale(0.8);right:5px;background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIzLjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ4MC42IDQ4MC42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODAuNiA0ODAuNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxnPgoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zNjUuNCwzMTcuOWMtMTUuNy0xNS41LTM1LjMtMTUuNS01MC45LDBjLTExLjksMTEuOC0yMy44LDIzLjYtMzUuNSwzNS42Yy0zLjIsMy4zLTUuOSw0LTkuOCwxLjgKCQkJYy03LjctNC4yLTE1LjktNy42LTIzLjMtMTIuMmMtMzQuNS0yMS43LTYzLjQtNDkuNi04OS04MWMtMTIuNy0xNS42LTI0LTMyLjMtMzEuOS01MS4xYy0xLjYtMy44LTEuMy02LjMsMS44LTkuNAoJCQljMTEuOS0xMS41LDIzLjUtMjMuMywzNS4yLTM1LjFjMTYuMy0xNi40LDE2LjMtMzUuNi0wLjEtNTIuMWMtOS4zLTkuNC0xOC42LTE4LjYtMjcuOS0yOGMtOS42LTkuNi0xOS4xLTE5LjMtMjguOC0yOC44CgkJCWMtMTUuNy0xNS4zLTM1LjMtMTUuMy01MC45LDAuMWMtMTIsMTEuOC0yMy41LDIzLjktMzUuNywzNS41QzcuMywxMDMuOSwxLjYsMTE3LDAuNCwxMzIuM2MtMS45LDI0LjksNC4yLDQ4LjQsMTIuOCw3MS4zCgkJCWMxNy42LDQ3LjQsNDQuNCw4OS41LDc2LjksMTI4LjFjNDMuOSw1Mi4yLDk2LjMsOTMuNSwxNTcuNiwxMjMuM2MyNy42LDEzLjQsNTYuMiwyMy43LDg3LjMsMjUuNGMyMS40LDEuMiw0MC00LjIsNTQuOS0yMC45CgkJCWMxMC4yLTExLjQsMjEuNy0yMS44LDMyLjUtMzIuN2MxNi0xNi4yLDE2LjEtMzUuOCwwLjItNTEuOEM0MDMuNiwzNTUuOSwzODQuNSwzMzYuOSwzNjUuNCwzMTcuOXoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzQ2LjMsMjM4LjJsMzYuOS02LjNjLTUuOC0zMy45LTIxLjgtNjQuNi00Ni4xLTg5Yy0yNS43LTI1LjctNTguMi00MS45LTk0LTQ2LjlsLTUuMiwzNy4xCgkJCWMyNy43LDMuOSw1Mi45LDE2LjQsNzIuOCwzNi4zQzMyOS41LDE4OC4yLDM0MS44LDIxMiwzNDYuMywyMzguMnoiLz4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDA0LDc3LjhDMzYxLjQsMzUuMiwzMDcuNSw4LjMsMjQ4LDBsLTUuMiwzNy4xYzUxLjQsNy4yLDk4LDMwLjUsMTM0LjgsNjcuMmMzNC45LDM0LjksNTcuOCw3OSw2Ni4xLDEyNy41CgkJCWwzNi45LTYuM0M0NzAuOSwxNjkuMyw0NDQuNCwxMTguMyw0MDQsNzcuOHoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K") center / 40px 40px no-repeat #02362e}@media(min-width:768px) and (max-width:1024px){.newsflash{grid-template-columns:1fr;gap:20px 0}.menu .logo{height:100%;width:auto;margin:0}#main{margin:80px auto 80px auto}#home #main{margin:70px auto 0 auto}}@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){.newsflash{grid-template-columns:1fr;gap:20px 0}#main{margin:80px auto 80px auto}#home #main{margin:70px auto 0 auto}}@media(min-width:551px) and (max-width:767px){.menu .logo{height:auto;width:480px;margin:0}#callnowbutton{display:block}.newsflash{grid-template-columns:1fr;gap:20px 0}#main{margin:80px auto 80px auto}#home #main{margin:70px auto 0 auto}}@media(min-width:320px) and (max-width:550px){:root{--spacing:15px}.newsflash{grid-template-columns:1fr;gap:20px 0}.menu .logo{height:auto;width:310px;margin:0}nav.menu .hamburger{right:0 !important;margin-right:20px !important}#home #main{margin:70px auto 0 auto}#main{margin:80px auto 80px auto}h1{font-size:40px;font-weight:800;margin:0 0 var(--spacing) 0;color:#003227}#home h2{font-size:30px;font-weight:600;margin:0 0 10px 0;color:#003227}h2{font-size:30px;font-weight:600;margin:0 0 10px 0}#callnowbutton{display:block}}.gray .uslider .controls svg{stroke:white}.u-slide{border-right:1px solid black}.ugrid>.content:has(.objectfit-cover){min-width:100%}.headline :is(h1,h2,h3,h4,h5,h6){margin:0}.headline{margin-bottom:calc(var(--spacing) * 3)}

/* footer-css */
.footer *{z-index:1}.footer{padding:70px 0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"brand brand brand" ". . .";gap:var(--spacing);text-align:center;border-top:3px solid #cbd600;position:relative;margin-top:0}.footer h4{font-size:1.1rem;font-weight:lighter;color:var(--dark-text-color);margin-bottom:7px}.footer a{color:#000;font-weight:500;text-decoration:none}.footer .brand{grid-area:brand;width:100%;margin:0 auto 30px auto}.footer .brand a{display:block}.footer .brand .logo_footer{text-align:center;left:25px;top:20px;z-index:49}.footer .brand .logo_footer big{font-size:45px;font-family:'Open Sans',sans-serif;display:block;margin-bottom:10px;color:#222235}.footer .brand .logo_footer klein{font-size:14px;font-family:'Open Sans',sans-serif;letter-spacing:.3em;color:#cbd600}.statusline{background:#003227;display:flex;justify-content:center;align-items:center;color:var(--dark-text-color)}.statusline *{margin:0;padding:25px 0}.statusline a{color:#fff}.statusline a:hover{color:#cbd600}.footer .column{flex-direction:column}.footer .fa .footer .fa-classic,.footer .fa-regular,.footer .fa-solid,.footer .far,.footer .fas{color:#cbd600;font-size:36px;margin-bottom:10px}@media(min-width:481px) and (max-width:680px){.footer{grid-template-columns:1fr;grid-template-areas:"brand" ".";gap:0}}@media(min-width:320px) and (max-width:480px){.footer{grid-template-columns:1fr;grid-template-areas:"brand" ".";gap:0}.footer .brand img{object-fit:contain}.statusline p{padding:0}.statusline{flex-direction:column;padding:15px 0}}

/* 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}#home nav.menu{background:#02362e;height:130px}#home nav.menu.dark{background:#02362e;box-shadow:rgba(50,50,93,0.15) 0 8px 14px -5px,rgba(0,0,0,0) 0 4px 8px -8px;border-bottom:1px solid white}nav.menu{width:100%;position:fixed;display:flex;justify-content:space-between;align-items:center;height:var(--menu-height);transition:background 250ms ease-in-out,box-shadow 200ms;background:#02362e;--background:var(--menu-background,#fff);--color:var(--menu-color,#000);--sub-color:var(--menu-sub-color,#cbd600);--padding:.6rem 2rem;--dark-background:#e2a300;--fonts:'InriaSans',sans-serif;--mobile-link-padding:.6rem 0;--mobile-menu-level-padding:0 0 0 2rem;--mobile-breakpoint:6000px;--mobile-menu-background:#f0f0f0;--mobile-expand-button-size:32px;&.dark{background:#02362e;box-shadow:rgba(50,50,93,0.15) 0 8px 14px -5px,rgba(0,0,0,0) 0 4px 8px -8px}& div[file_id]{display:flex;justify-content:left;align-items:center;position:relative;height:100%;text-align:left;font-size:20px;width:max-content;& a{color:#fff;text-decoration:none;padding:var(--padding);padding-right:10px;display:block;font-weight:600}& a:hover{color:var(--sub-color)}}& div.active>a{color:var(--sub-color)}& .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;transition:all .25s ease}&>div{&>.chevron{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtY2hldnJvbi1kb3duIj48cGF0aCBkPSJtNiA5IDYgNiA2LTYiLz48L3N2Zz4=) no-repeat center}}& .chevron{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtY2hldnJvbi1yaWdodCI+PHBhdGggZD0ibTkgMTggNi02LTYtNiIvPjwvc3ZnPg==) no-repeat center;display:block;min-width:24px;min-height:24px;display:none}& .sub{display:none}}}@media(min-width:6000px){nav.menu{height:130px;& div[file_id]{& .sub{position:absolute;bottom:0;transform:translateX(100%);right:0;background:#02362e;& 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(min-width:1400px){nav.menu{#menu{width:25vw !important;right:0 !important;left:unset !important}.inner{padding:0 50px !important}}}@media(max-width:6000px){nav.menu{&:not(.active) #menu{pointer-events:none;transform:scaleY(0);opacity:0}&.active .hamburger{position:absolute;& div{border:3px 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;gap:6px;position:absolute;right:15px;& div{border:3px solid var(--sub-color);width:100%;height:1px;transition:all 100ms ease-in-out}}#menu{position:fixed;top:var(--menu-height);left:0;z-index:1000;height:calc(100vh - var(--menu-height));transition:transform 250ms ease-in-out,opacity 300ms ease-in;transform:scaleY(1);transform-origin:top;opacity:1;background:#02362e;width:100%;.inner{padding:0 var(--content);display:flex;max-height:calc(100vh - var(--menu-height));overflow-y:auto;padding-bottom:2vh}.inner>[file_id]>.chevron{--base-rotation:-90deg;transform:rotate(var(--base-rotation))}.chevron{display:block;align-self:center;width:var(--mobile-expand-button-size);height:var(--mobile-expand-button-size)}.inner .open>.chevron{transform:rotate(calc(var(--base-rotation, 0deg) + 90deg))}.inner,.sub,[file_id]{flex-direction:row;align-items:flex-start;flex-wrap:wrap;width:100%;flex-basis:100%;height:max-content}[file_id],a{width:calc(100% - var(--mobile-expand-button-size))}[file_id] a{padding:var(--mobile-link-padding)}.open>.sub{display:flex;flex-basis:100%;padding:var(--mobile-menu-level-padding)}}}}

/* newsflash */
.newsflash{grid-template-columns:repeat(2,1fr);gap:0 !important}@media(max-width:768px){.newsflash{grid-template-columns:1fr;gap:0 !important}}.text_news.flash-el{border-left:1px solid lightgrey;box-shadow:unset !important;border-radius:0 !important;text-align:left !important;align-items:unset !important;position:relative;&::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--primary);transition:transform .2s ease;transform:scaleY(0) translateX(-100%);transform-origin:top}&:hover::before{transform:scaleY(1) translateX(-100%)}}.flash-el_datum{font-weight:600;order:3;text-align:right;letter-spacing:1px;margin-top:auto}

/* size-constrain */
:root{--max-page-size:1600px}

/* uslider-css */
.uslider{--items:3;overflow:hidden;max-width:calc(100vw - var(--gap))}.uslider .track-outer{cursor:grab}.uslider .track-inner{display:flex;flex-direction:row;transition:transform .5s ease;transform:translate(calc(-100% / var(--items) * var(--slide) - (var(--gap) * var(--slide) / 2) + var(--offset)));will-change:transform;gap:var(--gap);align-items:center}.uslider .track-inner .u-slide{--width:calc(100% / var(--items) - var(--gap) / 2);flex:0 0 300px;min-width:var(--width);max-width:var(--width);box-sizing:border-box;padding:1rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.uslider .controls{display:flex;justify-content:center;align-items:center;gap:.4em}.uslider .controls button{background:0;border:0;cursor:pointer}.uslider .progress{--active-color:#737373;--inactive-color:#dbdbdb;display:flex;justify-content:center;gap:10px;margin:10px 0}.uslider .progress .dot{width:14px;height:14px;border:0;border-radius:99px;background:var(--inactive-color);cursor:pointer}.uslider .progress .dot.active{background:var(--active-color)}.uslider .progress .dot:not(.active):hover{background:color-mix(in lch,var(--inactive-color) 92%,black)}

