html{
  background:#250F08;
  background:#eeeeee;
  font-size:6.25%;
  font-size:.084vw;
}
body{
  overflow:auto;
}
html, body{
  height:100%;
  margin:0;
}

body, input, select, textarea, button{
  font-family: 'Open Sans', sans-serif;
  font-size:16rem;
  color:#ebcba5;
}

#w{
  position:absolute;
}
#w span{
  width:1px;
  height:1px;
  position:absolute;
  display:none;
}

#page{
  width:100%;
  min-width:320px;
  min-height:100%;
  position:relative;
  background:#7dadd1 url(images/bg.jpg) no-repeat left 0;
  background-size:100% auto;
}
#_page{
  width:1160rem;
  _background:#ffffff;
  background:url(images/kopa.jpg) no-repeat left 0;
  background-size:100% auto;
}


.center{
  width:100%;
  margin:0 auto;
  position:relative;
}


.header{
  width:100%;
  height:50rem;
  position:absolute;
  z-index:999;
  background:#ffffff;
  _background:rgba(0,0,0,.3);
}
#header{
  position:fixed;
  top:0;
}
#_header{
  max-width:1160rem;
}
.header .logo{
  width:134rem;
  height:40rem;
  position:absolute;
  text-indent:-9999rem;
  background:url(images/dallmayr.png) no-repeat center;
  background-image:url(images/dallmayr.svg), none;
  background-size:contain;
  left:54rem;
  top:6rem;
  margin:0;
  z-index:10;
}
.header .bg,
.header .burger{
  display:none;
}
.header .menu{
  width:100%;
  position:absolute;
  top:0;
  margin:0;
}
.header .menu > div{
  display:none;
}
.header .menu ul{
  list-style:none;
  margin:15rem 0 0 35.7%;
  padding:0;
  width:40%;
  white-space:nowrap;
}
.header .menu ul li{
  font-size:17rem;
  line-height:20rem;
  font-weight:300;
  display:inline-block;
  margin:0 42rem 0 0;
  position:relative;
}
.header .menu ul li a{
  color:#606060;
  text-decoration:none;
}
.header .menu ul li a:hover{
  color:#383838;
}
.header .menu ul li a.active{
  font-weight:400;
  color:#383838;
}


.button{
  font-family: 'KG All of Me';
  font-size:30rem;
  line-height:57rem;
  color:#ffffff;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  width:322rem;
  height:61rem;
  background:url(images/btn.png) no-repeat center;
  background-image:url(images/btn.svg), none;
  background-size:contain;
  display:inline-block;
}
.button:active{
  background-image:url(images/btn_on.png);
  background-image:url(images/btn_on.svg), none;
}


#content{
}
#content .block{
  width:100%;
  position:relative;
}
#content .block .center{
  height:600rem;
}
#content .block .title{
  font-family: 'KG All of Me';
  font-size:40rem;
  line-height:40rem;
  color:#652f3d;
  font-weight:normal;
  margin:0;
}


#content .block.home{
}
#content .block.home .center{
  _background:rgba(0,255,0,.1);
}
#content .block.home h1{
  font-family: 'KG All of Me';
  font-size:65rem;
  line-height:70rem;
  color:#652f3d;
  font-weight:normal;
  text-align:center;
  margin:83rem 0 0 387rem;
  position:absolute;
}
#content .block.home h1 small{
  font-size:40rem;
  line-height:40rem;
  display:inline-block;
  vertical-align:middle;
  margin:0 60rem 0 20rem;
}
#content .block.home h1 b{
  font-size:104rem;
  line-height:130rem;
  display:block;
}
#content .block.home .button{
  margin:0 41rem 21rem 0;
  position:absolute;
  right:0;
  bottom:0;
}




