/* Fonts */

/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-ext_latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../fonts/roboto-v18-latin-ext_latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/roboto-v18-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v18-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('../fonts/roboto-v18-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-ext_latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v16-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('../fonts/roboto-condensed-v16-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-ext_latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v16-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v16-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-ext_latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/
/* Border-box-sizing */
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* Clearfix */
.block-group {
 *zoom: 1;
}
.block-group:before, .block-group:after {
	display: table;
	content: "";
	line-height: 0;
}
.block-group:after {
	clear: both;
}
.block-group {
	/* ul/li compatibility */
	list-style-type: none;
	padding: 0;
	margin: 0;
}
/* Nested grid */
.block-group > .block-group {
	clear: none;
	float: left;
	margin: 0 !important;
}
/* Default block */
.block {
	float: left;
	width: 100%;
}
/* schriftgrösse und zeilenhöhe */
html {
	font-size: 62.5%
}
body {
	line-height: 1.5
}
/* ### Layout ### */
div {
	position: relative
}
.wrapper {
	max-width: 1350px;
	margin: 2rem auto;
	padding-left: 2.925%;
	padding-right: 2.925%;
}
/* Kopf- und Fusszeile */
header, footer {
	width: 100%;
	position: relative
}
.header-frame {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}
.header-frame .bumper {
	flex-grow: 0;
	flex-shrink: 0;

	width: 70px;
	height: 70px;

	background: black;
}
.header-frame .bumper .menu-bumper {
	display: flex;
	flex-flow: row wrap;

	align-content: space-around;
	padding-top: 10%;
	padding-bottom: 10%;

	box-sizing: border-box;

	position: relative;

	width: 100%;
	height: 100%;

	background: white;
	border: 3px solid black;
}
.header-frame .bumper .cart-bumper {
	display: flex;
	flex-flow: row nowrap;
	
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 100%;
}
.header-frame .menu-bar {
	position: relative;

	left: 10%;

	width: 80%;
	height: 3px;

	background: black;
}
.header-frame .center {
	display: flex;
	flex-flow: row nowrap;
	justify-items: center;
	align-items: center;

	min-width: max-content;

	width: 100%;
}
.header-frame .rails {
	box-sizing: content-box;
	position: relative;

	width: 100%;

	/* height: 48px; */
	height: 30px;

	border-bottom: 9px solid black;
	border-top: 9px solid black;
}
.header-frame .items {
	display: flex;
	flex-flow: row nowrap;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;

	margin-left: -100%;

	width: 100%;
}
.header-frame .logo {
	flex: none;
	box-sizing: border-box;

	margin-left: 2rem;
	margin-right: 2rem;
}
.header-frame .logo > a {
	display: inline-block;
}
.header-frame .logo > a > img {
	width: 200px;
	height: 129px;
}
.header-frame .user {
	flex: none;
	box-sizing: border-box;

	margin-right: 2rem;

	width: 15rem;
	height: 48px;
}
.header-frame .user-dummy {
	flex: 1 1 auto;
	max-width: 17rem;
}
.header-frame .user > div {
	display: flex;
	align-items: center;

	box-sizing: border-box;

	padding: 0.2rem 0.5rem;

	width: 100%;
	height: 100%;

	background: #ffd;
	border: 2px solid black;

	font-family: 'Roboto', sans-serif, verdana,arial;
	font-size: 1.25rem;
}
.header-frame .user > div > a {
	text-decoration: none;
	color: black;
}
.header-frame .user > div > a:hover {
	color: red;
}
@media (max-width: 500px) {
	.header-frame .items {
		justify-content: center;
	}
	.header-frame .user {
		display: none;
	}
}
.footer-frame {
	display: table;
	width: 100%;
}
.footer-frame .bumper {
	display: table-cell;
	table-layout: fixed;

	width: 70px;
	height: 70px;

	background: black;
}
.footer-frame .center {
	display: table-cell;

	min-width: min-content;

	vertical-align: middle;
}
.footer-frame .rails {
	display: flex;
	box-sizing: content-box;
	position: relative;

	width: 100%;
	min-height: 30px;

	margin-top: 8px;
	margin-bottom: 8px; 

	border-bottom: 9px solid black;
	border-top: 9px solid black;
}
.footer-frame .items {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;

	width: 100%;
}
#menu {
	width: 64px;
	height: 64px;
	background: #fff;
	border: 3px solid #000;
	position: absolute;
	top: 4.25rem;
	z-index: 5
}
#mainContent {
	width: 100%
}
/* homepage */
/* boxen */
.item {
	width: 24.4%;
	margin-right: 0.8%;
	margin-bottom: 9px;
	border: 2px solid #000
}
.item:nth-of-type(4n+0) {
	margin-right: 0
}
#titel {
	padding: 2rem
}
/* Anreisser mit Link auf Zwischenseiten */

