*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body {margin:0;color:#ff1a00;background:#000;}
body{
background-image:url('../assets/img/background.jpg');
background-repeat:no-repeat;
background-size:contain;
background-position:center center;
}
.clear{clear:both}
.mobileonly{display:none}
a{color:#ff1a00;text-decoration:none}

.wrapper{text-align:center;padding:100px 100px 0 100px}
.columnsContainer{position:relative;max-width:1080px;margin:0 auto}
footer, header { position: relative; margin: .5em; }
/*.leftColumn, .rightColumn, footer, header {  border: 1px solid  #ccc; padding: 1.25em; }*/
.leftColumn { position: relative;width:100%;max-width:615px;float:left}
.rightColumn { position: relative;width:465px;float:right}

.right_inner_left{float:left;width:210px}
.right_inner_right{float:right;width:255px}
.right_inner_left img{display:block;margin-bottom:20px;padding-right:20px;width:100%;height:auto}
.right_inner_right{text-align:left}
.hier-entsteht {width:100%;height:auto;max-width:295px}

.klavika{font-family:'klavikabold_condensed';}
.museo{font-family:'museo100';}
.pdf {
background:url("../assets/img/pdf-download.png") center left no-repeat;
background-size:78px 68px;
padding:22px 0 34px 78px;
white-space:nowrap;
}
.download_pdf{margin:60px 0}

.font_26_30{font-size:26px;line-height:30px;margin-top:30px}
.font_16_20{font-size:16px;line-height:22px}
.uppercase{text-transform:uppercase}
.center{text-align:center}

a.klavika{font-size:22px;line-height:28px}
.inline-items {
  margin-top: 0;
}

.inline-items li {
  margin-left: 0;
  border-left: 1px solid black;
  padding-left: 10px;
  padding-right: 10px;
}

.inline-items li:first-child {
  margin-left: 0;
  border: none;
  padding-left: 0;
  padding-right: 10px;
}

.inline-items li:last-child {
  padding-right: 0;
}



.gif_animation {position:absolute;left:0;top:0;z-index:100}
.gif_animation img{width:100%;height:auto!important;max-width:500px}
.logo {position:absolute;right:-57px;bottom:-205px;z-index:200}
.logo img{width:100%;height:auto!important;max-width:387px}


/* MEDIA QUERIES */
@media screen 
  and (max-width:1250px) {
	  body{
		background-size:cover;
		background-position:center 0;
		}
	.columnsContainer{padding:0 5%}
	.leftColumn { width:45%;margin-right:275px}
	.logo {right:-60px;bottom:-30px}
	.logo img{width:60%;height:auto!important}
	/*.rightColumn { width:36%;min-width:255px}*/
	.rightColumn { position:absolute;top:0;right:0;width:465px; }  
	/*
	.right_inner_left{width:44%}
	.right_inner_right{width:56%}
	.right_inner_left img{max-width:190px}
	*/
}
@media screen 
  and (max-width:1100px) {
	.leftColumn { width:40%;margin-right:275px}
}
@media screen 
  and (max-width:1050px) {
	.leftColumn { width:35%;margin-right:275px}
}
@media screen 
  and (max-width:980px) {
	body {background-position: center center}
	.mobileonly{display:block}
	.wrapper{padding:0 10%}
	.mobile_hide{display:none!important}
	.columnsContainer{padding:0}
	.leftColumn { width:100%;max-width:100%;float:none;margin-right:0!important;text-align:center;padding-top:80%}
	.gif_animation{position:relative}
	.animation{display:none}
	.logo{position:relative;left:-40px;top:0}
	.logo img {max-width:130%;width:130%}
	.arrow{max-width:90px;width:100%;height:auto;margin:10% auto 300px auto;cursor:pointer}

	.rightColumn { position:relative;width:100%;float:none}
	.right_inner_left, .right_inner_right{width:100%;float:none}
	.right_inner_left{max-width:440px;text-align:center;margin:0 auto 50px auto}
	.right_inner_left img{padding-right:0;max-width:440px}
	.hier-entsteht {max-width:100%}
}

@media screen 
  and (max-width:640px) {
	body {background-position: center -490px;background-size:450% auto}
	.leftColumn {padding-top:40%}
	.arrow{max-width:80px;width:100%;margin:7% auto 300px auto}
}

 /*
@media screen and (min-width: 47.5em ) {
  

   
  .leftColumn { margin-right: 19.5em; }

.rightColumn { position: absolute; top: 0; right: 0; width: 18.75em; }  
	
} 
*/