/* FONTS */
@font-face{
	font-family:'20CentsMarker';
	font-style:normal;
	font-weight:700;
	src:
		local('20 Cents Marker'),url(20CENTSMARKER.ttf) format('truetype');
}

* { margin:0; padding:0; }

body { background:#fcf6ed; color:#444; font-size:14px; font-family:Nunito, Arial, sans-serif; font-weight:300; padding-bottom:1px;}

body {
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;

	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
}

a { color:#444; text-decoration:none; }

img { vertical-align:bottom; }
html, body { height:100%; }

h1, h2, h5.fixheader, h5.claim, .owl-nav, footer a, .externlink { font-family:'20CentsMarker',Arial, sans-serif; font-weight:700, font-style:normal; 
	-moz-osx-font-smoothing: grayscale;
}
h2 { font-size:38px; color:#CD1619; line-height:1; margin-top:0.8em; text-transform:uppercase; }

h1 b, h2 b { 
	text-transform:initial;
	color:#000;
}

figcaption, .copyright { text-align:right; }
.heroimage { }
.herocopy { width:66%; margin-bottom:-1.5em;}
.copyright {
	font-size:0.75em;
}

.copyright::before { content:'© '; }
.clear { 
	clear:both;
}

/* INTRO */
#intro { height:100%; text-align:center; position:relative; }
#intro .slide { position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
#intro img { width:auto;  max-height:100%; max-width:100%; height:auto;  }


/* CONTACT INFO BOTTOM */
#contacts { text-align:center; position:fixed; bottom:20px; left:0; right:0; z-index:100; }
#contacts > * { margin:0 10px; }

/* PAGE */
#wrapper {
	/*max-width:1400px;
	width:94%;
	margin:0 auto;*/
	display:none;
	/*height:100%;*/
	overflow:hidden;
}

#wrapper section {
	display:none;
	padding-bottom:4em; 
	/*min-height:100%;*/
	clear:left;
	max-width:1400px;
	width:94%;
	margin:0 auto;
}
[data-anim] { 
	opacity: 0; 
}
[data-anim="end"] { 
	opacity: 1; 
}
.dates { 
	margin-top:0.5em; 
}
.dateblock {
	font-size:2.2em;	
}
.dateblock b {
	font-weight:900;
	color:#000;
	font-size:1em;
}
.dateinfo { 
	margin:0;
	font-size:0.45em;
}

.datespecialinfo {
	display:inline-block;
}
.datespecialinfo b {
	color:#CD1619;
}

.col { 
	width:32%;
	float:left;
}

.col50 { 
	width:49%;
	float:left;
}

.col50c {
	width:25%;
	margin:0 auto;
	font-size:1.5em;
	/*text-align:center;*/
}

.col50:nth-child(2n) {
	margin-left:2%;
}
.col:nth-child(3n+2) {
	padding:0 2%;
}

.col_video {
	width:66%;
}


footer {
	clear:left;
	height:200px;
	display:none; 
	padding:50px 50px 0 50px; 
}

/* HERO */
#logo img, #logofixed img {
	height:auto;
	max-width:33%;
	margin:10px 0 30px -5px;
}

#hero {
	position:relative;
}

#hero h1 { 
	position:absolute;
	right:0;
	top:75px;
	font-size:175px;
	color:#CD1619;
	text-transform:uppercase;
	line-height:1;
	text-align:right;
	word-spacing:-0.1em;
}

#hero h1.archiv {
	font-size:125px;	
}

#hero img {
	width:66%;
	height:auto;
}

#contactstop {
	position:absolute;
	left:40%;
	top:0px; 
	padding-top:8.5%;
	line-height:1.5;
}

#yearinfo p {
	font-size:18px;	
	line-height:1.2;
	margin:1em 0;
}

#yearinfo .special {
	font-size:120px;
	text-align:right;
	margin:0.2em;
}

#yearinfo .col50 {
	padding-bottom:80px;
	
}

/* PROGRAM */
/*#program .col {
	width:15%;
	padding:0 2% 0 0; 
}
#program .col:nth-child(6n) {
	padding:0;
}*/
#program { 
	overflow:hidden;
	max-width:none !important;
	width:98% !important;
	transition:height 0.5s;
}

#program .owl-carousel {
	max-width:1400px;
	margin:0 auto;
}

#program .owl-carousel .owl-stage-outer {
	overflow:visible;
}

#program .owl-item, #program .active + .active + .active + .active  {
	opacity:0.1;
	transition:opacity 0.5s;
}