.anreisserOverview > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.programmText {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-family: "Roboto", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	font-size: 3rem;
	line-height: 1.25;
	border-righ: 2px solid #000;
}
.programmText a{
	color: #000;
	display: block;
	height: 100%;
	padding-top: 30%;
	text-decoration: none;
	color: #000;
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 2px solid #000;
}
.align_right{
	float: right;
	margin-left: 1rem;
}
/* Anreisser mit grossem Bild */

.bgBild img {
	width: 100%;
	height: auto
}
.anreisserBild .raute, .anreisserDoppelt .raute {
	position: absolute;
	z-index: 10;
	height: 5rem;
	width: 5rem;
	bottom: 0
}
.krimipreisText {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	background: #fff;
	border-top: 2px solid #000;
	border-left: 1px solid #000;
	bottom: 0px;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	padding: 0.25rem 1rem 0.25rem 0
}

.kachelText {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	background: #fff;
	border-top: 2px solid #000;
	border-left: 1px solid #000;
	bottom: 0px;
	text-align: right;
	font-family: 'Roboto', sans-serif;
	font-size: 0.75rem;
	padding: 0.25rem 1rem 0.25rem 0
}



/*Anreisser mit zwei Links*/
.anreisserDoppelt .raute {
	bottom: -1.2rem
}
.halbeHoehe {
	height: 49.5%;
	overflow: hidden;
	background: rgb(145,177,95)
}
.halbeHoehe:last-of-type {
	border-top: 2px solid #000;
	background: rgb(46,74,148);
}
.halbeHoehe .bgBild {
	width: 50%;
	position: absolute;
	right: 0
}

.halbeHoehe .raute {
	position: absolute;
	bottom: 0
}

.halbeBreite {
	width: 50%;
}

.bgBild2 {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0
}

.bgBild2 img {
	width: 100%;
	height: 100%;
}

.bgBild3 {
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0
}

.bgBild3 img {
	width: 97%;
	height: 97%;
}

.ganzeHoehe {
	height: 100%;
}

.anreisserAds table{
	height: 100%;
}
.anreisserAds td{
	height: 25%;
	position: relative; 
	vertical-align: middle
}
.anreisserAds td.grey{
	height: 50%;
	background: #000;
}
.anreisserAds td.grey img{
	width: 100%;
	height: auto;
	margin-left: 0;

}
.anreisserAds td img,
.anreisserAds2 td img{
	width: 75%;
	margin-left: 12.5%
}

.anreisserAds3 img{
	width: 75%;
	margin-left: 12.5%
}

#dankeRaute span{
	position: absolute;
	width: 50%;
	text-align: center;
	font-family: 'din-condensed-web', sans-serif;
	text-transform: uppercase;
	font-size: 2rem;
	left: 25%;
	top: 32%;
	color: #fff;
}
#dankeRaute img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right:  0
}
.anreisserAds td{
	border-bottom: 2px solid black
}
.anreisserAds tr:last-of-type td{
	border-bottom: none
}
.anreisserAds td:first-of-type{
	border-right: 2px solid black;
	width: 50%
}
.anreisserAds2{
	border: none
}
.anreisserAds2 td{
	width: 33.33%;
	vertical-align: middle
}
.anreisserAds2 table{
	height: 50%;
	border: 2px solid black;
}
.anreisserAds2 tr:first-of-type{
	height: 50%;
	border-bottom: 2px solid black
}
.quadrat{
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(50% - 5px);
	height: 47%;
	position: absolute;
	bottom: 0;
	border: 2px solid black
}
.quadrat.green{
	background: rgb(145,177,95)
}
.quadrat.blau{
	background: rgb(46,74,148);
	right: 0
}
.quadrat img{
	width: 100%;
	height: 100%
}
.quadratKlein{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	position: absolute;
	bottom: 0;
	border: 2px solid black
	color: #fff;
}

