html,body{
	height:100%;
}
@media print {
    html, body {
        height: auto;
    }
}

body {
	border:0;
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:13pt;
	color:#3b3b3b;
	font-weight:300;
	overflow-y: scroll;
	overflow-x:hidden;
	line-height:1.3;
	display:flex;
	flex-direction:column;
}
.bg-picture{
	background-image:URL('../images/mops-bg.png');
	background-repeat:no-repeat;
	background-size:cover;
}
#root {
    width:100%;
    padding-left:120px;
    padding-right:3%;
	padding-top:20px;
	padding-bottom:40px;
    /* float:left; */
	box-sizing:border-box;
	flex: 1 0 auto;
}
#root:after{
	content:'';
	display:block;
	clear:both;
}
.scroll-container{
	width:100%;
	overflow-x:auto;
}
.scrolling-right {
    cursor: e-resize; /* Change cursor to east-resize */
}
.scrolling-left {
    cursor: w-resize; /* Change cursor to west-resize */
}
#top{
	float:left;
	padding-top:25px;
}
.top-logo{
	float:left;
	margin-top:20px;
	margin-left:160px;
}
.top-logo img{
	max-width:300px;
	height:auto;
}
#bottom{
	padding:20px;
	background-color:#111111;
	flex-shrink: 0;
}
.bottom-content{
	margin:0 auto;
	max-width:1200px;
	color:#ffffff;
}
.bottom-content a{
	color:#ffffff;
}
.welcome1{
	font-size:3.2em;
	text-align:center;
	color:#304b61
}
.welcome2{
	font-size:2em;
	text-align:center;
	color:#757575;
	margin-bottom:70px;
}
.welcome-events{
	margin:0 auto;
	text-align:center;
}
.welcome-event{
	
	width:220px;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	transition:0.3s;
	margin-right:50px;
}
.welcome-event:hover{
	transform:scale(1.05);
}
.welcome-event-headline{
	float:left;
	font-size:2.0em;
	color:#304b61;
	text-align:center;
	margin-bottom:15px;
	text-align:center;
	width:100%;
	white-space: nowrap;
}
.welcome-event-bubble{
	float:left;
	width:220px;
	height:220px;
	border-radius:110px;
	font-size:8em;
	color:#ffffff;
	background-color:#d12b2b;
	box-sizing:border-box;
	padding:20px;
	text-align:center;
	margin-bottom:20px;
}
.welcome-event-new{
	background-color:#bababa;
	cursor:pointer;
}
.welcome-event-subtitle{
	font-size:1.4em;
	font-weight:600;
	text-align:center;
	margin-bottom:15px;
}
.welcome-event-subtitle2{
	font-size:1.2em;
	text-align:center;
}
.welcome-icon-logout{
	position:absolute;
	top:25px;
	right:60px;
}
.welcome-new{
	opacity:0;
	display:none;
}
.welcome-success{
	opacity:0;
	display:none;
}

.top-minibubble{
	width:50px;
	height:50px;
	margin-left:10px;
	margin-top:-30px;
	margin-bottom:20px;
	border-radius:25px;
	font-size:2em;
	color:#ffffff;
	background-color:#d12b2b;
	box-sizing:border-box;
	padding:2px;
	text-align:center;
}

#sidemenu{
	position:fixed;
	left:0px;
	top:0px;
	width:68px;
	height:100%;
	background-color:#304b61;
	display: flex;
    flex-direction: column;
	z-index:1000;
}
.sidemenu-content{
	float:left;
	padding-top:35px;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	z-index:3;
	position:relative;
	background-color: #304b61;
	height:100%;
}
.sidemenu-content-icon{
	position:relative;
	padding-top:10px;
	z-index:100;
	box-sizing:boder-box;
}
.sidemenu-content-icon img{
	width:50px;
	height:50px;
	margin-top:6px;
}
.sidemenu-content-icon small{
	font-size:10px;
	color:#ffffff;
	line-height:0.5;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	
}
.sidemenu-off{
	box-sizing:boder-box;
	width:80px; 
	height:72px; 
	border-radius:50px;
	position:relative;
	z-index:1;
	margin-left:-5px;
}
.sidemenu-off:hover{
	box-sizing:boder-box;
	width:80px; 
	height:72px; 
	border-radius:50px;
	background-color:#3b5e7b;
	position:relative;
	z-index:1;
	margin-left:-5px;
	transition:0.2s;
}
.sidemenu-on{
	box-sizing:boder-box;
	width:80px; 
	height:72px; 
	border-radius:50px; 
	background-color:#15679a;
	position:relative;
	z-index:1;
	margin-left:-5px;
}
.sidemenu-infoarea{
	position:fixed;
	width:250px;
	top:0px;
	left:calc(12px - 250px);
	height:100%;
	display: flex;
    flex-direction: column;
	z-index:100;
	/*background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0.9542191876750701) 0%, rgba(255,255,255,0.8981967787114846) 51%, rgba(255,255,255,0) 100%);*/
	/* display:none; */
	background-color:#d8e4ec;
	-webkit-box-shadow: 9px 5px 22px 5px rgba(0,0,0,0.16); 
	box-shadow: 9px 5px 22px 5px rgba(0,0,0,0.16);
	transition:left 0.2s;
	z-index:2;
}
.sidemenu-infoarea._show{
	left:68px;
}
.sidemenu-infoarea-content{
	position:realtive;
	width:250px;
	padding-top:12px;
}
.sidemenu-infoarea-button{
	display:block;
	position:relative;
	width:100%;
	/*background:rgba(153,153,153,0.3);*/
	padding:10px;
	padding-left:30px;
	box-sizing:border-box;
	margin-bottom:40px;	
}
.sidemenu-infoarea-button.active{
	background-color:#8ca3ad;
	color:#ffffff;
}
.sidemenu-infoarea-button:hover{
	background-color:#1b71a6;
	color:#ffffff;
}
.sidemenu-submenu{
	position:fixed;
	width:250px;
	top:0px;
	left:calc(12px - 0px);
	height:100%;
	display: flex;
    flex-direction: column;
	z-index:100;
	/*background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0.9542191876750701) 0%, rgba(255,255,255,0.8981967787114846) 51%, rgba(255,255,255,0) 100%);*/
	/* display:none; */
	background-color:#d8e4ec;
	background-color:transparent;
	/*-webkit-box-shadow: 9px 5px 22px 5px rgba(0,0,0,0.36); 
	box-shadow: 9px 5px 22px 5px rgba(0,0,0,0.36);*/
	transition:left 0.3s;
	transform:translateX(-250px);
	z-index:1;
}
.sidemenu-submenu._show{
	left:calc(316px + 250px);
	transform:translateX(-250px);
}
#menu{
	float:right;
	height:50px;
	box-sizing:border-box;
	background-color:#8ca3ad;
	margin-right:3%;
}
.menu-button{
	float:left;
	position:relative;
}
.menu-button a{
	display:inline-block;
	padding:15px;
	padding-left:25px;
	padding-right:25px;
	color:#ffffff;
	font-size:1rem;
}
.menu-button-aktiv{
	background-color:#1b71a6;
}
.submenu{
	position:absolute;
	/* top:100%; */
	/* margin-top:48px; */
	/* left:70px; */
	/* transform:translate(0,-65px); */
	width:100%;
	display:none;
	background-color:#7c9099;
}
/*.submenu-button a{
	display:inline-block;
	padding:15px;
	padding-left:25px;
	padding-right:25px;
	color:#ffffff;
	font-size:1rem;
}*/
.submenu-button{
	width:100%;
	position:relative;
	text-align:left;
	display:block;
	padding: 10px;
    padding-left: 30px;
	color:#ffffff;
	box-sizing:border-box;
}
.submenu-button.active,.submenu-button:hover{
	background-color:#1b71a6;
	color:#ffffff;
}
.submenu-button-aktiv{
	background-color:#1b71a6;
}
.menu-button:hover .submenu{
	display:block;
}
.tabletop, .table th{
	background-color:#8ca3ad;
	color:#ffffff;
}
.tablebottom, .table td{
	border-bottom:1px solid #e0e0e0;
}
.tabletopborder td{
	border-top:1px solid #000000;
}
.table tr.no-border td{
	border:0;
}