#program .owl-item.active {
	opacity:1;
}
#program .horizontalwrapper {
	/*width:300%;*/
}

#program .col {
	padding-bottom:40px; 
}
.eventinfo ul {
	padding-left:2em; 
}
.eventinfo p, .eventinfo li {
	margin:1em 0;
}

.highlight { 
	color:#CD1619;
	font-weight:bold;
}

/*#program .col:nth-child(3n+1) {
	clear:left;
}*/
#program h2 {
	font-size:60px;
}

#program p.people {
	margin:1em 0;
}


figure {
	position:relative;
	width:100%;
	height:0;
	padding-top:66%;	
	overflow:hidden;
}
figure img {
	width:100%;
	min-height:100%;
	position:absolute;
	top:0;
}

#program .dateblock {
	font-size:1.3em; 
}

#program .dateinfo { 
	font-size:0.75em;
}
/* PLACE */
#place .col .col p { 
	font-size:0.7em;
}

/* fixed BAR */
#wrapper > header {
	position:fixed;
	left:0;
	top:-200px !important;
	right:0;
	background:#fcf6ed;
	background:rgba(252,246,237,0.9);
	z-index:100;
	transition:top 1s;	
}

#wrapper > header.ontop {
	top:0;
} 

#wrapper > header > div {
	max-width:1400px;
	width:94%;
	margin:0 auto;
	position:relative;
}

h5.fixheader {
	color:#CD1619;
	font-size:150px;
	position:absolute;
	right:0;
	top:0;
	opacity:0;
	transition:opacity 0.75s;
	text-transform:uppercase;
}
h5.fixheader.visible {
	opacity:1;
}


h5.fixheader span {
	position:absolute;
	right:0;
	top:0;
	opacity:0;
	padding-left:50px;
}
 h5.claim {
	font-size:1.5em;
	line-height:1.1;
	margin-top:1em;
	text-transform:uppercase;
}

footer > div {
	max-width:1400px;
	margin:0 auto;
	/*border-top:1px solid #ccc;*/
	padding:20px 0;
	
}

footer a,
.externlink {
	color:#CD1619;
	font-size:20px;
	
}


/* ARROWS */
.owl-nav { 
	/*background:red;*/
	position:absolute; 
	top:100px; 
	left:20px; 
	right:20px;
	color:#fff;
	font-size:60px;
	text-shadow:0px 2px 2px rgba(0,0,0,0.3);
}

.owl-carousel:hover .owl-nav > div {
	
}

.owl-nav > div {
	opacity:1; 
	transition:opacity 0.5s;
	color:#cd1619;
}

.owl-nav .disabled {
	opacity:0;
}
.owl-prev {
	position:absolute;
	top:0;
	right:left;
}
.owl-next {
	position:absolute;
	top:0;
	right:0;
}

#place p {
	margin:1em 0;
}

.owl-carousel .owl-item img.stubenrein {
	width:120px; 
	display:inline-block;
	vertical-align:middle;	
}

.eventblock .specbr { display:none;}

#fb_link { float:right; }
#fb_link img { vertical-align:middle; }

#lnk_archiv_2017 { display:block; }

#yearinfo img { max-width:180%; }

#extra { position:absolute; top:30px; right:25px; }
#extra h2 { font-size:150px; margin-top:0; }
.extra { display:none; }
.eventinfo strong, .category strong { font-weight:bold; }

.bigger { font-size:2.5em; line-height:0.8; display:block; position: relative; top:0.1em; }
.bigger2 { font-size:1.5em; line-height:0.8; display:block; position: relative; top:0.1em; }
.bigger3 { font-size:10em; line-height:0; display:block; position: relative; top:1em; left:-10%; width:120%; text-align:center;}


.pre2020 {
	margin-bottom: -3em;
	z-index: 1;
	position: relative;
	line-height: 0.5em;
	font-size: 50px;
}

#yearinfo .pand2021 {
	font-size:2.2em;
	padding-left:2em;
}

.dampf { text-align:right; }
.owl-carousel .owl-item .dampf img { display:inline-block; width:50%; }