#content .block.rules{
}
#content .block.rules .center{
  _background:rgba(255,0,0,.1);
}
#content .block.rules .center::before{
  content:'';
  width:439rem;
  height:545rem;
  background:url(images/prizes.png) no-repeat center;
  background-size:contain;
  position:absolute;
  top:65rem;
  left:0rem;
}
#content .block.rules .info{
  position:absolute;
  margin:85rem 0 0 480rem;
  width:660rem;
}
#content .block.rules .info .title{
  text-align:center;
  margin:0 0 26rem 0;
}
#content .block.rules .info ol{
  list-style-position: inside;
  margin:0;
  padding:0;
}
#content .block.rules .info li{
  font-size:14rem;
  line-height:16rem;
  font-weight:300;
  color:#FFFFFF;
  position:relative;
  margin:0 0 7rem 0;
}
#content .block.rules .info ul{
  list-style:none;
  margin:0;
  padding:0;
}
#content .block.rules .info ul li{
  font-size:14rem;
  line-height:16rem;
  position:relative;
  margin:0;
  padding:0 0 0 20rem;
}
#content .block.rules .info ul li::before{
  content:'•';
}
#content .block.rules .info a{
  color:#FFFFFF;
  text-decoration:underline;
}
#content .block.rules .info a:hover{
  text-decoration:none;
}
#content .block.rules .info .pdf{
  font-size:14rem;
  line-height:24rem;
  font-weight:600;
  margin:30rem 0 0 0;
  color:#ffffff;
}
#content .block.rules .info .pdf a{
  color:#ffffff;
  text-decoration:underline;
}
#content .block.rules .info .pdf a:hover{
  text-decoration:none;
}
#content .block.rules .button{
  margin:0 41rem 21rem 0;
  position:absolute;
  right:0;
  bottom:0;
}



#content .block.register{
}
#content .block.register .center{
  background:#ffffff;
  _background:rgba(255,0,0,.1);
}
#content .block.register .title{
  padding:85rem 0 0 0;
  text-align:center;
}
#content .block.register .info,
#content .block.register.before .form,
#content .block.register.off .form,
#content .block.register.done .form{
  position:absolute;
  display:none;
}
#content .block.register .info{
  width:100%;
  height:100%;
  background:url(images/reg_bg.jpg) no-repeat bottom center;
  background-size:100% auto;
  bottom:0;
}
#content .block.register .info h3{
  font-family: 'KG All of Me';
  font-size:40rem;
  line-height:57rem;
  color:#652f3d;
  text-align:center;
  text-transform:uppercase;
  margin:211rem 0 0 0;
}
#content .block.register.before .before{
  display:block;
}
#content .block.register.off .off{
  display:block;
}
#content .block.register .thanks h3{
  margin:221rem 0 0 0;
}
#content .block.register .thanks p{
  font-size:17rem;
  line-height:20rem;
  font-weight:300;
  color:#652f3d;
  text-align:center;
  margin:6rem 0 10rem 0;
}
#content .block.register .thanks .button{
  font-size:20rem;
  display:block;
  margin:0 auto;
}
#content .block.register.done .thanks{
  display:block;
}
#content .block.register .form{
  margin:65rem 50rem 0 102rem;
  position:relative;
}
#content .block.register .form > div{
  position:relative;
}
#content .block.register .form .fields{
	list-style:none;
  padding:0;
  width:375rem;
  margin:0;
}
#content .block.register .form .fields + .fields{
  width:460rem;
  position:absolute;
  right:0;
  top:0;
}
#content .block.register .form .fields > li{
  width:100%;
  display:block;
  margin:0 0 20rem 0;
  position:relative;
}
#content .block.register .form .fields li.check{
  margin:0 0 32rem 0;
}


.textfield{
  width:375rem;
  height:28rem;
  background:#ffffff;
  border:1rem solid #652f3d;
  position:relative;
}
.err .textfield{
  background:#e24f2a;
  border-color:#e24f2a;
}
.focus .textfield{
}
.textfield span,
.textfield input{
  font-size:17rem;
  line-height:28rem;
  font-weight:400;
  color:#652f3d;
  width:100%;
  height:28rem;
  background:url(images/spacer.gif);
  ddisplay:block;
  box-sizing:border-box;
  border:0;
  padding:0 5%;
  margin:0;
  position:relative;
}
.textfield input:-webkit-autofill,
.textfield input:-webkit-autofill:hover,
.textfield input:-webkit-autofill:focus,
.textfield input:-webkit-autofill:active {
  -webkit-text-fill-color:#652f3d;
  -webkit-box-shadow: 0 0 0 50rem #ffffff inset !important;
  transition: background-color 5000s ease-in-out 0s;
}
.textfield span{
  position:absolute;
  display:block;
}
.err .textfield span,
.err .textfield input{
  color:#ffffff;
}
.focus .textfield span{
  opacity:.5;
}
.focus .textfield input{
}
.focus .textfield input,
.focus .textfield input:-webkit-autofill,
.focus .textfield input:-webkit-autofill:hover,
.focus .textfield input:-webkit-autofill:focus,
.focus .textfield input:-webkit-autofill:active {
  -webkit-text-fill-color:#652f3d;
  color:#652f3d;
}


