body {
	background:#111;
	font-size:16px/*100%*/;
	margin:0em;
	padding:0em;
	color: #EEE;

	line-height:1.25em;
	font-family: Helvetica;
	font-weight:100;
	margin: 0em;
	padding: .7em;
	text-align: left;
}
html {
    height: 100%;
}
body{ min-height:100%; padding:0; margin:0; position:relative; top:30px;}
body:after{ content:''; display:block; height:100px; }
h1 {
	/*color: rgb(250, 250, 250);
	font: small-caps 900 9em 'Lato', sans-serif;
  	letter-spacing: 10px;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
  	font-family: 'Open sans', sans-serif;
	text-align: center;*/
}
h2 {
	font-size:1.563em;
	line-height:1.4em;
	color:#f60;
	margin: 0em;
	padding: 0.3em 0 0.1em 0;
	text-align:left;
}
h3 {
	font-size:1.063em;
	line-height:1em;
	font-family: Helvetica;
	font-weight:500;
	color:#3498db;
	margin: 0em;
	padding:0.9em 0em 0em 0em; /*0.9em 0em 0em 1.1em*/
	text-align:left;
}
p {
	line-height:1.25em;
	font-family: Helvetica;
	font-weight:100;
	/*color:#ccc;*/
	margin: 0em;
	padding: .7em;
	text-align: left;
}
hr {
	border: 0em;
	border-bottom: 0.188em solid #E7590B;
}
a {
	color: #F30;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	color: #A00;
}
ul {
	margin:0em;
	padding:0em;
}
li {
	list-style: square;
	font-family: Helvetica;
	font-weight:100;
	color:#ccc;
	line-height: 1.25em;
	margin: 0em;
	padding:0em;
	margin: 0.313em 0em 0.313em 0em;
}
img {
	max-width: 100%;
	height: auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
img.small {
	max-width:500px;
}

.deactiv {
	display: none;
}
#clock {
	display: block;
	font-size:2.5em; text-align:center; margin: 1em auto; color:#222;
}





/* ################################################### */
/* on top bar */
/* ################################################### */
#menubar {
	position: fixed;
	width: 100%;
	display: block;
	background:#FF6600;
	background: linear-gradient(180deg, #A00 5%, #F30 70%);
	/*background: linear-gradient(90deg, #F60 0%, #F30 25%, #F30 75%, #F60 100%);*/
	height: auto;
	z-index: 99;
	top: 0px;
}
#menubar ul.menubar {
	display:block;
	width:18em;
	padding:0.9em;
}
#menubar ul li {
	display: inline;
}
#menubar ul li a.menubutton {
	color:#FFFFFF;
	font: small-caps 900 30px 'Lato', sans-serif;
  	letter-spacing: 5px;
  	text-shadow: 2px 2px 2px #666666;
}






/* ################################################### */
/* nav */
/* ################################################### */
nav {
	display: block;
	height: 2.5em;
	margin-top: -2.5em;
	float: right;
	text-align: center;
}
.slicknav_menu {
	display: none;
}
nav ul {
	display: block;
	overflow: hidden;
	margin: auto;
	min-width: 800px;
	margin-right: 30px;
	transition: all 1.5s;
	transition: background 1.5s;
	-webkit-transition: background 1.5s;
}
nav ul li {
	display: inline;
	margin: 0em 0.188em 0em 0.188em;
}
nav ul li a {
	color: #FFFFFF;
	font-weight: bolder;
	font-size: 1.125em;
	line-height: 2.1em;
	padding: 0.5em 1em;
	transition: background 0.2s;
	-webkit-transition: background 0.2s;
	white-space: nowrap;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	text-transform: uppercase;
}
nav ul li a:hover {
	color: #FFF;
	background: rgba(255, 255, 255, 0.2);
	transition: all 0.2s;
}
/* submenu LEVEL TWO */
nav ul.menu ul {
	width: auto; /*220px*/
	visibility: hidden;
	position: absolute;
	margin:0;
	padding: 5px;
	border-radius: 0 0 0.411em 0.411em;
	background: #F60;
	/*background: linear-gradient(0deg, #F90 5%, #F30 70%);*/
	transition: all 1.5s;
	transition: background 1.5s;
	-webkit-transition: background 1.5s;
/*	border-left:3px solid #000;
	border-bottom:3px solid #000;
	border-right:3px solid #000; */
}
nav ul.menu ul li {
	float: left;
	padding:0;
	margin: 2px 20px;
	display: inline-block;
	width: 200px;
} /* IE 6 & 7 Needs Inline Block */
nav ul.menu ul li a	{
	border-right: none;
	width: 100%;
	display: inline-block;
	text-align: left;
	line-height: 1.1em;
	text-transform: none;
}
nav ul.menu ul li:hover,
nav ul.menu ul li a:hover			{  }
nav ul.menu ul h3.submenuarea {
	display: table;
    margin: 30px 10px 0 0;
    font-weight: bolder;
	font-size: 1.125em;
	line-height: 1.4em;
    text-transform: uppercase;
    width: 98%;
    border-bottom: 2px solid #000;
    color: #000000;
}
nav ul.menu ul p {
    color: #000000;
    font-weight:bolder;
    font-size: 1.125em;
}

/* submenu LEVEL THREE */
nav ul.menu ul ul 					{ left: 100%; }
nav ul.menu li:hover > ul 			{ visibility: visible; }


nav .menucorner {
	display:inline-block;
	width: 0px;
	height: 0px;
	-webkit-transform:rotate(360deg);
	border-style: solid;
	border-width: 8px 4px 0 4px;
	border-color: #eeeeee transparent transparent transparent;
	margin-right:-10px;
}

/* one_two oder two_one Linkmenu */
.untermenuspaceleft{
	margin-right:60px;
}
@media screen and (max-width:760px){
	.untermenuspaceleft{
		margin-right:0px;
	}
}








/* ################################################### */
/* header */
/* ################################################### */
header {
	display: block;
	background: #F30;
	/*background: linear-gradient(180deg, #A00 5%, #F30 70%);*/
	background: linear-gradient(90deg, #F60 0%, #F30 25%, #F30 75%, #F60 100%);
	/*background: linear-gradient(180deg, #043174 5%, #2b6ef4 70%);*/
	/*background: url(../../data/img/Bild.png);*/
	text-align: center;
	width:100%;
	height:/*340px*/200px;
	margin-top: 4.375em;
	display: none;

}
header .topimg {
	/*background: url(../../data/img/fa-text.png);*/
    background-repeat: no-repeat;
	background-position:0em 50%;
	margin: 1em 5em 1em auto;
	width: 300px;
	height: 200px;
}
header h1 {
	color:#FFF;
	font: small-caps 900 6.875em 'Lato', sans-serif;
  	letter-spacing: 10px;
	text-shadow: 2px 2px 2px #666666;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
}
header h3 {
	color:#FFF;
	font: small-caps 400 1.032em 'Lato', sans-serif;
  	letter-spacing: 2px;
	text-shadow: 2px 2px 2px #666666;
	margin: 0;
	padding: 0;
	padding-left: 100px;
	line-height: 20px;
	text-align: center;
	/*position: absolute;
	left: 240px;
	top: 100px;
	margin-top: -80px;*/
}
header .sekondimg {
	position: relative;
	background: rgba(173, 41, 76, 0.1);
    background-repeat: no-repeat;
	background-position:0em 50%;
	top:-10em;
	margin: auto;
	width: 60%;
	height: 200px;
	color: rgba(224, 208, 141, 0.49);
}




/* ################################################### */
/* content */
/* ################################################### */
#wrapper {
	display: block;
	color: #000;
}
#content {
	display: block;
	width: 100%;
	height: auto;
	margin-top:50px; /*aenderung*/
}
.main {
	display: block;
	width: 96%;
	max-width: 1400px;
	margin: 2.5em auto;
	padding: 0em;
}


