/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v27-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
body {
background-color:#FFF;
color:#333;
text-align:center;
padding:0;
margin:0;
font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
line-height:180%;
font-size:1em;
}

.boxxWrap {position:relative;box-sizing:border-box;margin:0em;padding:0;float:left;}
.boxx {position:relative;box-sizing:border-box;float:left;background-color:#FFF;}
.boxxRatio1-1 {padding-bottom: 100%;} 
.boxxRatio2-1 {padding-bottom: 50%;} 
.boxxRatio3-1 {padding-bottom: 33.3%;} 
.boxxRatio4-1 {padding-bottom: 25%;}
.boxxRatio5-1 {padding-bottom: 20%;}
.boxxRatio3-2 {padding-bottom: 66.6%;}
.boxxRatio4-3 {padding-bottom: 75%;}
.boxxRatio16-9 {padding-bottom: 56.25%;} 
.boxxRatioNone {height:auto;}
.boxxContent {position:absolute;top:0;bottom:0;left:0;right:0;text-align:left;background-position:left top; background-size:100%;background-repeat:no-repeat;-moz-transition: all ease-out 0.4s; -webkit-transition: all ease-out 0.4s; transition: all ease-out 0.4s;
background-image:url('coming-soon-2.jpg');
}
.boxxBeschriftung {position:relative;width:66%;text-align:center;margin-top:5%;}
.boxxBeschriftung img.logo {width:50%;}

.kontaktdaten {display:inline-box;width:80%;text-align:center;margin:10%;margin-top:3%;}
.kontaktdaten img {margin-right:1em;height:1em;}
.kontaktdaten a {color:#333;text-decoration:none;}
.kontaktdaten a:hover {color:#333;text-decoration:underline;}

.comingsoon {width:100%;display:block;}
.comingsoon img {width:100%;}

.mobile {display:none;}

@media screen and (max-width: 480px) {
body {font-size:0.8em;}	
.boxxBeschriftung {position:relative; width:100%;text-align:center;margin-top:5%;}
.boxxBeschriftung img.logo {width:80%;}
.boxxContent {background-image:none;}
.mobile {display:block;}
}