div.check{
  position:relative;
  margin:0 0 0 0rem;
}
div.check input{
  position:absolute;
  left:-9999rem;
}
div.check label{
  font-size:14rem;
  line-height:16rem;
  font-weight:300;
  color:#652f3d;
  display:block;
}
div.check label a{
  color:#652f3d;
  text-decoration:underline;
}
div.check label a:hover{
  text-decoration:none;
}
div.check label::before,
div.check label::after{
  content:'';
  width:20rem;
  height:20rem;
  background:#ffffff;
  border:1rem solid #652f3d;
  margin:0 0 0 -41rem;
  display:block;
  position:absolute;
  cursor:pointer;
}
div.check label::after{
  display:none;
  border:0;
  padding:1rem;
  left:0;
  top:0;
}
.err div.check label::before{
  background:#e24f2a;
  border-color:#e24f2a;
}
.err div.check label::after{
  display:none;
}
div.check input:checked + label::before{
  background:#ffffff;
  border-color:#652f3d;
}
div.check input:checked + label::after{
  background:url(images/check.png) no-repeat center;
  background-image:url(images/check.svg), none;
  background-size:contain;
  display:block;
}

div.choose{
  width:375rem;
  height:25rem;
  margin:0;
  padding:8rem 0 0 0;
  position:relative;
}
div.choose input{
  position:absolute;
  left:-9999rem;
}
div.choose span{
  font-size:17rem;
  line-height:25rem;
  font-weight:300;
  color:#652f3d;
  width:65%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  display:block;
  padding:0;
  text-align:left;
  text-decoration:none;
  border:0;
  margin:0;
  position:absolute;
}
div.choose label{
  font-size:17rem;
  line-height:25rem;
  font-weight:400;
  text-align:center;
  width:125rem;
  height:25rem;
  border:1rem solid #ffffff;
  padding:0;
  color:#FFFFFF;
  background:#652f3d;
  position:absolute;
  right:0;
  ttop:0;
  cursor:pointer;
}
div.choose label:active{
}
.choose small{
  font-size:14rem;
  line-height:19rem;
  font-weight:300;
  color:#652f3d;
  display:block;
  padding-top:18rem;
}
#content .block.register .fields .req-text{
  font-size:14rem;
  line-height:16rem;
  font-weight:300;
  color:#652f3d;
  padding:0;
}
#content .block.register .fields .req-text span::before{
  content:'*';
}



button.submit{
  border:0;
  outline:0;
  position:absolute;
  margin:15rem 0 0 146rem;
  padding:0 0 4rem 0;
  box-sizing:border-box;
}
button.submit:active{
}
.form.submitting button.submit{
  opacity:.5;
}
div.submit{
  width:322rem;
  height:61rem;
  background:url(images/spinner_white.gif) no-repeat center center;
  background-image:url(images/spinner_white.svg);
  background-size:contain;
  position:absolute;
  top:0;
  left:0;
  margin:15rem 0 0 146rem;
  display:none;
}
.form.submitting div.submit{
  display:block;
}
.alert{
  margin:100rem 0rem 0 150rem;
}
.alert span{
  font-size:12rem;
  line-height:14rem;
  font-weight:300;
  text-align:center;
  color:#652f3d;
  display:none;
  vertical-align:top;
  padding:0;
}
.alert.on span{
  display:block;
}