.table{
	line-height:2.5em;
	line-height:1.7;
}

.table th, .table td{
	margin:0;
	border-collapse:collapse;
	padding:6px;
}
.table th{
	font-weight:400;
	text-align:left;
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.table .type2 td{
	background-color:#e7f1ea;
}
.sum-row td{
    background-color:#f0f0f0;
    border-top:2px solid #666666;
    border-bottom:2px solid #666666;
    font-weight:600;

}

.login-container{
	margin:0 auto;
	max-width:800px;
}
.error-box{
	float:left;
	background-color:#15679a;
	padding:15px;
	color:#ffffff;
	line-height:1.4em;
	margin-bottom:20px;
	border-radius:8px;
	font-size:0.9em;
}
.start-button{
	display:inline-block;
	margin:30px;
	border:1px solid #cccccc;
	border-radius:8px;
	padding:50px;
}

.hover{
	opacity:0.5;
	transition:0.3s;
	cursor:pointer;
}
.hover:hover{
	opacity:1;
}

tr.aussteller-selected td{
	background-color:#f8f4e1;
	
}
a.anchor{
	position:relative;
	top:-45vh;
}

.startbox{
	float:left;
	width:31%;	
	min-height:480px;
	margin-right:3%;	
}
.startbox-header{
	float:left;
	width:100%;
	box-sizing:border-box;
	background-color:#4d748c;
	color:#fff;
	font-size:1.4rem;
	font-weight:300;
	padding:10px;
	padding-left:15px;
	text-align:center;
}
.startbox-header-icon{
	float:right;
	width:19px;
	height:16px;
	margin-right:5px;
	margin-top:5px;
	background-image:URL('../images/icon-arrow-down-full3.png');
}
.startbox-content{
	float:left;
	width:100%;
	padding:30px;
	box-sizing:border-box;
}
.startbox-shadow{
	background:rgba(255,255,255,0.8);
	box-shadow: 5px 8px 17px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 5px 8px 17px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 8px 17px rgba(0, 0, 0, 0.1);
}
.start-event-bubble{
	float:left;
	width:70px;
	height:70px;
	border-radius:35px;
	font-size:2.7em;
	color:#ffffff;
	background-color:#d12b2b;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:35px;
	margin-right:20px;
	padding-top:6px;
}
.start-event-details{
	float:left;
}
.start-event-headline{
	float:left;
	font-size:1.7em;
	color:#304b61;
}

.inaktiv{
	opacity:0.35;
}

.aussteller-edit-headline{
	border-bottom:1px solid #aaaaaa;
}
.aussteller-newbtn{
	float:right;
	margin-top:20px;
	cursor:pointer;
}
.aussteller-new{
	float:left;
	width:100%;
	border-top:5px solid #7eb536;
	border-bottom:5px solid #7eb536;
	box-sizing:border-box;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:40px;
	display:none;
}
.aussteller-new-left{
	float:left;
	width:50%;
	padding-right:2%;
	box-sizing:border-box;
}
.aussteller-new-right{
	float:left;
	width:50%;
	padding-left:2%;
	border-left:1px solid #c4c4c4;
	box-sizing:border-box;
}
.aussteller-addicon{
	float:right;
	width:40px;
	height:40px;
	background-image:URL('../images/icon-plus-large.png');
}
.aussteller-addicon-off{
	background-image:URL('../images/icon-close-large.png');
}

.aussteller-details-left{
	float:left;
	box-sizing:border-box;
	padding-right:40px;
	width:20%;
}
.aussteller-details-right{
	float:left;
	box-sizing:border-box;
	padding-left:40px;
	border-left:1px dashed #b8b8b8;
	width:80%;
}
.aussteller-tabs{
	float:right;
	position:fixed;
	top:62px;
	right:3%;
	z-index:20;
	/*border-bottom:1px solid #b8b8b8;*/
}
.aussteller-tab{
	display:inline-block;
	color:#ffffff;
	padding:10px 10px;
	background-color:#8ca3ad;
	cursor:pointer;
}
.aussteller-tab._active, .aussteller-tab:hover{
	background-color:#1b71a6;
}
.aussteller-tab._off{
	opacity:0.4;
	pointer-events:none;
}
.aussteller-tab-content{
	
}

.tabs{
	z-index:20;
	border-bottom:1px solid #b8b8b8;
}
.tab{
	display:inline-block;
	color:#ffffff;
	padding:10px 10px;
	background-color:#8ca3ad;
	cursor:pointer;
}
.tab._active, .tab:hover{
	background-color:#1b71a6;
}
.tab-content{
	display:none;
}
.tab-content:first-child{
	display:block;
}

.info-tooltip{
	display:inline-block;
	border:2px solid #1b71a6;
	color:#1b71a6;
	border-radius:50%;
	width:1.15em;
	height:1.15em;
	font-size:0.6em;
	text-align:center;
	font-weight:500;
	cursor:help;
	vertical-align:baseline;
	line-height:1.2;
}
.branchen-box{
	display:inline-block;
	vertical-align:top;
	width:250px;
	margin:6px;
}
.branchen-box div{
	width:auto;
	overflow:hidden;
}
.branchen-box input{
	float:left;
	margin-right:5px;
}


.messestand-newbtn{
	float:right;
	margin-top:20px;
	cursor:pointer;
}
.messestand-new{
	float:left;
	width:100%;
	border-top:5px solid #7eb536;
	border-bottom:5px solid #7eb536;
	box-sizing:border-box;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:40px;
	display:none;
}
.messestand-addicon{
	float:right;
	width:40px;
	height:40px;
	background-image:URL('../images/icon-plus-large.png');
}
.messestand-addicon-off{
	background-image:URL('../images/icon-close-large.png');
}

.hallenplan-newbtn{
	float:right;
	margin-top:20px;
	cursor:pointer;
}
.hallenplan-addicon{
	float:right;
	width:40px;
	height:40px;
	background-image:URL('../images/icon-plus-large.png');
}
.hallenplan-addicon-off{
	background-image:URL('../images/icon-close-large.png');
}

.standplan-list-aussteller{
	max-height:100px;
	overflow-y:auto;
}
.standplan-aussteller{
	margin-bottom:0.3em;
}
.standstatus:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:15px;
	height:15px;
	border:1px solid #dddddd;
	margin-right:5px;
}
.standstatus1:before{
	background-color:rgba(170,170,204,1);
}
.standstatus2:before{
	background-color:rgba(222,220,37,1);
}
.standstatus3:before{
	background-color:rgba(222,146,37,1);
}
.standstatus4:before{
	background-color:rgba(146,179,86,1);
}
.textfeld{
	padding:10px 6px;
	padding-left:10px;
	border-radius:8px;
	border:1px solid #9d9d9d;
	background-color:#f6f6f6;
	width:100%;
	box-sizing:border-box;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	/* height:35px; */
}
.textarea{
	width:500px;
	height:120px;
	font-family: inherit;
}
.katalog-logo{
	max-height:200px;
	width:auto;
	max-width:500px;
	height:auto;
}
.textfeld::placeholder{
	font-style:italic;
}