@media screen and (min-width:1400px) {
	#hero h1.smaller { font-size:150px; }
	#hero h1.tbigger { font-size:200px; }
}
/* MEDIA */
@media screen and (max-width:1400px) { /* medium size screens */
	#hero h1 { font-size:150px; }
	 #hero h1.smaller { font-size:120px; }
	  #hero h1.tbigger { font-size:175px; }
	h5.fixheader { font-size:120px; }
	.respo { font-size:0.85em; }
	.bigger3 { font-size:8em; }
}
@media screen and (max-width:1200px) { /* ~small screens */ 
	#hero h1 { font-size:120px; }
	 #hero h1.smaller { font-size:100px; }
	 #hero h1.tbigger { font-size:150px; }
	h5.fixheader { font-size:100px; }
	#extra { display:none; }
	
	#program h2 { font-size:40px; }	
	.respo { font-size:0.75em; }
	.bigger2 { font-size:150px; }
	.bigger3 { font-size:7em; }
	
	.pre2020 .bigger2 { font-size:50px; }
	
}
@media screen and (max-width:1024px) { /* ~tablet */
	#hero h1 { font-size:100px; }
	
	#hero h1 br:first-child { /*display:none;*/ }
	#hero h1 + div { height:75px !important; }
	h5.fixheader { font-size:75px; }	
	#program h2 { font-size:36px; }	
	.dateblock { font-size:1.7em; }
	#place > .col { width:48% }
	#place > .specialcol { clear:left; width:100%; padding-top:50px; }
	.specialcol .col { width:20%; }
	.specialcol figure { clear:none; width:35%; height:auto; padding-top:28%; }
	#contactstop { padding-top:1.5%; }
	#contactstop br { display:none; }
	#contactstop br + a { margin-left:20px; }
	#yearinfo .special { font-size:70px; }
	#yearinfo h2 { font-size:20px; }
	.herocopy { margin-bottom:0em;}
	.respo { font-size:0.85em; }
	.bigger2 { font-size:110px; }
	.col50c {width:60%; }
	.bigger3 { font-size:5.2em; }
#hero h1.archiv { font-size:30px; }
#yearinfo .pand2021 {
	font-size:1.65em;
	padding-left:0em;
}	
	h2 { font-size:30px; }
}
	


@media screen and (max-width:768px) { /* tablet small */
	#extra { display:none; }
	#hero h1 { font-size:70px; }
	.extra { display:block; }
	#yearinfo .col50:first-child { padding-bottom:20px; }
	.respo { font-size:0.8em; }
	.bigger2 { font-size:90px; }
	.bigger3 { font-size:4.2em; }
	
	h2.pre2020 { font-size:35px; }
	
	#hero h1.archiv { font-size:30px; }
	.col_video {
		width:100%;
	}
	
	
}
@media screen and (max-width:640px) { /* ~mobiles */
	#yearinfo img { max-width:100%; }
	h5.fixheader { font-size:36px; }	
	#wrapper section { padding-bottom:2em; }
	#logo img { max-width:55%; }
	#logofixed img { margin-bottom:10px; }
	#hero h1, #hero .dates, #hero > img, .herocopy { display:none !important; }
	#hero h1.archiv { display:block !important; /*font-size:60px;*/ padding-top:20px; }
	#hero h1.archiv + div { height:75px !important; }
	#place > .col { width:100%; padding-bottom:30px;}
	.specialcol .col { width:32%;  }
	.specialcol figure { clear:left; width:100%; height:auto; padding-top:66%; }
	.owl-carousel { display:block; width:auto; padding:0 10px; }
	.eventblock { padding-bottom:50px; }
	#contactstop { padding-top:0%; left:auto; right:10px; top:20px; font-size:0.8em;}
	#contactstop br { display:inherit; }
	#contactstop br + a { margin-left:0px; }
	.col50 { width:100%; padding-left:0 !important; float:none; }
	.notonmobile { display:none; }
	
	#yearinfo .special { font-size:60px; }
	
	#hero h1.archiv { font-size:30px; }
	
	#lnk_archiv_2017 { display:block; }
	#extra { display:none; }
	.bigger2 { font-size:70px; }
	.col50c {width:85%; }
	.bigger3 { font-size:3em; }
	
	h2.pre2020 { margin-bottom:1em; font-size:18px; }
	h2.pre2020 .bigger2 { font-size:40px; }
	.col50c { width:100% !important; }
	
}

@media screen and (max-width:450px) { /* ~mobiles */
	.bigger2, #yearinfo .special  { font-size:40px; }
	.col50c { font-size:1em; }
	.bigger3 { font-size:2.5em; }
	h2 { font-size:26px; }
	#intro { top:150px;}
	
}


@media screen and (orientation:portrait) and (max-width:768px) {
}