#content .block.winners{
}
#content .block.winners .center{
  _background:rgba(0,255,0,.1);
  background:#7dadd1 url(images/winn_bg.jpg) no-repeat top center;
  background-size:100% auto;
}
#content .block.winners .center::before{
  content:'';
  width:100%;
  height:100%;
  background:url(images/winn_bg.png) no-repeat bottom center;
  background-size:100% auto;
  bottom:0;
  position:absolute;
}
#content .block.winners.active .center{
  height:auto;
  padding-bottom:15rem;
  background-position:bottom center;
}
#content .block.winners.active .center::before{
  display:none;
}
#content .block.winners .title{
  color:#ffffff;
  padding:75rem 0 0 0;
  text-align:center;
  position:relative;
}
#content .block.winners .temp{
  padding:0;
  margin:138rem 0 0 0;
  line-height:50rem;
}
#content .block.winners.active .temp,
#content .block.winners .raffles{
  display:none;
}
#content .block.winners .raffles{
  padding-top:35rem;
}
#content .block.winners.active .raffles{
  display:block;
}
#content .block.winners .raffles .item{
  width:890rem;
  position:relative;
  margin:0 auto;
  margin-bottom:33rem;
  padding-right:195rem;
}
#content .block.winners .raffles .item.not{
  width:370rem;
  padding-top:25rem;
  padding-bottom:25rem;
}
#content .block.winners .raffles .item > div{
  background:#ffffff;
  box-shadow:0 0 5rem 0 rgba(56,56,56,1);
  padding:15rem 15rem 25rem 15rem;
  position:relative;
  min-height:200rem;
}
#content .block.winners .raffles .item::before{
  content:'';
  width:305rem;
  height:296rem;
  background:url(images/spacer.gif) no-repeat center;
  background-size:contain;
  position:absolute;
  right:0;
  top:0;
}
#content .block.winners .raffles .item h3{
  font-family: 'KG All of Me';
  font-size:18rem;
  line-height:20rem;
  letter-spacing:-.5rem;
  color:#ea6236;
  _text-align:center;
  text-transform:uppercase;
  margin:0 0 28rem 0;
}
#content .block.winners .raffles .item ul{
  list-style:none;
  margin:0;
  padding:0;
}
#content .block.winners .raffles .item.not ul{
  display:none;
}
#content .block.winners .raffles .item p{
  font-size:14rem;
  line-height:25rem;
  font-weight:300;
  text-align:center;
  color:#652f3d;
  margin:30rem;
  display:none;
}
#content .block.winners .raffles .item.not p{
  display:block;
}
#content .block.winners .raffles .item + .item ul{
  column-count:3;
  column-gap:30rem;
}
#content .block.winners .raffles .item li{
  font-size:13rem;
  line-height:25rem;
  letter-spacing:-.5rem;
  color:#652f3d;
  font-weight:300;
  text-align:center;
  margin:0 0 10rem 0;
  border-bottom:1rem solid #652f3d;
  display:block;
}
#content .block.winners .raffles .item.kavos{
  width:340rem;
  margin-bottom:40rem;
}
#content .block.winners .raffles .item.kavos::before{
  background-image:url(images/winn/m/kavos.png);
  margin:-50rem -40rem 0 0;
}
#content .block.winners .raffles .item.dolce::before{
  width:312rem;
  height:324rem;
  background-image:url(images/winn/m/dolce.png);
  margin:-13rem -35rem 0 0;
}
#content .block.winners .raffles .item.dolce.not::before{
  margin:-27rem -35rem 0 0;
}
#content .block.winners .raffles .item.intenso::before{
  width:311rem;
  height:325rem;
  background-image:url(images/winn/m/intenso.png);
  margin:-16rem -35rem 0 0;
}
#content .block.winners .raffles .item.intenso.not::before{
  margin:-27rem -35rem 0 0;
}
#content .block.winners .raffles .item.forte::before{
  width:311rem;
  height:325rem;
  background-image:url(images/winn/m/forte.png);
  margin:-17rem -35rem 0 0;
}
#content .block.winners .raffles .item.forte.not::before{
  margin:-27rem -35rem 0 0;
}


#content .block.footer{
  background:#ffffff;
  _background:rgba(255,0,0,.2);
}
#content .block.footer > div{
  font-size:14rem;
  line-height:19rem;
  _letter-spacing:-.5rem;
  color:#652f3d;
  font-weight:300;
  padding:24rem 55rem;
  white-space:nowrap;
}
#content .block.footer > div > div{
  display:inline-block;
  width:29%;
  vertical-align:top;
  white-space:normal;
}
#content .block.footer .about{
  width:51%;
  text-align:center;
}
#content .block.footer .about a{
  color:#652f3d;
  text-decoration:none;
}
#content .block.footer .about a:hover{
  text-decoration:underline;
}
#content .block.footer .pdf{
  width:19%;
  text-align:right;
}
#content .block.footer .pdf a{
  display:block;
  margin:10rem 0 17rem 0;
  color:#652f3d;
  text-decoration:underline;
}
#content .block.footer .pdf a:hover{
  text-decoration:none;
}


form{
  margin:0;
}
.left{
  float:left;
}
.right{
  float:right;
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  display:block;
}

sup, sub{
	height: 0;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}
sup{
	bottom: 1.5ex;
  font-size:55%;
}
sub{
	top: .5ex;
  font-size:65%;
}

input:focus, textarea:focus, select:focus{
  outline: none;
  outline-width:0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    
  -webkit-user-modify: read-write-plaintext-only;
}
textarea{
  resize: none;
}
@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}