/* DOTS */
.dot{
	float:left;
	width:22px;
	height:22px;
	margin-right:15px;
	margin-top:4px;
}
.dot-blue{
	background-color:#1b71a6;
}
.dot-bluedark{
	background-color:#33526c;
}
.dot-bluelight{
	background-color:#8ca3ad;
}
.dot-green{
	background-color:#79b03d;
}
.dot-red{
	background-color:#991717;
}
.dot-yellow{
	background-color:#d5c839;
}

.minidot{
	float:left;
	width:10px;
	height:10px;
	border-radius:10px;
	background-color:#c0c0c0;
}
.minidot-on{
	background-color:#7eb536;
}
.minidot-orange{
	background-color:#e8ad45;
}

.button{
	box-sizing:border-box;
	border-radius:5px;
	padding:10px;
	color:#ffffff;
	transition:0.3s;
	cursor:pointer;
	border:0px;
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
	background-color:#adadad;
}
.button:hover{
	background-color:#808080;
}
.button-green{
	background-color:#7eb536;
}
.button-green:hover{
	background-color:#598224;
}
.button-red{
	background-color:#cb2c2c;
}
.button-red:hover{
	background-color:#ab0d0d;
}
.table-lineheight{
	line-height:2.4rem;
}
.button-small{
	height:20px;
	padding:0px;
	background-color:transparent;
	color:#000000;
}

.email-headline-box{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:10px;
	background-color:#3b464e;
	font-size:1.1em;
	color:#ffffff;
}

/* HALLENPLAN */
.hallenplan-gelaendebox{
	/* float:left; */
	width:1200px;
	width:100%;
	height:650px;
	border:1px dashed grey;
	box-sizing:border-box;
	margin-bottom:20px;
	position:relative;
	overflow:auto;
}
.hallenplan-gelaendebox.no-border{
	border:0;
}
.hallenplan-massstab{
	float:left;
	width:10px;
	height:10px;
	background-color:#f8f8f8;
	border:1px solid #757575;
	margin-top:3px;
	margin-right:10px;
}
.hallenplan-sidemenu{
	position:fixed;
	right:50px;
	width:400px;
	/* height:600px; */
	bottom:20px;
	box-sizing:border-box;
	transition:0.3s;
	background-color:#ffffff;
}
.hallenplan-sidemenu.active{
	right:-400px;
}
.hallenplan-item-list{
	
}
._template{
	display:none;
}
.hallenplan-sidemenu-grabber{
	position:absolute;
	left:-50px;
	margin-top:60px;
	width:50px;
	height:50px;
	background-color:#1b71a6;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	cursor:pointer;
	background-image:URL('../images/icon-arrow-large-left.png');
	background-position:center;
	background-repeat:no-repeat;
	transition:0.3s;
}
.hallenplan-sidemenu-grabber.active{
	background-color:#dbdbdb;
	background-image:URL('../images/icon-arrow-large-right.png');
}
.hallenplan-sidemenu-grabber:hover{
	width:100px;
	left:-100px;
}
.hallenplan-sidemenu-grabber.active:hover{
	width:50px;
	left:-50px;
	background-color:#c3c3c3;
}
.hallenplan-sidemenu-content{
	float:left;
	width:100%;
	box-sizing:border-box;
	height:605px;
	overflow-y:auto;
	padding:20px;
	border:4px solid #dbdbdb;
	position:relative;
}
.hallenplan-sidemenu-content-box h2{
	margin:0;
	padding:10px;
}
.hallenplan-sidemenu-hallentab{
	float:left;
	box-sizing:border-box;
	padding:20px;
	font-size:0.9rem;
	width:100%;
	cursor:pointer;
}
.hallenplan-sidemenu-hallentab.active{
	background-color:#f8f8f8;
}
.hallenplan-sidemenu-halleinfo h3{
	padding-bottom:0px;
}

.hallenplan-neuehallebox{
	position:absolute;
	width:calc(100% - 8px);
	bottom:-37px;
	bottom:60px;
	right:4px;
	/* min-height:380px; */
	border-top:5px solid #7eb536;
	border-bottom:5px solid #7eb536;
	box-sizing:border-box;
	padding:20px;
	background:rgba(255,255,255,1);
	display:none;
}

.hallenplan-tabarea{
	float:left;
	width:100%;
	box-sizing:border-box;
}
.hallenplan-tab{
	float:left;
	padding:8px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	background-color:#1b71a6;
	color:#ffffff;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	margin-right:10px;
	cursor:pointer;
	font-size:1rem;
}
.hallenplan-tab._inactive{
	background-color:#f1f1f1;
	color:#656565;
}

.hallenplan-bibliothek-eintrag{
	float:left;
	width:100%;
	border-bottom:1px solid #d8d8d8;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    
}
.hallenplan-bibliothek-eintrag-pic{
	float:left;
	width:140px;
	height:80px;
}
.hallenplan-bibliothek-eintrag-text{
	float:left;
	margin-top:31px;
}