/* --------------------------- */
/* content Text */
/* --------------------------- */
.main article h1, h2, h3 {
    color: #F60;
    font-family: 'Open sans', sans-serif;
}
.main article h1 {width: 100%; border-bottom: 1px solid #EEE; text-transform: uppercase; line-height: 1.375em; font-weight: lighter; margin-top: 40px; }
.main article h2 {width: 100%; border-bottom: 0px solid #EEE; text-transform: uppercase; line-height: 1.4em; font-weight: lighter; margin-top: 20px; }

.main article h1 {font-size: 200%; /*font-size: 1.5vw;*/ }
.main article h2 {font-size: 180%; /*font-size: 1.5vw;*/  margin-bottom: 0px;}
.main article h3 {font-size: 100%; /*font-size: 1.5vw;*/ line-height: 22px; margin-top: 20px;}

.main article, .main article p {
	font-size: 16px/*100%*/;
}
.main article fieldset, .main article fieldset legend {
    /*border-color: #333333;#F30 #3498db*/

}
.main article fieldset {
	border: 0.1em solid #333;
	margin-bottom: 20px;
	padding-top: 1px;
	background: #222;/*oder eventuell ohne background*/
}
.main article fieldset legend {
    color: #F60;
    font-size: 120%;
}
.main article small {
    font-size:60%;
}
.main article strong {
    font-weight: bolder;
}
.main article ul, ol {
	line-height: 22px;
}
.main article ul {
	padding: 0em 1.875em 0.25em 2.5em;
}
.main article li {
	margin-left: 2px;
}
.main article img {
	border-radius: 10px;
	margin: 1em;
}
/* --------------------------- */
/* content Text Link */
/* --------------------------- */
/* unvisited link */
a {
    color: red;
    cursor: pointer;
    text-decoration: none;
    word-wrap: break-word;
}
/* mouse over link, selected link */
a:hover, a:focus, a:active {
    color: #FFF;
}






/* ------------------------------------------------------ */
/* content 2-1 */
/* ------------------------------------------------------ */
.main article.two_one {
	display: inline-block;
	width: 65.3%;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
	text-align: left;
}


/* ------------------------------------------------------ */
/* content 1-2 sidebar right */
/* ------------------------------------------------------ */
.main article.one_two {
	display: inline-block;
	width: 30.6%;
	margin-left: 3%;
	padding: 0em;
	vertical-align: top;
}

/* ------------------------------------------------------ */
/* content 2 spaltig */
/* ------------------------------------------------------ */
.main article.half {
	display: inline-block;
	width: 47%;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
	text-align: left;
}
.main section.space {
	display: inline-block;
	width: 4%;
	background: none;
	margin: 0em;
	padding: 0em;
}

/* ------------------------------------------------------ */
/* content 3 spaltig */
/* ------------------------------------------------------ */
.main article.triple {
	display: inline-block;
	width: 33%;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
	text-align: left;
}

/* ------------------------------------------------------ */
/* content full */
/* ------------------------------------------------------ */
.main article.full {
	display: inline-block;
	width: 99.5%;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
	text-align: left;

}

.main article.fullcolumn3 {
	width: 99%;
	column-count: 3;
	column-width: 300px;
	column-gap: 20px;
	column-rule-color: #000;
	column-rule-width: 1px;
	column-rule-style: dotted;
	column-break-before: column;
	column-break-after: column;
}
.main article.fullcolumn2 {
	width: 99%;
	column-count: 2;
	column-width: 500px;
	column-gap: 20px;
	column-rule-color: #000;
	column-rule-width: 1px;
	column-rule-style: dotted;
	column-break-before: column;
	column-break-after: column;
}
.main article.fullcolumn3 h1,
.main article.fullcolumn3 h2,
.main article.fullcolumn3 h3,
.main article.fullcolumn2 h1,
.main article.fullcolumn2 h2,
.main article.fullcolumn2 h3 {
	margin-top: 0;
	padding-top: 0;
}






/* ################################################### */
/* footer */
/* ################################################### */
footer {
	display: block;
	background: #000/*#2F2C2C*/;
	text-align: center;
	height: auto;
	position: absolute;
	width: 100%;
	bottom: 0em;
}
footer section {
	margin: auto;
	width: 90%;
}
footer ul {
	display: block;
	width: 100%;
	max-width: 1300px;
	text-align: left;
	margin: 5px auto;
}
footer ul li {
	display: inline;
	font-size: 0.9em;
	line-height: 2.8em;
	color: #E7DBDB;
	padding: 0em 0.625em 0em 0.625em;
	margin: auto 1em;
}
footer ul li a {
	color: #E7DBDB;
}
footer ul li a:hover, footer ul li a:active {
	color: #FFF;
}




/* ################################################### */
/* popup */
/* ################################################### */
#test-popup {
	overflow: auto;
}
#test-popup img {
	display: inline-block;
}
.test-popup {
	  position: relative;
	  background: #555;
	  padding: 20px;
	  width: auto;
	  max-width: 900px;
	  margin: 20px auto;
	  color: #FFF;
	  overflow: auto;
	  height: 500px;
	  /*text-align: center;*/
}
.test2-popup {
	  position: relative;
	  background: #555;
	  padding: 20px;
	  width: auto;
	  max-width: 900px;
	  margin: 20px auto;
	  color: #FFF;
	  overflow: auto;
	  height: 580px;
	  /*text-align: center;*/
}
.bank-popup {
	  position: relative;
	  background: #F7D358;
	  color: #000;
	  padding: 20px;
	  width: auto;
	  max-width: 900px;
	  margin: 20px auto;
	  overflow: auto;
	  /*text-align: center;*/
}
.media-popup {
	  position: relative;
	  background: #888;
	  padding: 20px;
	  width: auto;
	  max-width: 900px;
	  margin: 20px auto;
	  color: #FFF;
	  overflow: auto;
	  height: 500px;
	  text-align: center;
}
.catering-popup {
	  position: relative;
	  background: #F7D358;
	  padding: 20px;
	  width: auto;
	  max-width: 900px;
	  margin: 20px auto;
	  color: #000;
	  overflow: auto;
	  height: 500px;
	  /*text-align: center;*/
}
.catering-popup input, .catering-popup textarea, .catering-popup label {
	color: #000;
}
.catering-popup .smallbutton {
	color:#FFF;
}

/* ################################################### */
/* WORKING POPUP */
/* ################################################### */
.work_screen{
	background: rgba(0,0,0,0.8);
	position: fixed;
    z-index:100000;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
}
.work_screen > div.work_area{
	width: auto;
	max-width: 900px;
	margin: 300px auto;
	display: block;
	vertical-align: middle;
	padding: 20px 20px;
	border-radius: 10px;
	background: #333333;
	color: #000;
	border: 3px solid #F7D358;
}
.work_screen > div.work_area .workscroll{
	overflow: auto;
	height: 300px;
	background: #F7D358;
}
.work_screen > div.work_kasse{
	width: auto;
	max-width: 900px;
	margin: 300px auto;
	display: block;
	vertical-align: middle;
	padding: 20px 20px;
	border-radius: 10px;
	background: #F7D358;
	color: #000;
	border: 3px solid #F7D358;
}



