body {
background-color: #FFF8F0;
}
hr {
border: 1px solid #D0D0D0;
margin: 10px 0;
width: 100%;
} .online-rendeles-gomb {
display: flex;
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 600;
color: #FFF8F0;
text-decoration: none !important;
background-color: #7C170A;
padding: 7px;
margin: 5px;
border-radius: 13px;
border-width: 0px;
cursor: pointer;
justify-content: center;
flex-direction: row;
align-items: center;
} .fej {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #000000;
padding: 10px;
text-align: center;
width: 900px;
}
.fej-logo {
display: flex;
flex-direction: row;
}
.fej-logo-szlogen {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 10px;
}
.fej-logo-szlogen img {
width: 140px;
}
nav {
display: flex;
justify-content: space-between;
}
nav a{
padding: 15px;
}
nav a:hover{
text-decoration: underline;
}
.fej-mobil-menu{
display: none;
}
@media screen and (max-width: 950px) {
.fej-logo {
justify-content: space-between;
width: 100%;
}
.fej-mobil-menu{
display: flex;
flex-direction: column;
justify-content: space-around;
}
.fej-mobil-menu img{
height: 40px;
cursor: pointer;
}
#fej-mobil-menu-dropdown {
justify-content: center;
width: 100%;
}
nav {
display: none;
flex-direction: column;
}
nav a{
font-family: "Sora", sans-serif;
font-size: 18px;
font-weight: 600;
text-decoration: none;
padding: 20px;
}
} .lab-fent {
display: flex;
flex-direction: row;
justify-content: space-around;
padding: 20px;
width: 100%;
}
.lab-4 {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
}
.lab-lent {
display: flex;
justify-content: space-between;
align-items: center;
color: #000000;
padding: 20px;
text-align: center;
border-top: 1.5px solid #8a2414;
width: 100%;
}
@media screen and (max-width: 700px) {
.lab-4 {
width: 50%;
}
} .hirlevel {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
}
#hirlevel-form{
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
padding-top: 0px;
padding-bottom: 0px;
width: 300px;
}
#hirlevel-form input{
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 600;
color: #000000;
text-decoration: none;
background-color: #ffffff;
padding: 5px;
margin: 10px;
border-radius: 5px;
border: 0px;
cursor: pointer;
}
#hirlevel-form label{
display: flex;
align-items: center;
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 600;
color: #ffffff;
}
#hirlevel-fejben-bezar, .tnp-submit{
font-family: "Open Sans", sans-serif;
font-size: 15px;
font-weight: 600;
color: #000000;
text-decoration: none;
background-color: #f4c998;
padding: 5px;
margin: 10px;
border-radius: 5px;
border: 0px;
cursor: pointer;
}
#hirlevel-gomb{
background-color: #f4c998!important;
color: #000000!important;
} .oldal-cim {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 10px;
width: 100%;
} .kezdolap-galleria {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
overflow: hidden;
}
.kezdolap-galleria-elem {
padding: 5px;
overflow: hidden;
}
.kezdolap-galleria-elem img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.kezdolap-ajanlatok{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: calc(100% - 10px);
padding: 5px;
gap: 15px;
}
.kezdolap-nyitvatartas{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.kezdolap-nyitvatartas-fent {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.kezdolap-nyitvatartas-fent h1{
color: #ffffff;
}
.kezdolap-nyitvatartas-kozepen {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
.kezdolap-nyitvatartas-kozepen h2 {
color: #ffffff;
}
.kezdolap-maps{
position: relative;
display: inline-block;
flex-direction: column;
align-items: flex-start;
width: 100%;
overflow: hidden;
border-radius: 10px;
}
.kezdolap-maps img{
width: 100%;
height: 310px;
object-fit: cover;
}
.kezdolap-maps-szoveg {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
text-align: center;
}
.kezdolap-rolunk {
display: flex;
flex-direction: column;
border-radius: 10px;
padding: 20px;
}
.kezdolap-hirlevel {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
border-radius: 10px;
overflow: hidden;
min-height: 100%;
justify-content: center;
}
.doboz-rolunk {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
background-color: #7C170A;
width: 100%;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 10px;
}
.doboz-rolunk p{
font-size: 20px!important;
line-height: 2!important;
}
@media screen and (max-width: 650px) {
.kezdolap-nyitvatartas{
align-items: center;
}
} .bejegyzes{
display: flex;
flex-direction: column;
width: 100%;
gap: 5px;
}
.bejegyzes strong{
font-weight: 900;
}
.bejegyzes em{
font-style: italic;
}
.bejegyzes hr{
color: #8a2414;
width: 50%;
} .heti-menu {
display: flex;
flex-direction: column;
width: 100%;
padding-bottom: 50px;
}
.heti-menu-datum-extra {
display: flex;
flex-direction: row;
width: 100%;
min-height: 200px;
}
.heti-menu-datum {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
}
.heti-menu-extra {
display: flex;
flex-direction: column;
justify-content: center;
width: 50%;
}
.heti-menu-gombok {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-evenly;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
}
.heti-menu-arak {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.heti-menu-gombok button{
font-family: "Open Sans", sans-serif;
font-size: 20px;
font-weight: 600;
color: #FFF8F0;
text-decoration: none;
background-color: #7C170A;
padding: 13px;
margin: 5px;
border-radius: 13px;
border-width: 0px;
cursor: pointer;
}
.heti-menu-tartalom {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
width: 100%;
}
.heti-menu-tartalom-doboz {
display: flex;
flex-direction: column;
gap: 20px;
}
.heti-menu-tartalom-cim {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.heti-menu-tartalom-menu {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.heti-menu-tartalom-menu-napok {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-align: center;
width: 48%;
}
@media screen and (max-width: 950px) {
.heti-menu-tartalom-menu {
flex-direction: column;
justify-content: space-evenly;
}
.heti-menu-tartalom-menu-napok {
width: 100%;
}
.heti-menu-datum-extra {
min-height: 250px;
}
.heti-menu-datum {
width: 100%;
}
.heti-menu-extra {
width: 100%;
align-items: center;
}
.heti-menu-datum-extra {
flex-direction: column;
}
} .etlap-doboz{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
background-color: #7C170A;
width: calc(100% - 10px);
padding: 10px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
}
.etlap-doboz-cim{
display: flex;
flex-direction: column;
width: calc(100% - 10px);
padding: 10px;
}
.etlap-elem{
display: flex;
flex-wrap: wrap;
width: calc(100% - 10px);
padding: 10px;
}
.etlap-elem-cim-ar{
display: flex;
justify-content: space-between;
width: 100%;
border-top: 2px solid #ffffff;
}
.etlap-elem-megjegyzes{
display: flex;
justify-content: start;
width: 100%;
}
@media screen and (max-width: 950px) {
.etlap-elem-cim-ar{
flex-direction: column;
}
} .kapcsolat {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
width: 100%;
min-height: 900px;
}
.kapcsolat-bal{
display: flex;
flex-direction: column;
justify-content: center;
width: calc(48% - 10px);
padding: 10px;
}
.kapcsolat-bal img{
width: 100%;
height: auto;
border-radius: 10px;
}
.kapcsolat-jobb{
display: flex;
flex-direction: column;
justify-content: center;
width: calc(48% - 10px);
padding: 10px;
}
.kapcsolat-also{
display: flex;
flex-direction: column;
align-items: center;
width: calc(100% - 10px);
padding: 10px;
}
@media screen and (max-width: 650px) {
.kapcsolat-bal{
width: calc(100% - 10px);
}
.kapcsolat-jobb{
width: calc(100% - 10px);
}
} .hatter-feher {
background-color: #FFF8F0;
}
.hatter-fekete {
background-color: #131313;
}
.hatter-testszin1 {
background-color: #ffebd4;
}
.hatter-testszin2 {
background-color: #ffdab0;
}
.hatter-barna {
background-color: #7C170A;
}
.doboz-1 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
background-color: #7C170A;
width: 100%;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.fd-row {
display: flex;
align-items: stretch;
flex-direction: row;
justify-content: space-around;
width: 100%;
}
.fd-col {
display: flex;
align-items: stretch;
flex-direction: column;
justify-content: space-around;
width: 100%;
}
.fd-row-100-np {
display: flex;
flex-direction: row;
width: 100%;
}
.fd-col-100-np {
display: flex;
flex-direction: column;
width: 100%;
}
.fd-row-100-p {
display: flex;
flex-direction: row;
width: calc(1020% - 10px);
padding: 5px;
}
.fd-col-100-p {
display: flex;
flex-direction: column;
width: calc(100% - 10px);
padding: 5px;
}
.fd-row-50-p {
display: flex;
flex-direction: row;
align-items: flex-start;
width: calc(50% - 10px);
padding: 5px;
}
.fd-col-50-p {
display: flex;
flex-direction: column;
align-items: flex-start;
width: calc(50% - 10px);
padding: 5px;
}
@media screen and (max-width: 650px) {
.fd-row {
flex-direction: column;
}
.fd-col {
flex-direction: column;
}
.fd-row-100-np {
flex-direction: column;
}
.fd-row-100-p {
flex-direction: column;
}
.fd-row-50-p {
flex-direction: column;
width: calc(100% - 10px);
}
} .kozepre {
display: flex;
justify-content: center;
}
.w900{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: calc(900px - 10px);
padding: 5px;
}
.wh100{
display: flex;
flex-wrap: wrap;
justify-content: center;
height: 100vh;
}