@charset "UTF-8";
/*@import url("/themes/roeko/2023/css/blocks/ushero.css") screen;
@import url("/themes/roeko/2023/css/blocks/usmediateaser.css") screen;
@import url("/themes/roeko/2023/css/blocks/usnews-simple.css") screen;
@import url("/themes/roeko/2023/css/blocks/usstripe.css") screen;
@import url("/themes/roeko/2023/css/blocks/signature.css") screen;
@import url("/themes/roeko/2023/css/blocks/roeko23hero.css") screen;
@import url("/themes/roeko/2023/css/blocks/uslist-simple.css") screen;
@import url("/themes/roeko/2023/css/blocks/usarchive.css") screen;
@import url("/themes/roeko/2023/css/blocks/uscontacts.css") screen;
@import url("/themes/roeko/2023/css/blocks/usiconslider.css") screen;
@import url("/themes/roeko/2023/css/base.css") screen;
*/
/*
Theme Name: Röntgenkongress 2023
Theme URI: https://www.roentgenkongress.de
Description:  responsive HTML-Template for Roentgenkongress 2023
Version: 1.0
Author:		urbanstudio / Oli Feiler
Theme URI:  https://www.urbanstudio.de
Author URI: https://www.urbanstudio.de
License URI:
*/

:root{
	--us-primary-color:#13283E;
	--us-primary-color-10p:rgba(41,79,108,.1);
	--us-secondary-color:#294F6C;
	--us-highlight-color:#294F6C;
	--us-textcolor:rgba(0,0,0,.85);

	--drg-blue:#005389;
	--roeko-digital:#38B5A0;
	--roeko-onsite:#3C9ACC;
/*
	--us-form-highlight:#294F6C;
	--us-form-highlight-10p:rgba(41,79,108,.1);
	--us-form-highlight-darker:rgba(0,0,0,.1);
	--us-form-highlight-lighter:#466079;*/

	--us-form-highlight:#0084C3;
	--us-form-highlight-10p:rgba(56,130,190,.1);
	--us-form-highlight-darker:#3172A6;
	--us-form-highlight-lighter:#4791C5;
	--us-form-font: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--us-font: "Mukta Mahee", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--us-headline-font: "Mukta Mahee", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--us-headline-font-size:20px;
	--us-text-font-size:16px;

	--us-transition:.6s cubic-bezier(.25,.8,.25,1);
	--us-transition-alt:all 0.2s ease-in-out;
	--us-box-shadow:0 0 0 1px rgba(0,0,0,.05), 0 0 10px rgba(0,0,0,.08), 0 7px 5px -5px rgba(0,0,0,.12);

	--us-radius:6px;
	--us-inner-radius:3px;
	--us-btn-radius:6px;

	--us-gap:16px;
	--us-gap-neg:-16px;
	--us-block-gap:24px;
	--us-margin:16px;
	--us-margin-neg:-16px;
	--us-margin-half:8px;
	--us-margin-double:32px;
	--us-padding:16px;
	--us-padding-half:8px;
	--us-padding-double:32px;

	--us-text-width:800px;
	--us-header-height:72px;


}

@media only screen and (min-width:768px){

	:root{
		--us-headline-font-size:22px;
		--us-text-font-size:18px;

		--us-gap:32px;
		--us-gap-neg:-32px;
		--us-block-gap:32px;
		--us-margin: 32px;
		--us-margin-half:16px;
		--us-margin-neg:-32px;
		--us-margin-neg-half:-16px;
		--us-padding: 32px;

		--us-header-height:72px;

	}

}


@media only screen and (min-width:1280px){

	:root{
		--us-block-gap:64px;


	}

}


@media only screen and (min-width:1680px){

	:root{
		--us-text-width:860px;
	}

}