.quadratKlein img{
	width: 100%;
	height: 100%;
}
.quadrat.white{
	background: rgb(255,255,255)
}
/* Event Seiten */

.eventTitel{
	border-top: 2px solid black;
	border-left: 2px solid black;
	border-right: 2px solid black;
} 
.eventText{
	border-left: 2px solid black;
	border-right:  2px solid black;
	border-bottom:  2px solid black;
}
.eventTalon{
	border-left:  2px solid black;
	border-right:  2px solid black;
	border-bottom:  2px solid black;
} 

.sidebarImg, 
.sidebarText{
	border: 2px solid black
}
.eventText{
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem;
}
.pageHeader {
	display: flex;
	align-items: flex-start;
	flex-direction: row;
	flex-wrap: nowrap;
}
#breadcrumbs{
	width: 100%;
	background: #ddd;
	height: 50px;
	display: flex;
}
.breadcrumbNav{
	position: absolute;
	top: 1.25rem;
	left: 2rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.5rem;
}
.breadcrumbNav a{
	color: black
}
/* Suche */
.searchform {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 49.8%;
	top: 1.25rem;
	width: 25%;
	height: 2.75rem;
	border: 2px solid black
}
.searchform input {
		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 2.3rem;
	border: none;
	margin-top: 1px
}
/* Warenkorb */
.basket{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #000;
	color: #fff;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 1rem
}
.basket h2{
	font-size: 2rem;
	letter-spacing: 1px
}
.basket p{
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	border-bottom: 2px solid #fff;
	padding: 0.2rem 0
}
.basket p:last-of-type{
	border-bottom: none;
	margin-top: 1rem
}
.basket a{
	color: #fff;
	text-decoration: none;
}
/* Kasten für Profilbearbeitung */
.userProfil{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffd;
	position: absolute;
	top: -96px;
	right: 80px;
	width: 15rem;
	height: 48px;
	padding: 0.2rem 0.5rem;
	font-family: 'Roboto', sans-serif, verdana,arial;
	font-size: 1.25rem;
	border: 2px solid black;
}
.userProfil a {
	text-decoration: none;
	color: #000;
}
.userProfil a:hover{
	color: red;
}

.eventMain {
	padding-top: 1.25rem;
}

.eventMainDesign-default {
	width: 49%;
}

.eventMainDesign-wide {
	width: 100% !important;
}

.eventMainDesign-wide .eventMainDesign-cart {
	padding-right: calc(150px + 1.25rem) !important;
}

.sidebar{
	width: 25%;
	margin-left: 0.8%;
	padding-top: 1.25rem
}
.eventTitelTitel, .eventUntertitel{
	width: 100%;
	padding: 1rem
}
/*
.eventTitelTitel{
	border-right: 2px solid black;
}
.eventUntertitel{
	border-left: 2px solid black;
	margin-left: -2px
}
*/