.hallenplan-farbecontainer{
	position:relative;
}
.hallenplan-farbepopup{
	display:none;
	position:absolute;
	bottom:100%;
	left:0;
	padding:15px;
	background-color:#ffffff;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.hallenplan-farbepopup .dot{
	cursor:pointer;
}
.hallenplan-farbecontainer .textfeld{
	margin-bottom:15px;
	min-height:35px;
}
.hallenplan-farbecontainer .textfeld:after{
	content:'';
	display:block;
	clear:both;
}

.hallenplan-popup{
	position:absolute;
	box-shadow:1px 1px 6px rgba(0,0,0,0.1);
	border:1px solid #dddddd;
	background-color:#ffffff;
	display:none;
}
.hallenplan-popup .hallenplan-neuehallebox{
	width:400px;
	position:static;
}
.hallenplan-tooltip{
	position:absolute;
	box-shadow:1px 1px 6px rgba(0,0,0,0.1);
	border:1px solid #dddddd;
	background-color:#ffffff;
	display:none;
	padding:10px;
	font-size:0.9rem;
	line-height:1.3;
	pointer-events:none;
	min-width:200px;
}
.hallenplan-mouse{
    position:absolute;
    z-index:200;
    opacity:0.5;
	pointer-events:none;
}
.hallenplan-zoom{
    position:sticky;
    bottom:20px;
    left:20px;
    width:40px;
    height:200px;
    background-color:rgba(255,255,255,0.8);
    border:1px solid #cccccc;
    border-radius:20px;
    display:flex;
    flex-flow:column nowrap;
    opacity:0.5;
    transition:opacity 0.2s;
}
.hallenplan-zoom:hover{
    opacity:1;
}
.hallenplan-zoom::before{
    content:'Zoom';
    position:absolute;
    top:-20px;
    left:5px;
    width:100%;
    box-sizing:border-box;
    pointer-events:none;
    font-size:12px;
}
.button-zoom-in, .button-zoom-out{
    width:100%;
    height:40px;
    box-sizing:border-box;
    border:none;
    background-color:transparent;
    cursor:pointer;
    font-size:1.5rem;
    color:#333333;
}
.zoom-slider{
    height:150px;
    position:relative;
}
.zoom-slider::before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:1px;
    background-color:#cccccc;
}
.zoom-thumb{
    width:80%;
    left:10%;
    aspect-ratio:1;
    background-color:#1b71a6;
    background:radial-gradient(circle, #00a6ff 0%, #1b71a6 100%);
    cursor:pointer;
    position:relative;
    top:0;
    box-sizing:border-box;
    border-radius:50%;
    box-shadow:1px 1px 4px rgba(0,0,0,0.4);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.save-icon{
	opacity:1;
}
.save-icon.dirty{
	opacity:0.3;
}

.topbar{
	position:fixed;
	width:100%;
	height:63px;
	top:0px;
	right:0px;
	box-sizing:border-box;
	padding-left:120px;
	background-color:#ffffff;
	border-bottom:1px solid #a2a2a2;
}
.topbar-austeller{
	float:left;
	margin-top:50px;
	width:100%;
	box-sizing:border-box;
	padding-left:120px;
	background-color:#ffffff;
}

/* Context menu */
.contextmenu{
	position:absolute;
	box-shadow:1px 1px 6px rgba(0,0,0,0.1);
	border:1px solid #dddddd;
	background-color:#ffffff;
	display:none;
	min-width:150px;
}
.contextmenu-content{
	padding: 10px;
	color:#333333;
	font-size:16px;
	line-height:1.5;
	clear:both;
}
.contextmenu-item{
	padding: 10px;
	color:#333333;
	font-size:16px;
	cursor:pointer;
}
.contextmenu-item:hover{
	background-color:#dddddd;
}
.contextmenu-icon{
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}
.contextemenu-close, .hallenplan-popup-close{
	float:right;
	margin:5px 5px 0 0;
	cursor:pointer;
}
.hallenplan-walls{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	width:40px;
	height:40px;
	border:1px dashed #cccccc;
}
.hallenplan-walls::before, .hallenplan-walls::after{
	display:block;
	content:'';	
	position:absolute;
	z-index:1;
	pointer-events:none;
}
.hallenplan-walls::before{
	top:0%;
	left:50%;
	height:100%;
	width:1px;
	border-left:1px dashed #cccccc;
}
.hallenplan-walls::after{
	top:50%;
	left:0;
	width:100%;
	height:1px;
	border-top:1px dashed #cccccc;
}
.hallenplan-wall{
	position:absolute;
	border-color:transparent;
	border-style:solid;
	background-color:transparent;
	cursor:pointer;
	box-sizing:border-box;
	border-width:0;
	z-index:2;
}
.hallenplan-wall:hover{
	background-color:#cccccc;
	z-index: 3;
}
.hallenplan-wall._active{
	border-color:#1b71a6;
}
.hallenplan-wall._north{
	border-top-width:4px;
	top:0;
	left:0;
	width:100%;
	height:35%;
}
.hallenplan-wall._east{
	border-right-width:4px;
	top:0;
	right:0;
	width:35%;
	height:100%;
}
.hallenplan-wall._south{
	border-bottom-width:4px;
	bottom:0;
	left:0;
	width:100%;
	height:35%;
}
.hallenplan-wall._west{
	border-left-width:4px;
	top:0;
	left:0;
	width:35%;
	height:100%;
}

/* BLACKOVERLAY */
#blackoverlay{
	position:fixed;
	z-index:1099;
	width:100%;
	height:100%;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.blackoverlay-content{
	position:relative;
	width:35%;
	height:auto;
	max-height:90vh;
	overflow-y:auto;
	margin:0 auto;
	background-color:#ffffff;
	margin-top:2%;
	margin-bottom:2%;
	box-sizing:border-box;
	padding:40px;
	position: relative;
	top: 45%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.blackoverlay-content-close{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	opacity:0.6;
}
.blackoverlay-content-close:hover{
	opacity:1;
}
.blackoverlay-content-save{
	position:absolute;
	top:14px;
	right:60px;
	cursor:pointer;
	opacity:1;
}

#blackoverlay-hallenplan{
	position:fixed;
	z-index:100;
	width:100%;
	height:100%;
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.blackoverlay-hallenplan-content{
	position:relative;
	width:97%;
	height:95%;
	margin:0 auto;
	background-color:#ffffff;
	margin-top:2%;
	margin-bottom:2%;
	box-sizing:border-box;
	padding:40px;
	position: relative;
	top:46%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.blackoverlay-hallenplan-content-close{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	opacity:0.6;
}
.blackoverlay-hallenplan-content-close:hover{
	opacity:1;
}


#overlay {	
	background-color:#fcfcfc;
	border:2px solid #cccccc;
	-webkit-box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.53);
	box-shadow: 0px 0px 45px -7px rgba(0,0,0,0.53);
	position:fixed;
	z-index:1001;
	/* top:10% !important; */
	display:none;
	padding:10px;
	/* width:80%; */
	/* height:80%; */
   
	box-sizing:border-box;
	border-radius:4px;		
	left:30px;
	top:10%;	   
}
#overlay .js_close{
	position:absolute;
	top:0;
	right:0;
}
iframe{
	border:0;
}
.overlay-padding{
	padding:20px;
}
.overlay-padding input{
	padding:8px;
	width:250px;
}
.overlay-padding:after{
	content:'';
	display:block;
	clear:both;
}
#overlay.overlay-padding{
	padding:30px;
}
/* Stammdaten */

