@charset "UTF-8";

#box_header { padding-top: 40px; }

#logo {
	width: 100%;
	height: 80px;
	text-align: center;
}

h1 {
	background-image: url(../images/all/logo-kuf.svg);
	background-size: 200px auto;
	background-position: top center;
}

h2 {
	font-size: 22px;
	line-height: 22px;
	color: #000000;
}

h2 span.spliter {
	padding: 0 30px;
	margin: 0 8px;
	background: url(../images/all/spliter.svg) repeat-x center center; 
}

#headline {
	margin-bottom: 25px;
}

#content {
	background: url(../images/all/bg_main.png) no-repeat top center; 
	text-align: center;
	border-radius: 10px;
    margin: 0 10px;
    padding-bottom: 20px;
    height: 500px;
}

#box_footer {
	margin-top: 35px;
}

#tickets {
	margin: 0 auto;
}

#tickets_container h3 {
	font-size: 23px;
	line-height: 25px;
	padding-bottom: 10px;
	color: #666666;
	text-transform: uppercase;
}

#tickets_container h3 strong {
	color: #000000;
	font-size: 36px;
	display: block;
}

.element-headline p {
	text-transform: uppercase;
	font-family:'Century Gothic W01 Bold';
	line-height: 13px;
	font-size: 11px;
}

#tickets_container {
	max-width: 100%;
}

.element-item-content {
	width: 25%;	
}

.element-item-spliter {
	width: 12.5%;
	height: 340px; 
}

.element-headline {
	padding-top: 18px;
}


/*--------------------  RESPONSIVE DESIGN --------------------*/


/**************************************************/
/* iPhone Landscape */
@media (min-width: 737px) {
  
}


/**************************************************/
/* iPhone Landscape */
@media (max-width: 736px) {
   /*h1 { background-size: contain; }*/
   /*.element-item-spliter { display: none; }*/

  	#logo { float: right;  width: 170px; height: 66px;}
  	h1 { width: 100%; height: 55px; padding: 0; margin: 0; background-size: auto 100%; background-position: right top; }
  	h2 { padding: 0 5px; font-size: 20px; line-height: 20px;  -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none;}
  	h2 span.spliter { display: none; }
  	#content { background: none;  margin: 0; }
  	#box_main { padding-top: 0;}
  	.element-item-content { max-width: 380px; }
  	.element-item-content { width: 30% }
  	.element-item-spliter { width: 5% }
  	#tickets { padding-bottom: 20px; }
}

/**************************************************/
/* iPhone Portrait */
@media (max-width: 559px) {
	.element-item-content { width: 33.3333333% }
  	.element-item-spliter { display: none;}
  	.address p strong { display: block; }
}

@media (max-width: 490px) {
	 .mobile_oneline { display: block; }
	
	.address p { padding-bottom: 0;}
	#content { height: auto; }
	.element-item { height: auto;}
	#tickets { max-width: 320px; }
	.element-item-content { float: none; max-width: 320px; width: 100%; }
	.element-headline {padding-bottom: 50px; }

}

@media (max-width: 380px) {
}