.eventRubrik p{
		font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 2.5rem;
	text-align: right;
}
.eventRubrik p span{
	border: 1px solid black;
	padding: 0 0.5rem
}
.eventText{
	padding: 1rem;
}
.eventTalon{
}
.eventTalon table{
	width: 100%;
	background: #ddd
}
.eventTalon tr{
	border-bottom: 1px solid black
}
.eventTalon td{
		font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
  font-size: 1.5rem;
	padding: 0.5rem 1rem;
}
.eventTalon td span{
	float: right
}
.reservation{
	padding: 1rem
}
.reservation h2{
			font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.75rem;
	letter-spacing: 0.5px
}
select{
	width: 100%;
	margin-bottom: 1rem;
	font-family: 'Roboto', sans-serif, arial, verdana;
	font-size: 1.3rem
}
select option{
	padding: 0.5rem;
	font-family: 'Roboto', sans-serif, arial, verdana;
	font-size: 1.3rem
}
label{
	margin-left: 0.5rem;
	margin-right: 2rem
}
.absenden{
	text-align: center;
	margin-top: 1rem
}
input[type="submit"]{
				font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.75rem;
	letter-spacing: 0.5px;
	width: 100%;
	padding: 1rem 0.5rem;
	text-transform: none;
	background:  rgb(230,80,155);
	color: #000;
	margin-top: 0.5rem
}
/* Übrige Seiten */
.whoiswho, .customer, 
.inventory, .balance, .meta, .komplizen{
	width: 100%;
	font-family: 'Roboto', sans serif, verdana arial;
	font-size: 1.25rem;
	border-top: 2px solid black;
	margin-top: 1.5rem
}
.whoiswho td, .whoiswho th, 
.komplizen th, .komplizen td{
		padding: 0.25rem  0;
	border-bottom: 1px solid black;
}
.whoiswho th, .komplizen th{
 font-family: 'Roboto', sans-serif;
	font-weight: 700;
	color: black;
}
.whoiswho th, .komplizen th{
	font-size: 1.5rem;
	text-align: left;
	background: #eee
}
.whoiswho td a, .komplizen td a{
	font-family: 'Roboto', sans-serif, arial, verdana;
	font-weight: 600;
	text-decoration: none
}
.customer, .meta, 
.inventory, .balance{
	border-top: 1px solid;
	padding-top: 5px
}
.meta th{
	font-weight: 600;
	text-align: left;
	width: 20%
}
table.komplizen{
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}
.komplizenCont{
}
table.komplizen th,
table.komplizen td{
width: 50%;
	vertical-align: top
}
table.komplizen td img{
	max-width: 100%
}
.inventory td{
	text-align: right;
	padding-right: 0.5rem;
}
.inventory td:first-of-type{
	text-align: left
}
.inventory td:last-of-type{
	padding-right: 0
}
.inventory th{
	font-weight: 600;
	text-align: right;
	padding-right: 0.5rem;
}
.inventory th:last-of-type{
	padding-right: 0;
}
.inventory th:first-of-type{
	text-align: left
}
.balance th{
	text-align: left;
	font-weight: 600
}
.balance td{
	text-align: right;
	font-weight: 600
}
td.datum, td.zeit, td.vorstellung,
th.datum, th.zeit, th.vorstellung{
padding-left: 0.5rem
}
.dataTables_filter{
	width: 100%;
	margin: 1rem 0
}
.dataTables_filter input{
 width: 100%;
	margin-left: -0.5rem
}
.padloper-cart{
	width: 100%;
}
.padloper-cart td{
	font-family: 'Roboto', sans-serif, verdana, arial;
	font-size: 1.25rem;
	border-bottom: 1px solid black;
}
.padloper-cart-product, .padloper-cart-totalrow{
	font-weight: 700
}
.padloper-submit{
	margin-top: 0.5rem;
	background:  rgb(195,0,67);
	font-size: 1.75rem;
	text-transform: uppercase;
}
#padloper-customerform p span,
#padloper-customerform .description{

}
/*********************************************************************
 * Form Unterstützung
 *
 */
#FormBuilder_komplizen, #FormBuilder_mitgliedschaft{
	padding: 1rem; 
}
form#FormBuilder_komplizen div, #FormBuilder_mitgliedschaft div{
	width: 100%; 
	padding: 0; 
	margin: 1rem 0
}

.Inputfields{
	width: 100%; 
	padding: 0.5rem; 
	margin: 0
} 

.Inputfield{
	width: 100%; 
	padding: 0; 
	margin: 0
}

