/* main-css */
:root{--dark-text-color:#eee;--spacing:35px;--menu-height:70px;--text-color:#787f82}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}.header img{width:100%;height:100%;object-fit:cover}body:not(#home) .header{height:600px}.header img#mainimage{padding-top:160px}.header:has(* img):after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.header *{z-index:0}.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}.menu{height:var(--menu-height);width:100%;justify-content:flex-end;transition:all .3s;z-index:3}.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:100;background:#23353f;letter-spacing:.04em;padding-top:10px;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}.time{float:right}h1{color:#23353f;font:bold 46px 'Conneqt',Arial,sans-serif,sans-serif;margin:0;padding-bottom:15px}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}#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: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}@media(max-width:1500px){#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{margin:0 240px}.content.default{max-width:1200px;margin:0 auto}.content-padding{padding-left:25px;padding-right:25px}}@media(min-width:1025px) and (max-width:1280px){.content{margin:0 100px}.content-padding{padding-left:25px;padding-right:25px}}@media(min-width:768px) and (max-width:1024px){.header{height:600px}.content{margin:0 50px}.content-padding{padding-left:25px;padding-right:25px}.zwanzig{display:none}}@media(min-width:768px) and (max-width:1024px) and (orientation:landscape){.header{height:600px}.zwanzig{display:none}}@media(min-width:481px) and (max-width:767px){.content{margin:0 15px}.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}}@media(min-width:320px) and (max-width:480px){: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 36px 'Conneqt',Arial,sans-serif,sans-serif}h2{font:normal 26px '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}}

/* 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 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 .brand{grid-column:1 / span 2;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 */
.menu{position:fixed;top:40px;display:flex;justify-content:center;align-items:center;--background:#fff;--color:#000;--mobile-background:#202637;height:120px;background-color:#fff;box-shadow:0 5px 8px rgba(0,0,0,0.2)}.menu li.open>a>.chevron{transform:translateY(0) rotate(90deg)}.menu .hamburger{display:none;flex-direction:column;justify-content:space-between;align-items:center;width:calc(var(--menu-height) / 2.5);height:calc(var(--menu-height) / 2.5);cursor:pointer;z-index:2;--line-height:2px}.menu .hamburger div{height:var(--line-height);width:100%;background:#24353f}.menu .hamburger div:last-of-type{margin-bottom:0}.menu>ul{display:flex;justify-content:space-evenly;align-items:center;list-style:none;padding:0;margin:0;height:100%}.menu ul{list-style:none;padding:0}.menu ul ul{display:flex;flex-direction:column;position:absolute;opacity:0;background:var(--background);min-width:100%;color:var(--color)}.menu li:not(:hover) ul{pointer-events:none}.menu>ul li{position:relative;display:flex;align-items:center;font-size:1.125rem;padding:10px 15px;color:inherit;height:100%;transition:all 200ms ease-in-out;white-space:nowrap}.menu>ul li a{color:inherit;text-decoration:none;color:#85898c}.menu>ul li a:hover{color:inherit;text-decoration:none;color:#9b1b2b}.menu .chevron{display:none}.menu>ul>li>ul{top:100%;left:0;margin:0}.menu>ul>li:hover>ul{opacity:1}.menu ul li ul li ul{top:0;left:100%}.menu ul>li:hover>ul li:hover>ul{opacity:1}.menu>ul>li:hover>ul{animation:slide .3s ease-in-out}.menu ul li.active a,.menu ul li:has(.active)>a{color:#9b1b2b}.block_content.text{margin-bottom:50px}@keyframes slide{0%{transform:translateX(-40px);opacity:0}100%{transform:translateX(0);opacity:1}}@media(min-width:320px) and (max-width:920px){.menu{transition:all 250ms}.menu.open{background:#fff !important}.menu ul[class*="level"] li a{padding:15px 15px;width:100%}.menu.open{color:#dcdcdc}.menu .hamburger{display:flex;flex-direction:column;justify-content:space-evenly;width:75px;height:75px;padding:10px 15px;cursor:pointer;position:relative}.menu.open .hamburger div{transition:all 400ms}.menu.open .hamburger div:nth-child(2){opacity:0}.menu.open .hamburger div{position:absolute;width:40px;height:2px}.menu.open .hamburger div:nth-child(1){transform:translateY(-50%) rotate(45deg)}.menu.open .hamburger div:nth-child(3){transform:translateY(-50%) rotate(-45deg)}.menu .hamburger div{border-bottom:4px solid #24353f}.menu.white .hamburger div{border-bottom:4px solid #000d2e}.menu.white.open .hamburger div{border-bottom:4px solid #fff}.menu ul{display:flex;opacity:0;pointer-events:none;flex-direction:column;position:fixed;top:40px;left:0;width:100vw;height:calc(100vh - 40px);transition:opacity 250ms;background:#fff;z-index:1;overflow:visible;justify-content:center}.menu.open ul{opacity:1;pointer-events:all}.menu ul li a{padding:5px 0;position:relative}.menu ul li a .chevron{display:block;width:24px;height:24px;position:relative;margin-left:10px}.menu ul .chevron::after{content:'';position:absolute;width:60%;height:60%;top:50%;left:0;transform:translateY(-50%) rotate(-45deg);border-right:3px solid #23353f;border-bottom:3px solid #23353f;transition:transform 250ms}.menu ul .chevron.open{transform:rotate(90deg)}.menu ul[class*="level"]{position:initial;width:100%;height:0;margin-bottom:10px;transition:all 250ms;transform:scale(0);background:transparent}.menu>ul>li:hover>ul{animation:none}.menu ul.level2{position:initial;width:100%;height:0;margin-bottom:10px;transition:all 250ms;transform:scale(0)}.menu ul[class*="level"].open{opacity:1;transform:scale(1);height:100%}.menu ul[class*="level"].open li{visibility:visible}.menu ul[class*="level1"] li a{padding:5px 0 0 0}.menu ul li{flex-direction:column;height:max-content}.menu ul li a{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:100%;text-decoration:none;overflow:hidden}}

