/* Reset */
html {font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body {margin:0;}
article, footer, header, nav, section {display:block;}
a {background-color:transparent; color:#000; }
a:hover {background-color:transparent; color:#ff373c; }
a:focus {outline:0;}
b, strong {font-weight:bold;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
img {border:0; vertical-align: top;}
hr {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0;}
button, input, optgroup, select, textarea {color:inherit;font:inherit;margin:0;}
button {overflow:visible;}
button, select {text-transform:none;}
button, html input[type="button"], 
input[type="reset"], input[type="submit"] {-webkit-appearance:button;-moz-appearance:button;cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
button:hover, button:visited, button:active;button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;border:0; outline:none!important }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input {line-height:normal; background:#fff; box-sizing: border-box;padding-left: 8px;border:1px solid #bbb; color:#000;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield;-moz-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
fieldset {border:0;margin:0;padding:0;}
legend {border:0;padding:0;}
textarea {overflow:auto;background:#fff;border:1px solid #bbbbbb;color:#000!important;}
table {border-collapse:collapse;border-spacing:0;}
td, th {padding:0;}
:focus { outline: 0; }
::-webkit-input-placeholder{ color: #313131; opacity: 1; /* for chrome */}
:-moz-placeholder{ color: #313131;}
::-moz-placeholder{ color: #313131;}
:-ms-input-placeholder{ color: #313131;}

/* clear floats */
.cf:before,.cf:after{content:" ";display:table}
.cf:after{clear:both}
.cf{*zoom:1}



body, html { height:100%; background-color:#fff; color:#000;font-size:16px;line-height:24px; }

/* Webfont definitions */
body, 
.today h3, 
.news h3, 
.main-headline, 
.ticket-list li.monthly-list h3, 
.ticket-mainhl,
.mainhl,
.cart-intro h2, 
.cart-block h2,
.programm-preview h1,
#site-footer p, 
#site-footer h2,
.aside-box h2,
.aside-box h3,
.aside-box h1,
.article-body h1,
.article-body h2,
.article-body h3, 
.search-title,
#tickets .ticket-title,
#tickets .ticket-content a.overview,
.site-content h1,
.event-info h4 { font-family: 'roboto_light', Arial, sans serif;font-weight:normal; }


h1, 
h2, 
h3, 
#tickets .ticket-content a span.date, 
#topnav, #tickets .ticket-content a span,
.red.static-header,
.programm-preview .linktitle
{ font-family: 'roboto_condensedlight', Arial, sans serif;font-weight:normal; }

.event-info h3, 
.programm .ticket-info h3,
.search-list h3,
.programm-preview .linksubtitle  {font-family: 'roboto_medium', Arial, sans serif;font-weight:normal;  }



.red,
h1:hover a, 
h2:hover a,
h3:hover a,
h1 a:hover, 
h2 a:hover, 
h3 a:hover, 
.event-info:hover h2,
.programm-preview .preview-link:hover .linktitle,
a.more:hover,
.small-link:hover {color:#ff343a}

/* font-size definitions */

/* 12px */
.small-link,
.cart-table .small,
.cart-table .vvk .element-1 .price,
.ticket-list .incl,
.inkl,
#copyright,
#cart .count, 
.success-content small,
.price-details { font-size:12px; line-height: 20px;}



/* 16px */
body,
#cart .cart-content ul li,
.search-list .date small,
.ticket-list .date small,
.today p,
.event-overview p,
.news p .event-overview .event-price,
.programm  .event-overview .event-buy,
.search-list h3,
#misc .search-list h3,
.event-info h3,
.ticket-list .ticket-info h3,
.ticket-list  .cart-data  h3,
#succes .success-post h2 small,
.event-overview .pricetag,
h2.step:before,
#ticket-detail .price .price-type,
.event-block .event-info h4{ font-size:16px;line-height:22px; }

/* 20 px */
#topnav .nav > li > a, 
#site-header .subnav li a,
.today h3, 
.news h3,
.programm-preview h1,
.ticket-list li.monthly-list h3,
.ticket-mainhl,
.mainhl,
#section-2 label,
#site-footer h2,
.static-box h2,
.static-box h2.red {font-size:20px; line-height:28px; }


/* 22px */
#cart h2, 
.today h2, 
.news h2,
.main-headline,
#misc .search-list h2,
.sort-title,
.ticket-list .ticket-info h2,
.price span,
h2.red, h1.red,
.programm-direkt{ font-size:22px; line-height:30px; font-weight:normal; }

/* 24px */
.programm-preview .linktitle
{font-size:24px; line-height:28px;} 
/* 28px */
.event-info h2,
.search-list h2, 
.search-list .date,
.ticket-list .date,
.ticket-list.programm .ticket-info h2,
.page-header h2
{font-size:28px; line-height:30px;} 

/* 38px */
#slider .event-info h2,
#succes  h1, 
.event-block .event-content-info h2,
h1.static-header,
.headline-box h1 { font-size:38px; line-height:42px; }



/* Standard Settings */
h3 					{ font-weight: normal; }
.sprite 			{ 
background:url(../images/button-sprite.png);
background-image:
    linear-gradient(transparent, transparent),
    url(../images/button-sprite.svg);
background-repeat:no-repeat;
background-size: 48px 1266px;
}
.sprite span 		{ display:block; text-indent:-10000px; overflow:hidden;}

.button 			{ border:0; color:#fff; padding:0 30px; line-height:32px; text-align:center; background-color:#9d9d9d;}
input   			{ line-height:32px; border:0; height:34px;}

/* Main Settings */
#mother 			{ position:relative; width:100%; margin:0 auto; padding:0 0 53 0; min-height:100%; background-color: #fff;}
#initialize 		{ position:absolute; top:200px; left:-20px; width:1px; height:1px; z-index:0;}
#site-content 		{ padding:90px 0 228px 0; background: #fff; overflow: hidden; min-height: 500px;}
body.success #site-feature { margin: 0 0 0 0 ; padding:60px 40px 0  105px; background-color: #fff;}
body.home #site-content, body.event-detail #site-content, body.warenkorb  #site-content, body.success #site-content	{ padding: 0 0 20px 0; }
body.tickets #site-content	{ padding: 60px 0 20px 0; }
#site-header 		{ width:100%;margin:0;padding:0;position:fixed; top:0; left:0;z-index: 50;}
.box 				{ position:relative; width:100%; margin:0 auto; }
h2 a { text-decoration:none;}

/* Logo */
#logo 				{ float:left; height:50px; width:65px; overflow: hidden;}
#logo a 			{ 
float:right;
background-image:
    linear-gradient(transparent, transparent),
    url(../images/zakk-logo.svg);
background-repeat:no-repeat;
background-size: contain;
display:block; 
padding:0; 
width:58px; 
height:55px; 
}
#logo span  		{ display:block; text-indent:-10000px; overflow:hidden;}
#logo:after 		{ position:absolute;  content:''; top:0; right:54px; z-index:1; left:65px; height:50px; width:959px; background-color:rgba(0,0,0,0.75); }


/* Top navi */
#topnav 					{ float:left; width:auto;}
#topnav .nav 				{ margin:0; padding:0; position:relative; float:left; z-index:9;}
#topnav a 					{text-decoration:none;}
#topnav .nav > li 			{ margin:0; padding:0; float:left; list-style-type:none; vertical-align:top;}
#topnav .nav > li > a 		{ display:block; text-decoration:none; position:relative; white-space:nowrap;padding:0 18px; color:#aaa; line-height:50px; border-right:1px solid #6c6c6c; min-height: 50px; }
#topnav .nav > li:nth-of-type(1) > a {padding-left:47px;}
#topnav .nav > li a:hover 	{  background:#f1f1f1; color:#555555;}
#site-header .subnav > li.facebook-extern { display:none;}

/* this is the trick regarding parent coloring in li*/
#topnav ul>li:hover a,#topnav .nav > li.active a, body.tickets li#tickets a { background:#f1f1f1; color:#555555; }

/* Navicart & Search cart */
#cart, #search 				{ width:50px; height:50px; float:left; position:relative; z-index:10; }
#cart 						{ border-right:1px solid #6c6c6c; }
#cart a, #search a 			{  width:100%; height:50px; display:block;}
#cart .cart-content a		{ display:inline;}
#cart a						{  background-position:7px 7px;}
#cart a:hover, #cart:hover a, #cart a.active { background-position:7px -48px;}
#cart .cart-box { box-shadow: none;}
#cart span {display:none;}
#cart span.count 			{ 
    background-color: #fff;
    border-radius: 11px;
    color: #ff343a;
    display: block;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-align: center;
    text-decoration: none; 
	text-indent:inherit;
    top: 5px;
    width: 22px;
}
#cart .ticket-box { left: -205px; }
#cart .cart-box::before { left: 69%; }
#cart .cart-box {display:none; margin-top:7px;}
#cart:hover .cart-box {display:block;}
#cart .cart-content {padding: 0; }
#cart .cart-content ul {margin:0; padding:0; }
#cart .cart-content ul li { margin:0; padding:5px; list-style-type: none; color:#000;border-bottom: 1px solid #aaa; }
#cart .cart-content ul li span { display:inline-block; text-indent: inherit;}
.cc-count { width:40px; float:left; color: #ff343a; text-align:right;}
.cc-date { width:52%; float:right;}
#cart .cart-content ul li .pre  { float:left;width: 37%; }
.cc-name { float:right;width: 61%; }
#cart h2 { margin:0; padding:15px;} 
#cart p { margin:0; padding:0 15px 15px 15px; } 
#cart p a { color:#000; text-decoration:underline;  } 
#cart p a:hover {  color: #ff343a;}
#cart .into-cart {
    background-color: #fff;
    border: 1px solid #ff343a;
    color: #ff343a;
    display: block;
    line-height: 20px !important;
    margin: 5px auto !important;
    padding: 5px;
    width: 80% !important;
}

/* search top */
#search a {  background-position:15px -488px;}
#search a:hover, #search:hover  a, #search a.active {  background-position:15px -431px;}
#search a:hover span {display:none;}
.search-box { position:absolute; z-index:10; top:62px; right:-4px; width: 272px; display:none;}
#search .search-box.active {display:block;}
.search-box:before { content:''; position:absolute; top:-12px; right: 23px;z-index:21; width: 0; height: 0; border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent #000 transparent; -webkit-transform:rotate(360deg); opacity:0.75; }
.search-title { background:rgba(0,0,0,0.75); color:#fff; padding:15px; line-height:18px; position:relative;}
.search-form { background-color:rgba(240,240,240,0.96); border:1px solid #aaa; padding:15px; overflow: auto; }
button.suchen { 
    background: url(../images/button-sprite.png) #ff343a;
	background-image:
    linear-gradient(transparent, transparent),
    url(../images/button-sprite.svg);
	background-repeat:no-repeat;
	background-size: 48px 1266px;
    background-position: 11px -899px;
    background-repeat: no-repeat;
    height: 34px;
    line-height: 32px;
    text-indent: -10000px;
    width: 34px;}

/* site search */
#site-search .search-form { background-color:transparent; border:0; margin-top:30px; padding:0 30px 30px 112px; vertical-align:middle;}
#site-search .search-form input { border:1px solid #dfdfdf;width: 60%; margin-top:0; float:left;}
.search-query { float:left; max-width: 83%;}
button.suchen { float:left; margin-left:5px;}

.search-block ul, .search-block .pagination {display:none;}
.search-block .box.active ul, .search-block .box.active .pagination {display:block;}

.search-list { width:100%; margin:-1px 0 0 0 ; padding: 1px 0 0; }
.search-list li { list-style-type:none; padding: 0; margin:0; }
.search-list .ticket-date   {float:left; padding: 4px 0 15px 10px; width: 105px;  }
.search-list .day { display:block; padding-left:20px;}
.search-list .date { display:block; }

.search-list .date small { position:relative; top:-3px;}
.search-list h2 { padding:7px 0 5px 0; margin:0; }
.search-list h3 { padding:0; margin:0;}
.search-list p { padding:0; margin:0;  }
.search-list .search-content { border-top: 1px solid #f0f0f0;float: left;  padding: 10px 0; width: 908px; }
a.more {color:#aaaaaa; }
.sort-box { background:#f0f0f0; color:#ff343a; padding:0 20px 0 115px; position:relative; cursor:pointer; height:50px;} 
.sort-box ::selection {background:#f0f0f0;}
.sort-box ::-moz-selection {background:#f0f0f0;}
.sort-box .action { display:block; position:absolute; left:20px; top:50%; background-position:3px -212px}
.search-block .box.active .sort-box .action { background-position:3px -829px;}
.sort-title { float:left;line-height: 50px;}
.sort-amount { float:right;line-height: 50px;}

#misc .search-list h2 { padding:7px 0 5px 0; margin:0; }
#misc .search-list h2 a { color:#aaa; text-decoration:underline;}
#misc .search-list h3 { padding:0; margin:0; }
#misc .search-list .search-content { padding-left:100px;}

.pagination { text-align:center; margin: 40px 0;}
.pagination ul { padding:0; margin:0; display:inline-block; }
.pagination ul li  { padding:0; margin:0; display:inline-block; list-style-type:none;}
.pagination ul li a {   border: 1px solid #fff;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    width: 24px;}
.pagination ul li.active  a { color:#ff343a; border-color:#ff343a;}
.pagination .next a, .pagination .prev a { display:inline-block; }


/* Subnavi */
#site-header #topnav .subnav 	{ display:none;}
#site-header #topnav .subnav 	{ position:absolute; left:0; padding:0; margin:0; width: 959px; display:none; background:#f1f1f1; z-index: 12;}

#site-header #topnav li:hover .subnav { display:block;}
#site-header #topnav .subnav li a		 { line-height:38px;}
#site-header .subnav > li 		{ float:left; list-style-type:none; display:block;}
#site-header .subnav li a 		{ background:#f1f1f1; padding:0 18px; margin:0; color:#555555; border:0; min-width:inherit; }
#site-header .subnav li:nth-child(1) a {padding-left: 46px;}
#site-header .subnav li a:hover, #site-header .subnav li.current a { color:#ff343a;}
#site-header #topnav .nav li.active .subnav  { display:block; z-index:10;}



/* feature elements */
#site-feature 	{ background-color:#fff; overflow: hidden; }
.feature-box 	{ position:relative; display:block; vertical-align: top;}


/* Slider */
#slider 				{  width: 50%; float:left; }
#slider .events-items 	{ width:100%; background:#fff!important;}
#slider .events-items .bg-color{ padding: 0 0 100%!important;}
#slider .events-items::after,#slider  .events-items::before { display:none; }
#slider .event-info 	{ bottom:40px; padding-bottom:0;}
#slider .event-list { display:none;}
#slider .bx-wrapper .event-list { display:block;}
#slider .article-separator { display:none;}
/* cart in slider */
#slider .tickets 			{ top: 70px; }
#slider .ticket-box 		{ top: 104px; }
#slider .events-items.editors-choice .event-info { display:none!important;}
#slider .events-items.editors-choice .event-image-box::after 	{ display:none!important;}


/* aside elements in site feature */
.today 						{ background-color:#fff;}
.today						{ float:right; width:50%; padding-top:63px; }
.news 						{ float:right; width:50%; }
.today .box, .news .box 	{ padding:0 20px; width:auto;  }
.today h3, .news h3 		{  margin:0;}
.today h2, .news h2 		{ margin:0;  }
.today p, .news p 			{  margin:0; padding:0 0 10px 0;}
.news ul 		{ margin:0; padding:0; }
.today ul li, .news ul li 	{ margin:0; padding:0 0 5px 0; list-style-type:none;}
.today ul li a, .news ul li a { color:#000; text-decoration:none;}
.today ul li a:hover, .news ul li a:hover { color:#ff373c; }
.today  .time, .news .time 	{ font-weight:bold;display:inline-block; padding-right:15px; position:relative; }
.today h3::selection, .news h3::selection { background: transparent;}
.today h3::-moz-selection, .news h3::-moz-selection { background: transparent;}
.today  .time:after, .news .time { content:''; position:absolute; right:6px; top:11px; width:5px; height:5px; border-radius:3px; background-color:#000; }
.today-content { border-bottom:1px solid #ececec; margin: 0 0 6px; padding: 0 0 15px;}


/* javascript actions boxes */
.action 					{ background-position:3px -208px; width:30px; height:30px; position:absolute; right:5px; top:50%;margin-top: -12px; z-index:10;cursor:pointer; display:none;}
.action 					{ background-position:3px -261px }
.action-box 				{ position:relative;}
.action-box.open .action 	{ background-position:6px -322px; }
.action-box.open .action:hover {background-position:6px -375px }
.today .action, .news .action { top:22px;} 
.close 						{ background-position:3px -320px; }
.close:hover 				{ background-position:3px -373px }
.action.active				{background-position: 3px -828px;}

.ticket-gutschein  {
	height: 67px;
    position: absolute;
    right: 100px;
    bottom: 0;
    width:108px; 
	text-align:center; 
	vertical-align:bottom;
	background:url(../images/bg-ticket-gutschein.gif) 0 2px no-repeat;
	color:#ff343a;
	}

.ticket-gutschein:hover   { background:url(../images/bg-ticket-gutschein.gif) left bottom no-repeat; color:#fff; }

.ticket-gutschein  span { position:absolute; bottom:5px; display:block;line-height: 18px;}

/* Programm filter */

#ticket-detail {margin-top:100px;}
.tickets #ticket-detail {margin-top:0;}
#ticket-detail .single-ticket {width: 100%;position:relative!important; left:inherit!important;top:8px!important;}
#ticket-detail .ticket-list li.monthly-list {  top:0!important;}
#ticket-detail .ticket-list .ticket-content { border-bottom: 1px solid #ececec; border-top:0; padding-top:0;}
.addtitional-content { width:96%; padding-left: 117px;  width: calc(100% - 117px);  margin-top: -20px;}
.addtitional-content h1 { padding:0; margin:0; margin-bottom:10px;}
.ticket-hsl-box {position:relative;padding-bottom: 11px;}
.ticket-hsl-box .ticket-mainhl ,.ticket-hsl-box .search-form{float:left; }
.ticket-hsl-box .search-form { background-color: #fff; border: 0 none; padding: 22px 20px 0 114px; overflow: hidden;}
.ticket-hsl-box .search-form input { border:1px solid #aaa; width: 250px;height: 36px;}
.ticket-hsl-box .search-form button.suchen {
    background-position: 11px -899px;
    height: 36px;
    line-height: 36px;
    width: 36px;
}
.ticket-hsl-box .search-form .filter-reset { margin-left:10px; margin-top:-9px; z-index: 7; float:left;}
.filter { height:50px color:#000; margin:0 0 30px 0; position: fixed; top: 88px; width: 100%; z-index: 10;left: 0;}
.filter .box:before { position:absolute; padding:0;left:65px;  top: 54px; border-bottom:1px solid #aaa; content:''; width: 959px;}
.filter .box:after {position:absolute; padding:0;left:65px;  top: 0; border-bottom:1px solid #aaa; content:''; width: 959px; background:#fff; height:54px; z-index:9;}
.calendar, .wordfilter { float:left; width:261px; height:54px;}
.wordfilter { width:290px}
body.party .wordfilter {
    display: none;
}
.calendar { margin-left: 66px;}
.set-calendar, .set-wordfilter { color: #555555; width:95%;  padding: 0 0 0 30px; line-height:54px; display:block; background-position:0 -600px; cursor:pointer; position:relative;  z-index:11;}
.set-calendar:hover, .set-wordfilter:hover {color: #ff343a;} 
.set-calendar.active, .set-wordfilter.active {  background-position: 0 -103px; }
.set-calendar::selection, .set-wordfilter::selection  {background:#fff;}
.set-calendar::-moz-selection, .set-wordfilter::-moz-selection {background:#fff;}

/* Hide Wordfilter on special pages */
body.party .wordfilter, body.interkultur .wordfilter  { display:none;}


/* filters */
#filters { border:1px solid #aaa; position:relative; top:0; left:0; z-index:100; width: 220px;background: #fff; display:none; padding-bottom:20px;}
.wordcheck {  margin-right:10px;height: auto;}
.close-box { width:100%; position:relative; background:rgba(0,0,0,0.75); height:30px;}
.filter-box {padding:5px 20px 0 20px;}
.close-filter {
    background-position: 6px -322px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 22;
}
.filter-reset, .filter-reset:active {  color: #555555;  border:0; line-height: 51px;  margin: 0 20px 0 0; vertical-align:middle; padding:0 0 0 30px; position:relative;  z-index:11;
    background: url(../images/button-sprite.png);
	background-image:
    linear-gradient(transparent, transparent),
    url(../images/button-sprite.svg);
	background-repeat:no-repeat;
	background-size: 48px 1266px;
    background-position: -8px -1069px;
    background-repeat: no-repeat;
	float: right;
}
/* reset firefox big */
 .filter-reset:active { border:0!important; outline:none!important;   margin: 0 20px 0 0; padding:0 0 0 30px;}
 .filter-reset:hover {color: #ff343a;} 

/* Datepicker */
#datepicker { border:1px solid #aaa; psoition:absolute; top:30px; left:0; z-index:100; width:255px; display:none;background: #fff;}
.calendar.active #datepicker { display:block!important;}

.ui-datepicker-inline { position:relative; margin:20px;}
.ui-datepicker-calendar {width:100%;}
.ui-datepicker-calendar th { font-size:13px; text-align:left; padding: 0 7px;}
.ui-datepicker-prev, .ui-datepicker-next { position:absolute; cursor:pointer; width:33px; height:27px; top:0; text-indent:-1000px; 
 background: url(../images/button-sprite.png);

	background-image:
    linear-gradient(transparent, transparent),
    url(../images/button-sprite.svg);
	background-repeat:no-repeat;
	background-size: 48px 1266px;
    background-repeat: no-repeat;
	}
.ui-datepicker-prev { left:0; background-position: 0 -959px;}
.ui-datepicker-prev:hover { background-position: 0 -994px; }
.ui-datepicker-next {right:0;  background-position: -16px -959px; }
.ui-datepicker-next:hover { background-position: -16px -994px; }

.ui-datepicker-title {  border-bottom: 1px solid #aaa; margin-bottom: 5px; padding-bottom: 10px; text-align: center;}
.ui-datepicker-calendar td { padding:5px 7px 5px; position:relative; z-index:11; overflow:visible;min-width: 17px;}
.ui-datepicker-inline td a { text-decoration:none; display:block; width:100%; height:100%; text-align:center;}
.ui-datepicker-today a { color:#ff343a; }
.ui-datepicker-current-day {  color:#fff;

 background: url(../images/button-sprite.png);
	background-image:
    linear-gradient(transparent, transparent),
    url(../images/button-sprite.svg);
	background-repeat:no-repeat;
	background-size: 48px 1266px;
    background-position: -5px -1036px;
    background-repeat: no-repeat;
}
.ui-datepicker-current-day a { color:#fff; }









/* Content Elements */
.white-bg 			{ background-color:#fff;}
.main-headline 		{ line-height:30px; margin:0; padding:10px 0 15px 0; }
.list-block .box 	{ padding-bottom:2px;}
#hl-event-themen 	{ text-align:center; }
.event-info h2 		{  margin: 0; padding:0;}
body.js .event-info:after { position:absolute; content:''; width:100%; height:100%; top:0; right:0; left:0; bottom:0; }
.event-info h3 		{ margin: 0; padding:5px 0 0 0; font-weight:normal; }
.dotseperator		{ display:inline-block!important; width:15px; height:10px; line-height:10px; padding:0!important; position:relative; }
.dotseperator:after { position:absolute; content:''; width:4px; height:4px; overflow:hidden; background:#000; border-radius:3px; top:1px; left: 37%;}

/* image lists */
.event-list { float:left; margin:0; padding:0; width: 100%; }
.list-block .events-items { float:left;  margin:0; padding:0; list-style-type:none; position:relative;  background-color:#0099c8; width:33.33%;}
.list-block .events-items:before, .list-block .events-items:after, .blog-list .item-image:before { content:'';  background-color:#fff; position:absolute;  z-index:7;}
.list-block .events-items:before {  height:100%; right:-2px; width:4px; top:0;}
.blog-list .item-image:before {  height:100%; right:0; width:4px; top:0;}
.blog-list:nth-child(3n) .item-image:before  { display:none;}
.list-block .events-items:after { width:100%; bottom:-2px; height:4px; left:0; border-right:2px solid #fff;}
.list-block .article-separator { display:none;}
.list-block .events-items:nth-child(3n):before  { display:none;}
.list-block .events-items .bg-color { padding:0 0 100.1% 0; background-color:#0099c8; position:relative; z-index:1; display:block;}
.list-block .event-image-box { position:absolute; z-index:2; width:100%; height:100%; }
.list-block .event-image-box a { display:block;}
#last-elemen, .list-block #last-element .bg-color { background:#fff!important;}
.programm-direkt { display:block; position:absolute; top:2px; right:2px; bottom:2px; left:2px; border:1px solid #ff343a; background-color:#fff; z-index:2; cursor:pointer; text-decoration:none;}
.programm-direkt:hover { background-color:#ff343a; color:#fff; }

.programm-direkt span { display:block;padding:20px; position:relative; cursor:pointer;}

.programm-direkt:after { content:''; position:absolute; bottom:10px; right:10px; width:30px; height:50px; z-index:3;
background: url(../images/button-sprite.png);
	background-image:
    linear-gradient(transparent, transparent),
    url(../images/button-sprite.svg);
	background-repeat:no-repeat;
	background-size: 48px 1266px;
    background-position: 0 -1127px;
    background-repeat: no-repeat; }
.programm-direkt:hover:after {background-position: 0 -1190px; }

.event-image-box { overflow:hidden; }
.event-image-box img {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
.opac .event-image-box img {
cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(1.1, 1.1);
 -moz-transform: scale(1.1, 1.1);
 -webkit-transform: scale(1.1, 1.1);
 -o-transform: scale(1.1, 1.1);
 -ms-transform: scale(1.1, 1.1);
}

-webkit-keyframes zoomIn {
 0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
}


.list-block .event-image-box:after { content:''; left:0; bottom:0;  width:100%; height:100%; background:url(../images/image-mask.png) left bottom repeat-x; position:absolute; z-index:6; opacity:0.7;}
/* Patch, um das Abdunkeln der Redaktionellen Kacheln während der "zakk-ist-mein-Spielplatz"-Kampagne zu deaktivieren */
.editors-choice .event-image-box:after {background: none !important;}
/* Patch Ende */
.list-block .event-list-image { width:100%; height:auto; }

.list-block .event-info { position:absolute; bottom:0; left:0; z-index:7;padding:15px; color:#fff; cursor:pointer;}
.list-block .event-info a { color:#fff; text-decoration:none;}
.list-block .event-info:hover{ opacity:0.85;}
.list-block .event-info:hover h2 a { color:#ff343a!important;}

.list-block .event-info p { margin:0; padding:0 ;}
.list-block .event-category { display:inline-block; padding-right:20px; position:relative;}
.list-block .event-category:after { content:''; position:absolute; right:6px; top:9px; width:5px; height:5px; border-radius:3px; background-color:#fff; }
.event-soldout { text-transform:uppercase; color:#ff373c;}


/* Kachelfarben */
.events-items:nth-child(1), .events-items:nth-child(1) .bg-color { background-color:rgba(144,192,92,1)!important}
.events-items:nth-child(2) .bg-color, .events-items:nth-child(2) .bg-color { background-color:rgba(211,129,62,1)!important}
.events-items:nth-child(3) .bg-color, .events-items:nth-child(3) .bg-color { background-color:rgba(160,70,105,1)!important}

.events-items:nth-child(4) .bg-color, .events-items:nth-child(4) .bg-color { background-color:rgba(214,183,51,1)!important}
.events-items:nth-child(5) .bg-color, .events-items:nth-child(5) .bg-color { background-color:rgba(0,153,177,1)!important}
.events-items:nth-child(5n+1), .events-items:nth-child(5n+1) .bg-color { background-color:rgba(144,192,92,1 )}
.events-items:nth-child(5n+2), .events-items:nth-child(5n+2) .bg-color  { background-color:rgba(211,129,62,1)}
.events-items:nth-child(5n+3), .events-items:nth-child(5n+3) .bg-color  { background-color:rgba(160,70,105,1)}
.events-items:nth-child(5n+4), .events-items:nth-child(5n+4) .bg-color { background-color:rgba(214,183,51,1)}
.events-items:nth-child(5n+5), .events-items:nth-child(5n+5) .bg-color { background-color:rgba(0,153,177,1)}
.events-items .button-box { border:0; margin:0; padding:0;}

/* Detail view */
.event-block  { background-color:#fff;}
#event-header { display:table-row; margin-top:0; }

.event-block .event-image-box { display:table-cell; position:relative; vertical-align: top; width: 45%;}
.event-block .event-image-box img { width:auto; max-width:100%; height:auto;}

.event-block .event-content-info { display:block; vertical-align: top; padding:70px 0 0 110px; width:90%; width:calc(100% - 110px)}
.event-block .has-image .event-content-info {display:table-cell; vertical-align: top; padding:70px 20px 0 30px;}


.event-block .event-content-info h2 { padding-bottom:25px; border-bottom:1px solid #aaaaaa; margin-bottom:25px;}
.event-block .has-image .event-content-info h2 { padding-left:0;}
.event-block .event-info { position:relative; margin: 0 0 20px; }

.event-block .event-info h3 {   margin: 0; padding:0 20px 0 0; }
.event-block .has-image .event-info h3 { padding:0; }

.event-block .cart-container { margin-top:25px;}
/*.event-block .ticket-box {left: 124px; top: 0; }
.event-block .cart-container .cart-box::before {
	border-color: transparent #000000 transparent ;
    border-width: 12px 19px 12px 0;
    left: -16px;
    top: 11px;
}*/
.event-overview, .event-additional, .programm-preview {
	clear: both;
    display: table;
    float: left;
    margin: 20px 0 0 110px;
    width: 914px;
}
.event-overview .box { width:auto; display:table-row;}
.event-overview p { display: table-cell; min-width: 18%; padding: 0 10px; vertical-align: top; border:1px solid #fff; }
.small-link { color:#aaaaaa; }
.small-link:hover { color:#ff343a; }
#event-detail .small-link { display:block; }

.event-overview .event-categorie {  border-right:1px solid #aaa;padding-left: 0;}
.event-overview .event-date {  border-right:1px solid #aaa;}
.event-overview .event-price { width:40%;}
.event-overview .event-time {  border-right:1px solid #aaa;}
.event-overview .event-location {  border-right:1px solid #aaa;},

.event-overview .pricetag { display:inline-block; }


.event-additional .box { width:80%; margin: 0; width: 80%;}
.event-additional p { padding:0 0 10px 0;}
 
.programm-preview {margin:0; padding: 15px 0 15px 110px;  width: 914px; border-top:1px solid #aaa;} 
.programm-preview h1 { margin:0; padding:0 0 10px 0;}
.programm-preview .link-box {display:flex; }
/** the px in 0px is necessary for IE*/
.programm-preview .preview-link  {flex: 1 1 0px; color:#000; text-decoration:none; max-width: 25%; text-overflow: ellipsis; overflow: hidden}
.programm-preview .not-last { padding-right: 25px}

 /* ticekt overview */
.mainhl { padding:0 0 0 114px; margin:20px 0;}
.ticket-block {  background:#fff;}
.ticket-list { width:100%; margin:0; padding:0; } 
.ticket-list li { list-style-type:none; margin:0 0 20px 0; }
.ticket-list li.monthly-list {background:#f4f4f4; color:#ff343a; }
.ticket-list li.monthly-list h3 { line-height:50px; padding:0 0 0 115px; margin:0; text-transform:uppercase;}
.ticket-list .ticket-date   {float:left; padding: 4px 0 15px 10px; width: 105px; }
.ticket-list .ticket-content {float:left; width:905px; border-top:1px solid #aaa; padding:10px 0 17px 0; }
.ticket-list li:nth-of-type(2)  .ticket-content  {border-top:0; padding-top:10px;}
.ticket-list .day { display:block; padding-left:20px;}
.ticket-list .date { display:block; }
.ticket-list .price { padding-top:0;}
.ticket-list .date small { position:relative; top:-3px;}
.ticket-list .ticket-info { float:left; width:350px; margin-right:30px;}
.ticket-list .ticket-info h2 { margin:0; padding:0;  }
.ticket-list .ticket-info h2 a {text-decoration:none; }
.ticket-list .ticket-info h3,
.ticket-list  .cart-data  h3{ margin: 0; padding: 0;  }
.ticket-list .cart-data-info { float:right; width:525px;margin-bottom: 5px;}
.ticket-list .cart-data { float:left; width:150px; margin-right:20px; line-height: 14px;}
.ticket-list .cart-data-info .cart-data { padding-right:20px; text-align:right; }
.ticket-list .cart-data .price { height: 26px; line-height: 14px; margin-top:-3px; padding-right:0;}
.ticket-list .quantity { width: 55px; }
.ticket-list .amount { float:left; width:125px; margin-right:30px;}
.ticket-list .cart-container .amount { float: none; width:inherit;}
.ticket-list .button-box { float:right; width:180px; margin-bottom:0; padding-bottom:0; }
.ticket-list .button-box button { width:100%; margin-bottom:5px; max-width:170px; margin-right:0;}


/* Programm overview */
.programm .ticket-info { width: 97%; padding-bottom:20px;}
.programm .ticket-info p { padding:0; margin:0;}
.programm .ticket-date .small-link { display: block; padding-left: 16px; text-decoration:none; }

.programm  .event-overview { padding:0; margin:0;width:98%;}
.programm  .event-overview .event-categorie { padding-left:0 }
.programm  .event-overview .event-buy { padding-right:0; position:relative; display:table-cell; min-width:120px; padding:0; text-align: right; border:1px solid #fff; }
.programm  .event-overview .event-buy .button-box { float:none; }
.programm  .event-buy .cart-box::before { left:80%;}
.programm  .ticket-box {   right: 320px; left:inherit;  top:36px;}

/* ticket box */
.cart-container { position:relative; z-index:9;}
#ticket-detail .cart-container { position:relative; z-index:inherit; }
.ticket-box { position:absolute; z-index:10; top:55px; left:0}
.event-content-info .ticket-box { left:-19px; top:35px; }
button.tickets, input.tickets { 
background:rgba(0,0,0,0.85); 
color:#aaa; 
text-transform:uppercase; 
border:0; 
padding:0 30px 0 10px; 
position:relative;
z-index:9;
height: 28px;
line-height: 28px;
}
.list-block button.tickets, .list-block input.tickets { position:absolute; top:20px; left:2px;}

button.tickets:after, input.tickets:after { 
content:''; 
position:absolute; 
bottom:0; 
right:0; 
width: 0;
height: 0;
border-style: solid;
border-width: 28px 28px 0 0;
border-color: transparent #ff343b transparent ;
-webkit-transform:rotate(360deg) ;
}
button.tickets:hover, input.tickets:hover, button.tickets.active ,input.tickets.active { background-color:rgba(255,52,58,0.9); color:#fff;}
button.tickets:hover:after, input.tickets:hover:after { display:none; }
.cart-box { 
width:300px; 
margin-left:20px; 
margin-top:12px; position:absolute;
display:none;
z-index:10;
text-align: left;
}
.cart-box:before, #tickets .ticket-box:before { 
content:''; 
position:absolute; 
top:-12px; 
left:50px;
z-index:21; 
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #000 transparent;
-webkit-transform:rotate(360deg);
opacity:0.75;
}
.cart-title { background:rgba(0,0,0,0.75); color:#fff; padding:15px; line-height:18px; position:relative;}
.cart-content { background-color:rgba(240,240,240,0.96); border:1px solid #aaa; padding:15px; }
.cart-content p { width:96%; float:left;}
.price {
    display: inline-block;
    height: 33px;
    line-height: 35px;
    min-width: 45px;
    padding: 5px 10px 0 0;
    vertical-align: bottom;
}
.rightalign{
    text-align: right;
}

.prices-box { padding:5px 5px 0 0; min-width: 95px;}

.price span { display:inline-block; }
#ticket-detail .price .pricetag { line-height: 16px; padding-top: 9px;}
#ticket-detail .price .price-type { padding:0 4px 0 0;}

.quantity { width:60px; border:1px solid #aaa;}
.quantity-label { padding-left:10px;}
.inkl { line-height:18px; display:block; padding:10px 0 20px 0;}

.button-box { width:80%; margin:0 auto; }
.cart-content button { display:block; width:100%; margin-bottom:10px;line-height: 28px;}
.into-cart, .actualize, .back, .newsletter-subcribe { background-color:#fff; color:#ff343a; border:1px solid #ff343a; position: relative; margin-right: 10px;line-height: 28px;}
.into-cart:hover, #cart .into-cart:hover,.actualize:hover,.back:hover, .newsletter-subcribe:hover { background-color:#ff343a; color:#fff; border:1px solid #ff343a; }

.checkout, .next, .buy, #print-ticket, #print-page, .suchen { background-color:#ff343a; color:#fff; border:1px solid #ff343a; position: relative;line-height: 28px;}
.checkout:hover, .next:hover, .buy:hover, #print-ticket:hover, #print-page:hover, .suchen:hover { background-color:#6c6c6c; color:#fff; border:1px solid #6c6c6c; position: relative;}

button.inactive, .inactive .next { border-color:#aaaaaa; color:#aaaaaa; background-color:#fff;}


.close-cart-box, .close-search-box { background-position:3px -320px; width:30px; height:30px; position:absolute; right:5px; top:5px; z-index:22;cursor:pointer;}
.close-cart-box:hover, .close-search-box:hover {background-position:3px -373px }

/* ticket box navi */
#tickets {position:relative;}
#tickets .ticket-box:before { left:45%; }
#tickets .ticket-box:after, #cart .cart-box:after, .search-box:after { content:''; position:absolute; top:-20px;left:0; height:23px; background:transparent; width:320px; z-index:20; display:block; }


#tickets .ticket-box { 
width:300px;
position:absolute;
z-index:10; 
top:0; 
left: -86px;
margin-top:61px; 
display:none;
}
#site-header #topnav li#tickets:hover .ticket-box { display:block;}
#site-header #topnav li#tickets.active:hover .ticket-box { display:none;}
#tickets .ticket-title { background:rgba(0,0,0,0.75); color:#fff; padding:15px; line-height:18px; position:relative;}
#tickets .ticket-content {  padding:15px; line-height:18px; position:relative;  background-color:rgba(240,240,240,0.96); border:1px solid #aaa;}
#tickets .ticket-content a { display:block; text-decoration:none; color:#000; margin-bottom:5px; padding-bottom:3px;text-align: left; }
#tickets .ticket-content a.overview {margin-top:25px; text-decoration:underline;}
#tickets .ticket-content a:hover { color:#ff343a!important; }
#tickets .ticket-content a span.date { float:left; width: 55px; }
#tickets .ticket-content a span { float:left; width:207px;}

.ticket-list select, .cart-box  select, .ticket-box select, .cart-elements select  { border: 1px solid #aaa; height: 32px; width: 55px; line-height: 28px; padding: 0 2px;}


/* Complete Cart */
#cart-intro { background:#fff; padding: 65px 40px 40px 124px;}
#cart-intro .left-box, #cart-intro .right-box { display:table-cell; width:50%; vertical-align:top;}
#cart-intro .right-box {  width:40%; padding-left:10% }

#complete-cart {  background:#fff;}
.grey-box {background:#f6f6f6; padding: 20px 40px 20px 124px;}
#newsletter-form { padding: 20px 40px 20px 40px;}
#ticket-detail #maintaining { padding:0!important;}
.white-box {  background:#fff; padding: 5px 40px 5px 40px;}
.white-box button { margin:15px auto 15px auto;}
#complete-cart .cart-title {background:transparent; padding:0 0 30px 0; margin:0 0 30px 0; position:inherit; color:#ff373c; border-bottom:1px solid #aaa;}


/* sections */
.cart-table {width:100%; margin-top:-68px;}
.cart-table th {text-align:left; font-weight:normal;color:#aaa; vertical-align:top; border-bottom:1px solid #dfdfdf;}
.cart-table th:after	{ position:absolute; right:0; bottom:0; height:1px;  content:''; background:#dfdfdf; width:100%; }

.cart-table tr { position:relative;}
#section-1, #section-2, #section-3 { position:relative;}
#section-1, #section-2, #section-3 { position:relative;}
#jp-1, #jp-2, #jp-3 { position:absolute; top:-120px; left:0px; width:1px; height:1px; overflow:hidden;}

#section-1 td.element-3 div .price, 
#section-3 td.element-3 div .price  {  display:block; text-align:right;}

.cart-table td { vertical-align:top;position:relative;}
.element-1	{ width:68%; }
.element-2, .element-3	{ width:14%; }
.element-4	{ width:8%; }
#section-2 .element-1	{ width:65%; }
#section-2 .element-2	{ width:35%; }
#section-2 .selector	{ width:100%;}
#section-3 .element-1	{ width:65%; }
#section-3 .element-2	{width:16%;  }
#section-3 .element-3	{width:19%; }
#section-2 input.ct { height: 21px; width: 21px; margin-left: -58px; margin-right: 20px;}
#section-2 label
#section-2 tr:nth-last-child(1) .element-1 price { padding-left:60px;}

.cart-table th div, .cart-table td div { padding:30px 10px; border:0; background-color:transparent;}
.cart-table td.element-4 div { padding-top:25px;}
.cart-table .element-1 div, #section-2 th.element-1 div  { padding-left:200px; }

#section-2 .element-1 .element-info { padding-left:0; float:right!important; width:33%; width: calc(34% - 10px); }
.element-info .price { line-height: 24px;}
#section-2 .element-info small {  display: inline-block; }

#section-2 .element-1 #post-form, #section-2 .element-1 #email-form { float:left; width:100%; padding-left:0;padding-right: 0;}
#section-2 .element-1 .form-box { width: 45%; width: calc(65% - 160px); float:left; padding-right:0;padding-left: 160px !important;}
#section-2 .element-1 #post-form div, #section-2 .element-1 #email-form div  { float:left; padding-left:0;}

#section-2 .element-1 div { padding-left:160px; float:left;}
.cart-table td div h2 { margin:0 0 10px 0; padding:0;}
#section-2 td div { padding-top:10px; padding-bottom:10px; }

#section-2 td.selector:after	{ position:absolute; right:0; top:0; height:1px;  content:''; background:#dfdfdf; }
#section-2 .cart-table tr:nth-child(2) td:after {display:none!important;}

#section-2 td.element-1:after { width:87%;  }
#section-2 td.element-2::after { width: 100%; }
#section-2 tr:nth-last-child(1) td div { padding-top:25px;}
.cart-table td div p { margin:0; padding:0;}
.cart-table .small { display:block;}
#section-3 .element-3 {  white-space: nowrap;}
#section-3 td div { padding-top:20px; padding-bottom:20px; }

.delete-cart-box     { width:30px; height:30px; background-position:3px -320px;border:0; background-color:transparent;}
.delete-cart-box:hover     {background-position:3px -401px;}
.cart-table .price { height: auto; dusplay:block; padding: 0 ; }
.cart-table .element-3 small {     display: inline-block; line-height: 16px !important; }
.cart-table .vvk td:after { position:absolute; left:0; top:0; height:1px;  content:''; background:#dfdfdf; width:100%; }

.dotted-seperator td { height:5px; line-height:5px; font-size:4px; }
.dotted-seperator td:after { position:absolute; bottom:4px; height:5px; left:0;; width:100%; content:''; 

 background: url(../images/button-sprite.png) transparent;
	background-image:
    linear-gradient(transparent, transparent),
    url(../images/button-sprite.svg);
	background-size: 48px 1266px;
    background-position: left bottom;
    background-repeat: repeat;

}

.summe, .step { position:relative;}
.summe .element-3, #section-2 .summe .element-2 { font-weight:bold;}
.step:before { position:absolute; left:-20px; top:3px; content:''; width:20px; color:#aaa; }
#section-1 h2.step:before {content:'1.';}
#section-2 h2.step:before {content:'2.';}
#section-3 h2.step:before {content:'3.';}
#complete-cart .step {color:#aaa;}

.active .cart-table { display:block; }
.inactive .cart-table { display:none; }
.checked .cart-table { display:none; }
.inactive .cart-bums { display:none; }

.cart-table td .paypal-info { padding:0!important; position: relative;  }
.paypal-info-link::selection{ background:#f6f6f6; }
.paypal-info-link::-moz-selection { background:#f6f6f6;  }	
/*.paypal-info-link:hover {color:#ff343a;}*/
.paypal-info-table.active { display:block;}
.paypal-info-table { position:absolute; top:35px; left:0; z-index:20; width:340px; background-color:#ff343a!important; color:#fff; padding:10px!important; display:none;}
.paypal-info-table:before {
content:''; 
position:absolute; 
top:-12px; 
left:50%;
margin-left:-6px;
z-index:21; 
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #ff343a transparent;
-webkit-transform:rotate(360deg);
}

#complete-cart .active .step { color:#ff343a;}
#complete-cart .active .cart-table { display:block;}
#complete-cart .checked .step:after { position:absolute; right:0; top: -8px; content:''; width:60px; height:60px; 

 background: url(../images/button-sprite.png);
	background-image:
    linear-gradient(transparent, transparent),
    url(../images/button-sprite.svg);
	background-repeat:no-repeat;
	background-size: 48px 1266px;
    background-position:0 -721px; }


.cart-type {  color: #000; line-height: 46px; margin:0 2% 2% -4px; height: 44px;   margin-right: 10px;  width: 47%; border:1px solid #fff;}
.cart-type.strasse { width:80%;}
.cart-type.str-nummer { width: 14%;}
.cart-type.telefon, .cart-type.email { width:95%; margin-left:-4px; }
.cart-type.kommentar { width: 94%;  height: 200px; padding-left: 8px}

.cart-type.error { border:1px solid #ff343a; background:url(../images/bg-error.png) right top no-repeat #fff;}
.cart-type.error:focus { border:1px solid #fff; background:#fff;}
.error-message { position:absolute;   top: -40px; width: 300px; padding:10px; left:50%; background: #ff343a; color:#fff; margin-left:-160px;}
.error-message::before {
    border-color: #ff343a transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    content: "";
    height: 0;
    left: 150px;
    position: absolute;
    bottom: -12px;
    width: 0;
    z-index: 21;
}

.actions	{ text-align:center; position: relative; }
.next, .back, .buy		{ width:200px; }

.next:after, .back:after { position:absolute; right:28px; height:30px; width:20px; content:''; background:url(../images/button-sprite.png); background-repeat:no-repeat; }
.next:after { background-position:0 -556px }
.back:after { background-position:0 -663px }
.back:hover:after { background-position: 0 -779px; }
.inactive .next:after	{background-position:0 -610px}
.button-box { text-align:right; padding-bottom:30px; margin-bottom:30px;}
.ticket-content .button-box { border:0; }

.error-message { display:none;}
.error-message.active { display:block;}
.active .back { display:none;}
.inactive .next, .inactive .back, .inactive .buy, .inactive .agbs { display:none;}
.checked .next { display:none;}


#post-form, #email-form {display:none;}
#post-form.active, #email-form.active {display:block;}

/* succes */

#succes-intro { background:#fff; padding: 90px 40px 20px 124px;}
#succes  h1 { max-width:474px }

.success-content, .success-image-1,   .gutschein-content, .left-image { display:table-cell; vertical-align:top; /*text-align: center;*/}
#succes .success-post { padding:0; margin:0;}
#succes .success-post h1 { text-align:left; margin: 20px 0 30px;} 
#succes .success-post p,#succes .success-post h2 { text-align:left;}

#gutschein .left-image { vertical-align:middle;}
.headline-box	{ text-align:right;}
.headline-box h1 { width:50%; text-align:center; float:right; margin: 0 0 20px;}

.success-content, .success-content-cp, .gutschein-content {padding: 20px 40px 20px 70px;}


/*gutschein */

.form-box select { border: 1px solid #fff; height: 40px; line-height: 32px; padding: 0 20px;}

#gutschein-form .form-box { float:left; width:60%;}
#gutschein-form .form-box .first-element { margin-bottom:20px;}
#gutschein-form .form-box label {padding-right:20px;}
#gutschein-form .element-info { float:right; width:33%; width:calc(34% - 10px)}
#gutschein-form .element-info ol { margin:0; padding:10px 0 20px 0; }
#gutschein .grey-box {padding: 40px 40px 20px 70px;}

#gutschein-form .element-info ol li { margin:0 0 15px 20px; padding:0}
.success-image-1, .left-image { position:relative; overflow:hidden}
.success-image-1:after { position:absolute; top:-40px; left:-61px; width:90px; height:120%; background:#f6f6f6;
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
transform:rotate(10deg); content:'';}
#print-ticket { margin-top:20px;}


/* Blog detail seite...*/
.blog { margin:0x; width:100%;padding:0; }
.blog-list { padding:0; margin:0; width:33.33%; float:left; min-height: 875px; list-style-type:none; position:relative; z-index:6;}
.bl-box { padding:0;}
.blog-list .item-image img, .static-box.left img {width:100%; height:auto;}
.bl-box .page-header, .bl-box p {padding:0 12px 0; margin: 0 0 15px;}
.page-header h2 { padding:10px 0 0 0; margin:0;}
.blog-list .item-image { position:relative; z-index:4;}

/* special content */
.keyvisual { width:100%; margin-top: -33px; }
.keyvisual.top { margin-top:-90px;}
.keyvisual img  { width:100%; height:auto;}
.article-body ul { margin:0; padding:0; }
.article-body ul li { margin:0; padding:0 0 0 10px; list-style-type:none; position:relative; }
.article-body ul li:before { content:''; width:4px; height:4px; background:#000; border-radius:2px; position:absolute; left:0; top:9px;}

.static-box.left { float:left; width:62%; width:calc(65% - 65px); padding-left:65px;overflow: auto;}

.static-box.aside { float:right; width:30%; } 
.static-box.aside .grey-box { padding:5px 20px; margin-bottom:10px;}
.static-box.main { float:left; width:96%;  width: calc(100% - 65px); padding-left:65px;}
.static-box.main img { width:100%; height:auto; margin-top:20px;}
.static-header { padding:2%; margin:0;}


.article-body .contact-list { padding:0; padding:10px 0 10px; border-bottom:1px solid #aaa; float:left; width:100%;}
.article-body ul.contact-list  li::before { display:none; }
.contact-list li { padding:0; margin:0; list-style-type:none; float:left; }
.contact-list h3 {margin: 0; padding: 0;}
.contact-list .element-1 { width:38%; padding-right:1%; clear:left;}
.contact-list .element-2 { width:33%; padding-right:1%; }
.contact-list .element-3 { width:20%; }
.article-body .contact-list .phone-element { display:none;}
pb20 { padding-bottom:20px;}

/* Blog Item Page */

.aktuelle-projekte .item-page .page-header,
.projektarchiv .item-page .page-header{  float: right; padding-left:5%; width:60%;}

.aktuelle-projekte .item-page,
.projektarchiv .item-page { padding:50px 0 50px 65px;}
.aktuelle-projekte .item-page .item-image,
.projektarchiv .item-page .item-image { float:left; max-width:400px; width:35%;}
.aktuelle-projekte .item-page .item-image img,
.projektarchiv .item-page .item-image img{width:100%; height:auto;}
.aktuelle-projekte .article-body,
.projektarchiv .article-body{ float:left; width:60%; padding-left:5%;}

.video-container {
    position: relative;
    padding-bottom: 51.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	margin-bottom:30px;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Footer */
#site-footer { position:relative;  width:100%; z-index:60; }
#site-footer .box {  color:#555555;}
#footernav { width:100%; display:block;background-color:rgba(0,0,0,0.75);}
#footernav .nav { margin:0; padding:0; width:100%;display:block;font-family: 'roboto_light', Arial, sans serif; font-weight: 300;}
#footernav .nav li { margin:0; padding:0; display:block; float:left;}
#footernav .nav li a { color:#aaaaaa; display:block; text-decoration:none; padding: 5px 10px; }
#footernav .nav li:nth-child(1) { padding-left:20px;}
#footernav .nav li a:hover { color:#fff; }

#open-footer { position:absolute; right:0; top:0; width:50px; height: 32px; border-left:1px solid #6c6c6c;padding:0; cursor:pointer; background-position:16px -207px; display:none;}
#open-footer.close { background-position: 16px -827px; }
.footer-info { background:rgba(240,240,240,0.95); display:block;}
.footer-info .box { width:auto; padding:25px 30px;}
.footer-info h2 { display:inline-block;  margin: 0 30px 0 0; padding: 0;}
.footer-info input#newsletter, .get-newsletter { display:inline-block; margin-right:20px; width: 270px;}
.get-newsletter  {border:1px solid #aeaeae; width: 51%;}
#nl-box { float:left;width:66%;}
.text  { float:left;width:33%;}
#subscribe-wewsletter { border-bottom:1px solid #aaa; padding-bottom:20px;}
#quicklinks { margin:25px 0;  width:69%; float:left; border-right:1px solid #aaa;}
#quicklinks ul { margin:0; padding:0; }
#quicklinks ul li { margin:0; padding:0; list-style-type:none; float:left; width:33%; line-height:30px;}
#quicklinks ul li  a { text-decoration:none; padding-left:20px; color: #555;}
#address	{  margin:25px 0; width:30%; float:right;}
#address p, #address h2 { padding:0 20px; margin:0; }
#quicklinks h2, #address h2 { padding-bottom:15px;}
#copyright { clear:both; border-top: 1px solid #aaa;}
#copyright ul { margin:0; padding:20px 0; float:left;}
#copyright ul li { margin:0; padding:0; list-style-type:none; float:left;}
#copyright p { padding:8px 0 0 0; margin:0; color:#000;}
#copyright .item-1 p { padding-right:150px; }
#copyright .item-2 p { padding-right:35px; }
#copyright .item-3  a { text-indent:-1000px; overflow:hidden; display:block; background:url(../images/duesseldorf-logo.png) 0 0 no-repeat; height:35px; width:120px; background-size:contain; }

.embed-container {
  position: relative; 
  padding-bottom: 75%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%; 
}

/* Font family Settings */
@font-face {
    font-family: 'roboto_light';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#roboto_light') format('svg');
}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.eot');
    src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
}
@font-face {
    font-family: 'roboto_regular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#roboto_regular') format('svg');
}

@font-face {
    font-family: 'roboto_bold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#roboto_bold') format('svg');
}
@font-face {
    font-family: 'roboto_thin';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#roboto_bold') format('svg');
}