/* Hauptschriften - Fliesstext */
@font-face {
    font-family: 'ASW-Eurostile';
    src: url('fonts/Eurostile-Reg.eot');
    src: url('fonts/Eurostile-Reg.eot?#iefix') format('embedded-opentype'),
         url('fonts/Eurostile-Reg.woff') format('woff'),
         url('fonts/Eurostile-Reg.ttf') format('truetype'),
         url('fonts/Eurostile-Reg.svg#ASW-Eurostile') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ASW-Eurostile';
    src: url('fonts/Eurostile-RegObl.eot');
    src: url('fonts/Eurostile-RegObl.eot?#iefix') format('embedded-opentype'),
         url('fonts/Eurostile-RegObl.woff') format('woff'),
         url('fonts/Eurostile-RegObl.ttf') format('truetype'),
         url('fonts/Eurostile-RegObl.svg#ASW-Eurostile') format('svg');
    font-weight: normal;
    font-style: Ita;
}

@font-face {
    font-family: 'ASW-Eurostile';
    src: url('fonts/Eurostile-Bla.eot');
    src: url('fonts/Eurostile-Bla.eot?#iefix') format('embedded-opentype'),
         url('fonts/Eurostile-Bla.woff') format('woff'),
         url('fonts/Eurostile-Bla.ttf') format('truetype'),
         url('fonts/Eurostile-Bla.svg#ASW-Eurostile') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ASW-Eurostile';
    src: url('fonts/Eurostile-BlaIta.eot');
    src: url('fonts/Eurostile-BlaIta.eot?#iefix') format('embedded-opentype'),
         url('fonts/Eurostile-BlaIta.woff') format('woff'),
         url('fonts/Eurostile-BlaIta.ttf') format('truetype'),
         url('fonts/Eurostile-BlaIta.svg#ASW-Eurostile') format('svg');
    font-weight: bold;
    font-style: Ita;
}

/* LAYOUT */
@media only screen and (max-width: 5000px){
body {
	margin: 0;
	padding: 0;
	background: rgb(30,30,30);
	color: rgb(180,180,180);
    letter-spacing:1px;
    font-family:"ASW-Eurostile";
	line-height:1.25;
	hyphens:auto !important;}
	

div.mitte{
border:none;
text-align:center;
margin:0px auto 20% !important;
height:auto;
padding:0px;
background:transparent;
	width:100%; margin:3% auto !important;
	box-shadow: 0px 0px 10px rgba(40,45,45,.75);
	}

div.mitte p{
font-size:150%;
padding:10px;
}

.logo{
  margin: 0px auto 0px auto; max-width:750px; padding:0 20px 0 20px;
}

div.mitte h1{color:rgb(200,0,0); /*! text-shadow:2px 4px 4px rgba(255,0,0,.5); */ padding:20px 0 0px 0; letter-spacing: 2px;}



	
a.link {color: rgb(200,0,0) !important; font-weight:bold; text-decoration:none;}
a.link:hover{text-decoration:underline;}

.logo .image{
	width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
	margin:0px 0px 20px 0px;
}

div.counter{
border:none;
text-align:center;
margin:0px auto;
height:auto;
background:rgba(100,100,100,.9);
padding:20px auto !important;
bottom:0px;
height:auto;
position:fixed;
width:100%;
border-top:6px solid rgb(200,0,0);
box-shadow:0px -20px 20px rgba(85,95,100,.2);}
	
div.counter h3 {color: #fff; text-shadow:2px 2px 2px rgba(40,45,45,.8);
	font-size: 250%;
    padding-bottom:2px;
    margin:10px auto 0px auto;
	line-height:1.1;
font-style: Ita;
}
	
div.clock{ margin:40px auto 0 auto;
text-align:center; max-width:300px; width:90%;
 height:70px;}
 }
 
 @media only screen and (max-width: 800px){
	body{background-position-x: -75%;}
	div.mitte{margin:50px auto 40% !important;}
	}

@media only screen and (max-width: 600px){
	body{background-position-x: -65%;}
	div.mitte p{width:90%; margin:0 auto 0 auto;}
}

@media only screen and (max-width: 550px){
	div.mitte{margin:50px auto 50% !important;}
	div.counter h3 {font-size: 200%;}
}

@media only screen and (max-width: 450px){
	body{background-position-x: -55%;}
	div.counter {width:100%;}
}

@media only screen and (max-width: 300px){
	body{background-position-x: -45%;}
	}

/* --------------------------------------------------------------------------
 *  COUNTER
 * -------------------------------------------------------------------------- */
 
 .countdown-clock {
  text-align: center;
  padding:0px;
  max-width:300px;
  margin:20px auto 0 auto !important;
  letter-spacing:0px;
  }

.countdown-clock li
{list-style:none; display:inline-block; margin:0 3px 0 3px;color: rgba(255,255,255,.4);}

.countdown-clock .years,
 .countdown-clock .months,
 .countdown-clock .days,
 .countdown-clock .hours,
 .countdown-clock .minutes,
 .countdown-clock .seconds {
  font-size: 150%;
  display: inline-block;
  color:rgb(30,30,30);
  border-radius:5px 5px 0px 0px;
  padding:5px;
  background:rgb(220,220,220);
  width:35px;
  font-weight:bold;
  margin-top: 5px;
  padding: 5px 5px 0px;
}