body {background-image: url(/Frontend/img/bg.jpg);background-position: top center;background-repeat: no-repeat;background-attachment: fixed;}
.wrapper {width: 100%;max-width: 1280px;margin: auto;}
.header {position:relative;display: grid;grid-template-columns: 1fr 1fr 1fr 3fr 1fr 1fr 1fr;column-gap: 1%;padding: 40px 0;}
.header div {display: flex;align-items: center;}
.header a {display: inline-block;width: 100%;text-align: center;padding: 5px 10px;color: #fff;}
.header a:hover {background-color: var(--fekete);}
.header a.logo:hover {background: none!important;}
.header a.nyelvlink {position: absolute;right: 10px;bottom: 10px;width: inherit!important;}
.mobilheader {display: none;position: relative;}
.mobilheader .logo {display: block; width: 80%; padding: 10px 2%;}
.menugomb {display: inline-block;position: relative;width: 35px;height: 35px;padding-top: 0;cursor: pointer;}
.bar1, .bar2, .bar3 {display: block;width: 90%;height: 3px;background-color:#fff;margin-top: 8px;margin-bottom: 8px;transition: 0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-5px, 6px);transform: rotate(-45deg) translate(-7px, 8px);}
.change .bar2 {opacity: 0;}
.change .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -6px);transform: rotate(45deg) translate(-7px, -8px);}
a.nyelvlink {border: 1px solid #fff;border-radius: 45px;padding: 2px 5px;font-size: 14px;color: #fff;}

.content {background-color: rgba(255,255,255,0.7);min-height: 70%;color: #000;}
.content .wrapper {background-color: var(--vfeher);padding: 20px 2%;min-height: 100%;}
.content a {color: var(--zold)}
.content a:hover {border-bottom: 1px dotted var(--zold);}
#footer {padding: 25px 0;color: #fff;font-size: 1rem;background-color: rgba(0,0,0,0.6);}
#footer a {color: #fff;}
#footer a:hover {border-bottom: 1px dotted #fff;}


.embed {display: block; width: 100%;height: 500px;}
.btn-gomb {background-color: var(--zold);color: #fff!important;border: 1px solid var(--zold)!important;}
.btn-gomb:hover {background-color: #fff;color: var(--zold)!important;}
input:required:invalid {border: 2px solid #f00;}
input:required:valid {border: 2px solid var(--zold);}
textarea:required:invalid {border: 2px solid #f00;}
textarea:required:valid {border: 2px solid var(--zold);}
select:required:invalid {border: 2px solid #f00;}
select:required:valid {border: 2px solid var(--zold);}

.beagyazas iframe {width: 100%;}



/*lg*/
@media screen and (min-width: 992px) {
    .beagyazas iframe {min-height: 500px;}
}

@media screen and (max-width: 700px) {
    .wrapper {padding: 0 2%;}
    .header {display: none;}
    .mobilheader {display: block;}
}