/* ################################################### */
/* KASSEN SYMBOL BANK / PAYPAL */
/* ################################################### */
.symbolpaypal {
	background:#00CCFF; color:#fff;margin:0 10px 0 0;padding:1px 3px;
}
.symbolbank {
	background:#A00; color:#fff;margin:0 10px 0 0;padding:1px 3px;
}
.zahlbetrag__negativ {
	color: red; text-align:right;
}
.zahlbetrag__positiv {
	color: green; text-align:right;
}




/* ################################################### */
/* hinweise / Error */
/* ################################################### */
/*
.error-notice, .notice{
  margin:10px 0;
}

.oae{
  background-color: #ffffff;
  border:1px solid #eee;
  border-left-width:5px;
  border-radius: 3px;
  margin:10px 20px;
  padding: 20px;
  text-align: left;
}

.error{
	background-color: #ffffff;
  border:1px solid #eee;
  border-left-width:5px;
  border-radius: 3px;
  margin:10px 20px;
  padding: 20px;
  text-align: left;
  border-left-color: #d9534f;
  background-color: rgba(218, 46, 46, 0.46);
}
.error strong{
  color:#d9534f;
  opacity: 1;
}
.success {
	background-color: #ffffff;
  border:1px solid #eee;
  border-left-width:5px;
  border-radius: 3px;
  margin:10px 20px;
  padding: 20px;
  text-align: left;
  border-left-color: #2b542c;
  background-color: rgba(43, 84, 44, 0.1);
}
.success strong {
  color: #2b542c;
}
*/

/* alt */
.box-info, .box-ok, .box-warning, .box-error, .ok, .error, .warning, .info {
    display:block;
    width: auto;
	width: 90%;
    /*max-width: 900px;*/
    margin: 10px auto;
    /*margin-bottom: 100px;*/
    padding:12px;
    border-radius: 3px;
}
.box-info, .info {
    color: #00529B;
    background-color: #BDE5F8;
    border: 5px solid #00529B;
}
.box-info, .info p {
    color: #00529B;
}
.box-ok, .ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 5px solid #4F8A10;
}
.box-warning, .warning {
    color: #9F6000;
    background-color: #FEEFB3;
    border: 5px solid #9F6000;
}
.box-error, .error {
    color: #D8000C;
    background-color: #FFBABA;
    border: 5px solid #D8000C;
}
.box-info i, .box-ok i, .box-warning i, .box-error i {
    margin:10px 22px;
    font-size:2em;
    vertical-align: middle;
}



/* ################################################### */
/* seitenweisemenu */
/* ################################################### */
.blaeterlink-0, .blaeterlink-1{
	border: 1px solid #555;
	background: #555;
	padding: 1px 5px;
	color:#FFF;
}
.blaeterlink-1{
	border: 1px solid #A00;
	background: #A00;
	color: #FFF;
}





/* ################################################### */
/* formular */
/* ################################################### */
.formulararea {
	width: 90%;
	max-width: 900px;
	margin: 4em auto 0 auto;
	display: block;
}
.formulararea input, .formulararea textarea {
	/*font-size: 0.9em;*/
	font-size: 100%;
}
input, textarea {
	/*font-size: 0.9em;*/
	font-size: 100%;
}
label {
	width: 99%;
	display: inline-block;
	margin: 0em 0.188em 0em 1.188em;
	padding:0px;
	font-size: 0.73em;
	margin: 0em 0.188em 0em 0em;
	color: #888888;/*#3498db*/
	/*background:#3498db;*/
}