.video-box{
	margin-bottom:10px;
}
.file-box td{
	padding-bottom:10px;
}
.video-add, .file-add, .beruf-add{
	cursor:pointer;
	display:inline-block;
}
.video-add img, .file-add img, .beruf-add img{
	vertical-align:middle;
}
.logo-preview{
	max-width:300px;
	height:auto;
}
.team-bild-small{
	max-width:30px;
	height:auto;
}
.team-bild{
	max-width:100px;
	height:auto;
	border-radius:60px;
}


.textfeld-margintop{
	margin-top:10px;
}

/* STATISTIK */
#piechart {
	float:left;
	width: 250px;
	height: 250px;
	margin-left: 80px;
	margin-top: 100px;
	transform:scale(1.5);
	box-sizing:border-box;
} 
.piece {
	position: absolute;
	width: 250px;
	height: 250px;
	clip: rect(0px, 250px, 250px, 125px);
	border-radius: 125px;
	background: #ac9556;
} 
.piece-inner {
    position: absolute;
    width: 250px;
    height: 250px;
    clip: rect(0px, 125px, 250px, 0px);
    border-radius: 125px;
    -webkit-backface-visibility: hidden;
}

/* GREMIENBESETZUNG */
.gremien-tab{
	float:left;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
	box-sizing:border-box;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	background-color:#bcbcbc;
	text-align:center;
	cursor:pointer;
	font-size:0.8rem;
	margin-right:5px;
}

/* WAHLPERIODEN */
.wahlperioden-left{
	float:left;
	width:15%;
	margin-right:2%;
}
.wahlperioden-center{
	float:left;
	width:25%;
	margin-right:2%;
}
.wahlperioden-right{
	float:left;
	width:56%;
}
.wahlperiode-status-0{
	opacity:0.2;
}
.wahlperiode-status-1{
	opacity:1;
}

.sortarrow{
	opacity:0.5;
	transition:0.3s;
	cursor:pointer;
}
.sortarrow:hover{
	opacity:1;
}

/* Spezifische Einstellungen */
#piece1 {
    transform: rotate(0deg);
}
#piece1 > .piece-inner {
    background: #ac9556;
    transform: rotate(72deg);
}
 
#piece2 {
    transform: rotate(72deg);
}
 
#piece2 > .piece-inner {
    background: #6d8da2;
    transform: rotate(126deg);
}
 
#piece3 {
    transform: rotate(198deg);
}
#piece3 > .piece-inner {
    background: #92a26d;
    transform: rotate(168deg);
}
.statistik-right{
	float:right;
	width:20%;
	margin-left:4%;
	margin-top:30px;
}


/* TAGESORDNUNG */
#tagesordnung-sitzung-bearbeiten{
	float:left;
	width:100%;
	border:2px dashed grey;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
	padding-top:30px;
	padding-bottom:0px;
	margin-bottom:30px;
	display:none;
}
.tagesordnung-sitzungsteil-bearbeiten{
	float:left;
	width:100%;
	border:2px dashed grey;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
	padding-top:30px;
	padding-bottom:0px;
	margin-bottom:30px;
	display:none;
}
.tagesordnung-sitzungsteil-bearbeiten-close{
	margin-top:-50px;
	background-color:#ffffff;
	width:40px;
	padding-left:10px;
	float:right;
	cursor:pointer;
}
.tagesordnung-sitzungsteil-bearbeiten-headline{
	margin-top:-45px;
	background-color:#ffffff;
	width:240px;
	padding-left:10px;
}

.tagesordnung-sitzungsteil-noe-bearbeiten{
	float:left;
	width:100%;
	border:2px dashed grey;
	box-sizing:border-box;
	border-radius:10px;
	padding:10px;
	padding-top:30px;
	padding-bottom:0px;
	margin-bottom:30px;
	display:none;
}
.tagesordnung-sitzungsteil-noe-bearbeiten-close{
	margin-top:-50px;
	background-color:#ffffff;
	width:40px;
	padding-left:10px;
	float:right;
	cursor:pointer;
}
.tagesordnung-sitzungsteil-noe-bearbeiten-headline{
	margin-top:-45px;
	background-color:#ffffff;
	width:240px;
	padding-left:10px;
}

.tagesordnung-sitzung-bearbeiten-headline{
	margin-top:-45px;
	background-color:#ffffff;
	width:190px;
	padding-left:10px;
}
.tagesordnung-sitzung-bearbeiten-close{
	margin-top:-50px;
	background-color:#ffffff;
	width:40px;
	padding-left:10px;
	float:right;
	cursor:pointer;
}

.tablehead{
	background-color:#6e6e6e;
	color:#ffffff;
}
#tagesordnung-new{
	position:fixed;
	width:100%;
	left:0px;
	height:50px;
	bottom:0px;
	box-sizing:border-box;	
	padding:15x;
	transition: height 0.3s ease-in-out;
	background:rgba(255,255,255,1);
}
#tagesordnung-new:hover{
	height:50%;
}
.tagesordnung-new-head{
	float:left;
	width:100%;
	left:0px;
	height:50px;
	bottom:0px;
	box-sizing:border-box;	
	background-color:#789f01;
	cursor:pointer;
	font-size:1.3rem;
	color:#ffffff;
	margin-bottom:20px;
}
.tagesordnung-addentry{
	float:left;
	width:50px;
	height:50px;
	margin-left:3%;
	background-color:#a4c541;
	cursor:pointer;
	padding:12px;
	box-sizing:border-box;
	margin-right:15px;
}
.tagesordnung-addentry2{
	float:left;
	width:30px;
	height:30px;
	background-color:#a4c541;
	cursor:pointer;
	padding:7px;
	box-sizing:border-box;
	margin-right:15px;
}
.tagesordnung-addentry-small{
	float:left;
	width:30px;
	height:30px;
	margin-top:-30px;
	background-color:#789f01;
	cursor:pointer;
	padding:3px;
	box-sizing:border-box;
}
.tagesordnung-addentry-small:hover{
	background-color:#a4c541;
}
.tagesordnung-content{
	float:left;
	width:94%;
	margin-left:3%;
}
.tagesordnung-completewidth{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:80px;
}
.tagesordnung-more{
	float:left;
	width:22.75%;
	box-sizing:border-box;
}
.tagesordnung-more-spacer{
	margin-right:3%;
}
.tagesordnung-save{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:55px;
	background-color:#789f01;
}
.tagesordnung-button{
	background-color:#a4c541;
	color:#2d3a05;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	border:0px;
	margin-top:-10px;
	margin-bottom:0px;
	transition:0.3s;
	cursor:pointer;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:0.85rem;
}
.tagesordnung-button:hover{
	background-color:#c1e15f;
}


