html{
  font-size:.21vw;
}
body{
  -webkit-text-size-adjust: none;
}
body.menu{
  overflow:hidden;
}

#w span{
  display:none;
}
#w span[rel="480"]{
  display:block;
}

#page{
  background-image:url(images/m/bg@2x.jpg);
}
#_page{
  width:480px;
  background:url(images/m/kopa.jpg) no-repeat left 0;
  background-size:100% auto;
}

.center{
  width:100%;
}

.header{
  background:none;
  height:70rem;
}
.header::before{
  display:none;
}
#header{
  top:0;
}
body.menu .header{
  height:100%;
}


.header .logo{
  width:160rem;
  height:45rem;
  background-image:url(images/m/dallmayr@2x.png);
  background-image:url(images/m/dallmayr.svg), none;
  left:52rem;
  top:12rem;
}
body.menu .header .logo{
}
.header .bg{
  width:100%;
  position:absolute;
  height:70rem;
  background:#ffffff;
  box-shadow:0 11rem 5rem 0 rgba(0,0,0,.3);
  display:block;
}
.header .burger{
  width:70rem;
  height:70rem;
  position:absolute;
  top:0;
  right:20rem;
  background:url(images/m/menu@2x.png) no-repeat center center;
  background-image:url(images/m/menu.svg), none;
  background-size:contain;
  cursor:pointer;
  display:block;
  margin:0;
}
.header .menu{
  width:100%;
  margin:0;
}
body.menu .header .menu{
  overflow:auto;
  height:100%;
}
.header .menu ul{
  margin:0;
  background:url(images/m/menu_bg@2x.png) no-repeat bottom center;
  background-size:100% auto;
  width:100%;
  height:auto;
  padding:150rem 0 60rem 0;
  display:none;
  position:relative;
  transform:translateY(-100%);
  transition:all .2s;
}
.header.act .menu ul{
  display:block;
}
body.menu .header .menu ul{
  display:block;
}
body.menu .header.act .menu ul{
  transform:translateY(0);
}
.header .menu ul li{
  font-size:40rem;
  line-height:50rem;
  font-weight:400;
  text-align:center;
  display:block;
  margin:0 0 60rem 0;
}
.header .menu ul li a.active{
  font-weight:600;
}


.button{
  font-size:36rem;
  line-height:68rem;
  width:386rem;
  height:73rem;
}

#content .block.home{
}
#content .block.home .center{
  height:1010rem;
  _background:rgba(0,255,0,.1);
  overflow:hidden;
}
#content .block.home h1{
  margin:105rem 0 0 50rem;
  text-align:left;
  text-indent:-9999rem;
}
#content .block.home .button{
  margin:0 44rem 254rem 0;
}




#content .block.rules{
}
#content .block.rules .center{
  height:830rem;
  background:#7dadd1;
  _background:rgba(255,0,0,.1);
}
#content .block.rules .center::before{
  width:414rem;
  height:315rem;
  background-image:url(images/m/prizes@2x.png);
  top:-235rem;
  left:20rem;
}
#content .block.rules .info{
  margin:97rem 0 0 20rem;
  width:440rem;
}
#content .block.rules .info .title{
  margin:0 0 38rem 0;
}
#content .block.rules .info li{
  font-size:12rem;
  line-height:18rem;
  margin:0 0 10rem 0;
}
#content .block.rules .info ul li{
  font-size:12rem;
  line-height:16rem;
}
#content .block.rules .info .pdf{
  font-size:16rem;
  line-height:20rem;
  margin:48rem 0 0 8rem;
  white-space:nowrap;
}
#content .block.rules .info .pdf br{
  display:none;
}
#content .block.rules .info .pdf a{
  margin-left:95rem;
}
#content .block.rules .info .pdf a:first-child{
  margin:0;
}
#content .block.rules .button{
  margin:0 44rem 13rem 0;
}



#content .block.register{
}
#content .block.register .center{
  height:1000rem;
  _background:rgba(255,0,0,.1);
}
#content .block.register .title{
  padding:112rem 0 0 0;
}
#content .block.register .info{
  background-image:url(images/m/reg_bg@2x.jpg);
  _background:none;
}
#content .block.register .info h3{
  margin:290rem 0 0 0;
}
#content .block.register .thanks h3{
  margin:290rem 0 0 0;
}
#content .block.register .thanks p{
  margin:6rem 0 5rem 0;
}
#content .block.register .thanks .button{
  font-size:25rem;
}
#content .block.register .form{
  width:375rem;
  margin:44rem 0 0 50rem;
}
#content .block.register .form .fields{
  width:100%;
  margin:0;
}
#content .block.register .form .fields + .fields{
  width:100%;
  position:relative;
  right:auto;
  top:auto;
}
#content .block.register .form .fields > li{
  margin:0 0 20rem 0;
}
#content .block.register .form .fields > li.choose{
}
#content .block.register .form .fields li.check{
  margin:0 0 26rem 0;
}