*{margin:0;padding:0;border:0;outline:none;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html{overflow-y:scroll;overflow-x:hidden;min-height:100vh;height:100%;}
body{background:#f5f6f7;color:var(--us-textcolor);font-family:var(--us-font);font-size:var(--us-text-font-size);font-weight:300;line-height:1.4;transition:all 0.2s ease-in-out;max-width:100vw;
-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
del{text-decoration:line-through;} abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
input, select{vertical-align:middle;outline:none;} textarea{resize:vertical;overflow-y:auto;outline:none;}
label, input[type=button], input[type=submit], button{cursor:pointer;}
ul{list-style:none;list-style-type:none;}
img{border:0;display:block;max-width:100%;height:auto;image-rendering:-webkit-optimize-contrast;}
* a{color:inherit;text-decoration:inherit;}
p{max-width:800px;}
hr{margin-top:16px;margin-bottom:16px;border:0;border-top:1px solid rgba(0,0,0,.1);}
hr.mini{margin-top:var(--us-gap);margin-bottom:var(--us-gap);border-top:3px solid #00264D;width:60px;}


/* ---------------------------------------------------------------------------------- */

html{/*-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;*/}
body{transition:var(--us-transition);padding-top:var(--us-header-height);}
body.bg-to-white{background:#FFFFFF!important;}
body.bg-to-white main.content:before{position:absolute;top:0;left:0;right:0;z-index:-1;height:70vh;content:'';width:100vw;background:linear-gradient(180deg, #f5f6f7 0%, #f5f6f7 33%, #ffffff 100%)!important;}
body.bg-from-white main.content:before{position:absolute;top:0;left:0;right:0;z-index:-1;height:70vh;content:'';width:100vw;background:linear-gradient(180deg, #ffffff 0%, #ffffff 33%, #f5f6f7 100%)!important;}
.block.bg-white{background:#FFFFFF!important;}
.block.bg-to-white{background:linear-gradient(180deg, #f5f6f7 0%, #f5f6f7 33%, #ffffff 100%)!important;}
.block.bg-from-white{background:linear-gradient(180deg, #ffffff 0%, #ffffff 33%, #f5f6f7 100%)!important;}
.block.bg-to-gray{background:linear-gradient(180deg, rgba(245,246,247,0) 0%, rgba(245,246,247,0) 33%, rgba(245,246,247,1) 100%);}

.center{max-width:1240px;margin:0 auto;}

.avatar-initial{/*background:var(--us-primary-color);*/background:linear-gradient(155deg, #607B90 20%, #294F6C 80%);}


/* HEADER */
.main-header{position:fixed;top:0;left:0;right:0;z-index:980;}



/* NAVBAR */
.app-name{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-start;margin-right:16px;position:relative;width:160px;overflow:hidden;}
.app-name{font-weight:700;white-space:nowrap;color:rgb(0,23,39);text-transform:uppercase;letter-spacing:1px;line-height:1.2;}
.app-name > span{display:none!important;}
.app-name div{display:block;font-size:26px;font-weight:700;padding:0;line-height:1.66;transition:var(--us-transition);animation:roekoani 2s cubic-bezier(0.280, 0.840, 0.420, 1) infinite;}
.app-name div b{font-size:23px;font-weight:700!important;opacity:.66;padding-right:3px;}
@keyframes roekoani{
	0%{color:#001A27;}
	40%{color:#214853;}
	50%{color:#214853;}
	100%{color:#001A27;}
}


/* NAVBAR */
.main-navbar{transition:var(--us-transition);position:absolute;top:0;left:0;right:0;background:#FFF;padding:0 var(--us-gap);z-index:200;box-shadow:0 1px 0 rgba(0,0,0,.1);height:var(--us-header-height);
	display:flex;justify-content:space-between;align-items:center;transform:translateY(0);} /*body.down .navbar-scroll-hide .main-navbar{transform:translate(0,-150px);}*/
.main-navbar .center{width:100%;}

.nav-container{display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;}
.nav-container .quicknav{display:none;margin-right:var(--us-gap);}
.nav-container .quicknav a{display:inline-block;margin-left:var(--us-gap);font-weight:600!important;font-size:18px!important;line-height:44px!important;}

.navbar-btn{padding-left:38px!important;font-size:18px!important;font-weight:600!important;box-shadow: inset 0 1px rgba(255, 255, 255, 0.9), inset 0 25px 10px -10px rgba(255, 255, 255, 0.55), inset 0 0 0 1px rgba(255, 255, 255, 0.33);
text-shadow: 0 1px 0 rgba(255,255,255,.66), 0 0 10px rgba(255,255,255,.5);position:relative;}
.menu-expanded .navbar-btn{/*background:var(--us-primary-color-10p);*/}
	.nav-desktop .navbar-btn span.nav-btn-icon{left:12px;transform:translate(0,-50%);}
.nav-btn-icon{display:block;position:relative;width:16px;height:12px;max-width:inherit!important;}
.navbar-btn span.nav-btn-icon{position:absolute;top:50%;left:21px;transform:translate(-50%,-50%);display:block;width:16px!important;max-width:none!important;}
	.nav-btn-icon span{position:absolute;left:0;width:16px;height:2px;background:var(--us-secondary-color);transition:var(--us-transition);box-shadow:0 1px rgba(255,255,255,.66);}
	.nav-btn-icon span.line1{top:0;}.nav-btn-icon span.line2{top:5px;}.nav-btn-icon span.line3{top:10px;}
	.menu-expanded .nav-btn-icon span.line1, .nav-btn.close .nav-btn-icon span.line1{top:5px;transform:rotate(45deg);box-shadow:0 1px rgba(255,255,255,0);}
	.menu-expanded .nav-btn-icon span.line2, .nav-btn.close .nav-btn-icon span.line2{display:none;}
	.menu-expanded .nav-btn-icon span.line3, .nav-btn.close .nav-btn-icon span.line3{top:5px;transform:rotate(-45deg);box-shadow:0 1px rgba(255,255,255,0);}

	.navbar-btn + *{margin-left:8px;}
@media only screen and (min-width:768px){
	.nav-container .quicknav{display:flex;}
}
@media only screen and (max-width:834px){
	.nav-container .us-userselect{display:none;}
}
@media only screen and (max-width:989px){
	body.down .main-navbar{transform:translateY(-73px);}
}


/* MAIN MENU */
.main-menu{z-index:1031;position:fixed;top:0;bottom:0;width:100%;height:100%;transition:.4s cubic-bezier(.25,.8,.25,1),background 0s;transform:translate3d(0,0,0);
	backface-visibility:hidden;transform:translateZ(0);left:-100%;opacity:0;background:#FFF;background:#F5F6F7;background:linear-gradient(90deg, rgba(245,246,247,1) 0%, rgba(255,255,255,1) 100%);
	-ms-overflow-style:none;overflow:-moz-scrollbars-none;transition:var(--us-transition);box-shadow:inset -1px 0 0 rgba(0,0,0,.1);}
.main-menu::-webkit-scrollbar{display:none;}
.menu-hide .main-menu{left:-100%;opacity:0;}
.menu-expanded .main-menu{left:0;opacity:1;visibility:visible;}

.sidenav-overlay{background:rgba(0,0,0,0);position:fixed;top:0;height:120vh;z-index:997;display:block;opacity:0;transition:var(--us-transition);pointer-events:none;}
.sidenav-overlay.show{background:rgba(0,0,0,.8);left:0;right:0;opacity:1;pointer-events:all;transition:var(--us-transition);}
.menu-expanded .sidenav-overlay{background:rgba(0,0,0,.8);pointer-events:all;transition:var(--us-transition);}

.menu-header{position:fixed;top:0;left:0;right:1px;height:72px;box-shadow:0 1px 0 rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 28px;background:#FFFFFF;z-index:1036;font-size:18px;
line-height:26px;font-weight:400;color:var(--us-secondary-color);
transition:var(--us-transition);overflow:hidden;}
.menu-header #closebtn i{font-size:22px !important;color:var(--us-secondary-color)!important;}
.menu-body{padding:72px 0 100px 0;overflow-y:scroll;height:100%;-ms-overflow-style:none;overflow:-moz-scrollbars-none;transition:var(--us-transition);box-shadow:inset -1px 0 0 rgba(0,0,0,.1);}
.menu-body::-webkit-scrollbar{display:none;}

#backbtn{display:none;}

@media only screen and (max-width: 767px) {
	.menu-expanded .sidenav-overlay{left:0;right:0;opacity:1;}
	#backbtn{display:inline-flex!important;position:absolute;top:0;left:0;height:72px!important;padding-left:28px!important;padding-right:28px!important;background:#FFFFFF!important;transition:var(--us-transition);transition-delay:.2s;opacity:1;font-size:20px!important;
	line-height:28px!important;
	font-weight:600!important;color:var(--us-secondary-color);min-width:220px;}
	#backbtn.hide{position:absolute;left:-100%;display:inline-flex!important;opacity:0;transition-delay:.4s;}
}
@media only screen and (min-width: 768px) {
	.menu-expanded .sidenav-overlay{left:0;right:0;opacity:1;background:rgba(0,0,0,.8);pointer-events:all;}
	.main-menu{width:50%;}
	.menu-hide .main-menu{left:-100%;}
	.menu-header{padding-left:44px;}
}

@media only screen and (min-width:990px) {
	.main-menu{width:33%;max-width:480px!important;}
}


body.menu-expanded{position:fixed;width:100vw;}

ul.menu-block{padding:24px 0;}
ul.menu-block:nth-child(1){padding:36px 0;}
ul.menu-block:nth-child(2){transition-delay:.2s;padding:0;}
ul.menu-block:nth-child(3){transition-delay:.3s;}

ul.menu-block > li > a{position:relative;left:-250px;transition:var(--us-transition);opacity:0;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li > a{position:relative;left:auto!important;right:-250px;transition:var(--us-transition);opacity:0;}
.menu-expanded ul.menu-block > li > a{left:0;opacity:1;}
ul.menu-block > li.has-subnav.expanded .subnav > ul.menu-block > li > a{left:auto!important;right:0;opacity:1;}

ul.menu-block:nth-child(1) > li:nth-child(1) > a{transition-delay:.1s;}
ul.menu-block:nth-child(1) > li:nth-child(2) > a{transition-delay:.125s;}
ul.menu-block:nth-child(1) > li:nth-child(3) > a{transition-delay:.15s;}
ul.menu-block:nth-child(1) > li:nth-child(4) > a{transition-delay:.175s;}
ul.menu-block:nth-child(1) > li:nth-child(5) > a{transition-delay:.2s;}
ul.menu-block:nth-child(1) > li:nth-child(6) > a{transition-delay:.225s;}
ul.menu-block:nth-child(1) > li:nth-child(7) > a{transition-delay:.25s;}
ul.menu-block:nth-child(1) > li:nth-child(8) > a{transition-delay:.275s;}
ul.menu-block:nth-child(1) > li:nth-child(9) > a{transition-delay:.3s;}
ul.menu-block:nth-child(1) > li:nth-child(10) > a{transition-delay:.325s;}
ul.menu-block:nth-child(1) > li:nth-child(11) > a{transition-delay:.35s;}
ul.menu-block:nth-child(1) > li:nth-child(12) > a{transition-delay:.375s;}
ul.menu-block:nth-child(1) > li:nth-child(13) > a{transition-delay:.4s;}
ul.menu-block:nth-child(1) > li:nth-child(14) > a{transition-delay:.425s;}
ul.menu-block:nth-child(1) > li:nth-child(15) > a{transition-delay:.45s;}

ul.menu-block:nth-child(2) > li:nth-child(1) > a{transition-delay:.325s;}
ul.menu-block:nth-child(2) > li:nth-child(2) > a{transition-delay:.35s;}
ul.menu-block:nth-child(2) > li:nth-child(3) > a{transition-delay:.375s;}
ul.menu-block:nth-child(2) > li:nth-child(4) > a{transition-delay:.4s;}
ul.menu-block:nth-child(2) > li:nth-child(5) > a{transition-delay:.425s;}
ul.menu-block:nth-child(2) > li:nth-child(6) > a{transition-delay:.45s;}
ul.menu-block:nth-child(2) > li:nth-child(7) > a{transition-delay:.475s;}
ul.menu-block:nth-child(2) > li:nth-child(8) > a{transition-delay:.5s;}
ul.menu-block:nth-child(2) > li:nth-child(9) > a{transition-delay:.525s;}
ul.menu-block:nth-child(2) > li:nth-child(10) > a{transition-delay:.55s;}
ul.menu-block:nth-child(2) > li:nth-child(11) > a{transition-delay:.575s;}
ul.menu-block:nth-child(2) > li:nth-child(12) > a{transition-delay:.6s;}
ul.menu-block:nth-child(2) > li:nth-child(13) > a{transition-delay:.625s;}
ul.menu-block:nth-child(2) > li:nth-child(14) > a{transition-delay:.65s;}
ul.menu-block:nth-child(2) > li:nth-child(15) > a{transition-delay:.675s;}

ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(1) > a{transition-delay:.1s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(2) > a{transition-delay:.125s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(3) > a{transition-delay:.15s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(4) > a{transition-delay:.175s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(5) > a{transition-delay:.2s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(6) > a{transition-delay:.225s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(7) > a{transition-delay:.25s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(8) > a{transition-delay:.275s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(9) > a{transition-delay:.3s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(10) > a{transition-delay:.325s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(11) > a{transition-delay:.35s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(12) > a{transition-delay:.375s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(13) > a{transition-delay:.4s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(14) > a{transition-delay:.425s;}
ul.menu-block > li.has-subnav .subnav > ul.menu-block > li:nth-child(15) > a{transition-delay:.45s;}


ul.menu-block *{transition:var(--us-transition);}
ul.menu-block li{}
ul.menu-block li.spacer{height:24px;}
ul.menu-block li a{display:flex;align-items:stretch;justify-content:flex-start;padding:0;cursor:pointer;padding:0 16px;position:relative;overflow:hidden;}
ul.menu-block li a .menu-icon{display:none;position:relative;width:32px;flex-basis:20px;opacity:.44;}
ul.menu-block li a:hover .menu-icon{opacity:1;}

ul.menu-block li a .menu-icon i{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
ul.menu-block li a .menu-label{position:relative;flex-basis:100%;color:inherit;padding:8px 0 8px 12px;font-weight:400!important;font-size:20px;line-height:28px;}
.menu-body > ul.menu-block li a .menu-label{font-weight:500!important;}
ul.menu-block li a[target=_blank] .menu-label{padding-right:32px;}
ul.menu-block li a[target=_blank]:after{display:block;position:absolute;top:50%;right:24px;opacity:.33;font-size:16px!important;content:"\f08e";font-family:"Font Awesome 7 Pro";font-weight:400;transform:translate(-50%,-50%);transition:var(--us-transition);}


ul.menu-block li.has-subnav.expanded > a .menu-icon{opacity:1;}
ul.menu-block li.has-subnav.expanded > a .menu-label{font-weight:700!important;color:var(--us-secondary-color)!important;}
ul.menu-block.primary li.has-subnav > a:after{display:block;position:absolute;top:50%;right:28px;opacity:.33;content:'\f054';font-family:"Font Awesome 7 Pro";font-weight:900;transform:translate(-50%,-50%);}
ul.menu-block.primary li.has-subnav.expanded > a:after,
ul.menu-block.primary li.has-subnav > a:hover:after{opacity:1;color:var(--us-secondary-color)!important;}


@media only screen and (min-width: 768px) {
	ul.menu-block li a{padding:0 32px;}
	ul.menu-block li a[target=_blank] .menu-label:after{right:-8px;}
}

@media only screen and (min-width: 1200px) {
	ul.menu-block li a .menu-label{left:0;transition:var(--us-transition);}
	ul.menu-block li a .menu-label span{display:inline-block;position:relative;}
	ul.menu-block li a .menu-label span:after{position:absolute;bottom:3px;width:0;height:1px;background:rgba(0,0,0,.25);content:'';display:block;opacity:0;transition:var(--us-transition);}

	ul.menu-block li a:hover .menu-label{left:8px;}
	ul.menu-block li a:hover .menu-label span:after{opacity:1;width:100%;}
}

ul.menu-block.secondary{position:relative;}
ul.menu-block.secondary li a .menu-label{font-size:16px;line-height:22px;color:#666;font-weight:400!important;}
/* urspr. .border --> */
ul.menu-block.secondary{margin-right:1px;border-top:1px solid rgba(0,0,0,.1);padding-top:0;}
ul.menu-block.secondary:before{display:block;top:0;left:0;right:1px;background:#FFFFFF;content:'';height:1px;}
ul.menu-block.secondary > li:first-child{padding-top:36px;}
ul.menu-block.secondary li a .menu-label span:after{display:none!important;}

ul.menu-block li.has-subnav .subnav{position:fixed;top:72px;left:100%;bottom:0;width:100%;height:100%;background:#FFFFFF;z-index:1029;opacity:0;backface-visibility:hidden;transform:translateZ(0);-ms-overflow-style:none;overflow:-moz-scrollbars-none;pointer-events:none;transition:none;overflow-y:scroll;padding-bottom:64px;}

@media only screen and (max-width:767px) {
	ul.menu-block li.has-subnav .subnav{transition:.4s cubic-bezier(.25,.8,.25,1),background 0s;}
	ul.menu-block li.has-subnav.expanded .subnav{left:0;opacity:1;pointer-events:all;}
}
@media only screen and (min-width: 768px) {
	ul.menu-block li.has-subnav .subnav{top:0;padding-top:72px;}
	ul.menu-block li.has-subnav.expanded .subnav{opacity:1;pointer-events:all;}
}
@media only screen and (max-width:1199px) {
	ul.menu-block li.has-subnav .subnav li a .menu-label{font-size:18px;line-height:28px;}
	ul.menu-block li.has-subnav .subnav li.gap a .menu-label{font-size:14px;padding:4px 0 4px 32px;}
}
@media only screen and (min-width:1200px) {
	ul.menu-block li.has-subnav .subnav li a .menu-label{font-size:20px;line-height:26px;}
	ul.menu-block li.has-subnav .subnav li.gap a .menu-label{font-size:16px;padding:6px 0 6px 32px;}
}



/* RökoStripe */
.roekostripe{display:block;max-width:100vw!important;margin:0;position:relative;height:60px;width:100vw;overflow:hidden;transition:var(--us-transition);}
.roekostripe picture{position:absolute;top:0;left:0;right:0;bottom:0;display:block;}
.roekostripe img{display:block;width:100vw;height:100%;object-fit:cover;object-position:center;}
.roekostripe-overlay{position:absolute;left:0;right:0;bottom:auto!important;width:auto;height:auto;top:50%!important;transform:translate(0,-50%)!important;display:flex;align-items:center;justify-content:center;text-transform:uppercase;margin:0 var(--us-gap);transition:var(--us-transition);}
.roekostripe-overlay .center{width:100%;max-width:1240px !important;text-shadow:0 1px 10px rgba(0,0,0,.66);}
.forschung{color:#D0EAFA;font-size:18px;font-weight:400;letter-spacing:2px;line-height:1!important;transition:var(--us-transition);}
.forschung span{position:relative;bottom:-33px;transition:var(--us-transition);opacity:0;}
.forschung span:nth-child(1){transition-delay:.1s;}
.forschung span:nth-child(2){transition-delay:.11s;}
.forschung span:nth-child(3){transition-delay:.12s;}
.forschung span:nth-child(4){transition-delay:.13s;}
.forschung span:nth-child(5){transition-delay:.14s;}
.forschung span:nth-child(6){transition-delay:.15s;}
.forschung span:nth-child(7){transition-delay:.16s;}
.forschung span:nth-child(8){transition-delay:.17s;}
.forschung span:nth-child(9){transition-delay:.18s;}
.forschung span:nth-child(10){transition-delay:.19s;}
.forschung span:nth-child(11){transition-delay:.20s;}
.forschung span:nth-child(12){transition-delay:.21s;}
.forschung span:nth-child(13){transition-delay:.22s;}
.forschung span:nth-child(14){transition-delay:.23s;}
.forschung span:nth-child(15){transition-delay:.24s;}
.forschung span:nth-child(16){transition-delay:.25s;}
.forschung span:nth-child(17){transition-delay:.26s;}
.forschung span:nth-child(18){transition-delay:.27s;}
.forschung span:nth-child(19){transition-delay:.28s;}
.striperight{display:none;width:33%;align-items:center;justify-content:space-between;font-size:16px;font-weight:500;line-height:1.2;transition:var(--us-transition);}
body.home .block.roekostripe{display:none;}
@media only screen and (min-width: 375px){
	.forschung{font-size:20px;letter-spacing:2px;}
}
@media only screen and (min-width: 414px){
	.forschung{font-size:24px;letter-spacing:3px;font-weight:300;}
}

@media only screen and (max-width: 767px){
	.forschung{display:flex;align-items:stretch;justify-content:space-between;}
}
@media only screen and (min-width: 768px){
	.roekostripe{height:80px;}
	.forschung{font-size:44px;font-weight:200;letter-spacing:6.6px;line-height:1!important;}
}
@media only screen and (min-width: 990px){
	.roekostripe{height:100px;}
	.roekostripe-overlay .center{width:100%;max-width:1240px !important;display:flex;align-items:center;justify-content:space-between;}
	.striperight{display:flex;}
	.striperight a{position:relative;bottom:-33px;transition:var(--us-transition);opacity:0;}
	.striperight a.onsite{transition-delay:.35s;}
	.striperight a.digital{transition-delay:.4s;}
}
@media only screen and (min-width: 1200px){
	.roekostripe{height:120px;}
	.forschung{font-size:54px;}
	.striperight{font-size:18px;font-weight:400;}
}
@media only screen and (min-width: 1380px){
	.forschung{font-size:60px;}
	.striperight{width:420px;font-size:21px;}
}
body.loaded .forschung span{bottom:0;opacity:1;}
body.loaded .striperight a{bottom:0;opacity:1;}
body.home .roekostripe{display:none!important;}

/* Stripe */
.block.stripe.bg-black {
    background:rgb(0,23,39);
    background:rgba(0,23,39,.88);
	background:linear-gradient(111deg, rgba(0,23,39,0.88) 0%, rgba(0,23,39,0.88) 50%, rgba(28,78,85,0.92) 85%, rgba(0,23,39,0.88) 100%);
	background-size:200% 100%;
	background-position:left;
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    backdrop-filter:saturate(180%) blur(20px);
	transition:var(--us-transition);
}
.block.stripe.bg-black:before{position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(180deg, rgba(0,23,39, .15) 0%, rgba(0,23,39, 0) 100%);content:'';}
.block.stripe.bg-black:after{position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(180deg, rgba(0,23,39, 0) 0%, rgba(0,23,39, .15) 100%);content:'';}
@media screen and (min-width: 1200px) {
	.block.stripe .center i{right:var(--us-gap);}
	.block.stripe.bg-black:hover{background-position:100% 0;}
}


/* Tab-Bar */
.main-tabbar{position:fixed;bottom:0;left:0;right:0;z-index:1049;}
.main-tabbar .tabbar{
	display:block;align-items:center;padding:8px var(--us-gap);height:74px;transition:var(--us-transition);
	position:fixed;bottom:0;left:0;right:0;z-index:200;box-shadow:var(--us-box-shadow);
	background:#FFFFFF;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);}

.tabbar .btn-holder{width:100%;min-width:240px;justify-content:center;flex-direction:row;margin-left:auto;margin-right:auto;flex-grow:0!important;}
/*.tabbar .btn-holder > *{flex-basis:25%;}*/
.tabbar .btn-holder .themebtn, .tabbar .btn-holder .us-select{margin:0!important;}
.tabbar .btn-holder .themebtn.primary{width:80px!important;margin:0 8px!important;}/*var(--us-gap)!important*/

.tabbar span.nav-btn-icon-tabbar{display:block;position:relative;top:0;left:0;width:28px;height:22px;}
.tabbar span.nav-btn-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:16px!important;max-width:none!important;}
	.tabbar .nav-btn-icon span{position:absolute;left:0;width:16px;height:2px;background:#FFF;transition:var(--us-transition);box-shadow:0 1px rgba(0,0,0,.2);}
	.nav-btn-icon span.line1{top:0;}.nav-btn-icon span.line2{top:5px;}.nav-btn-icon span.line3{top:10px;}
	.menu-expanded .nav-btn-icon span.line1{top:5px;transform:rotate(45deg);box-shadow:0 1px rgba(0,0,0,.2);}
	.menu-expanded .nav-btn-icon span.line2{display:none;}
	.menu-expanded .nav-btn-icon span.line3{top:5px;transform:rotate(-45deg);box-shadow:0 1px rgba(0,0,0,.2);}

.tabbar .us-select ul.dropdown-menu.top{top:auto;bottom:58px;}
.tabbar .us-select ul.dropdown-menu.top:before{top:auto;right:42px;bottom:-6px;transform:translate(50%, 0) rotate(180deg);}

.nav-container .us-select .icon-only + .us-select-target ul.dropdown-menu.right:before{right:22px;}

@media only screen and (max-width:410px) {
	.main-tabbar .tabbar{padding:8px !important;}
	.tabbar .btn-holder .themebtn{width:70px!important;}
	.tabbar .us-select ul.dropdown-menu.top:before{right:36px;}
	/*.tabbar .btn-holder .themebtn{width:80px!important;}
	.tabbar .btn-holder *:nth-child(3){order:2;}
	.tabbar .btn-holder *:nth-child(2){order:3;}
	.tabbar .btn-holder *:nth-child(4),
	.tabbar .btn-holder *:nth-child(5){display:none;}
	.tabbar .us-select ul.dropdown-menu.top:before{right:40px;}*/
}

@media only screen and (min-width:411px) {
	.tabbar .btn-holder{width:100%;max-width:480px;justify-content:space-between;}
	.tabbar .btn-holder .themebtn{width:70px!important;}
	.tabbar .btn-holder .themebtn.primary{margin:0 var(--us-gap)!important;}
	.tabbar .us-select ul.dropdown-menu.top:before{right:36px;}

}

@media only screen and (min-width:480px) {
	.tabbar .btn-holder .themebtn{width:80px!important;}
	.tabbar .us-select ul.dropdown-menu.top:before{right:40px;}
}

@media only screen and (max-width:399px) {
	/*body.down .tabbar{transform:translate(0,100px);}*/
}
@media only screen and (min-width:835px) {
	body .tabbar,
	body.down .tabbar{transform:translate(0,100px)!important;}
}

/* us-select tabbar */




/* FOOTER */
#footer{background:#13293E;clear:both;position:relative;margin:0;}
#footer:before{display:block;position:absolute;top:-1px;left:0;right:0;height:1px;background:rgba(0,0,0,.1);content:'';}
#footer .center{margin:0 auto;padding:0 var(--us-gap);box-sizing:content-box;}
#overfooter{position:relative;top:0;left:0;background:#FFFFFF;padding:24px 0;}
	/*#overfooter .center > *:first-child{width:calc(100% - 66px);}
	#overfooter .breadcrumbs{display:flex;flex:1 0 auto;align-items:baseline;flex-wrap:wrap;max-width:calc(100% - 60px);}
	#overfooter .breadcrumbs > a{display:inline-flex;font-weight:500;color:#A2A2A2;position:relative;align-items:baseline;}
	#overfooter .breadcrumbs > a > i{margin-right:12px;font-size:14px;}
	#overfooter .breadcrumbs > a:nth-child(2):before{display:block;position:absolute;top:50%;left:-20px;width:1px;height:28px;rotate:20deg;content:'';border-left:1px solid rgba(0,0,0,.1);transform:translateY(-50%);}
	#overfooter .breadcrumbs > a:last-child{max-width:50%;color:var(--drg-blue)!important;}
	#overfooter .breadcrumbs > a:last-child span{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
	#overfooter .breadcrumbs > * + *{margin-left:32px;}
	@media only screen and (min-width:768px){
		#overfooter{padding:var(--us-gap) 0;}
		#overfooter .breadcrumbs > a:nth-child(2):before{left:-38px;height:44px;}
		#overfooter .breadcrumbs > * + *{margin-left:64px;}
	}*/

	#overfooter .center > *:first-child{width:100%;max-width:100%;}
	#overfooter .btn-holder > *{max-width:calc(50% - 8px);}
	#overfooter .center .btn-holder:first-child  > *.icon-only{border:0;width:30px!important;min-width:30px!important;}
	#overfooter .center .btn-holder:first-child  > *.icon-only i{font-size:1.875em!important;color:var(--us-primary-color)!important;}
	#overfooter .center .btn-holder:first-child > * + *.themebtn{margin-left:24px!important;}
	@media only screen and (min-width:768px){
		#overfooter .center > *:first-child{width: calc(100% - 66px);}
	}

#mainfooter{background:#13293E;/*background:radial-gradient(at 50% 0, #00857D, #04414F);*/position:relative;padding-bottom:0;transition:padding var(--us-transition);}
#mainfooter:before{display:block;position:absolute;top:0;left:0;right:0;height:1px;background:rgba(0,0,0,.1);content:'';}
/*#mainfooter:after{display:block;position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);content:'';z-index:1;}*/

#footer-columns{position:relative;z-index:2;padding:var(--us-gap) 0;color:#FFFFFF;z-index:2;font-weight:300;}
#footer-columns:after{display:block;position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(0,0,0,.1);content:'';}

	#footer-columns a{color:#FFFFFF;text-decoration:none;}
	#footer-columns:after{display:table;clear:both;content:'';}

	#footer-columns .center{}
	#footer-columns .center .footer-column{min-width:180px;margin:0 0 var(--us-gap) 0;line-height:1.6;font-size:14px;}
	#footer-columns .center .footer-column h4{position:relative;display:block;font-size:16px;line-height:1.4;margin:0 0 16px 0;color:#FFFFFF;text-align:left;min-width:200px;}

	#footer-columns .footer-social{margin:var(--us-gap) 0 16px 0;font-size:20px!important;}
	#footer-columns .footer-social a{display:inline-block;margin:0 var(--us-gap) 0 0;}

@media only screen and (max-width:834px){
	#mainfooter{padding-bottom:74px!important;/*height of the tab-bar*/}
}
@media only screen and (min-width:768px){
	#footer-columns .center{display:grid;grid-gap:var(--us-gap);grid-template-columns:repeat(3, 1fr);}
	#footer-columns .center .footer-column:first-child{grid-column:1 / span 3;}
	#footer-columns .center .footer-column{margin:0;}
}


@media only screen and (min-width:990px){
	#footer-columns{position:relative;z-index:2;padding:64px 0 var(--us-gap) 0;color:#FFFFFF;z-index:2;font-size:14px!important;}
	#footer-columns .center{display:flex;align-items:flex-start;justify-content:space-between;}
		#footer-columns .center .footer-column{margin:0 var(--us-gap) 0 0;}
		#footer-columns .center .footer-column:first-child{margin:0;max-width:420px;}
		#footer-columns .center .footer-column:first-child + *{margin-left:64px!important;}

		#footer-columns .center .footer-column h4{font-size:18px;line-height:1.4;height:50px;font-weight:500;margin:0 0 32px 0;}
		#footer-columns .center .footer-column h4 span{position:absolute;left:0;bottom:0;max-width:100%;max-height:50px;overflow:hidden;text-overflow:ellipsis;min-width:200px;}
}

#footer-secondary{position:relative;top:0;left:0;font-size:14px;color:rgba(255,255,255,.66);font-weight:300;z-index:2;}
	#footer-secondary:before{position:absolute;top:0;left:0;right:0;height:1px;width:100%;background:rgba(255,255,255,.1);content:'';}
	.footer-navigation{margin:0;padding:var(--us-gap) 0 16px 0;text-align:center;}
		.footer-navigation ul{font-weight:400;}
		.footer-navigation ul li{margin:0 10px 0 10px;display:inline-block;}
		.footer-navigation ul li a{display:block;height:30px;line-height:30px;font-size:14px;color:rgba(255,255,255,.8);font-weight:400;text-decoration:none;transition:all 0.1s 0.1s;}
		.footer-navigation ul li a:hover{color:rgba(255,255,255,1);}
	.footer-copy{display:block;text-align:center;color:rgba(255,255,255,.66);font-size:12px;line-height:20px;margin:0 0 var(--us-gap) 0;text-transform:none;opacity:.5;}
	#footer-secondary:after{display:table;clear:both;content:'';}


@media only screen and (min-width:990px){

	#footer-secondary{padding:var(--us-gap) 0;}
	#footer-secondary .center{position:relative;display:flex;align-items:center;justify-content:space-between;}

	.footer-navigation{text-align:left;width:66%;margin:0 var(--us-gap) 0 0;padding:0;}
	.footer-navigation ul li{margin:0 32px 0 0;}
	.footer-navigation ul li a{display:block;height:inherit;line-height:inherit;font-size:14px;}

	.footer-copy{text-align:right;font-size:14px;line-height:inherit;margin:0;text-transform:none;opacity:.75;}
}





/* user-dropdown */
/*
@media only screen and (max-width: 834px) {
	.user-dropdown{position:fixed;bottom:64px;right:var(--us-gap);z-index:9999;}
	.user-dropdown ul.dropdown-menu:before{top:auto;bottom:-6px;transform:translate(50%, 0) rotate(180deg);}
}
*/
@media only screen and (min-width: 835px) {
	/*.user-dropdown{position:fixed;top:61px;right:26px;bottom:auto;}*/
	.tabbar .us-select ul.dropdown-menu{display:none!important;transform:translate(0, 50px);opacity:0;pointer-events:all;}
}






.content.app-content{padding:0 16px 0;/*var(--us-header-height)*/transition:.6s cubic-bezier(.25,.8,.25,1),background 0s;}
.homepage .content.app-content{padding-left:0 !important;padding-right:0 !important;}

@media only screen and (min-width: 420px) {
	.content.app-content{min-height:calc(100vh - 125px);}
}

@media only screen and (min-width: 768px) {
	.content.app-content{padding:0 32px 0;min-height:calc(100vh - 238px);}
}



.block{position:relative;}
.block.padding-top, .block.pt{padding-top:var(--us-block-gap,24px)!important;}
.block.padding-bottom, .block.pb{padding-bottom:var(--us-block-gap,24px)!important;}

.block .center{max-width:1240px;}
.block.alignfull > .center{padding:0 var(--us-gap);box-sizing:content-box;}
.block header.block-header{display:flex;flex:1 0 auto;justify-content:space-between;/*align-items:flex-end;*/width:100%;margin-bottom:var(--us-margin);}
.block header.block-header.text-width,
.block > div.text-width{max-width:var(--us-text-width);margin-left:auto;margin-right:auto;}
.block header.block-header hgroup h1{font-size:24px;line-height:1.33;color:var(--us-secondary-color);font-weight:400;margin:0 !important;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.block header.block-header hgroup h2{font-size:22px;line-height:1.33;color:var(--us-secondary-color);font-weight:400;margin:0 !important;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.block header.block-header hgroup.main-headline h1,
.block header.block-header hgroup.main-headline h2{color:var(--us-secondary-color);}
.block header.block-header hgroup h1 strong,
.block header.block-header hgroup h2 strong{font-weight:500!important;}
.block header.block-header hgroup.main-headline > *.overtitle{opacity:.66!important;}

.block.block_header > header .btn-holder{text-align:right;align-self:flex-end;padding:0 0 7px 16px;white-space:nowrap;cursor:pointer;justify-content:flex-end!important;}
main > .block.text:last-child{padding-bottom:var(--us-block-gap,24px);}
main > .block.text:last-child + *{margin-top:var(--us-block-gap,24px);}

.block header.block-header + .block-header-text{}
.block header.block-header + .block-header-text.big{font-size:16px;font-weight:500;color:#818181 !important;line-height:1.6;}
@media only screen and (min-width: 768px) {
	.block header.block-header + .block-header-text{margin:-24px 0 var(--us-gap) 0;padding-top:8px;}
	.block header.block-header + .block-header-text.big{font-size:18px;}

	.block header.block-header hgroup h2{font-size:24px!important;}
	.block header.block-header hgroup h2.oversize-tablet{font-size:32px!important;}

}
@media only screen and (min-width:1280px) {
	.block header.block-header hgroup h2.oversize-tablet{font-size:38px!important;}
}



.block .block-content{}
.block .block-content > *:last-child{margin-bottom:0!important;}
.block .block-content.text-width{max-width:var(--us-text-width);margin-left:auto;margin-right:auto;}

.block > footer{}

.block.border-top:before{position:absolute;top:0;left:-16px;right:-16px;height:1px;background:rgba(0,0,0,.1);content:'';}


@media only screen and (min-width: 768px) {
	.block.block_header > header .btn-holder{padding-bottom:11px !important;}
}


/* header-left */
.header-left > *{margin-bottom:var(--us-gap);}
.header-left > *:last-child{margin-bottom:0;}
@media only screen and (min-width:768px){
	.block header.block-header + .teaser{margin-top:-24px;padding-top:8px;}
}
@media only screen and (min-width:990px){
	.header-left{display:grid;grid-template-columns:280px auto;grid-gap:var(--us-gap);}
	.header-left > *{margin-bottom:0;}

	.block-content-oversize{position:relative;width:calc(100% + var(--us-gap) );}
}
@media only screen and (min-width:1280px){
	.header-left{grid-gap:64px;}
}
@media only screen and (min-width:1304px){
	.block-content-oversize{position:relative;width:calc(100% +  (( 100vw - 1240px) / 2) );}
}


/* block.usmedia */
.block.usmedia{max-width:var(--us-text-width);margin-left:auto;margin-right:auto;}
.block.usmedia.alignwide{max-width:1240px;}
.block.usmedia.alignfull{max-width:100vw;margin-left:-16px;margin-right:-16px;}

.block.usmedia figcaption{padding-top:8px;font-size:14px;font-weight:400;}
.block.usmedia.alignfull figcaption{margin-left:var(--us-margin);margin-right:var(--us-margin);}
.block.usmedia figcaption .media-description{display:block;font-size:14px;font-weight:300;}

.block.text + .block.usmedia{margin-top:24px;}
.block.usmedia + .block.text{margin-top:24px;}

.block.usmedia .video{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;}
.block.usmedia .video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


@media only screen and (max-width:768px){
	.block.usmedia.alignleft.small > *{width:calc(44% + 16px);float:left;margin:0 var(--us-gap) var(--us-gap) -16px;}
	.block.usmedia.alignright.small > * {width:calc(44% + 16px);float:right;margin:0 -16px var(--us-gap) var(--us-gap);}
	.block.usmedia.alignleft.small figcaption{padding-left:var(--us-gap);}
	.block.usmedia.alignright.small figcaption{padding-right:var(--us-gap);}
}

@media only screen and (min-width:768px){

	.block.usmedia.alignleft > *{width:calc(50% + 32px);float:left;margin:0 var(--us-gap) var(--us-gap) -32px;}
	.block.usmedia.alignright > * {width:calc(50% + 32px);float:right;margin:0 -32px var(--us-gap) var(--us-gap);}
	.block.usmedia.alignleft.small > *{width:calc(30% + 32px);margin:0 var(--us-gap) var(--us-gap) -32px;}
	.block.usmedia.alignright.small > * {width:calc(30% + 32px);margin:0 -32px var(--us-gap) var(--us-gap)}

	.block.usmedia.alignfull{max-width:100vw;margin-left:-32px;margin-right:-32px;}

	.block.usmedia.alignleft figcaption{padding-left:var(--us-gap);}
	.block.usmedia.alignright figcaption{padding-right:var(--us-gap);}
}

@media only screen and (min-width:1280px){
	.block.text + .block.usmedia.alignwide,
	.block.text + .block.usmedia.alignfull,
	.block.usmedia.alignwide + .block.text,
	.block.usmedia.alignfull + .block.text{margin-top:64px;}

	.block.usmedia.alignleft > *{margin-left:-64px;max-width:calc(50% + 64px );}
	.block.usmedia.alignright > * {margin-right:-64px;max-width:calc(50% + 64px );}
	.block.usmedia.alignleft.small > *{margin-left:-64px;max-width:calc(30% + 64px );}
	.block.usmedia.alignright.small > * {margin-right:-64px;max-width:calc(30% + 64px );}

	.block.usmediacard.alignleft  > *,
	.block.usmediacard.alignright  > *{width:calc(33% + 64px) !important;}

	.block.usmedia.alignleft figcaption,
	.block.usmedia.alignright figcaption{padding-left:0;padding-right:0;}
}



/**/
/* Event Calendar */
.eventcal {
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: var(--us-box-shadow);
}

.eventcal header {
    position: relative;
    top: 0;
    background: #f9f9f9;
    border-radius: 6px 6px 0 0;
    border-top: 1px solid #FFFFFF;
    height: 60px;
    overflow: visible;
    width: 100%;
    z-index: 90;
}

.eventcal header:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .1);
    content: '';
    z-index: 1;
}

.eventcal header .tab-holder {
    position: relative;
    height: 59px;
    max-height: 59px;
    -ms-overflow-style: none;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    z-index: 1;
    padding-left: 16px;
    z-index: 20;
}

.eventcal header .tab-holder .tab-item {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    color: rgba(0, 0, 0, .66);
    text-shadow: 0 1px 0 #FFFFFF;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.eventcal header .tab-holder .tab-item:last-child {
    margin-right: 0 !important;
}

.eventcal header .tab-holder .tab-item:hover {
    color: rgba(0, 0, 0, 1);
}

.eventcal header .tab-holder .tab-item.active {
    color: rgba(0, 0, 0, 1);
    font-weight: 600;
}

.eventcal header .tab-holder .tab-item.active:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--us-secondary-color);
    content: '';
    z-index: 10;
}

.eventcal header .tab-holder .tab-item span {
    height: 59px;
    line-height: 59px;
}

.eventcal .date {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 16px;
    font-size: 14px;
}

.eventcal .date:last-child {
    border: none !important;
}

.eventcal .events_monthyear {
    background: #F9F9F9;
    border-bottom: 1px solid #E5E5E5;
    padding: 12px 16px;
    font-size: 12px;
    text-shadow: 0 1px 0 #FFFFFF;
    color: rgba(0, 0, 0, .33);
    line-height: 1 !important;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-top: 1px solid #FFFFFF;
}

.eventcal .date div.datecal {
    display: none;
    flex-basis: 72px;
    min-height: 82px;
    color: var(--us-secondary-color);
    background: url('images/calendar.svg') no-repeat 0 0;
    background-size: 72px 72px;
    text-shadow: 0px -1px #FFFFFF;
}

.eventcal .date div.datecal div {
    display: block;
    margin: 0;
    padding: 18px 0 4px 0;
    line-height: 30px;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    width: 72px;
}

.eventcal .date div.datecal span {
    display: block;
    padding: 0;
    margin: 0;
    line-height: 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    width: 72px;
    color: #666666;
    letter-spacing: 2px;
}

.eventcal .date div.datemain {
    flex-basis: calc(100% - 72px);
}

.eventcal .date div.datemain h2 {
    display: block;
    padding: 0;
    margin: 0 0 16px 0;
    color: var(--us-secondary-color);
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
}

.eventcal .date div.datemain h2 a {
    color: var(--us-secondary-color);
    text-decoration: none;
}

.eventcal .date .datelist {
}

.eventcal .date .datelist .caldl-column-left, .eventcal .date .datelist .caldl-column-right {
    display: block;
    font-weight: 300;
}

.eventcal .date .datelist dl {
    display: block;
    margin: 0;
    padding: 0 0 16px 0;
}

.eventcal .date .datelist dl dt {
    clear: left;
    float: left;
    color: #999999;
    padding: 0 0 0 0;
    font-weight: 500;
}

.eventcal .date .datelist dl dd {
    display: block;
    margin: 0 0 0 100px;
    padding: 0 0 0 0;
    font-weight: 300;
}

.eventcal .date .datelist dl dd i {
    font-size: 12px;
    padding-right: 4px;
    opacity: .77;
}

@media screen and (min-width: 660px) {
    .eventcal .date {
        display: flex;
        align-items: flex-start;
    }

    .eventcal .date div.datecal {
        display: block;
        flex-basis: 72px;
    }

    .eventcal .date div.datemain {
        flex-basis: calc(100% - 72px);
        padding-left: 16px;
    }
}

@media screen and (min-width: 990px) {
    .eventcal .events_monthyear {
        padding: 12px 32px;
    }

    .eventcal header .tab-holder {
        padding-left: 32px;
    }

    .eventcal .date {
        padding: 32px;
        font-size: 16px;
    }

    .eventcal .date div.datemain {
        padding-left: 32px;
    }

    .eventcal .date div.datemain h2 {
        font-size: 24px;
        /*margin-bottom: 24px;*/
    }

    .eventcal .date .datelist {
        display: grid;
        grid-gap: 32px;
        grid-template-columns: 1fr 1fr;
    }

    .eventcal .date .datelist dl {
        padding: 0 0 0 0;
    }

    .eventcal .date .datelist dl dd {
        margin: 0 0 0 120px;
    }
}


/* Termine-Overview */
#dates{}
@media only screen and (max-width: 767px) {
	#dates *{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
}

.dates-listing{position:relative;margin:0 var(--us-gap-neg);border-top:1px solid rgba(0,0,0,.1);background:#FFFFFF;}
.dates-listing header{display:none;flex:1 0 auto;align-items:baseline;justify-content:space-between;position:sticky;top:var(--us-header-height);transition:var(--us-transition);padding:12px var(--us-gap);background:linear-gradient(to bottom, #FFFFFF 0%, #f5f6f7 100%);border-radius:6px 6px 0 0;z-index:99;}
.dates-listing header #searchCountDisplay{color:rgba(0,0,0,.66);font-weight:400;text-shadow:0 1px 0 rgba(255,255,255,.66);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dates-listing header button{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(0,0,0,.5);font-size:16px!important;font-weight:500;}
.dates-listing header:after{position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(0,0,0,.13);content:'';}
@media only screen and (max-width:989px) {
	body.down .dates-listing header{top:0;}
}
@media only screen and (min-width:990px) {
	.dates-listing header{top:var(--us-header-height);padding:12px 16px;}
}
.dates-listing .noHitsDisplay{padding:64px;text-align:center;}
.dates-listing .noHitsDisplay i{display:inline;font-size:56px;color:var(--us-secondary-color);}
.dates-listing .noHitsDisplay span{display:block;max-width:500px;margin:0 auto;padding-top:32px;}

section.date{clear:both;border-bottom:1px solid #E5E5E5;padding:16px var(--us-gap);overflow:auto;background:rgba(255,255,255,.66);z-index:1;}
	section.date:after{display:block;content:' ';clear:both;}
	section.date.last{border:0;}
	section.date:first-child, section.date:first-of-type{border-radius:6px 6px 0 0;}
	section.date:last-child{border-bottom:none !important;border-radius:0 0 6px 6px;}
section.date div.datecal{display:none;width:82px;float:left;height:72px;color:var(--us-secondary-color);background:url('images/calendar.svg') no-repeat 0 0;background-size:72px 72px;text-shadow:0px -1px #FFFFFF;}
section.date div.datecal div{display:block;padding:0;margin:18px 0 4px 0;line-height:30px;font-size:30px;font-weight:600;text-align:center;width:72px;}
section.date div.datecal span{display:block;padding:0;margin:0 0 0 0;line-height:12px;font-size:12px;font-weight:400;text-transform:uppercase;text-align:center;width:72px;color:#666666;letter-spacing:2px;}
section.date div.datemain{padding:0;margin:0 0 0 0;/*margin:0 0 0 92px;*/}
section.date div.datemain h4{display:block;padding:0;margin:0 0 5px 0;font-size:14px;line-height:1;color:var(--us-textcolor)!important;opacity:.5;font-weight:600;text-transform:uppercase;}
section.date div.datemain h2{padding:0;margin:0 0 10px 0;font-size:20px;line-height:1.33;color:var(--us-secondary-color);font-weight:500;}
section.date div.datemain h2 a{color:var(--us-secondary-color);text-decoration:none;}
section.date div.datemain .text{margin:0 0 25px 0;font-size:16px;color:#373737;line-height:24px;}
@media only screen and (min-width: 768px) {
	section.date div.datemain h2{font-size:22px;}
}

section.date.booked-out div.datemain h2 a,
section.date.cancelled div.datemain h2 a{margin-right:10px;}
/*flex:0 0 auto;*/
section.date div.datemain h2 span.booked-out,
.main-headline h1 span.booked-out{display:inline-flex;flex:0 0 auto;border-radius:3px;background:#CC0000;color:#FFFFFF !important;padding:4px 8px;margin:0 0 0 0;font-size:14px;line-height:1;font-weight:600;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;border:1px solid rgba(0,0,0,.15);text-shadow:0 1px 0 rgba(0,0,0,.1);transform:translateY(-2px);}
section.date.cancelled{background:rgba(245,246,247,.5);}
section.date.cancelled div.datemain h2 a{color:rgba(0,0,0,.5)!important;}
section.date.cancelled .datelist{opacity:.33;}
section.date div.datemain h2 span.cancelled,
.main-headline h1 span.cancelled{display:inline-flex;flex:0 0 auto;border-radius:3px;background:rgba(0,0,0,.3);color:#FFFFFF !important;padding:4px 8px;margin:0 0 0 0;font-size:14px;line-height:1;font-weight:600;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;border:1px solid rgba(0,0,0,.1);text-shadow:0 1px 0 rgba(0,0,0,.1);transform:translateY(-2px);}
.cancelled-overlay + .textheader .main-headline{z-index:100;}
.textheader .main-headline h1 strong{margin-right:12px !important;}

.datelist{font-size:16px;}
.datelist .timeandplace,
.datelist .organizer,
.datelist .user-info{margin-bottom:4px;}
.datelist .timeandplace i{font-size:12px;color:rgba(0,0,0,.44);/*margin-right:6px;*/width:24px;}
.datelist .user-info i{color:rgba(0,0,0,.44);width:24px;}
.datelist .calendar-links{display:block;}
.datelist .icslink i{color:rgba(0,0,0,.44);width:24px;}
.datelist .calendar-links a{color:inherit !important;transition:var(--us-transition);text-decoration:none;}
.datelist .calendar-links a:hover{color:#333333;text-decoration:underline;}
.datelist .btn-holder{margin-top:16px;}

.certlogos{display:block;/*overflow:auto;*/text-align:left;padding-top:16px;min-width:120px;}
.certlogos div{display:inline-block;width:50px;height:50px;background:#CCCCCC;margin:0 10px 0 0;}
.certlogos div.logo-drg{background:url('images/cert/cert-drg.svg') no-repeat 0 0;background-size:50px 50px;}
.certlogos div.logo-degir{background:url('images/cert/cert-degir.svg') no-repeat 0 0;background-size:50px 50px;}
.certlogos div.logo-akrad,
.certlogos div.logo-akademie{background:url('images/cert/cert-akrad.svg') no-repeat 0 0;background-size:50px 50px;}
.certlogos div.logo-vmtb{background:url('images/cert/cert-vmtb.svg') no-repeat 0 0;background-size:50px 50px;}
.certlogos div.logo-dgmtr{background:url('images/cert/cert-dgmtr.svg') no-repeat 0 0;background-size:50px 50px;}
.certlogos div.logo-agherz{background:url('images/cert/cert-agherz.svg') no-repeat 0 0;background-size:50px 50px;}
.certlogos div.logo-aguro{background:url('images/cert/cert-aguro.svg') no-repeat 0 0;background-size:50px 50px;}

.certtexts{text-align:right;}
.certtexts span + span:before{content:'; ';}

section.date .partner-logos{display:block;overflow:visible;text-align:left;padding-top:16px;min-width:120px;}
section.date .partner-logos .partner-logo{display:inline-block;padding:0 16px 16px 0;border-bottom:0 !important;}
section.date .partner-logos .partner-logo:last-child{padding-right:0 !important;}
section.date .partner-logos .partner-logo img{max-height:28px;max-width:100%;}
section.date .partner-logos.one .partner-logo img{max-height:32px;}

@media only screen and (min-width: 414px) {
	.datelist{display:flex;flex:1 0 auto;justify-content:space-between;}
	.datelist .column-left{/*flex-basis:50%;*/}
	.certlogos{text-align:right;padding:0;}
	.certlogos div{margin:0 0 0 10px;}

	section.date .partner-logos{text-align:right;padding-top:0;}
	section.date .partner-logos .partner-logo{display:inline-block;padding:0 0 16px 16px;}

	.event-quality .certlogos{text-align:left !important;padding:16px 0 0 0 !important;}
	.event-quality .certlogos div{margin:0 10px 0 0 !important;text-indent:-9990px;}
}
@media only screen and (min-width: 768px) {
	section.date{padding:24px var(--us-gap);}
	section.date .partner-logos .partner-logo img{max-height:32px;max-width:100%;}
	section.date .partner-logos.one .partner-logo img{max-height:48px;}
}
@media only screen and (min-width: 990px) {
}


.dates-filter{min-width:240px;}
.dates-filter > div{}

.main-events-filter{display:flex;flex:1 0 auto;padding-bottom:16px;}
.more-events-filter{display:none;border-radius:4px;background:rgba(255,255,255,.5);padding:3px 16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);margin-bottom:var(--us-gap);}
.more-events-filter.open{display:block;}
.more-events-filter > *:first-child{border-top:0;}

.events-textsearch.searchbox{max-width:100%;}
.events-textsearch.searchbox:focus-within{border-color:var(--us-form-highlight);}
.events-textsearch.searchbox i{font-size:14px!important;} .events-textsearch.searchbox:focus-within i{color:var(--us-form-highlight)!important;} .events-textsearch.searchbox:focus-within i:before{font-weight:900!important;}
.events-textsearch.searchbox .searchbox_submit{display:none!important;}

@media only screen and (max-width:989px) {
	.main-events-filter{align-items:stretch;}
	.main-events-filter .themebtn{margin-right:8px;}
	.events-textsearch.searchbox > input{flex-basis:100%;max-width:calc( 100vw - 217px);}

}
@media only screen and (min-width:768px) {
	.main-events-filter .themebtn{margin-right:16px;}
}

@media only screen and (min-width:990px) {
.dates-filter > div{max-height:calc(100vh - var(--us-header-height) - 48px);-ms-overflow-style:none;overflow:-moz-scrollbars-none;overflow:hidden;overflow-y:auto;}
.filter-toggle{display:none!important;}

.dates-grid{display:grid;grid-template-columns:240px 1fr;grid-gap:32px;margin-bottom:var(--us-block-gap);}
.main-events-filter{padding-top:0;}
.events-textsearch.searchbox{height:49px;border-radius:2px;}
.events-textsearch.searchbox > input{flex-basis:100%;max-width:calc( 100vw - 217px);}
.more-events-filter{display:block;position:relative;border-radius:4px;background-color:transparent;padding:0;box-shadow:inherit;margin-bottom:0;}
/*.more-events-filter:after{position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;background:#fdfdfd;filter:blur(15px);content:'';z-index:-1;}*/

.dates-listing{box-shadow:var(--us-box-shadow);border-radius:6px;margin:0 !important;/*overflow:hidden;*/border-top:0;}
.dates-listing header{padding:12px 16px 12px 24px;}
.dates-listing section.date{padding:24px 24px 24px 24px;}
}


/* Filter-CARD */
.card-filter{clear:both;background-color:transparent !important;box-shadow:none !important;transition:var(--us-transition);border-top:1px solid rgba(0,0,0,.1);font-size:14px !important;}
.card-filter header{position:relative;border-bottom:none;padding:12px 0;background-color:transparent;font-weight:700;cursor:pointer;}
.card-filter header.card-toggle:after{position:absolute;top:50%;right:8px;content:'\f107';font-family: "Font Awesome 5 Pro";font-size:12px;transform:translateY(-8px) rotate(0);transition:var(--us-transition);}
.card-filter.open header.card-toggle:after{transform:translateY(-8px) rotate(180deg);}

.card-filter-content{max-height:0;padding:0;transition:var(--us-transition);overflow:hidden;}
	.card-filter.open .card-filter-content{max-height:1000px;padding-bottom:4px;}
.card-filter-content div.usfield{padding-bottom:8px!important;float:none;clear:both;}
.card-filter-content div.usfield label{font-size:14px !important;}

.card-filter-content div.usfield .usform-vertical-checklist div.usform-wrap{padding-bottom:4px;}
.card-filter-content div.usfield .usform-vertical-checklist label{margin:0 0 0 22px;line-height:20px;color:rgba(0,0,0,.66);font-weight:300;transition:var(--us-transition);}
.card-filter-content div.usfield .usform-vertical-checklist label:hover{color:rgba(0,0,0,.77);}
.card-filter-content div.usfield .usform-vertical-checklist label:before{top:3px;left:-22px;}

.card-filter-content input[type='checkbox']:not(:checked) + label::before,
.card-filter-content input[type='radio']:not(:checked) + label::before{width:14px;height:14px;top:2px;margin:0!important;left:-22px!important;box-sizing:border-box;}

.card-filter-content input[type='checkbox']:checked + label::before,
.card-filter-content input[type='radio']:checked + label::before{width:14px;height:14px;top:2px;left:-22px!important;border:none !important;}


.card-filter-content input[type='checkbox']:checked + label,
.card-filter-content input[type='radio']:checked + label{font-weight:500 !important;color:rgba(0,0,0,.77);transition:var(--us-transition);}
.card-filter-content input[type='checkbox']:checked + label::before{transition:var(--us-transition);box-shadow: inset 0 0 0 1px var(--us-form-highlight-darker) !important;background:var(--us-form-highlight) url("images/tick2022.svg") no-repeat 50% !important;background-size: 10px 10px !important;}
.card-filter-content input[type="radio"]:checked + label:before{transition:var(--us-transition);box-shadow:inset 0 0 0 1px var(--us-form-highlight-darker), inset 0 0 0 4px var(--us-form-highlight)!important;}

.card-filter-content div.usform-wrap input,
.card-filter-content div.usform-wrap textarea{font-size:16px !important;}
.card-filter-content div.usform-wrap input[type="text"]:focus{box-shadow:none !important;border-color:var(--us-form-highlight);}

:root{
--litepicker-is-start-color-bg: var(--us-form-highlight);
--litepicker-is-end-color-bg: var(--us-form-highlight);
--litepicker-day-color-hover:var(--us-form-highlight);
--litepicker-is-in-range-color:rgba(41,79,108,.15);
}

@media only screen and (min-width: 990px){
.card-filter.open header:after{}
}



/* NEW EVENT DETAIL */
:root{
	--event-gap:16px;
	--event-padding:16px;
}
@media only screen and (min-width:768px){
	:root{
		--event-padding:32px;
	}
}
@media only screen and (min-width:990px){
	:root{
		--event-gap:32px;
	}
}
body.event-single,
body.event-single #wrapper,
body.event-single #main{background:#f2f2f2;}

.events-bar{display:block;position:fixed;top:-100px;left:0;right:0;padding:8px var(--us-gap);text-shadow:0 0 10px rgba(0,0,0,.1);z-index:100;transition:var(--us-transition);
	background:rgba(0,23,39,.88);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);color:#FFFFFF;}
.events-bar:before{position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(180deg, rgba(0,23,39, .15) 0%, rgba(0,23,39, 0) 100%);content:'';}
.events-bar:after{position:absolute;bottom:0;left:0;right:0;height:12px;background:linear-gradient(180deg, rgba(0,23,39, 0) 0%, rgba(0,23,39, .15) 100%);content:'';}

/*.events-bar.show{top:var(--us-header-height);}*/
.events-bar .bar-title{display:block;position:relative;width:100%;color:#FFFFFF;font-weight:500;font-size:16px;margin-bottom:4px;line-height:16px;white-space:nowrap;overflow:hidden;height:16px;text-overflow:ellipsis;}
.events-bar .bar-datetime{font-size:12px;font-weight:300;opacity:.5;}
@media only screen and (min-width:768px){
	.events-bar{padding:16px var(--us-gap);}
}
@media only screen and (max-width:989px){
body.down .events-bar.show{top:0 !important;}
body .events-bar.show{top:var(--us-header-height);}
}
@media only screen and (min-width:990px){
	body.down .events-bar.show,
	body .events-bar.show{top:var(--us-header-height) !important;}
}



.cancelled-overlay{display:flex;position:fixed;top:20%;bottom:20%;left:0;right:0;background:linear-gradient(180deg, rgba(245,246,247,0) 0%, rgba(245,246,247,0.5) 33%, rgba(245,246,247,0.5) 66%, rgba(245,246,247,0) 100%);pointer-events:none;
align-items: center;
justify-content: center;
z-index: 99;overflow:hidden;}
.cancelled-overlay span{display:inline-block;transform:rotate(-15deg);font-size:80px;font-weight:600;opacity:.05;white-space:nowrap;}
@media only screen and (min-width:400px){
	.cancelled-overlay span{font-size:100px;}
}
@media only screen and (min-width:990px){
	.cancelled-overlay span{font-size:240px;}
}

.date-grid{display:grid;grid-template-columns:repeat(10, 1fr);grid-gap:var(--event-gap);padding-bottom:var(--us-block-gap)!important;}
.date-grid > .card{margin-bottom:0!important;flex-direction:row!important;display:block;}
.date-grid *{box-sizing:border-box;}
.date-grid > section{grid-column: 1 / span 10;}
@media only screen and (min-width:768px){
	/*.date-content{font-size:16px !important;}*/
	.event-details{grid-column: 1 / span 6 !important;}
	.event-quality{grid-column: 7 / span 4 !important;}

	.date-grid.has-timing.has-contact .event-timimg{grid-column: 1 / span 6 !important;}
	.date-grid.has-timing.has-contact .event-contact{grid-column: 7 / span 4 !important;}
	.date-grid.no-timing .event-timimg,
	.date-grid.no-contact .event-contact{display:none;}
}

.datebox{background:#FFFFFF;box-shadow:var(--us-box-shadow);border-radius:6px;}
.datebox img, .datebox video{display:block;max-width:100%;border-radius:3px;overflow:hidden;}
.date-grid dl{display:grid;grid-gap:4px;grid-template-columns:90px 1fr;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.date-grid dl dt{color:#666666;font-weight:400;}
.date-grid dl dd{margin:0;color:#333333;font-weight:300;min-height:22px;}
.date-grid .info dl{display:grid;grid-gap:4px;grid-template-columns:140px 1fr;}
@media only screen and (min-width:768px){
	.date-grid dl{grid-template-columns:110px 1fr;}
	.date-grid dl dd{margin:0;}
	.date-grid .info dl{grid-template-columns:180px 1fr;}
}

.datebox.important{border:3px solid #CC0000;box-shadow:0 0 rgba(0,0,0,0);}
	.datebox.important .date-content{padding:calc( var(--event-padding) - 3px);}
	.datebox.important .flex-important{display:flex;align-items:stretch;flex-wrap:nowrap;}
		.datebox.important .flex-important .important-image{font-size:36px;color:#CC0000 !important;text-align:left;padding-right:var(--event-padding);flex-basis:60px;}
			.datebox.important .flex-important .important-image *{padding-top:8px;}
		.datebox.important .flex-important .important-text h4{color:#CC0000;font-weight:400;margin-top:16px !important;}
		.datebox.important .flex-important .important-text p:last-child{margin-bottom:0 !important;}
.datebox.firstWeekend{border:3px solid #0d8a36;box-shadow:0 0 rgba(0,0,0,0);}
	.datebox.firstWeekend .date-content{padding:calc( var(--event-padding) - 3px);}
	.datebox.firstWeekend .flex-important{display:flex;align-items:stretch;flex-wrap:nowrap;}
		.datebox.firstWeekend .flex-important .important-image{font-size:36px;color:#0d8a36 !important;text-align:left;padding-right:var(--event-padding);flex-basis:60px;}
			.datebox.firstWeekend .flex-important .important-image *{padding-top:8px;}
		.datebox.firstWeekend .flex-important .important-text h4{color:#0d8a36;font-weight:400;margin-top:16px !important;}
		.datebox.firstWeekend .flex-important .important-text p:last-child{margin-bottom:0 !important;}
/*.date-grid figcaption{font-size:12px;font-weight:300;text-align:left;}*/
.date-grid .partner-logos{/*margin-bottom:var(--event-padding);*/padding-bottom:16px;}
.date-grid .partner-logos a.partner-logo{display:inline-block;padding:0 16px 16px 0;border-bottom:0 !important;}
.date-grid .partner-logos a.partner-logo:last-child{padding-right:0 !important;}
.date-grid .partner-logos a.partner-logo img{max-height:32px;max-width:100%;}
.date-grid .partner-logos.one a.partner-logo img{max-height:48px;}
@media only screen and (min-width:768px){ .date-grid .partner-logos a.partner-logo{padding:0 32px 16px 0;} }
.date-grid .industry p{font-size:12px;line-height:1.5;}
.date-grid .industry p a{color:inherit !important;}
.date-padding{padding:var(--event-padding);}
.date-content{padding:var(--event-padding);}
.date-content.usstyles p + h2,
.date-content.usstyles p + h3,
.date-content.usstyles p + h4{margin-top:32px;}
@media only screen and (min-width:768px){
	.date-padding,
	.date-content{padding:24px;}
}

.date_detail{display:flex !important;align-items:flex-start;align-items:stretch;flex-wrap:wrap;}
.date_detail div.datecal{flex-basis:72px;width:72px;height:72px;color:var(--us-secondary-color);background:url('images/calendar.svg') no-repeat 0 0;background-size:72px 72px;text-shadow:0px -1px #FFFFFF;}
	.date_detail div.datecal div{display:block;padding:0;margin:18px 0 4px 0;line-height:30px;font-size:30px;font-weight:600;text-align:center;width:72px;}
	.date_detail div.datecal span{display:block;padding:0;margin:0 0 0 0;line-height:12px;font-size:12px;font-weight:400;text-transform:uppercase;text-align:center;width:72px;color:#666666;letter-spacing:2px;}
.date_detail div.datemain{flex-basis:calc( 100% - 72px );padding:0 0 0 var(--event-padding);margin:0 0 0 0;font-size:16px;}
.date_detail div.datemain h2{display:block;padding:0;margin:0 0 8px 0;font-size:20px;line-height:20px;color:var(--us-secondary-color);font-weight:600;}
.date_detail div.datemain h2 a{color:var(--us-secondary-color);text-decoration:none;}
.date_detail div.datemain .text{margin:0 0 25px 0;}
.date_detail div.datemain .venue{display:block;margin:0 0 3px 0;}
.date_detail div.datemain .time{display:block;margin:0 0 3px 0;}
.date_detail div.datemain .time i{font-size:12px !important;margin-right:4px;color:rgba(0,0,0,.44);}
.date_detail div.datemain .time .icon-online{display:inline-block;position:relative;color:#418E3B;background:#FFFFFF !important;padding:4px 6px 4px 18px;border-radius:3px;margin-right:10px;font-size:12px;font-weight:600;line-height:12px;text-shadow:0 0 1px rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px #418E3B;letter-spacing:1px;text-transform:uppercase;}
	.date_detail div.datemain .time .icon-online:before{position:absolute;top:50%;left:10px;height:6px;width:6px;margin:-3px 0 0 -3px;border-radius:5px;background:#418E3B;content:'';opacity:1;}
.date_detail div.datemain .time .icon-online.live{display:inline-block;position:relative;color:#FFFFFF;background:#418E3B !important;padding:4px 6px 4px 18px;border-radius:3px;margin-right:10px;font-size:12px;font-weight:600;line-height:12px;text-shadow:0 0 1px rgba(0,0,0,.1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);letter-spacing:1px;text-transform:uppercase;}
	.date_detail div.datemain .time .icon-online.live:before{animation:blink 1.5s linear 0s infinite;position:absolute;top:50%;left:10px;height:6px;width:6px;margin:-3px 0 0 -3px;border-radius:5px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(0,0,0,.1);content:'';opacity:1;}
	@keyframes blink{ 0%{ opacity:1; } 50%{ opacity:0; } 100%{ opacity:1; } }

.date_detail div.datemain .icslink i{color:rgba(0,0,0,.44);}
.date_detail div.datemain .icslink a{color:var(--us-secondary-color);font-weight:500;}
@media only screen and (max-width:500px){ .date_detail div.datemain .icslink span{display:block;} }

.date_detail div.datebtn{display:flex;flex-basis:100%;text-align:right;padding-top:var(--event-gap);align-items:flex-end;justify-content:flex-end;}
.date_detail div.datebtn #participatebtn{color:#FFF!important;}

@media only screen and (min-width:768px){
	.date_detail div.datemain,
	.date_detail div.datebtn{flex-basis:calc(( 100% - 72px ) / 2 );}
	.date_detail div.datemain h2{font-size:22px;line-height:22px;}
}

.date-eval{}
.flex-evaluation{display:flex;flex:1 0 auto;justify-content:flex-start;align-items:flex-start;flex-direction:column-reverse;}
.flex-evaluation a.datebtn{align-self:flex-end;border:1px solid rgba(0,0,0,.1);background:var(--us-secondary-color);color:#FFFFFF !important;border-radius:3px;margin:var(--event-padding) 0 0 0;display:inline-block;padding:10px 14px;font-weight:400;font-size:14px;line-height:14px;text-decoration:none !important;text-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2), inset 0 -17px 0 0px rgba(0,0,0,.05);}
@media only screen and (min-width:768px){
	.flex-evaluation{display:flex;flex:1 0 auto;justify-content:flex-start;align-items:center;flex-direction:row;}
	.flex-evaluation a.datebtn{margin:0 var(--event-padding) 0 0;}
}

.event-special{}
	.event-special-image{display:block;border-bottom:1px solid rgba(0,0,0,.1);padding:0;margin:0;margin-bottom:var(--event-gap);max-width:300px!important;}
	.event-special-image figcaption{padding:16px 0 8px 0;display:block;font-size:14px;font-weight:500;}
	.event-special-text p{margin:0 0 25px 0;} .event-special-text p:last-child{margin:0 0 0 0;}

@media only screen and (min-width:415px){
	.event-special-image{float:right;margin:0 0 var(--event-padding) var(--event-padding);border:0;padding:0;min-width:160px;max-width:29.6%;}
}
@media only screen and (min-width:768px){
	.event-special-image{float:right;border:0;padding:0;max-width:200px;}
}
@media only screen and (min-width:900px){
	.event-special.has-image{display:grid;grid-gap:var(--event-padding);grid-template-columns:calc(100% - 232px ) 200px;}
	.event-special-text{order:1;}
	.event-special-image{float:none;margin:0 !important;order:2;position:relative;top:0;overflow:visible;z-index:99;}
		.event-special-image div{display:block;position:sticky;top:calc( var(--us-header-height) + 32px);z-index:100;width:100%;padding:0;}
}
@media only screen and (min-width:1024px){
	.event-special.has-image{grid-template-columns:calc(100% - 288px ) 256px;}
	/*.event-special-image{max-width:inherit;}*/
}

.event-special-media{}
.event-special-media.has-gallery .event-special-video{margin:0 0 16px 0;}
.event-special-media .event-special-video figure{width:100%;height:auto;max-width:640px;margin:0 auto;}
.event-special-media .event-special-video figcaption{text-align:left;padding:8px 0 0 0;}
.event-special-media .event-special-video video{width:100%;height:auto;max-width:640px;max-height:360px;margin:0 auto;}
.event-special-media .event-special-video > div{display:block;position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;}
.event-special-media .event-special-video > div iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.event-special-media .event-special-video figcaption{text-align:center !important;}

.event-special-media .event-special-video > div div.uc-embedding-container{max-height:inherit!important;}

@media only screen and (min-width:768px){
.event-special-media.has-gallery .event-special-video{margin:0;}
.event-special-media.has-gallery .event-special-video figcaption{text-align:left !important;}
.event-special-media.has-video.has-gallery{display:grid;grid-gap:var(--event-gap);grid-template-columns:1fr 2fr;}
/*.event-special-media.no-video.has-gallery .carousel-cell{width:40%;}
.event-special-media.has-video.has-gallery .carousel-cell{width:60%;}*/
}


	.roeko-special-gallery{padding:var(--event-padding);}
	.roeko-special-gallery .gallery-holder .gallery-item{flex-grow:0!important;}

	/* Flickity Special Gallery */
	/*.gallery-holder{background:#FFFFFF;overflow:hidden;padding:15px 0 15px 0;}*/

	/* flickity on by default */
	.carousel-cell{display:block;height:282px;margin:0 10px 0 0;background:#FFFFFF;opacity:.33;transition:var(--us-transition);}
	.carousel-cell a{display:block;width:100%;position:relative; text-decoration: none;} .carousel-cell img{display:block;height:282px;}
	.carousel-cell.is-selected{opacity:1;transform:scale(1);}
	.datebox .carousel-cell img{border-radius:3px;overflow:hidden;}
	.flickity-page-dots{display:none !important;}
	.flickity-button{color:rgba(0,0,0,.5) !important;background-color:#FFFFFF !important;height:60px !important;width:20px !important;transition:var(--us-transition) !important;} .flickity-button:disabled{opacity:0;}
	.flickity-button-icon{width:30% !important;left:50% !important;transform:translate(-50%,0) !important;}
	.flickity-prev-next-button.previous{left:0 !important;z-index:111;border-radius:0 3px 3px 0 !important;border:1px solid rgba(0,0,0,.15);border-left:0;margin:0 !important;}
	.flickity-prev-next-button.next{right:0 !important;z-index:111;border-radius:3px 0 0 3px !important;border:1px solid rgba(0,0,0,.15);border-right:0;margin:0 !important;}
	.flickity-viewport{position:relative;}
	.flickity-viewport:before{display:block;content:'';height:100%;position:absolute;top:0;left:0;bottom:0;width:32px;background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);z-index:99;pointer-events:none;}
	.flickity-viewport:after{display:block;content:'';height:100%;position:absolute;top:0;right:0;bottom:0;width:32px;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);z-index:99;pointer-events:none;}

.flex-kidscircle{}
	.kidscircle-image{margin:0;text-align:center;}
	.kidscircle-image img{display:inline-block !important;max-width:220px;}
@media only screen and (min-width:768px){
	.flex-kidscircle{display:flex;align-items:center;justify-content:center;}
		.kidscircle-image{margin:0 0 0 0;flex-basis:220px;}
		.kidscircle-text{flex-basis:calc(100% - 220px);padding-left:30px;}
		.kidscircle-text *:first-child{margin-top:0 !important;}

}

a.display_link{color:#9F1F2C !important;text-decoration:underline !important;border:0 !important;line-height:18px;display:inline-block;padding-left:22px;margin:0 15px 0 0;}
a.display_link:hover{text-decoration:none;}
a.display_link.icslink{background:url('images/icons/calendar-view-day.svg') no-repeat 0 50%;background-size:16px 16px;}
a.display_link.help{background:url('images/icons/help.svg') no-repeat 0 50%;background-size:16px 16px;}
a.display_link.allevents{background:url('images/icons/calendar.svg') no-repeat 0 50%;background-size:16px 16px;}
a.display_link.link{background:url('images/icons/page-white-world.svg') no-repeat 0 50%;background-size:16px 16px;padding-left:22px;}



/* RöKo Session List */
.session-list{}
.session-list *{transition:var(--us-transition);}
.session-list-item{position:relative;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(0,0,0,.15);padding:16px;}
.session-list-item:last-child{border-bottom:0;}
	.session-list-item .title-row{display:flex;flex:1 1 auto;}

	.session-list-item.hasContentRow{cursor:pointer;}
	.session-list-item.hasContentRow .title-row:after{position:absolute;top:28px;right:25px;font-family:"Font Awesome 7 Pro";content:'\f107';text-align:center;transition:var(--us-transition);font-size:18px;color:#00264d;}
	.session-list-item .title-row .time{flex-basis:90px;padding:17px 10px 0 0;font-size:14px;}
	.session-list-item .title-row .title{flex-basis:calc(100% - 90px);padding:0 32px 0 0;}
		.session-list-item .title-row .title h4{display:block;padding:0;margin:0 0 4px 0;line-height:12px;font-size:12px;color:rgba(0,0,0,.66);font-weight:normal;text-transform:uppercase;}
		.session-list-item .title-row .title h3{font-size:16px;line-height:1.4;font-weight:400;color:#00264d;}
		.session-list-item .title-row .title p{display:block;padding:0;margin:4px 0 0 0;/*line-height:12px;font-size:12px;*/}
	.session-list-item .content-row{display:block;max-height:0;overflow:hidden;padding:0 0 0 0;opacity:0;transition:var(--us-transition);}
	.session-list-item .content-row > *:first-child{padding-top:20px;}


	.session-list-item.open.hasContentRow .title-row:after{transform:rotate(-180deg);color:rgba(0,0,0,1);}
	.session-list-item.open .title-row .title h3{font-weight:600;}
	.session-list-item.open .title-row .title p{font-size:inherit;line-height:inherit;}
	.session-list-item.open .content-row{max-height:2000px;opacity:1;transition:var(--us-transition);}

	.session-list-item .content-row .fields{}
		.session-list-item .content-row .coauthors h4,
		.session-list-item .content-row .field h4{margin:0 0 10px 0}
		.session-list-item .content-row .coauthors .persons,
		.session-list-item .content-row .field .text-content{margin:10px 0 20px 0;}
		.session-list-item .content-row .field:last-child > div{margin-bottom:0 !important;}

		.session-list-item .content-row .field.field-file .gallery-content{margin:10px 0 12px 0;}
		.session-list-item .content-row .field.field-file .gallery-content a.gallery-item{display:inline-block;position:relative;aspect-ratio:1/1;width:80px;height:80px;margin:0 8px 8px 0;border:0;text-decoration:none;overflow:hidden;border-radius:3px;}
		.session-list-item .content-row .field.field-file .gallery-content a.gallery-item:after{position:absolute;top:0;left:0;right:0;bottom:0;content:'';border:1px solid rgba(0,0,0,.1);border-radius:3px;}
		.session-list-item .content-row .field.field-file .gallery-content a.gallery-item img{display:block;width:80px;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;}

@media only screen and (min-width:768px){
.session-list{}
.session-list-item{padding:24px 48px 24px 24px;}
.session-list-item.hasContentRow .title-row:after{top:30px;font-size:20px;}
.session-list-item .title-row .time{flex-basis:110px;padding-top:18px;font-size:16px;}
.session-list-item .title-row .title{flex-basis:calc(100% - 110px);}
.session-list-item .title-row .title h3{font-size:18px;margin-bottom:8px;}
.session-list-item .title-row .title p{margin-top:-6px;}


.session-list-item .content-row{padding-left:110px;padding-right:16px;}

.session-list-item .content-row .field.field-file .gallery-content a.gallery-item{width:120px;height:120px;}
.session-list-item .content-row .field.field-file .gallery-content a.gallery-item img{width:120px;}
}

/* FAQ EVENT SINGLE */
.card.faq .faq-list .faq-item:first-child:before{display:none!important;}
.card.faq .faq-list .faq-item .faq-question,
.card.faq .faq-list .faq-item.open .faq-question:hover{padding-left:var(--event-padding);padding-right:56px!important;}
	.faq-list .faq-item .faq-question:after{right:16px!important;}
.card.faq .faq-list .faq-item .faq-answer{padding:0 32px 0 var(--event-padding);}
@media only screen and (min-width:768px){
	.card.faq .faq-list .faq-item .faq-question,
	.card.faq .faq-list .faq-item.open .faq-question:hover,
	.card.faq .faq-list .faq-item .faq-answer{padding-left:24px!important;}
}
@media only screen and (min-width:1200px){
	.card.faq .faq-list .faq-item .faq-question:hover{padding-left:32px!important;}
}



/* Wochenuebersicht*/
@media only screen and (max-width:768px){
.card.daycalendar .card-boxheader > .btn-holder{padding:8px;}
}


/* block_modheader */
.block_modheader .moddescr{font-size:14px !important;}


/* block_modgrid */
.modgrid-mods{}
.modgrid-mods *:first-child{margin-top:0 !important;}
.modgrid-mods header{display:flex;justify-content:space-between;align-items:center;margin:var(--us-margin) 0 var(--us-margin) 0;}
.modgrid-mods h2{font-size:22px;font-weight:400;line-height:1.33;margin:0 0 0 0;max-width:800px;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.modgrid-text, .modgrid-mods{position:relative;}
.modgrid-text .sticky, .modgrid-mods .sticky{position:sticky;top:100px;}

.card-row .card .card-content hgroup h3{height:auto;min-height:26px;max-height:52px;margin-bottom:8px;}
.card-row .card .card-footer{padding-top:0 !important;text-align:right;}

@media only screen and (min-width:415px) and (max-width:767px){
.card-row .card{max-width:calc( 80% + 8px ) !important;}
}

@media only screen and (min-width:864px){
	.modgrid-text > div{max-width:800px;}
}
@media only screen and (max-width: 1199px){
.modgrid-text{margin-bottom:var(--us-margin);}
}
@media only screen and (min-width: 768px){
	.card-row .card{display:flex;flex-direction:row;padding-bottom:0 !important;align-items:center !important;}
	.card-row .card .card-image{max-width:280px;min-width:280px;width:280px;}
	.card-row .card .card-image img{border-radius:2px 0 0 2px !important;}
	body .card-row .card .card-image:before,
	body.dark .card-row .card .card-image:before{border-radius:2px 0 0 2px !important;}
	.card-row .card .card-image .progress{border-radius:0 0 0 2px !important;overflow:hidden !important;}
	.card-row .card .card-content{/*padding-bottom:54px !important;*/flex-basis:calc(100% - 280px - 56px );}
	.card-row .card .card-footer{position:relative;bottom:auto;left:auto;right:auto;padding-left:0;align-self:flex-end;height:38px !important;box-sizing:content-box;}
	.card-row .card .card-footer a{}
}
@media only screen and (min-width: 1200px){
	.modgrid{display:grid;grid-gap:32px;grid-template-columns:minmax(434px,auto) minmax(670px,auto);}
}
@media only screen and (min-width: 1440px){
	.modgrid{display:grid;grid-gap:32px;grid-template-columns:1fr 1fr;}
}

/* textstyles */
.overtitle, .overtitle{font-size:14px !important;line-height:1 !important;letter-spacing:1px;margin:var(--us-gap) 0 8px 0;font-weight:700;opacity:.5;text-transform:uppercase;}
hgroup .overtitle + *{margin-top:8px !important;}
* > .overtitle:first-child{margin-top:0!important;}
* > h1:first-child,
* > h2:first-child,
* > h3:first-child{margin-top:0!important;}

.usstyles{color:rgba(0,0,0,.9);line-height:1.5;}
.usstyles *:first-child{margin-top:0 !important;}
.usstyles *:last-child{margin-bottom:0 !important;}
.usstyles h1, .h1{font-size:26px;font-weight:400;line-height:1.33;margin:var(--us-gap) 0 24px 0;letter-spacing:-0.5px;} .usstyles * + h1{margin-top:48px;}
.usstyles h2, .h2{font-size:24px;font-weight:400;line-height:1.33;margin:32px 0 24px 0;letter-spacing:-0.5px;} .usstyles * + h2{margin-top:48px;}
.usstyles h3, .h3{font-size:22px;font-weight:400;line-height:1.33;margin:28px 0 24px 0;letter-spacing:-0.5px;} .usstyles * + h3{margin-top:48px;}
.usstyles h4, .h4{font-size:20px;font-weight:400;line-height:1.33;margin:24px 0 24px 0;} .usstyles * + h4{margin-top:36px;}
.usstyles h5, .h5{font-size:18px;font-weight:400;line-height:1.33;margin:24px 0 24px 0;} .usstyles * + h5{margin-top:24px;}
.usstyles h6, .h6{font-size:18px;font-weight:400;line-height:1.33;margin:24px 0 24px 0;} .usstyles * + h6{margin-top:24px;}
.usstyles h1, .h1, .usstyles h1 strong, .h1 strong,
.usstyles h2, .h2, .usstyles h2 strong, .h2 strong,
.usstyles h3, .h3, .usstyles h3 strong, .h3 strong,
.usstyles h4, .h4, .usstyles h4 strong, .h4 strong,
.usstyles h5, .h5, .usstyles h5 strong, .h5 strong,
.usstyles h6, .h6, .usstyles h6 strong, .h6 strong{color:var(--us-secondary-color,#13283E);}
.usstyles .overtitle + *{margin-top:8px !important;}
.usstyles .overtitle, .overtitle{font-size:.7em !important;line-height:1 !important;letter-spacing:.09em;margin:var(--us-gap) 0 8px 0;font-weight:700;opacity:.5;text-transform:uppercase;color:var(--us-textcolor)!important;}
.usstyles * + .subtitle{font-size:.9em !important;line-height:1 !important;font-weight:500;opacity:.75;text-transform:none;color:var(--us-textcolor)!important;}
.usstyles * + .subtitle{margin-top:-20px !important;margin-bottom:24px;}
.usstyles .subtitle2{font-weight:600;font-size:12px;}
.usstyles .caption, .caption{display:block;font-size:.8em !important;line-height:16px !important;margin:6px 0 0 0;font-weight:500;}
.usstyles a,
.usstyles a strong{color:var(--drg-blue)!important;transition:var(--us-transition);outline:0;display:inline;border-bottom:none;text-decoration:underline;font-weight:400;}
.usstyles a strong, .usstyles strong a{color:var(--drg-blue)!important;font-weight:500;}
.usstyles p a[target=_blank]:after{display:inline;position:relative;top:-0.07em;left:0;font-size:.62em !important;content:"\f08e";font-family:"Font Awesome 7 Pro";font-weight:600;color:var(--us-secondary-color);transition:var(--us-transition);margin-left:.4em;text-decoration:none!important;}
.usstyles p a[href^="mailto:"]:before{display:inline;position:relative;top:0;left:0;font-size:.7em !important;content:"\f0e0";font-family:"Font Awesome 7 Pro";font-weight:400;color:var(--us-secondary-color);transition:var(--us-transition);margin-right:.33em;text-decoration:none!important;}
.usstyles p a[href^="tel:"]:before{display:inline;position:relative;top:0;left:0;font-size:.7em !important;content:"\f095";font-family:"Font Awesome 7 Pro";font-weight:400;color:var(--us-secondary-color);transition:var(--us-transition);margin-right:.33em;text-decoration:none!important;}
.usstyles p{margin:0 0 24px 0;max-width:832px;}
.usstyles p b, .usstyles p strong, .usstyles b, .usstyles strong{font-weight:500 !important;color:rgba(0,0,0,.75);}
.usstyles ul{margin:24px 0 24px 0;padding-left:16px;list-style:none;list-style-position:outside;color:var(--us-textcolor);max-width:832px;}
.usstyles ul li{box-sizing:border-box;position:relative;}
.usstyles ul li:before{display:block;position:absolute;left:-14px;top:0.8em;height:5px;width:5px;background:var(--us-secondary-color);content:'';transform:translateY(-50%);}
.usstyles ol{margin:24px 0 24px 0;list-style-position:inside;counter-reset:item;color:var(--us-textcolor);max-width:832px;}
.usstyles ol li{display:block;padding-left:24px;position:relative;top:0;left:0;}
.usstyles ol li:before{position:absolute;top:1em;left:0;content:counter(item) ". ";counter-increment:item;width:24px;display:block;font-size:.8em;transform:translateY(-50%);line-height:1;font-weight:600;opacity:.75;}
.usstyles blockquote{display:block;border:0;margin:0 0 24px 0;padding:0 0 0 24px;color:rgba(0,0,0,.95);font-style:italic;border-left:2px solid var(--us-secondary-color);max-width:800px;}


/*
.usstyles .overtitle + *{margin-top:8px !important;}
.usstyles .caption, .caption{display:block;font-size:14px !important;line-height:16px !important;opacity:.8;margin:6px 0 0 0;}
.usstyles .subtitle2{font-weight:600;font-size:14px;}
.usstyles a{color:var(--us-secondary-color);transition:var(--us-transition);outline:0;display:inline;border-bottom:none;text-decoration:none;font-weight:500;text-decoration:underline;}
.usstyles p{margin:0 0 24px 0;max-width:832px;}
.usstyles p b, .usstyles p strong{font-weight:600 !important;}
.usstyles ul{margin:24px 0 24px 0;padding-left:16px;list-style:none;list-style-position:outside;color:rgba(0,0,0,.95);max-width:832px;}
.usstyles ul li{box-sizing:border-box;position:relative;}
.usstyles ul li:before{display:block;position:absolute;left:-16px;top:10px;height:2px;width:8px;background:var(--us-secondary-color);content:'';}
.usstyles ol{margin:24px 0 24px 0;list-style-position:inside;counter-reset:item;color:rgba(0,0,0,.95);max-width:832px;}
.usstyles ol li{display:block;padding-left:24px;position:relative;top:0;left:0;}
.usstyles ol li:before{position:absolute;top:4px;left:0;content:counter(item) ". ";counter-increment:item;width:24px;display:inline-block;font-size:12px;line-height:1;font-weight:600;}
.usstyles blockquote{display:block;border:0;margin:0 0 24px 0;padding:0 0 0 24px;color:rgba(0,0,0,.95);font-style:italic;border-left:2px solid var(--us-secondary-color);max-width:800px;}*/

.text-container{max-width:var(--us-text-width);margin:0 auto;}
.text-container.left{margin:0 auto 0 0;}
.text-container.boxed{background:#EDF0F1;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:32px var(--us-gap);margin:32px var(--us-margin-neg);}

@media only screen and (max-width: 767px){
	.usstyles.hyphens *{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
}
@media only screen and (min-width: 768px){
	.usstyles h1, .h1{font-size:32px;}
	.usstyles h2, .h2{font-size:26px;}
	.usstyles h3, .h3{font-size:24px;}

	.usstyles ul li:before{top:12px;height:2px;width:8px;}
	.usstyles ol li:before{font-size:14px;}


	.oversize-tablet{font-size:32px !important;}

	.text-container.boxed{background:#EDF0F1;border:1px solid rgba(0,0,0,.1);padding:var(--us-gap);margin:56px auto;border-radius:var(--us-radius);}
}

@media only screen and (min-width: 1280px){
	.oversize-tablet{font-size:38px !important;}
}

@media only screen and (min-width: 1380px){
	/*.usstyles p{line-height:1.66 !important;max-width:932px;}*/
	.usstyles ul li,
	.usstyles ol li{/*margin-bottom:4px;*/line-height:1.5 !important;}
	.usstyles ol li:before{top:6px;}
}




/* Copyright */
.media-copyright{position:absolute;bottom:0;right:0;padding:16px;color:#FFFFFF;font-weight:400;font-size:10px;text-shadow:0 0 6px rgba(0,0,0,.66), 0 0 1px rgba(0,0,0,.66);opacity:.5;transition:var(--us-transition);z-index:100;}
.media-copyright:hover{opacity:1;}
.media-copyright.shy{transform:rotate(-90deg) translateX(100%);transform-origin:bottom right;}
figcaption .media-copyright{display:block;position:relative;top:0;left:0;bottom:auto;right:auto;color:rgba(0,0,0,.8);text-shadow:0 0 0 rgba(0,0,0,0);padding:4px 0 0 0;font-size:10px;line-height:12px;}


/* Teaser */
.teaser{text-align:left;}
.teaser hgroup{position:relative;top:0;left:0;}
.teaser hgroup + *{margin-top:var(--us-gap);}

.teaser hgroup h2,
.teaser hgroup h3{color:var(--us-primary-color) !important;}

.teaser hgroup h2.color-digital,
.teaser hgroup h3.color-digital{color:var(--roeko-digital) !important;}
.teaser hgroup h2.color-onsite,
.teaser hgroup h3.color-onsite{color:var(--roeko-onsite) !important;}

.teaser-text{color:#818181!important;font-weight:400;line-height:1.6;}
.teaser-text + .btn-holder{margin-top:16px;}

.teaser-image{position:relative;display:block;}
.teaser-image + *{margin-top:var(--us-gap);}
.teaser-image img{display:block;width:100%;height:auto;transition:var(--us-transition);}

.text-light .teaser-text{color:rgba(255,255,255,.85)!important;}
.shadow-dark .teaser-text{text-shadow:0 0 10px rgba(0,0,0,.4);}

.text-dark .teaser-text{color:rgba(0,0,0,.85)!important;}
.shadow-light .teaser-text{text-shadow:0 0 10px rgba(255,255,255,.2);}

@media only screen and (min-width: 768px){
.teaser-text + .btn-holder{margin-top:24px;}
}

.card-content.teaser .card-content hgroup,
.card-content.teaser hgroup h2{margin-bottom:16px!important;}
.card-content.teaser hgroup h4{padding-bottom:0!important;}
.card-content.teaser hgroup + *{margin-top:16px!important;}
.card-content.teaser .teaser-text{font-size:16px!important;line-height:1.4;}


/* usImage */
.usimage{position:relative;}
.usimage img{display:block;width:100%;height:auto;transition:var(--us-transition);}
body.dark .usimage .bottomline{background:rgba(255,255,255,.1) !important;}



/* Names */
.names-flex{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:32px;margin-top:-8px;flex-wrap:wrap;}
.names-flex .names-item{display:inline-flex;align-items:center;justify-content:flex-start;margin-right:var(--us-gap);margin-bottom:16px;}
.names-flex .names-item .user-avatar{margin-right:8px;}
.names-flex .names-item .user-avatar .avatar-img,
.names-flex .names-item .user-avatar .avatar-initial{box-shadow: 0 0 0 1px rgba(255,255,255,.2);}
.names-flex .names-item.ex span{line-height:40px;opacity:.5;}

body.dark .names-flex .names-item .user-avatar .avatar-img,
body.dark .names-flex .names-item .user-avatar .avatar-initial{box-shadow: 0 0 0 1px rgba(0,0,0,.1);}
.names-flex .names-item span{white-space:nowrap;}

@media only screen and (min-width:768px){
	.names-flex .names-item .user-avatar{margin-right:16px;}
	.names-flex .names-item .user-avatar .avatar-img,
	.names-flex .names-item .user-avatar .avatar-initial{width:60px;height:60px;line-height:60px;}
	.names-flex .names-item.ex span{line-height:60px;}
}


/* Live Event Stripe */
.liveeventstripe{position:sticky;bottom:0;left:0;right:0;background:linear-gradient(to right, rgba(185, 45, 40,.94), rgba(0, 24, 37,.94));transition:var(--us-transition);color:#FFFFFF;text-shadow:0 1px 0 rgba(0,0,0,.1);padding:16px;box-shadow:inset 0 1px 0 0 rgba(0, 0, 0, 0.15);z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.liveeventstripe > a{display:none;}
.liveeventstripe-text{padding:4px 0;font-weight:400;}
.liveeventstripe-text strong{display:inline-block;position:relative;padding-left:16px;font-weight:700!important;}
.liveeventstripe .btn-holder{justify-content:flex-start;padding-top:8px;padding-bottom:8px;}
.liveeventstripe .btn-holder .themebtn.secondary{border:1px solid #FFFFFF!important;color:#FFFFFF!important;background:rgba(0,0,0,.1);}

.liveeventstripe-text strong:before{animation:blinkstripe 1.5s linear 0s infinite;position:absolute;top:50%;left:6px;height:6px;width:6px;margin:-4px 0 0 -3px;border-radius:5px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(0,0,0,.1);content:'';opacity:1;}
@keyframes blinkstripe{ 0%{ opacity:1;transform:scale(1.2,1.2);} 50%{ opacity:0;transform:scale(1,1); } 100%{ opacity:1;transform:scale(1.2,1.2); } }

@media only screen and (min-width: 768px) {
.liveeventstripe{padding:16px 32px 16px 32px;}
.liveeventstripe > div{display:flex;align-items:center;justify-content:space-between;margin:0 auto;}
.liveeventstripe .btn-holder{padding-top:0;padding-bottom:0;justify-content:flex-end;}
}

@media only screen and (max-width: 767px) {
	.liveeventstripe .btn-holder{display:none!important;}
}

@media only screen and (max-width: 834px) {
	.liveeventstripe{bottom:74px;}
}

@media only screen and (max-width: 450px) {
	.liveeventstripe-text{text-overflow:ellipsis;max-height:28px;overflow:hidden;display:block;width:100%;white-space:nowrap;}
	.liveeventstripe > a{position:absolute;top:0;left:0;right:0;bottom:0;content:'';display:block!important;}
}




/* IconSlider */
.iconslider.align-center{justify-content:center;}
/*.btn.iconbigbtn:hover i,
.btn.iconbigbtn:hover i{background:transparent!important;color:var(--us-primary-color);}*/


/* uscontacts Mods */
.uscontacts-details .contact-info .textlink{font-size:1rem!important;font-weight:400!important;}


/* . */
.block.usnews-simple .teaser .teaser-text:after{background:linear-gradient(270deg, #fefefe 0%, rgba(254,254,254,0) 100%);}


/* editable */
 .block > header hgroup h1[contenteditable="true"]{border-bottom:2px solid var(--us-highlight-color);color:var(--us-highlight-color);padding-bottom:2px;}
/*body.dark .block > header hgroup h1[contenteditable="true"]{border-bottom:2px solid #FFFFFF;}*/



/* Btn Hacks */
.themebtn.btn-select.secondary select{text-shadow:0 1px 0 rgba(255,255,255,.1);}



/* ustable Hacks */
.ustable strong, .ustable b{font-weight:600!important;}
.ustable td > .caption{font-weight: 300!important;margin: 0!important;max-width: 400px!important;white-space: normal!important;}


/* ARTICLE LISTING Hacks */
.article-item a.teaser[target=_blank] h3:after{font-size:.56em !important;}
.block.usnews-simple .teaser[target=_blank] hgroup h2:after,
.block.usnews-simple .teaser[target=_blank] hgroup h3:after{font-size:.56em !important;}

/* image-grid-200 */
.image-grid-180{display:grid;grid-gap:var(--us-gap);grid-template-columns:180px auto;}

/* noresults */
.noresults{background:rgba(61,154,204,.1)!important;border:1px solid var(--us-secondary-color)!important;box-shadow: inset 0 0 20px 0px rgba(255,255,255, 0.5), inset 0 0 0 1px rgba(255,255,255,.66)!important;}

/* Site-leven TOOLS */
.color-digital{color:var(--roeko-digital)!important;}
.color-onsite{color:var(--roeko-onsite)!important;}
.themebtn.primary.specialbtn{background:url('/images/specialbtn@2x.jpg') no-repeat 50%;background-size:cover;color:#FFFFFF;font-size:28px;padding:16px 32px;transition:var(--us-transition);animation:specialbtnani 1.5s ease infinite;}
.themebtn.primary.specialbtn2{background:var(--roeko-digital)!important;color:#FFFFFF;font-size:28px;padding:16px 32px;}
.themebtn.primary.specialbtn i,
.themebtn.primary.specialbtn2 i{font-size:20px;margin-right:22px;}

.themebtn.primary.specialbtn:hover{transform:scale(1.05);}
.themebtn.primary.specialbtn:active{transform:translateY(1px) scale(0.96);}
@keyframes specialbtnani {
  0% {
    transform:scale(1);
  }
  10% {
    transform:scale(1);
  }
  20% {
    transform:translateY(1px) scale(0.96);
  }
  50% {
	transform:scale(1.05);
  }
  68% {
    transform:scale(1);
  }
  100% {
    transform:scale(1);
  }
}





.bounce-7 {
   animation-name: bounce-7;
   animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}
@keyframes bounce-7 {
   0%   { transform: scale(1,1)      translateY(0); }
   10%  { transform: scale(1.1,.9)   translateY(0); }
   30%  { transform: scale(.9,1.1)   translateY(-100px); }
   50%  { transform: scale(1.05,.95) translateY(0); }
   57%  { transform: scale(1,1)      translateY(-7px); }
   64%  { transform: scale(1,1)      translateY(0); }
   100% { transform: scale(1,1)      translateY(0); }
}

.bounce-8 {
	animation-name: bounce-8;
	animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}
@keyframes bounce-8 {
	0%   { transform: scale(1,1)      translateY(0); }
	10%  { transform: scale(1.05,.95)   translateY(0); }
	30%  { transform: scale(.95,1.05)   translateY(-50px); }
	50%  { transform: scale(1.025,.975) translateY(0); }
	57%  { transform: scale(1,1)      translateY(-7px); }
	64%  { transform: scale(1,1)      translateY(0); }
	100% { transform: scale(1,1)      translateY(0); }
}

.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}
.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}


.dbg-panel{position:fixed;bottom:30px;left:0;z-index:99;transition:var(--us-transition);display:none;}
.dbg-panel-content{display:inline-block;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:0 var(--us-radius) var(--us-radius) 0;border:1px solid rgba(0,0,0,.1);border-left:0 !important;font-size:14px;color:#00264d;}
.dbg-panel-item{padding:16px;border-right:1px solid rgba(0,0,0,.1);} .dbg-panel-item:last-child{border:0;}


@media only screen and (max-width: 767px) {
.card-fullscreen .daycalendar .card-box-header{}
	.card-fullscreen .daycalendar .roomtypeselector{order: 3;flex-grow: 1;}
	.btn-holder.first{order: 1;width: calc( 100vw - 104px);}
	.btn-holder.first > *{width:100%;max-width:100%;margin-left:8px;}
	.btn-holder.second{order:2;}
}