/* Helpcenter */
#helpcenter{
	position:fixed;
	top:45%;
	width:60px;
	height:120px;
	opacity:0.3;
	transition:0.3s;
	text-align:center;
	background-image:url('../images/icon-helpcenter.png');
	background-repeat:no-repeat;
	cursor:pointer;
	right:0%;
	z-index:1995;
}
#helpcenter:hover{
	opacity:1;
	width:100px;
}
#helpcenter.active{
	right:30%;
	opacity:1;
	width:100px;
}
.helpcenter-question{
	float:left;
	margin-top:40px;
	width:100%;
	text-align:center;
	padding-left:10px;
}
#helpcenter-content{
	position:relative;
	position:fixed;
	right:-30%;
	width:30%;
	height:100%;
	background:rgba(255,255,255,1);
	border-left:10px solid #92b359;
	box-sizing:border-box;
	z-index:1000;
	transition:0.3s;
	overflow-y: auto;
	overflow-x: hidden;
	top:0;
}
#helpcenter-content.active{
	right:0%;
}
.helpcenter-content{
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:40px;
}
.helpcenter-content-headline{
	width:100%;
	box-sizing:border-box;
	padding:20px;
	background-color:#92b359;
}
.help-feedbackbox{
	float:left;
	width:100%;
	padding:40px;
	border:1px dashed grey;
	box-sizing:border-box;
	display:none;
}
.help-feedbackbox-click{
	color:#52a5c8;
	font-size:0.7rem;
	margin-top:11px;
	cursor:pointer;
}

@media(max-width:1600px){
	#helpcenter{
		transform-origin:100% 50%;
		transform:scale(0.5);
		top:15px;
		z-index:995;
		opacity: 1;
		width: 100px;
	}
}
/* GEMEINDERATSMITGLIED */
.mitglied-left{
	float:left;
	width:25%;
	margin-right:3%;
	box-sizing:border-box;
}
.mitglied-right{
	float:left;
	width:44%;
	box-sizing:border-box;
}

/* Toast / Alert */
#toast{
	position:fixed;
	width:100%;
	bottom:0;
	z-index:110;
}
#toast-box{
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:20px;
	background-color:#92b359;
	color:#ffffff;
	position:relative;
	display:none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
#toast-box.green{
	background-color:#92b359;
}
#toast-box.blue{
	background-color:#55757f;
}
#toast-box.red{
	background-color:#af6060;
}
#toast-content{
	text-align:center;
}
#toast-close{
	position:absolute;
	cursor:pointer;
	top:10px;
	right:10px;
}
.toast-me{
	display:none;
}

#alert{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	display:none;
	z-index:2000;
}
#alert-content{
	text-align:center;
	margin-top:0px;
	opacity:0;
	transition: margin-top 0.3s, opacity 0.3s;
}
#alert-box{
	display:inline-block;
	background-color:#ffffff;
	padding:20px;
	max-width:90%;
	text-align:left;
}
#alert-box:after{
	display:block;
	content:'';
	clear:both;
}
#alert.show #alert-content{
	margin-top:40px;
	opacity:1;
}
.alert-text{
	font-weight:500;
	font-size:1rem;
	color:#000000;
}
.alert-buttons{
	margin-top:20px;
}
.alert-buttons > div{
	padding:8px 20px;
	color:#ffffff;
	font-weight:700;
	cursor:pointer;
	text-align:center;
	min-width:100px;
}
.alert-button._confirm{
	background-color:#70a150;
	float:left;
	margin-right:10px;
}
.alert-button._cancel{
	background-color:#a15050;
	float:right;
	margin-left:10px;
}
/* ADMIN */
.akkordeon{
	float:left;
	width:100%;
	border-bottom:1px solid grey;
	margin-bottom:20px;
	cursor:pointer;
}
.akkordeon-head{
	float:left;
	height:30px;
}
.akkordeon-arrow{
	float:left;
	width:19px;
	height:16px;
	background-image:URL('../images/icon-arrow-right-full.png');
	margin-top:2px;
	margin-right:10px;
}
.akkordeon-arrow-down{
	background-image:URL('../images/icon-arrow-down-full2.png');
}
.akkordeon-content{
	float:left;
	width:100%;
	display:none;
}
.social-icon{
	display:inline-block;
	vertical-align:middle;
	width:29px;
	height:29px;
	background-position:0 -29px;
	background-repeat:no-repeat;
	margin-right:8px;
}
.social-icon._linkedin{ background-image:url('../../images/social-linkedin.png'); }
.social-icon._xing{ background-image:url('../../images/social-xing.png'); }
.social-icon._facebook{ background-image:url('../../images/social-facebook.png'); }
.social-icon._instagram{ background-image:url('../../images/social-instagram.png'); }
.social-icon._youtube{ background-image:url('../../images/social-youtube.png'); }
.social-icon._twitter{ background-image:url('../../images/social-twitter.png'); }

.rundmail-uncheck{
	cursor:pointer;
}
#chat{
	display:inline-flex;
	flex-direction:column;
	height:calc(100% - 30px);
	/* max-width:800px; */
	width:100%;
	vertical-align:top;
}
.chat-messages{
	flex-grow:1;
	overflow-y:auto;
}
.chat-messages:after{
	display:block;
	content:'';
	clear:both;
}
.chat-input{
	border-top:1px solid #cccccc;
	flex-shrink:1;
	padding-top:10px;
}
.chat-text{
	width:500px;
	height:100px;
}
.chat-item{
	width:90%;
	border:1px solid #cccccc;
	background-color:#eeeeee;
	float:left;
	border-radius:8px;
	padding:10px;
	margin-bottom:10px;
}
.chat-item._own{
	width:90%;
	border:1px solid #cccccc;
	background-color:#e3eaed;
	float:right;
}
.chat-item._new{
	width:90%;
	border:2px solid #1b71a6;
}
.chat-name{
	font-style:italic;
	font-size:1rem;
	float:left;
}
.chat-date{
	font-size:0.8rem;
	float:right;
}
.chat-message{
	clear:both;
	padding-top:5px;
}
.chat-send{
	vertical-align: bottom;
}
.blob{
	display:inline-block;
	background-color:#7eb536;
	border-radius:50%;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#ffffff;
	font-size:0.8rem;
	font-weight:700;
	box-shadow:0 0 6px rgba(0,0,0,0.1);
}
.blob._topright{
	position:absolute;
	top:0;
	right:0;
}
.chat-left{
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 0px);
	margin-right:50px;
}
.chat-right{
	display:inline-block;
	vertical-align:top;
	width:calc(49% - 50px);
}
.chat-info{
	border-left:1px solid #cccccc;
	padding-left:30px;
	padding-top:15px;
}
.chat-info a{
	text-decoration:underline;
}
.chat-info img{
	max-width:100%;
}
.chat-tabs{
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
}
.chat-tab{
	padding:8px 16px;
	background-color:#8ca3ad;
	color:#ffffff;
	display:inline-block;
	margin-right:1px;
	cursor:pointer;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
}
.chat-tab.active{
	background-color:#1b71a6;
}
.chat-tabcontents{
	
}
.chat-tabcontent{
	width:100%;
	box-sizing:border-box;
}
.chat-newsletter iframe{
	border:1px solid #cccccc;
}

