/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014.07.04., 9:29:17
    Author     : Péter
*/

.mobile {
    display: block !important;
}

.desktop {
    display: none !important;
}
/*html {
    height: 100%;
}
body {
    overflow: hidden;
    width: 100%;
    height: 100%;
}*/

.menu-toggle {display: none !important;}

img {
    max-width: 100%;
    height: auto !important;
    float: none !important;
    width: 100% !important;
    display: block;
}
img.small {
    max-width: 50%;
}
.main .content > .content {
    top: 0;
    width: auto;
    float: none;
    box-sizing: border-box;
    padding: 20px;
}
header > .content, .main .content, footer > .content {
    width: 100%;

}
header.mainmenu .logo{
    width: 100%;
    background-position: 50% 0;
    background-size: contain;
    height: 80px;
}
.offers .offer {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
}
.main > .content > aside {
    width: 100%;
    float: none;
    margin-top: 0px;
    box-sizing: border-box;
    top: 0;
}
.main > .content > aside .box{
    width: 100%;
    box-sizing: border-box;
}
.main > .content > aside .box form input[type=text], .main > .content > aside .box form input[type=email] {
    width: 100%;  box-sizing: border-box;

}
header.mainmenu {
    box-sizing: border-box;
}

footer ul.info {
    position: relative;
    top: 0;
    left: 0;
    padding-top: 40px;
    text-align: center;
}
footer > .content {}
.gallery-list .galleries .gallery-item {
    width: 100%;
}
.gallery-list .galleries .gallery-item img {
    width: 100%;
    box-sizing: border-box;
}
.gallery-list .galleries .gallery-item .info {}

form.guestbook label {
    display: block;
    width: auto;
}
form.guestbook input[type=text], form.guestbook input[type=email] {
    width: 100%;
    box-sizing: border-box;
}
form.guestbook textarea {
    width: 100%;
    box-sizing: border-box;
}
.contact form label {
    width: 100%;
    box-sizing: border-box;
}
.contact form input[type=text], .contact form input[type=email], .contact form select {
    width: 100%;
    box-sizing: border-box;
}
.contact form label + span textarea {
    width: 100%;
    box-sizing: border-box;
}
.contact form input[type=submit] {
    width: 100%;
    box-sizing: border-box;
}
.contact form {
    width: 100%;
    box-sizing: border-box;
}
.contact .left {
    float: none;
    width: auto;
    margin-right: 0;
}
.contact .right {
    float: none;  width: auto;
}
.contact form label + span {
    width: 100%;

}
.leaflet-layer img {
    width: auto !important;
    height: auto !important;
}
.main > .content > aside .box form textarea {
    width: 100%;
    box-sizing: border-box;
}

.header.mobile .lang-selector {
    /* background: url(../img/white-041.png);   */
    background-repeat: repeat;  
    padding: 8px;  position: absolute;  
    right: 10px;  top: .3em;
}
.header.mobile .lang-selector ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: grid;
    grid-auto-flow:column;
    grid-gap: 1em;
}
.header.mobile .lang-selector ul li {
}
.header.mobile .lang-selector ul li a {
    width: 21px;  
    height: 14px;  
    display: block;  
    /* text-indent: -10000px; */
}
.header.mobile .lang-selector ul li a.hu {
    background: url(../img/flag-hu.png) no-repeat;
}
.header.mobile .lang-selector ul li a.de {
    background: url(../img/flag-de.png) no-repeat;
}
.header.mobile .lang-selector ul li a.en {
    background: url(../img/flag-en.png) no-repeat;

}
.header.mobile .lang-selector ul li a.ro {
    background: url(../img/flag-ro.png) no-repeat;

}
.header.mobile {
    display: grid !important;
    grid-template-columns: min-content 1fr;
    padding: 0 1em;
}
.header-image {
    margin-left: -1.7em;
    display: block;
    width: calc(100% + 3.4em) !important;
    max-width: initial !important;
    margin-bottom: 2em;
    margin-top: -1.5em;
}