.Inputfield::after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.ui-widget-content ul li{
	float: left; 
	list-style-type: none
}
.ui-widget label{
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 700;
	font-size: 1.6rem; 
	letter-spacing: 0.5px
}
.ui-widget { 
	width: 100%; 
	margin: 1rem
}
.ui-widget input, .ui-widget label{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%
}
.ui-widget input{
	padding: .5rem
}
input[type=checkbox]{
	width: 1rem;
	float: left
}
.ui-widget-content ul input{
	width: auto
}
.Inputfield_ort, .Inputfield_plz, .Inputfield_telefon, .Inputfield_email {
	width: auto;
}
/* .Inputfield_ort input, .Inputfield_ort label{
	margin-left: .5rem
} */
.ui-button{
	margin: 0; 
	margin-top: 1rem; 
	padding: .5rem; 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.75rem;  
	background: rgb(230,80,155);
	color: #000
}
/*********************************************************************

/* Formular Profil bearbeiten und login */
.profil label, .loginForm label{
	font-family: 'Roboto'; 
	font-size: 1.25rem;
	font-weight: 700;
	margin: 1rem 0 0.2rem 0
}
.profil label span{
	color: rgb(195,0,67);
	margin-left: 2rem;
	font-weight: normal
}
#padloper-customerform .Inputfield{
	width: 97%;
}
.green{
	color: darkgreen
}

.InputfieldHeader, .InputfieldContent{
	float: left;
	width: 100%
}
#padloper-customerform{
	padding: 0;
	margin-left: -1rem
}
/* Fotoarchive */
.thumb {
	width: 24%;
	margin-right:1%
}
.thumb img{
	width: 100%;
	height: auto
}
/* Krimipreise */
article{
	width: 100%;
	margin-bottom: 1rem;
	border-bottom: 2px solid black
}
article #inner-top-right{
	float: right;
	width: 50%
}
article img{
	width: 100%;
	height: auto
}
article #inner-top-left{
	float: left;
	width: calc(50% - 0.5rem);
	padding-right: 0.5rem
}
article h2{
	margin-top: 0
}
/*Sidebar*/
.sidebarImg img{
	width: 100%;
	height: auto;
	float: right
}
.bildunterschrift{
			-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	height: 3rem;
	background: #fff;
	width: 100%;
		font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.25rem;
	padding: 0.5rem;
	text-align: right;
}
/*
.rauteBild{
	width: 6rem;
	position: absolute;
	bottom: 0
}*/