.standcolor{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
}
.standcolor1{
	background-color:rgba(170,170,204,0.5);
}
.standcolor2{
	background-color:rgba(222,220,37,0.5);
}
.standcolor3{
	background-color:rgba(222,146,37,0.5);
}
.standcolor4{
	background-color:rgba(146,179,86,0.5);
}
.standcolor0{
	background-color:rgba(200,0,0,0.5);
}
.rechnungstable input{
	text-align:right;
}
.rechnung-status-0 td, .rechnung-status-0{
	background-color:rgba(255,0,0,0.1);
}
.rechnung-status--1 td, .rechnung-status--1{
	background-color:rgba(0,0,0,0.1);
}
.rechnung-type-2 td, .rechnung-type-2{
	background-color:rgba(255,0,255,0.1);
}
.legende{
	margin-bottom:10px;
}
.legende-box{
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:20px;
	margin-left:10px;
}
.legende-item{
	display:inline-block;
}

.ms-options-wrap > button{
	overflow:hidden;
}
.ms-options{
	line-height:1.3;
}
.clear{
	clear:both;
}
.no-form{
	display:inline-block;
}
.left{
	float:left;
}
.right{
	float:right;
}
.grey{
	color:#999999;
}

#main{
	float:left;
	width:100%;
}

.shop-order{
	border:2px solid #dddddd;
	padding:20px;
	margin-bottom:50px;
}
.shop-cart-image{
	width:100px;
	height:auto;
}
.shop-textarea{
	font-family:inherit;
	width:500px;
	height:150px;
	font-size:1rem;
	border-radius:4px;
	padding:6px;
	border:1px solid #aaaaaa;
	font-weight:300;
}
.shop-textarea._comment{
	width:50%;
	height:50px;
}
.shop-input{
	font-family:inherit;
	width:40px;
	padding:6px;
	border-radius:4px;
	border:1px solid #aaaaaa;
	font-size:1rem;
	font-weight:300;
}
tfoot .table{
	margin-left:5px;
	margin-right:-5px;
	border-left:5px solid #8ca3ad;
}
.warning-icon{
	cursor:help;
	display:inline-block;
	border-radius:50%;
	background-color:#aa0000;
	color:#ffffff;
	width:20px;
	text-align:center;
}
.fixed-tr{
	position:sticky;
	top:0;
	z-index:3;
}
.mops-menu{
	float:left;
	width:250px;
	margin-right:25px;
	padding-right:25px;
	line-height:1.6;
	min-height:500px;
}
.mops-menu2{
	width:100%;
	border-right:0px solid #666666;
}
.mops-content {
    width: calc(100% - 330px);
    float: left;
}

/* Login */

.logout-logo{
	text-align:center;
}

.logout-content{
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
	height:calc(100% - 150px);
}
.logout-bg-1{
	background-image:URL('../images/login/login-001.jpg');
}
.logout-bg-2{
	background-image:URL('../images/login/login-002.jpg');
}
.logout-bg-3{
	background-image:URL('../images/login/login-003.jpg');
}
.logout-bg-4{
	background-image:URL('../images/login/login-004.jpg');
}
.logout-bg-5{
	background-image:URL('../images/login/login-005.jpg');
}
.logout-bg-6{
	background-image:URL('../images/login/login-006.jpg');
}
.logout-bg-7{
	background-image:URL('../images/login/login-007.jpg');
}
.logout-bg-8{
	background-image:URL('../images/login/login-008.jpg');
}
.logout-bg-9{
	background-image:URL('../images/login/login-009.jpg');
}
.logout-bg-10{
	background-image:URL('../images/login/login-010.jpg');
}
.logout-bg-11{
	background-image:URL('../images/login/login-011.jpg');
}
.logout-content-container{
	margin:0px auto;
    position:relative;
	width:600px;
}
.logout-sprechblase{
	margin:0px auto;
    position:absolute;
	width:600px;
	height:98px;
	top:-90px;
	line-height:1rem;
	padding:0px;
	box-sizing:border-box;
}
.logout-sprechblase-content{
	float:left;
	background-image:URL('../images/logout-sprechblase.png');
	width:600px;
	height:98px;
	display:none;
	line-height:1rem;
	margin-top:-12px;
}
.logout-sprechblase-content-text{
	float:left;
	width:500px;
	height:50px;
	color:#ffffff;
	font-size:0.7rem;
	margin-left:40px;
	margin-top:20px;
}
.logout-box{
	width:100%;
	max-width:600px;
    margin:0px auto;
    position:relative;
	border-radius:20px;
	background:rgba(0,0,0,0.4);
	color:#ffffff;
	box-sizing:border-box;
	padding:30px 60px;
	transition:1s;
	line-height:2.2rem;
}
.logout-box.gone{
	transform:scale(0.5);
	opacity:0;
	position:absolute;
}
.logout-box-question{
	position:absolute;
	top:30px;
	left:20px;
	opacity:0.3;
	transition:0.5s;
	cursor:pointer;
}
.logout-box-question:hover{
	opacity:1;	
}
.logout-box-content{
	float:left;
	margin-left:119px;
	margin-top:50px;
	line-height:2.2rem;
}
.logout-box-logging-in{
	position:absolute;
	width:260px;
    margin:0px auto;
	padding:40px;
    position:relative;
	border-radius:20px;
	background:rgba(0,0,0,0.7);
	top:90px;
	color:#ffffff;
	display:none;
	text-align:center;
	line-height:2rem;
}
.logout-input{
	-moz-border-radius:4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	border:1px solid #bcbcbc;
	height:40px;
	width:100%;
	background-color:#f7f7f7;
	padding:8px;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:1rem;
	color:#000000;
	margin-bottom:15px;
	opacity:0.7;
	transition:0.3s;
	box-sizing:border-box;
}
.logout-input:focus{
	opacity:1;
}
.logout-button {
    margin-top: 20px;
    padding: 10px;
    background-color: #15679a;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    color: #ffffff;
    height: 35px;
    width: 200px;
    display: inline-block;
    cursor: pointer;
	border:0px;
}
.logout-button:hover {
    background-color: #237fb9;
}
.logout-vergessen-button {
    margin-top: 20px;
    padding: 10px;
    background-color: #b4b4b4;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: center;
    color: #ffffff;
    height: 35px;
    width: 200px;
    display: inline-block;
    border:0px;
    cursor: pointer;
    font-size: 8pt;
    text-shadow: none;
	line-height:1rem;
}
.logout-vergessen-button:hover {
    background-color: #7d4a4a;
}
#logout-footer {
	position:absolute;
	bottom:0px;
	width:100%;
	left:0px;
	color:#ffffff;
}
.logout-footer-content{
	margin:0 auto;
	width:100%;
	max-width:600px;
	padding-bottom:30px;
	font-size:0.8rem;
	opacity:0.5;
}
select.multiselect{
	width:200px;
	height:200px;
	padding: 10px 6px;
    padding-left: 10px;
    border-radius: 8px;
    border: 1px solid #9d9d9d;
    background-color: #f6f6f6;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    /* height: 35px; */
}
/* Berufswelten */
.beruf-box{
	display:flex;
	flex-flow:row nowrap;
	gap:10px;
}
.beruf-outerbox{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #cccccc;
}


