@font-face {
  font-family: greatvibes;
  src: url('GreatVibes.otf');
}

h1{
background-image: url('logo.png');
background-size: 400px auto;
background-repeat: no-repeat;
background-position: center center;
width: 410px;
margin: 0 auto;
overflow: hidden;
height: 80px;
line-height: 400px;

}
body{
font-family: 'Helvetica', 'Arial', sans-serif;
background: url('papir2.jpg') repeat;
margin: 0;
padding: 0;
color: #4d3232;
position: relative;
}

/*
html, body {
  overflow-x: hidden;
}
*/

.wrapper{
margin: 0 auto;
width: 800px;
background-image: url('margareta.png');
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: 300px 300px;
min-height: 400px;

}

.content{
width: 500px;
text-align: center;
min-height: 400px;
margin-left: 300px;
margin-top: 80px;
font-size: 16px;
line-height: 24px;
}

.inputbox{
border: none;
border-radius: 10px;
padding: 8px 12px;
font-size: 20px;
width: 300px;
text-align: center;
-webkit-box-shadow: inset 0px 3px 10px -6px #555;
box-shadow: inset 0px 3px 10px -6px #555;
color: #4d3232;
font-family: 'Helvetica', 'Arial', sans-serif;
-webkit-appearance: none;
}

.buttonbox{
border: none;
border-radius: 10px;
padding: 8px 12px;
background: #e0b41b;
color: #fff;
font-weight: bold;
font-size: 20px;
-webkit-box-shadow: 0px 3px 10px -6px #555;
box-shadow: 0px 3px 10px -6px #555;
text-shadow: 0px 0px 4px #534102;
-webkit-appearance: none;
display: inline-block;
min-width: 260px;
}

.buttonbox:hover{
cursor: pointer;
background: #ffcd21;
}

p.szoveg{
    margin: 10px;
    text-align: justify;
}

a, a:link, a:visited{
    color: #886d0d;
    text-decoration: none;
}
a:hover, a:active{
    color: #e0b41b;
}

a.gomb, a.gomb:link, a.gomb:visited{
    border: none;
    border-radius: 10px;
    padding: 2px 10px;
    background: #e0b41b;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    -webkit-box-shadow: 0px 3px 10px -6px #555;
    box-shadow: 0px 3px 10px -6px #555;
    text-shadow: 0px 0px 4px #534102;
    text-decoration: none;
    margin: 2px 2px;
    white-space: nowrap;
    line-height: 40px;
    display: inline-block;
    min-width: 260px;
}

a.gomb:hover, a.gomb:active{
    cursor: pointer;
    background: #ffcd21;
    text-decoration: none;
}

textarea{
    height: 200px;
    width: 300px;
    -webkit-appearance: none;
}


.szalag{
background: linear-gradient(90deg, #ffcd21 0%, #e0b41b 25%, #ffcd21 40%, #ffdf73 50%, #ffcd21 60%, #e0b41b 75%, #ffcd21 100%);
height: 20px;
width: 100%;
box-shadow: 0px 3px 10px -6px #555;
}

.terkep{
    border-radius: 10px;
    -webkit-box-shadow: 0px 3px 10px -6px #555;
    box-shadow: 0px 3px 10px -6px #555;
}

.alerttext{
    color: #800000;
    margin: 5px 5%;
    width: 90%;
}

.ajandek {
    display:flex;
 /*   border-bottom: 1px solid #e0b41b; */
    align-items: center;
}

.ajandek:nth-child(even){
    background: #fff;
}
.ajandek:nth-child(odd){
    background: #eee;
}

.ajandek:nth-last-of-type(2){
    margin-bottom:-60px;
    border-bottom:none;
}

.a-leiras{
     flex-grow: 1;
     line-height: 18px;
}

.ajandek img{
    height: 50px;
    padding: 5px;
    background: #fff;
}


a.foglalo, a.foglalo:link, a.foglalo:visited{
    border: none;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    white-space: nowrap;
    padding: 0px 6px; 
    min-width: 100px;
}

a.foglalo:hover, a.foglalo:active{
    text-decoration: none;
}

.sticky-button{
    position: -webkit-sticky; /* Safari */  
    position: sticky;
    width: 100%;
    bottom: 0px;
    background: url('papir2.jpg') repeat;
    margin-top:60px;
    padding: 4px 0;
}

.active, .active:link, .active:visited{
    background: #e0b41b;
}

.active:hover, .active:active{
    background: #ffdd66;
}

.available, .available:link, .available:visited{
    background: #297300;
}

.available:hover, .available:active{
    background: #46a411;
}

.disabled, .disabled:link, .disabled:visited, .disabled:hover, .disabled:active{
    background: #aaa;
    cursor: default;
}

.overlay{
width: 100%;
height: 100%;
background: rgba(255,255,255,0.9);
display: none;
position: fixed;
top: 0;
left: 0;
overflow-y: scroll;
}

.o-win{
width: 30%;
min-width:400px;
height: 60%;
margin: 0 auto;
display: block;
text-align: center;
padding-top: 100px;
   
}

#absubmit{
    margin-bottom:100px;
}

#giftlist{
    list-style-type: none;
    padding:0;
    margin:0;
}

#giftlist li{
padding: 4px;
margin:0;
}

#giftlist li:nth-child(odd){
    background: #fffad1;
}
#giftlist li:nth-child(even){
    background: #fff1a6;
}
 
@media (max-width: 800px) { 
    
.o-win{
    width: 90%;
    min-width:260px;
}


.wrapper{
margin: 0;
padding: 0;
width: 100%;
background-image: url('margareta.png');
background-repeat: no-repeat;
background-position: center 14px;
background-size: 120px 120px;
min-height: 40px;
}

.content{
width: 100%;
text-align: center;
min-height: 40px;
margin-left: 0px;
font-size: 16px;
line-height: 24px;
margin-top: 10px;
padding-top: 110px;
}

h1{
    font-size: 2.6em;
letter-spacing: -0.03em;
width: 100%;
background-size: 80%;
max-width: 410px;
}
    
    .inputbox, textarea{
        width: 80%;
        
    }
    
.a-leiras{
     font-size: 14px;
     line-height: 16px;
}

}