.copyright{	
-moz-transform: rotate(270deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform: rotate(270deg); /* Safari */
-o-transform: rotate(270deg); /* Opera */
-ms-transform: rotate(270deg); /* IE9 */
transform: rotate(270deg); /* W3 */
	position: absolute;
	width: auto;
	background: #fff;
	width: 10rem;
	top: 4.75rem;
	left: -4.5rem;
	font-family: 'Roboto', sans-serif;
	padding: 0 0.25rem
}
.sidebarText{
	margin-top: 10px
}
.sidebarText h2{
	padding: 0 1rem;
	font-size: 2rem;
	letter-spacing: 0.5px;
	margin-bottom: -1rem
}
.sidebarText h2:first-of-type{
	border-top: none;
	margin-top: 0
}
.sidebarText p{
	padding: 1rem;
	font-family: 'Roboto', sans-serif;
	font-size: 1.25rem
}
.footerLogos{
/*	background: #ddd;*/
	margin-top: 2rem;
	/* margin-bottom: -2rem; */
}
table.logosSp {
	width: 49%;
	margin-left: 0
}

table.logosSp td {
	position: relative;
	padding: 1rem
}

table.logosSp td img {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto
}

/* theads programmtabelle */
table.dataTable thead .sorting {
  background: url("/site/templates/pics/sort_both.png") no-repeat center center;
}
table.dataTable thead .sorting_asc {
  background: url("/site/templates/pics/sort_asc.png") no-repeat center center;
}
table.dataTable thead .sorting_desc {
  background: url("/site/templates/pics/sort_desc.png") no-repeat center center;
}
table.dataTable thead .sorting_asc_disabled {
  background: url("/site/templates/pics/sort_asc_disabled.png") no-repeat center center;
}
table.dataTable thead .sorting_desc_disabled {
  background: url("/site/templates/pics/sort_desc_disabled.png") no-repeat center center;
}
th.nummer, td.nummer{
 padding-right: 1rem;
	text-align: right
}
/* Ticketverkäufe */
.abendkasse {
	font-family: 'Roboto', sans-serif, verdana;
	font-size: 1.5rem;
	margin-top: 2rem
}
.abendkasse th {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size: 1.75rem;
	border-bottom: 1px solid black;
	padding: 0.5rem
}
.abendkasse td {
	padding: 0.25rem;
	text-align: left
}

.abendkasse+p, 
.abendkasse+h2+p {
	margin-bottom: 5rem;
	margin-top: 2rem;
}
.abendkasse+p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0.5rem;
	background: #eee;
	display: block;
	width: 27rem;
	color: black;
	text-decoration: none;
	border: 1px solid
}
.abendkasse+h2{
	margin-top: 3rem
}
.abendkasse tr:nth-of-type(odd){
	background: rgb(220,240,255)
}
.abendkasse td{
	border-right: 1px solid rgb(200,200,200);
	padding: 0.5rem;
	font-size: 1.25rem
}
.abendkasse td:last-of-type{
	border-right: none;
}
.abendkasse td:nth-of-type(3),
.abendkasse td:nth-of-type(5){
	text-align: right
}
p.liste{
	font-family: 'Roboto';
	font-size: 1.5rem;
	margin-bottom: 2rem
}
.blogNavPrev, .blogNavNext{
	width: 40%;
	font-size: 1.5rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	margin-top: 1rem
}
.blogNavPrev{
	text-align: left;
}
.blogNavNext{
	float: right;
	text-align: right
}
/* ### Styling ### */
strong {
	font-weight: 700
}
h1, h2, h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
/*	text-transform: uppercase;*/
}
h2{
	font-size: 1.75rem;
	margin-top: 1rem
}
h3{
	font-size: 1.2rem;
	margin-top: 1rem
}
dt{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.7rem;
  margin-top: 1rem;
	margin-bottom: 0.5rem;
}
dl{
	font-family: 'Roboto', sans-serif, verdana, arial;
	font-size: 1.3rem;
}
dd{
	border-bottom: 2px solid black;
	padding-bottom: 0.5rem;
}
dd span{
	display: block;
	margin-bottom: -1.5rem;
	font-style: italic
}
p.columns_6{
	font-weight: 600
}
li span{
	margin-left: 1rem;
	font-style: italic;
	font-weight: normal
}
form li span{
	font-style: normal;
	margin-left: 0.1rem
}
.eventTitel h1{
	font-size: 2.7rem;
	margin-bottom: -2.75rem;
	text-transform: none;
}
.eventMain a, .sidebar a{
	color: black;
	text-decoration: none
}
.eventMain a:hover, .sidebar a:hover{
	 color: rgb(195,0,67);
}
.titelText h1 {
	font-size: 2.7em;
	line-height: 1.25
}
.titelText p {
	font-size: 2rem;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	line-height: 1.2
}
.titelText p.homeKleiner{
	font-size: 1.6rem;
	margin-top: 1rem
}
/* Titel auf Event-Seiten */
/*.padded-multiline { 
	font-size: 3rem;
  line-height: 1.3;
	letter-spacing: 1px;
  width: 50%;
}
.padded-multiline span { 
  background-color: rgb(84,176,203);
  color: #000; 
  display: inline;
  padding: 0 .45rem;  */
  /* Needs prefixing */
/*	-webkit-box-decoration-break: clone;
	-moz-box-decoration-break: clone;
	-o-box-decoration-break: clone;
  box-decoration-break: clone;
}*/
.eventTitel h2{
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 1.6rem;
	text-transform: none;
	margin: 0
}
.eventText p, 
.reservation p, 
.reservation label,
.eventText li{
	font-family: 'Roboto', sans-serif;
	font-size: 1.4rem;
	line-height: 1.6
}
.red{
	color: rgb(195,0,67);
	font-family: 'Roboto Condensed', sans-serif;
	margin-left: 1rem;
	font-size: 1.4rem
}
.error{
	color: rgb(195,0,67);
}
/* Off canvas menu */
/* Move nav off screen, setup transitions */
nav.main-nav-copy{
	display: none
}
nav.main-nav {
	width: 15%;
	position: absolute;
	left: -15%;
	top: 17.5rem;
	height: 100%;
	z-index: 10;
	background: rgb(255,255,255);
}
/* Display nav items vertically */
ul.menu {
}
ul.menu li {
	width: 100%;
	text-align: left;
	padding: .5em 1em;
	box-sizing: border-box;
	border: 1px solid #000;
	margin-top: 2px;
}
ul.menu li a,
ul.menuCopy li a, /* Menu am Ende der Seite bei kleinen Bildschirmen*/
ul.metaMenu li a{ /* Metamenu im Footer */
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
/*	text-transform: uppercase;*/
	display: block;
	font-size: 1.6rem;
	text-decoration: none
}