/* Login Ende */
h1{
	color:#3b3b3b;
	font-size:2.2rem;
	font-weight:300;
}
h2{
	color:#606060;
	font-size:1.4rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}
h3{
	color:#606060;
	font-size:1.2rem;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	padding-bottom:20px;
	margin:0px;
}
h4{
	padding:0px;
	margin:0px;
	margin-bottom:20px;
}

.bold{
	font-weight:500;
}

a{
	color:#3b3b3b;
	text-decoration:none;
}
a:hover{
	color:#01509f;
	text-decoration:none;
}

td{
	font-weight:300;
}

.hoverimg{
	opacity:0.5;
	transition:0.3s;
	cursor:pointer;
}
.hoverimg:hover{
	opacity:1;
}

hr{
	width:100%;
	border:0px;
	height:1px;
	background-color:#b3b3b3;
	padding:0px;
	margin:0px;
	margin-bottom:30px;
}

.print{
	display:none;
}

#filterbar{
	position:fixed;
	top:0px;
	right:-300px;
	padding:30px;
	width:200px;
	height:100vh;
	background:rgba(250,250,250,1);
	border-left:1px solid #e4e4e4;
	z-index:1000;
	display: flex;
    flex-direction: column;
	transition:right 0.5s;
	z-index:1000;
}
#filterbar._show{
	right:0px;
}
.filterbar{
	width:200px;
	height:100vh;
	overflow:hidden;
}
#filterleiste{
	width:100%;
	position:fixed;
	top:0px;
	right:0px;
	height:40px;
	float:right;
	background-color:#f2f2f2;
}
.filterbutton{
	float:right;
	padding-right:50px;
	cursor:pointer;
	display:flex;
	flex-flow:row nowrap;
	height:100%;
	align-items: center;
}
.filterbutton.active{
	background-color:#ffc937;
}
.filterbutton .filter-clear{
	display:none;
}
.filterbutton.active .filter-clear{
	display:inline-block;
}
.filterbutton *{
	display:inline-block;
	vertical-align:middle;
}
.table_accept, .table_cancel{
	cursor:pointer;
}

#wasserzeichen{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#000000;
	font-size:30vw;
	opacity:0.05;
	pointer-events:none;
}

#hint {
	position:absolute;
	max-width:350px;
	background: #5d7f22;
	border: 1px solid #8caa57;
	pointer-events:none;
	cursor-events:none;
	display:none;
	font-size:0.7rem;
	padding:20px;
	/*margin-left:7px;*/
	color:#ffffff;
	border-radius:5px;
	box-sizing:border-box;
	z-index:1001;
}

#hint-arrow{
	height:0;
	width:0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #5d7f22;
	position:absolute;
	bottom:-10px;
	left:50%;
}
.hint-info{
	display:inline-block;
	vertical-align:middle;
	width:14px;
	height:14px;
	background-image:URL('../images/icon-hint-off.png');
}
.hint-info:hover{
	background-image:URL('../images/icon-hint-on.png');
}
.hint{
	cursor:help;
}
.hint2{
	cursor:pointer;
}
.shop-invoice-buttons a, .shop-invoice-buttons img, .shop-invoice-buttons button{
    vertical-align:middle;

}

@media all and (max-width: 1500px) {
	h1{
		font-size:1.8rem;
	}
	h2{
		font-size:1.1rem;
	}
	h3{
		font-size:1rem;
	}
	#top{
		height:100px;
	}
	.top-logo img{
		height:70px;
	}
	#menu{
		/* height:40px; */
		margin-top:50px;
	}
	.menu-button{
		/*float:left;
		padding:10px;
		font-size:0.9rem;*/
	}
	.menu-button a{
		padding:15px;
	}
	.blackoverlay-content{		
		width:40%;		
	}
	td{
		font-size:0.85rem;
	}
	body{
		font-size:0.85rem;
	}
	.hallenplan-gelaendebox{
		height:400px;
	}
	.hallenplan-sidemenu{
		position:fixed;
		right:0px;
		width:400px;
		/* height:400px;		 */
		right:0px;
		transition:0.3s;
		background-color:#ffffff;
	}
	.hallenplan-sidemenu.active{
		right:-400px;
	}
	.hallenplan-sidemenu-grabber{
		position:absolute;
		left:-50px;
		margin-top:150px;
		width:50px;
		height:50px;
		background-color:#8ca3ad;
		border-top-left-radius:15px;
		border-bottom-left-radius:15px;
		cursor:pointer;
	}
	.hallenplan-sidemenu-content{
		height:390px;
		padding:20px;
	}
}


/* LOGIN ANIMATION */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media print{
	#filterbar,#filterleiste,#sidemenu{
		display:none;
	}
}
/* Custom Starter */

/*.body-login #root{
	color:#ffffff;
	background-image: url('../images/loginBackground.png');
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}
.body-login #root h1,.body-login #root h2,.body-login #root h3{
	color:#ffffff;
}
.body-login #root form > div{
	margin:0 auto;
	text-align:center;
}
.body-login #root form > div.left{
	float:none;
	margin:0 auto;
	text-align:center;
}
.body-login #root .button{
	color:#ffffff !important;
	background-color:transparent !important;
	border:1px solid #ffffff !important;
}
.body-login #root .button:hover{
	color:#555 !important;
	background-color:#ffffff !important;
}*/