.feketehatter {
    background-color: #000000;
}

.navbarlogo {
    max-width: 150px;
}

body {
    font-family: 'Roboto', sans-serif;
}

.navbarseparator {
    background-color: #37b39c;
    height: 10px;
}

.headerlogo {
    z-index: 101;
    width: 300px;
}

.headerheight {
    height: 80vh !important;
}

.headerseparator {
    z-index: 10;
    bottom: 0px;
    height: 100%;
    position: absolute;
}

.headerlogoholder {
    z-index: 11;
}

.margo {
}

@media (min-width:1200px) {
    .margo {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .margo {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .margo {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width:767px) {
    .margo {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.active {
    background-color: #37b39c;
    height: 100%;
}

.navbarfontsize {
}

@media (min-width:1200px) {
    .navbarfontsize {
        font-size: 14pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .navbarfontsize {
        font-size: 13pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbarfontsize {
        font-size: 11pt;
    }
}

@media (max-width:767px) {
    .navbarfontsize {
        font-size: 10pt;
    }
}

.nav-link:hover {
    background-color: #266357;
}

heroimage1 {
    background-image: url('images/hero_1.jpg');
}

.heroimage {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.himage1 {
    background-image: url('images/hero_1.jpg');
}

.himage2 {
    background-image: url('images/hero_2.jpg');
}

.himage3 {
    background-image: url('images/hero_3.jpg');
}

.himage4 {
    background-image: url('images/hero_4.jpg');
}

.himage5 {
    background-image: url('images/hero_5.jpg');
}

.cimszoveg {
    color: #37b39c;
}

@media (min-width:1200px) {
    .cimszoveg {
        font-size: 40pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .cimszoveg {
        font-size: 35pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .cimszoveg {
        font-size: 26pt;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .cimszoveg {
        font-size: 20pt;
    }
}

@media (max-width:575px) {
    .cimszoveg {
        font-size: 14pt;
    }
}

.normalszoveg {
}

@media (min-width:1200px) {
    .normalszoveg {
        font-size: 13pt;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .normalszoveg {
        font-size: 12pt;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .normalszoveg {
        font-size: 10pt;
    }
}

@media (max-width:767px) {
    .normalszoveg {
        font-size: 9pt;
    }
}

.foglalasbox {
    background-image: url('images/foglalasbg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media (min-width:1200px) {
    .idopontfoglalascim {
        margin-bottom: -22px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .idopontfoglalascim {
        margin-bottom: -19px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .idopontfoglalascim {
        margin-bottom: -14px;
    }
}

@media (min-width:576px) and (max-width:767px) {
    .idopontfoglalascim {
        margin-bottom: -11px;
    }
}

@media (max-width:575px) {
    .idopontfoglalascim {
        margin-bottom: -8px;
    }
}

.turkisszveg {
    color: #37b39c;
}

.nagyszoveg {
    font-size: 18pt;
}

.foglalasinfohead {
    background-image: linear-gradient(90deg, rgb(73, 167, 52) 0%, rgb(55, 179, 156) 100%);
    border-radius: 2px;
}

.formfield {
    background-color: rgba(0, 0, 0, 0);
    border-bottom-width: 1px;
    border-bottom-color: #ffffff;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-radius: 0px;
    color: #ffffff;
    font-weight: 400;
    font-size: 12pt;
}

.formfield:focus {
    background-color: rgba(0, 0, 0, 0);
    border-bottom-width: 1px;
    border-bottom-color: #ffffff;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-radius: 0px;
    color: #ffffff;
    font-weight: 400;
    font-size: 12pt;
}

.foglalasnapbox {
    border-radius: 2px;
}

.honapvaltasbox {
    background-color: #49a734;
}

.naptarhatter {
    background-color: rgba(0, 0, 0, 0.5);
}

.turkiszhatter {
    background-color: #37b39c;
}

.honapvaltonyil {
    background-color: rgba(255, 255, 255, 0);
    color: #ffffff;
    border-width: 0px;
}

.naphatterzold {
    background-color: rgba(73, 167, 52, 0.4);
    width: 100%;
    height: 100%;
}

.naphattersarga {
    background-color: rgba(246, 238, 0, 0.4);
    width: 100%;
    height: 100%;
}

.naphatterpiros {
    background-color: rgba(255, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.naphatternarancs {
    background-color: rgba(254, 148, 0, 0.4);
    width: 100%;
    height: 100%;
}

.arlista-bringakep {
    background-image: url('images/arak_hero.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-felho {
    background-image: url('images/parallax_felho.jpg');
    background-position: center top;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

table { 
    table-layout:fixed;
}

td { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    word-wrap: break-word;
}

@media only screen and (max-width: 480px) {
    /* horizontal scrollbar for tables if mobile screen */
    .tablemobile {
        overflow-x: auto;
        display: block;
    }
}