ul.metaMenu {
	display: flex;
	align-items: center;
}

/* Abstand zwischen den Seitenlinks und den Social Media Icons */
ul.metaMenu li.spacer {
	flex: 1 1 100%;
}

/* Social Media Element im Footer */
ul.metaMenu li.social-media-item {
	padding: 0.5rem;
}

ul.metaMenu li.social-media-item > a {
	font-size: 0px;
}

/* Social Media Icons im Footer */
ul.metaMenu li .social-media-icon {
	width: 32px;
	height: 32px;
}

/* Reveal open/close buttons */
/* div.open-panel, li.close-panel {
	display: block;
} */
.close-panel {
	position: relative;
	top: 0;
	left: 0;
}
ul.menu li.close-panel{
	border: none
}
.close-panel a {
	float: right;
	width: 2.5rem;
	margin: -3rem -1rem
}
/* .open-panel {
	width: 20%;
	text-align: center
} */
/* .open-panel a {
	color: rgb(150,150,150);
	display: block;
	font-size: 3rem;
	padding-top: 3.5rem
} */
.openNav #page {
	left: 0;
	-webkit-transform: translate3d(15.5%, 0, 0);
	-moz-transform: translate3d(15.5%, 0, 0);
	-ms-transform: translate3d(15.5%, 0, 0);
	-o-transform: translate3d(15.5%, 0, 0);
	transform: translate3d(15.5%, 0, 0);
	-webkit-transition: -webkit-transform 500ms ease;
	-moz-transition: -moz-transform 500ms ease;
	-o-transition: -o-transform 500ms ease;
	transition: transform 500ms ease;
}
/* When the panel is closed, transition the page back to the left */
#page {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform 500ms ease;
	-moz-transition: -moz-transform 500ms ease;
	-o-transition: -o-transform 500ms ease;
	transition: transform 500ms ease;
}
/* Metamenu im Footer */
.metaNav {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-left: 2rem;
	margin-right: 2rem;
}
.metaMenu li {
			-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	padding: 0 0.5rem;
}
.metaMenu li a {
	display: block
}
@media (max-width:980px) {
	.item {
		width: 32.8%
	}
	.eventTitel h2{
		margin-top: 2rem
	}
	.item:nth-of-type(4n+0){
		margin-right: 0.8% 
	}
	.item:nth-of-type(3n+0) {
		margin-right: 0
	}
	nav.main-nav {
		width: 20%;
		position: absolute;
		left: -20%;
		top: 0;
		height: 100%;
		z-index: 10;
		background: rgb(255,255,255);
		margin-top: 15rem
	}
	.openNav #page {
		left: 0;
		-webkit-transform: translate3d(20.5%, 0, 0);
		-moz-transform: translate3d(20.5%, 0, 0);
		-ms-transform: translate3d(20.5%, 0, 0);
		-o-transform: translate3d(20.5%, 0, 0);
		transform: translate3d(20.5%, 0, 0);
	}
	/* Kopf- und Fusszeile */
	header {
		width: 100%;
		position: relative;
	}
	.header-frame .bumper {
		width: 48px;
		height: 48px;
	}
	.header-frame .rails {
		height: 20px;
		border-width: 6px;
	}
	.header-frame .logo > a > img {
		width: 160px;
		height: auto;
	}
	footer {
		width: 100%;
		position: relative
	}
	.footer-frame .bumper {
		width: 48px;
		height: 48px;
	}
	.footer-frame .rails {
		border-width: 6px;
	}
	.endTrack {
		width: 56px;
		height: 56px;
		background: #000
	}
	#menu {
		width: 50px;
		height: 50px;
	}
	#geleise1, #geleise2 {
		width: 100%;
		height: 24px;
		border-bottom: 8px solid #000;
		border-top: 8px solid #000;
		top: 5.2rem
	}
	.eventTitelTitel, .eventUntertitel{
		width: 100%
	}
	.eventTitelTitel{
		border-right: none;
		margin-bottom: -1.5rem
	}
}