.textfield span,
.textfield input{
}
div.check{
  margin:0 0 0 40rem;
}
div.check label{
  font-size:12rem;
}
div.choose{
}
.choose small{
}
#content .block.register .fields .req-text{
  padding:0 0 0 50rem;
}

button.submit{
  margin:14rem 0 0 -1rem;
}
div.submit{
  margin:14rem 0 0 -1rem;
}
.alert{
  margin:100rem 20rem 0 20rem;
}
.alert span{
  font-size:12rem;
  line-height:14rem;
}




#content .block.winners{
  background:#7dadd1 url(images/m/winn_bg@2x.jpg) no-repeat top center;
  background-size:100% auto;
}
#content .block.winners.active{
  background-position:bottom center;
}
#content .block.winners .center{
  height:880rem;
  padding-top:40rem;
  _background:rgba(0,255,0,.1);
  background:url(images/m/winn_top@2x.png) no-repeat top center;
  background-size:100% auto;
  overflow:hidden;
}
#content .block.winners .center::before{
  background-image:url(images/m/winn_bg@2x.png);
}
#content .block.winners.active .center{
  height:auto;
  padding-bottom:25rem;
  background-position:top center;
}
#content .block.winners .title{
  padding:80rem 0 0 0;
}
#content .block.winners .temp{
  margin:130rem 40rem 0 40rem;
}
#content .block.winners .raffles{
  padding-top:59rem;
}
#content .block.winners .raffles .item{
  width:300rem;
  margin:0 0 0 14rem;
  margin-bottom:33rem;
  padding-right:195rem;
}
#content .block.winners .raffles .item.not{
  width:300rem;
  padding:0 195rem 0 0;
  margin-bottom:70rem;
}
#content .block.winners .raffles .item > div{
  _background:none;
  padding:13rem 12rem 14rem 12rem;
}
#content .block.winners .raffles .item h3{
  line-height:24rem;
  letter-spacing:-.5rem;
  text-align:center;
  margin:0 10rem 13rem 10rem;
}
#content .block.winners .raffles .item p{
  font-size:12rem;
  line-height:22rem;
  margin:30rem 30rem 19rem 30rem;
}
#content .block.winners .raffles .item + .item ul{
  column-count:1;
}
#content .block.winners .raffles .item.kavos{
  width:300rem;
  margin-bottom:65rem;
}
#content .block.winners .raffles .item.kavos > div{
  padding:7rem 12rem 14rem 12rem;
}
#content .block.winners .raffles .item.kavos::before{
  width:305rem;
  height:296rem;
  background-image:url(images/winn/m/kavos@2x.png);
  margin:-49rem -42rem 0 0;
}
#content .block.winners .raffles .item.dolce::before{
  width:312rem;
  height:324rem;
  background-image:url(images/winn/m/dolce@2x.png);
  margin:-62rem -23rem 0 0;
}
#content .block.winners .raffles .item.dolce.not::before{
  margin:-62rem -23rem 0 0;
}
#content .block.winners .raffles .item.intenso::before{
  width:312rem;
  height:325rem;
  background-image:url(images/winn/m/intenso@2x.png);
  margin:-60rem -24rem 0 0;
}
#content .block.winners .raffles .item.intenso.not::before{
  margin:-60rem -24rem 0 0;
}
#content .block.winners .raffles .item.forte::before{
  width:312rem;
  height:325rem;
  background-image:url(images/winn/m/forte@2x.png);
  margin:-62rem -25rem 0 0;
}
#content .block.winners .raffles .item.forte.not::before{
  margin:-62rem -25rem 0 0;
}


#content .block.footer{
}
#content .block.footer > div{
  padding:24rem 25rem 10rem 25rem;
}
#content .block.footer > div > div{
  display:block;
  width:100%;
  text-align:center;
  white-space:normal;
  margin:0 0 17rem 0;
}
#content .block.footer .about{
  width:100%;
}
#content .block.footer .pdf{
  width:100%;
  text-align:center;
  white-space:nowrap;
}
#content .block.footer .pdf a{
  display:inline-block;
  margin:4rem 0 0 90rem;
}
#content .block.footer .pdf a:first-child{
  margin-left:0;
}