/* placeholder */
::-webkit-input-placeholder {color: #555555;}

:-moz-placeholder { /* Firefox 18- */
   color: red;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #555555;}

:-ms-input-placeholder {
   color: #555555;}

input, textarea {color: #ccc;}
input,
input:hover,
input:focus {
	display: inline-block;
	margin: 2.26em 0em 0em 0em;
	border: 0.2em solid #999;
	width: 90%;
	border: 0;
	border-bottom: 2px solid #888888/*#3498db*/;
	background: none;
	outline: none;
	background-size: 100% 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
input:focus {
	border-bottom: 2px solid #555;
}
input::focus:valid::-webkit-input-placeholder, input:valid {
	color: #111;
	/*border-color: #14DC19;*/
}
input::focus:invalid::-webkit-input-placeholder, input:invalid {
	color: #111;
	border-color: #C9272A;
}
input .spamschutzfeld {
	margin-left: 0em;
}
textarea {
	display: block;
	width: 92%;
	height: 100px;
	margin: 0em 4.188em 0.1em 0em;
	/*padding:0.5em 2em;*/
	border: 0.2em solid #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	background-size: 100% 100%;
	background: none;
}
textarea:focus {
	border: 2px solid #555;
}
input[type='checkbox'], input[type='radio']{
	margin: 0;
	padding:0;
	display: inline-block;
	width: auto;
	background: none;
	border: 1px solid #eee;
}

input[type="image"] {
	max-width: 80px;
	margin: 0;
}

input[type="file"] {
	width: auto;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


input[type="button"], input[type="submit"] {
	width: auto;
	border: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
/*
	display: inline-block;
    padding: .5em 1.5em;
    margin: 20px 10px 40px 0;
    border: 0;
    border-radius: 3px;
    outline: 0;
    background: linear-gradient(0deg, #F30 5%, #F90 70%);
    width: auto;
    font-size: 120%;
    text-shadow: 2px 2px #000;
    color: #FFFFFF;
    cursor: pointer;*/
}
input[type="button"]:hover, 	input[type="submit"]:hover,
input[type="button"]:active, 	input[type="submit"]:active,
input[type="button"]:visited, 	input[type="submit"]:visited,
input[type="button"]:focus, 	input[type="submit"]:focus {

}


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 80%;
  width: 100%;
  padding: 3px 10px;
  background-color: #555;
  color:#FFF;
  margin-bottom: 20px;
  background-image:url(../img/select.arrow.png);
  background-position: right;
  background-repeat: no-repeat;
}
/* Hide browser-styling in IE10 */
select::-ms-expand {
  display:none;
}

/* Hide custom-icons in lower versions of Internet Explorer (< IE10). */
.lt-ie10 select {
    background-image: none;
}

select option {
  border-top:1px solid #444;
  /*padding: .5em 1em;*/
  padding: 3px 10px;
}
select, option {
  color:yellow;
}





input.inputzahl{
	max-width: 30px;
	width: auto;
}
input.inputzahl40{
	max-width: 40px;
	width: auto;
}
input.inputzahl50{
	max-width: 50px;
	width: auto;
}
input.inputdate, input.inputtime {width: 100px; }

input.inputbig{
	margin: 0;
	padding:0;
	display: inline-block;
	width: auto;
	background: none;
	border: 5px solid red;
}






.spamschutz {
	color:red;
	margin-left: 0em;
}
/*
input.button {
	background: #F30;
	background: linear-gradient(0deg, #AA0000 5%, #FF3300 70%);
	color: #FFF;
	width: auto;
	border: 0;
	padding: 1em 3.5em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0;
}
input.button:hover {
	background: #A00;
	width: auto;
	border:0;
	margin-top: 0;
}*/
.white-popup input, .white-popup textarea {
	margin: 1em auto;
}




/* ################################################### */
/* scrollup */
/* ################################################### */
.scrollup {
    width: 2.5em;
    height: 2.5em;
    position: fixed;
    bottom: 4.5em;
    right: 1em;
    display: none;
    text-indent: -9999px;
    background: url('../../data/img/scroll.png') no-repeat;
    background-position: 50% center;
    background-color: #FF6600;
    border-radius: 5%;
	z-index: 100;
}
.scroll .dreieck {
	display: block;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid #00ff00;
}


/* ################################################### */
/* buttonbox */
/* ################################################### */
.bereichsbutton {
	display: inline-block;
	width:220px;
	height:120px;
	margin:10px;
	text-align:center;
	background: #444;
	background: linear-gradient(180deg, #555 0%, #333 35%, #333 65%, #555 100%);
	border-radius: 10px;
	border: 1px solid #333;
}
.bereichsbutton:hover {
	background: linear-gradient(180deg, #b3b3b3 0%, #cecece 35%, #cecece 65%, #b3b3b3 100%);
	cursor: pointer;
}
.bereichsbutton .text {
	position: relative;
	top: 40%;
	color: #000;
	font: small-caps 600 1.2em 'Lato', sans-serif;
  	letter-spacing: 2px;
	line-height: 1.2em;
	/*text-shadow: 2px 2px 2px #000;*/
	margin: 0 auto;
	width: auto;
}




/* ################################################### */
/* AUSRICHTUNG */
/* ################################################### */
.center {
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	/*margin-top: -20px;*/
}
.zentriert {
	position: relative;
	top: 50%;

}




/* ######################################################### */
/* MEDIA UPLOAD STYLE */
/* ######################################################### */
.mediadata {
	display:inline-block;
	max-width:150px;
	height: auto;
	margin:10px 5px;
	background: #555;
	border: 2px solid #444;
}

.mediadata span{
	display:block;
	font-size: 65%;
	color: #fff;
	text-align: center;
	margin:0;
	padding:0;
}

.mediadata a img{
	display:block;
	border:none;
	width: auto;
	max-width: 90%;
	height: auto;
	max-height: 60%;
	text-align: center;
	margin: auto;
}





/* ######################################################### */
/* CATERING */
/* ######################################################### */
.products__item {
	width: /*290px*/300px;
	display: inline-flex;
	min-height: 350px;
}
.products__item__admin {
	width:250px;
	display: inline-flex;
	min-height: 350px;
}
.product {
  background: #222;
  padding: 20px 15px;
  margin: 0 20px 20px 0;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #444;
  width: 90%;
}
.product__admin {
  background: #222;
  padding: 10px 5px;
  margin: 0 20px 20px 0;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #f60;
  width: 90%;
}
.product__title {
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 15px 0;
  color: #F60;
  border-bottom: 1px solid #EEE;
}
.product__text {
  margin: 0;
  min-height: 100px;;
}
.product__preis {
  margin: 0;
  text-align: center;
}
.cateringbestellstatus {
	margin:0 5px 0 20px;
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.cateringbestellstatus.red{
	background:red;
}
.cateringbestellstatus.yellow{
	background:yellow;
}
.cateringbestellstatus.green{
	background:green;
}
.cateringbestellstatus.blue{
	background:blue;
}
.cateringbestellstatus.none{
	background:none;
	border: 1px solid #eee;
}



@media only screen and (max-width: 768px) {
	.products__item {
		width: 99%;
	}
}
/* ################################################### */
/* CATERINGWARENKORB */
/* ################################################### */
#warenkorb-wrapper {
	position: fixed;
	text-decoration: none;
	top: 20%;
	left: -20px;
	color:#fff;
	padding: 8px 10px 3px 30px;
	background:#999;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	display: block;
	z-index: 300;
	cursor: pointer;
	transition: all 0.2s ease;
}
#warenkorb-wrapper .text {
	background-color: #A00;
    font-weight: bolder;
	font-size: 80%;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 5px;
    left: 50px;
    text-align: center;
	border-radius: 50%;
	padding-bottom: 2px;
}







/* ################################################### */
/* TURNIER STYLE */
/* ################################################### */
.turnierstatus {
	margin:5px 5px 0 5px;
	display:inline-block;
	width:20px;
	height:10px;
	border-radius:5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border: 0.001rem solid #eee;
}
.turnierstatus.red{
	background:#B40431;
}
.turnierstatus.yellow{
	background:#FFBF00;
}
.turnierstatus.green{
	background:#21610B;
}
.turnierstatus.blue{
	background:#084B8A;
}
.turnierstatus.none{
	background:none;
}





/* ################################################### */
/* BASE64 ICONS */
/* ################################################### */
.icon_mail {
	max-width: 256px;
	max-height: 256px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI2LjkzNiAyNi45MzYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI2LjkzNiAyNi45MzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8cGF0aCBkPSJNMCw0LjYxN3YwLjkxMnYxLjMxNHYxMy4yNTF2MC40NzZ2MS43NWgyNi45MzZ2LTEuNzV2LTAuNDc2VjYuODQ0VjUuNTI5VjQuNjE3SDB6IE0yNC42OTEsMTguNjA0ICAgbC02LjMzMi01LjUzOGw2LjMzMi00LjQ4NkMyNC42OTEsOC41OCwyNC42OTEsMTguNjA0LDI0LjY5MSwxOC42MDR6IE0yLjI0NCw4LjQ4NWw2LjQxNCw0LjU0N2wtNi40MTQsNS42OVY4LjQ4NXogTTEzLjUzMSwxMy43MzcgICBMMy44MDYsNi44NDRoMTkuNDU2TDEzLjUzMSwxMy43Mzd6IE0xMC41MzksMTQuMzY1bDIuOTgsMi4xMTRsMC4wMDcsMC4wMTFsMC4wMDUtMC4wMDRsMC4wMDQsMC4wMDRsMC4wMDYtMC4wMTFsMi45MzYtMi4wNzggICBsNi41MDksNS42OTRINC4wNzlMMTAuNTM5LDE0LjM2NXoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.icon_warenkorb {
	max-width: 256px;
	max-height: 256px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDE5LjI1IDE5LjI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOS4yNSAxOS4yNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnIGlkPSJMYXllcl8xXzEwN18iPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTkuMDA2LDIuOTdjLTAuMTkxLTAuMjE5LTAuNDY2LTAuMzQ1LTAuNzU2LTAuMzQ1SDQuNDMxTDQuMjM2LDEuNDYxICAgICBDNC4xNTYsMC45NzksMy43MzksMC42MjUsMy4yNSwwLjYyNUgxYy0wLjU1MywwLTEsMC40NDctMSwxczAuNDQ3LDEsMSwxaDEuNDAzbDEuODYsMTEuMTY0YzAuMDA4LDAuMDQ1LDAuMDMxLDAuMDgyLDAuMDQ1LDAuMTI0ICAgICBjMC4wMTYsMC4wNTMsMC4wMjksMC4xMDMsMC4wNTQsMC4xNTFjMC4wMzIsMC4wNjYsMC4wNzUsMC4xMjIsMC4xMiwwLjE3OWMwLjAzMSwwLjAzOSwwLjA1OSwwLjA3OCwwLjA5NSwwLjExMiAgICAgYzAuMDU4LDAuMDU0LDAuMTI1LDAuMDkyLDAuMTkzLDAuMTNjMC4wMzgsMC4wMjEsMC4wNzEsMC4wNDksMC4xMTIsMC4wNjVjMC4xMTYsMC4wNDcsMC4yMzgsMC4wNzUsMC4zNjcsMC4wNzUgICAgIGMwLjAwMSwwLDExLjAwMSwwLDExLjAwMSwwYzAuNTUzLDAsMS0wLjQ0NywxLTFzLTAuNDQ3LTEtMS0xSDYuMDk3bC0wLjE2Ni0xSDE3LjI1YzAuNDk4LDAsMC45Mi0wLjM2NiwwLjk5LTAuODU4bDEtNyAgICAgQzE5LjI4MSwzLjQ3OSwxOS4xOTUsMy4xODgsMTkuMDA2LDIuOTd6IE0xNy4wOTcsNC42MjVsLTAuMjg1LDJIMTMuMjV2LTJIMTcuMDk3eiBNMTIuMjUsNC42MjV2MmgtM3YtMkgxMi4yNXogTTEyLjI1LDcuNjI1djIgICAgIGgtM3YtMkgxMi4yNXogTTguMjUsNC42MjV2MmgtM2MtMC4wNTMsMC0wLjEwMSwwLjAxNS0wLjE0OCwwLjAzbC0wLjMzOC0yLjAzSDguMjV6IE01LjI2NCw3LjYyNUg4LjI1djJINS41OTdMNS4yNjQsNy42MjV6ICAgICAgTTEzLjI1LDkuNjI1di0yaDMuNDE4bC0wLjI4NSwySDEzLjI1eiIgZmlsbD0iI0ZGRkZGRiIvPgoJCQk8Y2lyY2xlIGN4PSI2Ljc1IiBjeT0iMTcuMTI1IiByPSIxLjUiIGZpbGw9IiNGRkZGRkYiLz4KCQkJPGNpcmNsZSBjeD0iMTUuNzUiIGN5PSIxNy4xMjUiIHI9IjEuNSIgZmlsbD0iI0ZGRkZGRiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}





/* ######################################################### */
/* TOOLTIP */
/* ######################################################### */
.tooltip {
	color:#ff6600;
	position:relative;
}
.tooltip[data-tooltip]:hover:after {
	content:attr(data-tooltip);
	position:absolute;
	bottom:150%;
	left:50%;
	background:#555;
	color:#fff;
	font-size:15px;
	padding:5px;
	border-radius:5px;
	display:inline-block;
	white-space:nowrap;
	transform:translateX(-50%);
}
.tooltip[data-tooltip]:hover:before {
	content:"";
	position:absolute;
	bottom:130%;
	left:50%;
	transform:translateX(-50%) rotate(45deg);
	background:#555;
	width:10px;
	height:10px;
}

.tooltip[title]:hover:after {
	content:attr(title);
	position:absolute;
	bottom:150%;
	left:50%;
	background:#555;
	color:#fff;
	font-size:15px;
	padding:5px;
	border-radius:5px;
	display:inline-block;
	white-space:nowrap;
	transform:translateX(-50%);
}
.tooltip[title]:hover:before {
	content:"";
	position:absolute;
	bottom:130%;
	left:50%;
	transform:translateX(-50%) rotate(45deg);
	background:#555;
	width:10px;
	height:10px;
}












/* ################################################### */
/* TABELLEN */
/* ################################################### */
 /*table {background:#000; border: 0px solid #555;border: 0;}
 table.grey {background:#888;}
 table tr {border:1px solid #555;}
 table.klicker {background:#000;}
 table.klicker tr:hover {background-color:#111; color:#FFF; cursor:pointer;}
 table tr.kopf {background:#610B0B; font-weight: bolder; color: #EEE;}
 table tr.kopf a { color: #EEE; background: inherit; text-decoration:none;}
*/
table {
	width: 100%;
	background: #000000;
	border: 0;
}
table th, table tr {
	padding:1px;
	margin: 1px;
}
table th, table thead {
	background: #610B0B;
	cursor: pointer;
}
table tr {
	background: #333333;
}
table tr:hover {
	background: yellow;
}
table tr td {
	background: #333333;
	padding:3px;
	margin: 1px;
}
table tr:hover, table tr:hover td {
	background-color:#222222;
	cursor:pointer;
}
table tr.klicker:hover, table tr.klicker:hover td {
	background-color:#222222;
	color:#FFF;
	cursor:pointer;
}

 @media screen and (max-width:768px) {
 	thead, th {
 		display:none;
 	}
 	tr {
 		float: left;
 		width: 100%;
 		margin-bottom: 1em; /*2em*/
 	}
 	td {
 		float: left;
 		width: 100%;
 		padding:0.15em; /*1em*/
		text-align: left;
 	}
 	td::before {
 		content:attr(data-label);
 		border-right:2px solid black;
 		width: 23%;
 		float:left;
 		padding:1em;
 		font-weight: bold;
 		margin:-1em 1em -1em -1em;
 	}
 }





 .row_0 {background-color: #222;}
 .row_1 {background-color: #111;}

 /* ################################################### */
 /* FORUM1 alt */
 /* ################################################### */
 .forum-neu{width:35px; height:30px; background-color:red; color:#FFF; font-size:9px; text-align:center;
 }
 .forum-gelesen{width:35px; height:30px; background-color:#74DF00;
 }
 .forum-gesperrt{width:35px; height:30px; background-color:orange; color:#555; font-size:9px; text-align:center;
 }
 .forumorgapostbackgroundcolor{background: linear-gradient(90deg, darkred 5%, #222 70%);
 }
 .forumspeaker {
  position:relative;
  width: 50%;
  top: 5px;
  padding:10px;
  margin:20px 0 0.5em;
  color:#eee;
  background:#444;
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#000000));
  background:-moz-linear-gradient(#222222, #000000);
  background:-o-linear-gradient(#222222, #000000);
  background:linear-gradient(#222222, #000000);
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  font-size: 80%;
}
/* creates the triangle */
.forumspeaker:after {
  content:"";
  position:absolute;
  top:-30px;
  left:10px;
  border:15px solid transparent;
  border-bottom-color:#444;
  border-bottom-color:#222222;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}

/* ################################################### */
/* FORUM2 */
/* ################################################### */
.forumtable {
	display: table;
	border: 1px solid silver;
	border-collapse:collapse;
	width: 100%;
}
.forumtable-row {
	display: table-row;
	border: 1px solid silver;
}
.forumtable-cell {
	display: table-cell;
	border: 1px solid silver;
	padding: 15px;
}
.forumtable-row:hover,
.forumtable-cell:hover {
	background: #222;
	cursor: pointer;
}
.forumthead {
	background:#333;/*#4C0102;#550000;*/
	/*background: linear-gradient(180deg, #4C0102 0%, #4C0102 25%, #A20000 75%);*/
}
.forumorgakat {
	background: #8A0808;
	/*background: linear-gradient(180deg, #F30 0%, #550000 25%, #550000 75%);*/
	/*background: linear-gradient(180deg, yellow 0%, #550000 5%, #f30 75%);*/
	color:#FFF;
}
.forumfwight{
	width: 75%;
}
.forumnavigation {
	display:block;
	width: 100%;
	background: none;
	font-weight: bolder;
	margin: 10px 0;
}
.forumbeitragneu{
	border-left: 8px solid #5FB404;
}
.forumbeitragalt{
	border-left: 1px solid silver;
}
.forumsig{
	border-top:1px dotted #eee;
	padding:0px;
	margin:40px 0 0 0;
	opacity: 0.2;
	font-weight: 700;
	width:auto;
}
.forumthema{
	text-transform:uppercase;
}
.forumthemabeschreibung{
	color:#999;
	text-shadow: 1px 1px 1px #000000;
}
.forumthemabeschreibungorgakat{
	color:#ccc;
	text-shadow: 1px 1px 1px #000000;
}
.forumgesperrt {
	color: #555;
}
.forumclosed {
	background: #A20000;
	color: #FFF;
	font-weight: bolder;
	padding: 3px 10px;
	margin-right: 10px;
}
.forumautordata {
	display: inline-block;
	float: left;
}



@media only screen and (max-width: 768px) {
	.forumtable {border:none;}
	.forumtable-row,
	.forumtable-cell {
		display: block;
		border: 1px solid silver;
	}
	.forumtable-row { margin-bottom: 20px; }
	.forumfwight{width: inherit;}
	.forumbeitragneu{border-top: 8px solid #5FB404;}
	.forumbeitragalt{border-top: 1px solid silver;}
	.forumautordata {display: none;}
}













/* ################################################### */
/* avatar */
/* ################################################### */
.avatar-msg {
	-webkit-border-radius:10%;
  	-moz-border-radius:10%;
  	border-radius:10%;
  	max-width: 80px;
  	max-height: 80px;
  	display: inline-block;
}







/* ################################################### */
/* MESENGER */
/* ################################################### */
/* message info */
#message-wrapper {
	position: fixed;
	text-decoration: none;
	top: 20%;
	left: -20px;
	color:#fff;
	padding: 8px 10px 3px 30px;
	background:#999;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	display: block;
	z-index: 300;
	cursor: pointer;
	transition: all 0.2s ease;
}
#message-wrapper .text {
	background-color: #A00;
    font-weight: bolder;
	font-size: 80%;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 5px;
    left: 50px;
    text-align: center;
	border-radius: 50%;
	padding-bottom: 2px;
}
/* MESSAGE NEU */
.messagetable {
	display: table;
	border: 0px solid silver;
	border-collapse:collapse;
	width: 100%;
}
.messagetable-row {
	display: table-row;
	border: 0px solid silver;
}
.messagetable-cell {
	display: table-cell;
	border: 0px solid silver;
	padding: 5px;
}
.messagesend {
	background: #086A87;
}
.messagereceived {
	background: #088A08;
}
.messagetextfeld {
	display: block;
	width: auto;
	max-width: 600px;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 6px;
}
.messageuser {
	width: inherit;
	border-bottom: 1px solid #444;
	font-size: 80%;
}
@media only screen and (max-width: 768px) {
	.messagetable {border:none;}
	.messagetable-row,
	.messagetable-cell {
		display: block;
		border: 0px solid silver;
	}
	.messagetable-row { margin-bottom: 10px; }
}

.msg-unread, .msg-isread {
	font-size: 80%;
	margin-left: 20px;
}






/* ######################################################### */
/* TEAM / ORGANISATION */
/* ######################################################### */
.team__item {
	width: 300px;
	display: inline-flex;
	min-height: 200px;
}
.teamcard {
  background: #222;
  padding: 20px 15px;
  margin: 0 20px 20px 0;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #444;
  width: 90%;
}
.teamimg {
	max-height: 160px;
	max-width: 260px;
}
.team__title {
  font-size: 1em;
  line-height: 1px;
  margin: 0 0 15px 0;
  color: #F60;
}
.team__text {
	font-size: 0.2em;
  margin: 0;
  min-height: 100px;
}
.team__preis {
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
	.team__item {
		width: 49%;
	}
}












/* ################################################### */
/* EVENTBOX */
/* ################################################### */
#eventbox {
    display: block;
    text-align: center;
}
h1.eventtitle {
    font-size: 800%;
    color: #21a1e1;
    font-family: 'Open sans', sans-serif;
    background: -webkit-linear-gradient(yellow, green);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-align: center;
    text-transform:uppercase;
    font-weight: bolder;
    margin-top: 70px;
    margin-bottom: 5px;
    width: 100%;
    line-height: 1.0em;
}
h2.eventtitle {
    font-size: 400%;
    color: #21a1e1;
    font-family: 'Open sans', sans-serif;
    background: -webkit-linear-gradient(yellow, green);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-align: center;
    text-transform:uppercase;
    font-weight: bolder;
    margin-bottom: 45px;
    width: 100%;
    line-height: 1.0em;
}
h3.eventdate {
    text-align: center;
    margin: 0;
}
.eventfield, .eventfield p {
    text-align: center;
    font-size: 150%;
    margin-bottom: 100px;
}

#eventboxdetails {
    display: block;
    text-align: center;
    width: 100%;
}
#eventboxdetails h1.eventtitle {
    font-size: 300%;
    color: #21a1e1;
    background: -webkit-linear-gradient(yellow, green);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    text-align: center;
    text-transform:uppercase;
    font-weight: bolder;
    margin-top: 50px;
    margin-bottom: 5px;
    width: 100%;
    line-height: 1.0em;
}
#eventboxdetails h3.eventdate {
    text-align: center;
    margin: 0;
}
#eventboxdetails .eventfield, .eventfield p {
    text-align: center;
    font-size: 150%;
    margin-bottom: 50px;
}
.oneventfield {
    text-align: center;
    font-size: 120%;
    margin-bottom: 50px;
}






/* ################################################### */
/* SITZPLAN UMSETZUNG IN AKTION */
/* ################################################### */
#positionloading{
    display:none;
    background: yellow;
    position:absolute;
    font-size:25px;
    color: #000000;
    margin: auto;
    text-align: center;
    padding: 20px 10px;

    width:300px;
  	/*top:50px;*/
  	left:50%;
  	margin-left: -170px; /* Breite des Elemtens + Padding */

	top: 200px;

  	vertical-align: middle;
  	z-index:100000;
}





/* ################################################### */
/* LOADING OVERLAY */
/* ################################################### */
div#load_screen{
	background: rgba(0,0,0,0.8);
	position: fixed;
    z-index:100000;
	top: 0px;
	width: 100%;
	height: 100%;
}
div#load_screen > div#loading{
	width: 300px;
	height:auto;
	margin: 300px auto;
	text-align:center;
	display: block;
	vertical-align: middle;
	padding: 50px 0;
	border-radius: 20px;
}





@keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading {
            height: 100px;
            position: relative;
            width: 100px;
            border-radius: 100%;
            margin: auto;
        }


        .loading {
            border: 2px solid transparent;
            border-color: transparent #fff transparent #FFF;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }
        .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        #loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #ffffff;
            font-family: "Helvetica Neue, "Helvetica", ""arial";
            font-size: 10px;
            font-weight: bold;
            position: relative;
            opacity: 0;
            text-align: center;
            text-transform: uppercase;
            width: 100px;
            margin: auto;
            margin-top: -60px;
        }


/* IMG loading */
#imgloading{
	display:none;
	/*position:absolute;
	top:50px;
	left:850px;*/
	font-size:25px;
}







/* ################################################### */
/* TIMELINE */
/* ################################################### */
.timeline {
  position: relative;
  overflow: auto;
}
.timeline:before { /* linie */
  content: '';
  position: absolute;
  height: 100%;
  width: 5px;
  background: #f60;
  left: 0;
}
.timeline h2 {
  background: #111;
  max-width: 6em;
  margin: 0 auto 1em;
  padding: 0.5em;
  text-align: center;
  position: relative;
  clear: both;
}
.timeline ul {
  list-style: none;
  padding: 0 0 0 1em;
  z-index: 1;
}
.timeline li {
  background: #444;
  list-style: none;
  padding: 1em;
  margin-bottom: 1em;
  position: relative;
}
.timeline li:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 1em solid #444; /* ecke */
  border-left: 1em solid transparent;
  position: absolute;
  left: -1em;
  top: 0;
}
.timeline h3 {
  margin-top: 0;
}
.timeline time {
  font-style: italic;
}

@media screen and (min-width: 40em) {
  .timeline:before {
    left: 50%;
  }
  .timeline ul {
    padding-left: 0;
    max-width: 90%;
    margin: 0 auto;
  }
  .timeline li {
    width: 42%;
  }
  .timeline li:nth-child(even) {
    float: right;
    margin-top: 2em;
  }
  .timeline li:nth-child(odd) {
    float: left;
  }
  .timeline li:nth-child(odd):before {
    border-top: 1em solid #444;
    border-right: 1em solid transparent;
    right: -1em;
    left: auto;
  }
  .timeline li:nth-of-type(2n+1) {
    clear: both;
  }
}








/* ################################################### */
/* SPRECHBLASEN */
/* ################################################### */
.speaker_box {
	border: 2px solid #222;
	margin: auto;
	margin-bottom: 20px;
	width: 70%;

}
.speaker_box blockquote {
	margin-bottom: 20px;
}












/* ################################################### */
/* SITZPLAN */
/* ################################################### */
.platz-none, .platz-frei, .platz-vorgemerkt, .platz-reserviert, .platz-my, .platz-orga, .platz-orgablind {
	float:left;
	display: block;
	/*display:inline-block; */
	width:1%; /*10px*/
	/*max-width: 10px;*/
	height:10px;
	margin-left:0.1%;
	margin-right:0.1%;
	margin-top:0em;
	margin-bottom:0.263em;
	padding: 0;
	border: 0;
}
.platz-none{
	background:none;
	cursor: pointer;
}
.platz-none:hover{
	background:#333;
}
.platz-frei{
	background:#0B8E1D;
	cursor: pointer;
}
.platz-vorgemerkt{
	background:#F5F506;
	cursor: pointer;
}
.platz-reserviert{
	background:#B0061D;
	cursor: pointer;
}
.platz-my{
	background:#21a1e1;
	cursor: pointer;
    border-radius: 50%;
}
.platz-my2 {
	display: block;
	width:50%; /*10px*/
	/*max-width: 10px;*/
	margin:auto;
	height:5px;
	padding: 0;
	border: 0;
}
.platz-orga{
    background:#F60;
    cursor: pointer;
}
.platz-orgablind{
    background: none;
    cursor: pointer;
}

/* SITZPLANBEREICH */
#sitzplanbereich{
	width: 100%;
	max-width:1080px;  /* DIESE BREITE IST FEST */
	border:0px dotted red;
	background:#000;
	display:table; /**/
	background-image: url(../../data/img/sitzplan/sitzplan.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-bottom:20px;
	padding: 0;
	height: auto;
}
.sitzplanagenda1 {
	position:absolute;
	margin-left:40px;
	display:block;
	white-space: pre;
}















/* ################################################### */
/* UMFRAGE */
/* ################################################### */
.box-umfrage{
	width:90%;
	height:auto;
	margin-bottom:20px;
}
.box-umfragefunc{
	width:90%;
	height:auto;
	margin:auto;
	padding:5px;
}

.box-umfrage li{
	margin-left:10px;
}
.box-umfrage li:hover{
	/*background:#FC0;*/
}

.box-prozentground2 {margin:1px 0 1px 20px; display:block; float:right; padding:0; background-color:none; border:1px solid #666; width: 100px; height:10px;}
.box-prozentground2func {margin:1px 0 1px 20px; display:block; float:right; padding:0; background-color:none; border:1px solid #555; width: 100px; height:10px;}
.box-prozentground2ergebnis {margin-left:30px; font-size:10px; color:red; float:right; display:block;}
.box-umfrage h2{
	margin-top:0px;
	margin-bottom:8px;
	padding: 0;
	font-size:14px;
	font-weight:400;
}
h1.votefunc{
	margin-top:30px;
	margin-bottom:0px;
	padding: 0;
	line-height:15px;
}
.box-umfrage .umfrageergebnis {
	margin-left:30px; font-size:10px; color:red; float:right; display:block;
}







/* ################################################### */
/* CHAT */
/* ################################################### */
.speaker {
  position:relative;
  padding:10px;
  margin:20px 0 0.5em;
  margin-left: 60px;
  color:#000;
  background:#444;
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
  background:-moz-linear-gradient(#f9d835, #f3961c);
  background:-o-linear-gradient(#f9d835, #f3961c);
  background:linear-gradient(#f9d835, #f3961c);
  /* css3 */
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  font-size: 80%;
}
/* creates the triangle */
.speaker:after {
  content:"";
  position:absolute;
  top:-30px;
  left:10px;
  border:15px solid transparent;
  border-bottom-color:#444;
  border-bottom-color:#f9d835;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}










/* ################################################### */
/* FAQ */
/* ################################################### */
.automenue {
}

.automenue article.two_one  h2{
	/*margin-top: 50px;*/
}

.automenue h2{
	text-transform:none;
	font-size: 140%;
	border-bottom: 0;
}
.automenue h3{
	text-transform:none;
	color: #3498db;
	display: block;
	margin-top: 10px;
}
.automenue p{
	margin-left: 20px;
}
.automenue ul {
  padding-left: 0;
  /*line-height: 1.4;*/

}
.automenue ul li {
  /*margin: 10px 0;*/
  margin-left: 10px;
}
.automenue ul li a {
  color: #FF0000;
  font-weight: lighter;
}
.automenue ul a {
  text-decoration: none;
}
.automenue ul ul {
  padding-left: 10px;
}
.automenue ul ul li a {
  color: #3498db;
  font-weight: lighter;
}






/* ################################################### */
/* NEWS */
/* ################################################### */
.news img {
	max-height: 14%;
	max-width: 40%;
	min-width: 40%;
	width: auto;
	margin: 0em;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 0;
	display: inline-block;
	float: right;
}

/*flexbox*/
@media screen and (max-width:760px){
	.news img {
		max-height: none;
		width: auto;
		margin: auto;
		padding: 0;
		display: inline-block;
		float: none;
	}
}






/* ################################################### */
/* SPONSOR */
/* ################################################### */
.sponsoringwrapper {
    width: 95%;
   	margin: auto;
    display: block;
}
img.sponsor {
	display: inline-block;
    border: none;
	border: 0;
    max-height: 120px;
    min-height: 100px;
    width: auto;
	max-width: 350px;
    margin: 10px 10px;
    text-align: center;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
img.sponsor:hover{
	cursor: pointer;
}
img.sponsorbigimg {
	display: block;
    border: none;
	border: 0;
    height: auto;
    width: auto;
	max-width: 100%;
    margin: 10px 10px;
    text-align: center;
    -webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
img.sponsorimg{
	max-width: auto;
	width: 75%;
	border: none;
}
.sponsorbox{
	width: 80%;
	height: auto;
	display: block;
	text-align: center;
	margin:auto;
	margin-bottom: 40px;
	padding: 10px;
	background: #222;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.sponsorbox h2, .sponsorbox h3 {text-align: center;}
.sponsorbox img{
    height: auto;
    width: auto;
	max-width: 90%;
	text-align: center;
	margin:auto;
}
@media screen and (max-width:760px){
	img.sponsor {
		display: inline-block;
	    border: none;
		border: 0;
	    max-height: 120px;
	    min-height: 100px;
	    width: auto;
		max-width: 100%;
	    margin: 10px 10px;
	    text-align: center;
	    -webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
}






/* ################################################### */
/* CLAN & TEAMTAKE */
/* ################################################### */
span.teamkuerzel{
    background:#F60/*#A90000*/;
    color:#000;
    margin-right:1px;
    margin-left:2px;
    padding:0px 3px;
    font-size:/*9px*/80%;
    letter-spacing: 4px;
    font: small-caps 900 80% 'Lato', sans-serif;
    text-align: center;
	/*text-shadow: 2px 2px 2px #666666;*/
}
span.clankuerzel{
    color:#000;
    margin-right:1px;
    margin-left:2px;
    font-size:/*9px*/80%;
    padding:1px 3px;
    background:silver;
}







/* ################################################### */
/* TEXT AUSRIXHTUNG */
/* ################################################### */
.textleft {
  text-align: left;
}
.textright {
  text-align: right;
}
.textcenter {
  text-align: center;
}
.textstrong {
	font-weight: bolder;
}









/* ################################################### */
/* COLOR / FARBEN */
/* ################################################### */
.orange {
  color: #FA8211;
}
.blue {
  color: #21a1e1;
}
.red{
	color:red;
}
.green{
	color:green;
}





/* ################################################### */
/* LINK BUTTON */
/* ################################################### */
a.button-anmeldung {
    display: inline-block;
    margin: 20px auto;
    padding: .5em 1em;
    text-shadow: 2px 2px #000;
    color: #FFFFFF;
    background: linear-gradient(0deg, #F30 5%, #F90 70%);
    border: 0;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
}
a.button-anmeldung:focus, a.button-anmeldung:hover {
  background: #ed7505;
  color: #fff;
}
a.button-anmeldung:active {
  background: #fb8f2a;
  color: #fff;
}

/*a.button, */
.button, input.button {
	display: inline-block;
    padding: .5em 1.5em;
    margin: 20px 10px 40px 0;
    border: 0;
    border-radius: 3px;
    outline: 0;
    background: linear-gradient(0deg, #F30 5%, #F90 70%);
    width: auto;
    font-size: 120%;
    text-shadow: 2px 2px #000;
    color: #FFFFFF;
    cursor: pointer;
}
.button.set, .smallbutton.set {
	opacity: 0.6;
}

.button:focus,
.button:hover,
.button:visited,
.button:active {
	background: #ed7505;
	background: linear-gradient(0deg, #F30 5%, #A20 70%);
	margin: 20px 10px 40px 0;
}
/*.button:active {
	background: #ed7505;
}*/

a.smallbutton, .smallbutton {
	display: inline-block;
    padding: .3em .5em;
    margin: 2px 0;
    border: 0;
    border-radius: 3px;
    outline: 0;
    background: linear-gradient(0deg, #F30 5%, #F90 70%);
    width: auto;
    text-shadow: 2px 2px #000;
    color: #FFFFFF;
    cursor: pointer;
}
.smallbutton:focus, .smallbutton:hover {
	background: #ed7505;
}
.smallbutton:active {
	background: #ed7505;
}

























/* ################################################### */
/* mobile */
/* ################################################### */

@media screen and (max-height:900px){
	header {
		margin-top: 1em;
		height: 18em;
	}
	header .topimg {
		margin-top: 3.375em;
	}
	header h1 {
		font-size: 4em;
		padding-top: 1em;
	}
}
@media screen and (max-height:800px){
	header {
		margin-top: 1em;
		height: 15em;
	}
	header h1 {
		font-size: 4em;
		padding-top: 1em;
	}
	body {
		font-size: 90%;
	}
	#menubar {
		height: auto;
	}
	#menubar ul.menubar {
		padding:0.5em;
	}
	#menubar ul li a.menubutton {
		font: small-caps 900 30px 'Lato', sans-serif;
	}
	nav {
		height: 2.2em;
		margin-top: -1.5em;
	}
}





@media screen and (max-width:1000px){
	#menubar {

	}
	#menubar ul.menubar {
		display:block;
		width:17em;
		padding:0.2em;
	}
	#menubar ul li a.menubutton {
		font: small-caps 900 30px 'Lato', sans-serif;
		letter-spacing: 3px;
	}
	nav {
		display: block;
		height: 1.5em;
		margin-top: -1em;
	}
	.slicknav_menu {
		display: none;
	}
	nav ul {
		display: block;
		min-width: 600px;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	nav ul li {
		display: inline;
		margin: 0em 0.188em 0em 0.188em;
	}
	nav ul li a {
		font-size: 0.8em;
		line-height: 0.5em;
		padding: 0.2em 1em;
	}
	header {
		margin-top: 0;
	}
}
@media screen and (max-width:900px){
	body {
		/*font-size: 80%;*/
	}

	h1 {
		font-size: 3em;
	}
	header {
		margin-top: 0em;
		margin: 0;
		height: 20em;
	}
	header .topimg {
		margin: 3em auto 1em auto;
	}
	header .sekondimg {
		display: none;
	}
	header h1 {
		font-size: 3em;
		padding-top: 2em;
		line-height: 1.2em;
	}
	header h3 {
		padding-top: 0em;
		margin-top: -8px;
	}
	.desk {
		display: none;
	}
	.bereichsbutton {
		display: none;
	}
}

@media screen and (max-width:760px){
	header {
		display: block;
		margin: 0;
		margin-top: -2em;
		height: 7em;
		/*background: #F30;*/
	}
	header h1 {
		font-size: 2.5em;
		padding-top: 0.3em;
		margin-left: 10%;
		text-align: left;
	}
	header h3 {
		padding-top: 0em;
		margin-top: -8px;
		padding-left: 0px;
	}
	.main {
		margin-bottom: 210px;
	}
	h1, h2, h3, p, li {
		text-align: left;
	}
	h2 {
		/*font: small-caps 700 20px 'Lato', sans-serif;
	  	letter-spacing: 3px;  */
	}
	li {
		/*list-style: none;*/
	}
	.main section.space {
		display: none;
	}
	.main article, .main article.full, .main article.half, .main article.two_one, .main article.one_two, .main article.triple {
		width:100%;
		display: block;
		margin: 0.25em 0em 0.625em 0em;
	}
	.main img {
		max-width: 95%;
	}
	.main article h1,
	.main article h2 {
	  	font-size: 1.4em;
	}
	.main article h2 {
		/*line-height: 0.9em;*/
		line-height: 1.4em;
	}

	body {
	    margin-top:0;
	    padding-top:0;
	}
	#menubar {
		display: none;
	}/**/
	nav {
		display: none;
	}
	.nav {
		display: none;
	}
	#menu {
		display: none;
	}
	.deactiv {
		display: block;
	}

	.slicknav_menu {
		display: block;
	}
	footer {
		text-align: center;
		height: auto;
	}
	footer, footer ul {
		text-align: center;
	}
	footer ul li {
		text-align: center;
		display: block;
		margin: auto;
		width: 100%;
	}
	footer ul li {
		display: inline-block;
		margin: auto;
		width: auto;
	}
	footer section {
		display: block;
		column-count: 1;
	}

	.formulararea {
		width: 90%;
	}
	/*.button, .smallbutton, .smallbutton:hover, .button:hover {
		width: 99%;
		margin: 1em auto;
	}*/
	a.button {
		width: auto;
		margin: 1em auto;
	}
	a.button:hover {
		width: auto;
		margin: 1em auto;
	}
	img.small {
		max-width:100%;
	}
	h1.eventtitle {
	    font-size: 300%;
	    margin-top: 70px;
	    margin-bottom: 5px;
	    width: 100%;
	    line-height: 1.0em;
	}
}