@media (max-width:768px) {
	.item {
		width: 49.5%
	}
	.item:nth-of-type(3n+0) {
		margin-right: 1%
	}
	.item:nth-of-type(2n+0) {
		margin-right: 0
	}
	nav.main-nav {
		width: 25%;
		position: absolute;
		left: -25%;
		top: 0;
		height: 100%;
		z-index: 10;
		background: rgb(255,255,255);
		margin-top: 15rem
	}
	.openNav #page {
		left: 0;
		-webkit-transform: translate3d(25.5%, 0, 0);
		-moz-transform: translate3d(25.5%, 0, 0);
		-ms-transform: translate3d(25.5%, 0, 0);
		-o-transform: translate3d(25.5%, 0, 0);
		transform: translate3d(25.5%, 0, 0);
	}
	/*zusätzliche Navigation am Seitenende */
	nav.main-nav-copy{
		display: block;
		width: 100%;
		position: absolute;
		top: 12.5rem
	}
	.menuCopy li{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 33%;
		display:  inline-block;
		margin-bottom: 2px;
		border: 1px solid black
	}
	.menuCopy li a{
		padding-left: 5px
	}
	.eventMain{
		width: 75%;
	}
	table.logosSp{
		width: 75%;
	}
	.sidebar{
		width: 75%;
		margin-left: 0;
	}
	.basket{
		top: 6.3rem;
		width: 135px;
	}
	.searchform{
		left: 74%;
	}
	.komplizenCont{
		position: relative;
		top: 0
	}
}

@media (max-width:480px) {
	.item {
		width: 100%
	}
	.basket {
		top: 2rem !important;
		width: 135px;
	}
	/* .eventMain {
		top: 7rem;
	} */
	.sidebar {
		margin-top: 7rem
	}
	.breadcrumbNav {
		display: none
	}
	nav.main-nav {
		width: 50%;
		position: absolute;
		left: -50%;
		top: 0;
		height: 100%;
		z-index: 10;
		background: rgb(255,255,255);
		margin-top: 15rem
	}
	.openNav #page {
		left: 0;
		-webkit-transform: translate3d(50.5%, 0, 0);
		-moz-transform: translate3d(50.5%, 0, 0);
		-ms-transform: translate3d(50.5%, 0, 0);
		-o-transform: translate3d(50.5%, 0, 0);
		transform: translate3d(50.5%, 0, 0);
	}
	.anreisserDoppelt {
		height: 100vw
	}
	/* Kopf- und Fusszeile */
	header, footer  {
		width: 100%;
		position: relative
	}
	.header-frame .logo > a > img {
		width: 120px;
		height: auto;
	}
	#menu {
		width: 42px;
		height: 42px;
		top: 2.5rem;
		z-index: 5
	}
	nav.main-nav {
		top: -2.5rem
	}
	.anreisserAds table {
		height: 100vw;
	}
	.anreisserOverview {
		height: 100vw
	}
	.anreisserAds2 {
		height: 100vw
	}
	.menuCopy li {
		width: 48.5%
	}
	.eventMain {
		width: 100%
	}
	table.logosSp {
		width: 100%;
		margin-left: 0
	}
	.sidebar {
		width: 100%
	}
	.basket {
		right: 1rem;
		top: 21rem
	}
	.userProfil {
		top: 3rem;
		right: 1rem;
		width: 35%;
		height: 48px;
		padding: 0.2rem 0.5rem;
		font-family: 'Open sans', sans-serif, verdana,arial;
		font-size: 1.25rem;
		border: 2px solid black;
	}
	#breadcrumbs {
		height: 100px
	}
	.searchform {
		left: 2rem;
		top: 50px;
		width: 50%;
	}
}

@media print {
	* {
		font-size: 8pt;
	}
	.abendkasse th, .abendkasse td{
		padding: 2pt
	}
}

div .InputfieldHidden {
	display: none;
}

input.ticket_amount {
	min-width: 2ch;
	max-width: 5ch;
}