html,body{
    display: block;
    margin: 0;
    width: 100%;
    font-family: sans-serif;
    background-color: #f7f7f7;
}
* div{box-sizing: border-box;}
/* Header */
header{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    position:fixed;
    z-index: 98;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='215.93' height='187' viewBox='0 0 34.64101615137755 30' patternUnits='userSpaceOnUse' patternTransform='rotate(60)'%3E%3Crect width='100%25' height='100%25' fill='rgba(255, 255, 255,1)'/%3E%3Cpath d='M-20-20h200v200h-200M33.77 25.5L25.98 21L18.19 25.5L18.19 34.5L25.98 39L33.77 34.5zM16.45 25.5L8.66 21L0.87 25.5L0.87 34.5L8.66 39L16.45 34.5zM7.79 10.5L0 6L-7.79 10.5L-7.79 19.5L0 24L7.79 19.5zM16.45-4.5L8.66-9L0.87-4.5L0.87 4.5L8.66 9L16.45 4.5zM33.77-4.5L25.98-9L18.19-4.5L18.19 4.5L25.98 9L33.77 4.5zM42.43 10.5L34.64 6L26.85 10.5L26.85 19.5L34.64 24L42.43 19.5zM25.11 10.5L17.32 6L9.53 10.5L9.53 19.5L17.32 24L25.11 19.5z' fill='rgba(26, 33, 45,0.05)'/%3E%3Cpath d='M-20-20h200v200h-200M30.77 25.5L22.98 21L15.19 25.5L15.19 34.5L22.98 39L30.77 34.5zM13.45 25.5L5.66 21L-2.13 25.5L-2.13 34.5L5.66 39L13.45 34.5zM4.79 10.5L-3 6L-10.79 10.5L-10.79 19.5L-3 24L4.79 19.5zM13.45-4.5L5.66-9L-2.13-4.5L-2.13 4.5L5.66 9L13.45 4.5zM30.77-4.5L22.98-9L15.19-4.5L15.19 4.5L22.98 9L30.77 4.5zM39.43 10.5L31.64 6L23.85 10.5L23.85 19.5L31.64 24L39.43 19.5zM48.09 25.5L40.3 21L32.51 25.5L32.51 34.5L40.3 39L48.09 34.5zM22.11 40.5L14.32 36L6.53 40.5L6.53 49.5L14.32 54L22.11 49.5zM-3.87 25.5L-11.66 21L-19.45 25.5L-19.45 34.5L-11.66 39L-3.87 34.5zM-3.87-4.5L-11.66-9L-19.45-4.5L-19.45 4.5L-11.66 9L-3.87 4.5zM22.11-19.5L14.32-24L6.53-19.5L6.53-10.5L14.32-6L22.11-10.5zM48.09-4.5L40.3-9L32.51-4.5L32.51 4.5L40.3 9L48.09 4.5zM39.43 40.5L31.64 36L23.85 40.5L23.85 49.5L31.64 54L39.43 49.5zM4.79 40.5L-3 36L-10.79 40.5L-10.79 49.5L-3 54L4.79 49.5zM-12.53 10.5L-20.32 6L-28.11 10.5L-28.11 19.5L-20.32 24L-12.53 19.5zM4.79-19.5L-3-24L-10.79-19.5L-10.79-10.5L-3-6L4.79-10.5zM39.43-19.5L31.64-24L23.85-19.5L23.85-10.5L31.64-6L39.43-10.5zM56.75 10.5L48.96 6L41.17 10.5L41.17 19.5L48.96 24L56.75 19.5zM22.11 10.5L14.32 6L6.53 10.5L6.53 19.5L14.32 24L22.11 19.5z' fill='rgba(255, 255, 255,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");
}
ul{
    padding: 0;
}
.logoContainer a{
    text-decoration: none;
}
.seoWrapper p{
    text-decoration: none;
    color: rgb(230, 165, 80);
    text-transform:uppercase;
    font-weight: bold;
    font-size: 50px;
}

/* Mobil menu */
.dlMenu__mobilMenu{
    display: block;
    margin: 0 auto;
    background-color: rgb(230, 165, 80);
    width: 100%;
}
.dl-menu{
    display: flex;
    -ms-flex-align: center;
    list-style-type: none;
    margin: 0 auto;
    padding: 10px;
}
.mobilmenu{
    width: 100%;
    display: inline;
    padding: 10px;
    background-color: rgb(230, 165, 80);
    text-align: center;
    text-decoration: none;
}
.mobilmenu a{
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    text-decoration: underline 0.15em rgba(0, 0, 0, 0);
}
.mobilmenu a:hover{
    text-decoration-color: rgb(255, 255, 255);
    transition: 0.7s;
}


/* Hamburger Icon */

.hamburgerIcon {
    margin: auto 0;
    display: none;
    cursor: pointer;
    float: right;
    margin-right: 20px;
    padding: 5px;
    z-index: 99;
    background-color: rgb(255, 255, 255, 0);
  }
  
.hamburgerIcon div {
    width: 35px;
    height: 3px;
    background-color: rgb(230, 165, 80);
    margin: 6px 0;
    transition: 0.4s;
}
  
.open .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
}
  
.open .bar2 {
    opacity: 0;
}
  
.open .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -8px);
    transform: rotate(45deg) translate(-6px, -8px);
}
  
.open .hamburgerMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    list-style-type: none;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.7);
}
  
.hamburgerMenu {
    display: none;
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
}
  
.hamburgerMenu li {
    margin-bottom: 10px;
}
.hamburgerMenu a{
    text-decoration: none;
    line-height: 3.5;
    color: rgb(230, 165, 80);
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
}



/* Hero IMG és Szlogen Content */
.pageWrapper{
    padding-top: 215px;
    background-color: #f7f7f7;
    
}

.pageContent{
    position: relative;
}

.pageSlogen{
    position: absolute;
    top: 8rem;
    right: 8rem;
}

.hero_img{
    display:block;
    position: relative;
    width: 100%;
/*    max-height: 520px;
    max-width: 1920px;*/
}

.pageSlogen_item{
    background-color: rgb(230, 165, 80);
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    width: auto;
    max-width: 800px;
    padding: 1rem 2rem;
    opacity: 0.8;
}
.pageSlogen_item h3{
    font-size: 26px;
    line-height: 1.2;
    padding: 0;
    margin: 0;
    color: #ffffff;
}


/* About Content */
.section__about{
    font-size: 15px;
    line-height: 1.5;
    text-align: center;
    padding: 2rem;
    background: #f7f7f7;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

/* Footer */
.pcFooter__block{
    display: flex;
    flex-direction: row;
    align-items: center;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='215.93' height='187' viewBox='0 0 34.64101615137755 30' patternUnits='userSpaceOnUse' patternTransform='rotate(60)'%3E%3Crect width='100%25' height='100%25' fill='rgba(230, 165, 80,1)'/%3E%3Cpath d='M-20-20h200v200h-200M33.77 25.5L25.98 21L18.19 25.5L18.19 34.5L25.98 39L33.77 34.5zM16.45 25.5L8.66 21L0.87 25.5L0.87 34.5L8.66 39L16.45 34.5zM7.79 10.5L0 6L-7.79 10.5L-7.79 19.5L0 24L7.79 19.5zM16.45-4.5L8.66-9L0.87-4.5L0.87 4.5L8.66 9L16.45 4.5zM33.77-4.5L25.98-9L18.19-4.5L18.19 4.5L25.98 9L33.77 4.5zM42.43 10.5L34.64 6L26.85 10.5L26.85 19.5L34.64 24L42.43 19.5zM25.11 10.5L17.32 6L9.53 10.5L9.53 19.5L17.32 24L25.11 19.5z' fill='rgba(26, 33, 45,0.05)'/%3E%3Cpath d='M-20-20h200v200h-200M30.77 25.5L22.98 21L15.19 25.5L15.19 34.5L22.98 39L30.77 34.5zM13.45 25.5L5.66 21L-2.13 25.5L-2.13 34.5L5.66 39L13.45 34.5zM4.79 10.5L-3 6L-10.79 10.5L-10.79 19.5L-3 24L4.79 19.5zM13.45-4.5L5.66-9L-2.13-4.5L-2.13 4.5L5.66 9L13.45 4.5zM30.77-4.5L22.98-9L15.19-4.5L15.19 4.5L22.98 9L30.77 4.5zM39.43 10.5L31.64 6L23.85 10.5L23.85 19.5L31.64 24L39.43 19.5zM48.09 25.5L40.3 21L32.51 25.5L32.51 34.5L40.3 39L48.09 34.5zM22.11 40.5L14.32 36L6.53 40.5L6.53 49.5L14.32 54L22.11 49.5zM-3.87 25.5L-11.66 21L-19.45 25.5L-19.45 34.5L-11.66 39L-3.87 34.5zM-3.87-4.5L-11.66-9L-19.45-4.5L-19.45 4.5L-11.66 9L-3.87 4.5zM22.11-19.5L14.32-24L6.53-19.5L6.53-10.5L14.32-6L22.11-10.5zM48.09-4.5L40.3-9L32.51-4.5L32.51 4.5L40.3 9L48.09 4.5zM39.43 40.5L31.64 36L23.85 40.5L23.85 49.5L31.64 54L39.43 49.5zM4.79 40.5L-3 36L-10.79 40.5L-10.79 49.5L-3 54L4.79 49.5zM-12.53 10.5L-20.32 6L-28.11 10.5L-28.11 19.5L-20.32 24L-12.53 19.5zM4.79-19.5L-3-24L-10.79-19.5L-10.79-10.5L-3-6L4.79-10.5zM39.43-19.5L31.64-24L23.85-19.5L23.85-10.5L31.64-6L39.43-10.5zM56.75 10.5L48.96 6L41.17 10.5L41.17 19.5L48.96 24L56.75 19.5zM22.11 10.5L14.32 6L6.53 10.5L6.53 19.5L14.32 24L22.11 19.5z' fill='rgba(230, 165, 80,1)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ");
    padding-bottom: 40px;
}

.pcFooter__menu_right{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 1rem;
}

.pcFooter__menu__item{
    padding: 10px;
    margin: 5px;
    width: 100%;
    max-width: 150px;
    text-align: center;
    text-decoration: none;
    /* border: solid 2px black; */
    background-color: rgb(255, 255, 255, 0.5);
    color: black;
}

.pcFooter__menu_left{
    width: 50%;
    flex-direction: column;
    align-items: flex-start;
    margin: 5px;
    text-decoration: none;
    padding: 1rem;
    font-size: 13px;
    line-height: 1rem;
}


.pcFooter__menu_left a{
    color: black;
    text-decoration: none;
    font-weight: bold;
}

.pcFooter__menu__item__link{
    color: black;
    text-decoration: none;
}

.companyData__title{
    font-size: 20px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 1.75rem;
}
.companyData__item{
    font-size: 14px;
}

.madeBy-IntroWeb{
    display: flex;
    background-color: rgb(37, 37, 37);
    padding: 0.5rem;
    justify-content: center;
    color: rgb(221, 183, 130);
}
.madeBy-IntroWeb a{
    text-decoration: none;
    color: rgb(221, 183, 130);
}
/* széchenyi 2020 */
.competition__block{
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 15;
    justify-content: right;
}
.competition__block a{
    outline: none;
    text-decoration: none;
}
.competition__block img{
    padding: 0;
    border: none;
    outline: none;
    display: block;
    width: 160px;
    justify-content: right;
}
.competition__block .showHide{
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: -3rem;
    right: 2rem;
    background-color: #1c1815;
    background-image: url(../images/chevron-up.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px 12px;
    cursor: pointer;
    transform: rotate(180deg);
    opacity: 0.5;
}
.competition__block .showHide.hide{
    transform: rotate(0);
}

/* Cookie sáv */
#cookie-bar{
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

.cookieWrapper{
    display: flex;
    flex-direction: row;
    width: 100%;
}

.m-statText{
    text-align: center;
    max-width: 80%;
    color: #f7f7f7;
}

.m-statText p{
    padding: 0.5rem;
    font-size: 12px;
}

.m-statText a{
    text-decoration: none;
    color: rgb(230, 165, 80);
}
.cookieButtonWrapper{
    display: flex;
    align-items:center;
    width: auto;
    margin: 0 auto;
    text-align: center;
}

.jqs-enable{
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
    padding: 0.7rem;
    background-color: rgb(255, 255, 255)
}

@media only screen and (min-width: 320px) and (max-width: 719px){
    /* Header */
    header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .seoWrapper p{
        padding-left: 20px;
        font-size: 40px;
    }

    /* cookie */

    .m-statText{
        max-width: 100%;
        
    }

    .cookieWrapper{
        display: flex;
        flex-direction: column;
        /*display: none; */
    }

    .cookieButtonWrapper{
        padding: 1rem;
    }

    .m-statText p{
        margin: 0;
    }

    /*footer*/

    .pcFooter__block{
        display: flex;
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .pcFooter__menu_left{
        width: 100%;
        align-items: center;
        text-align: center;
        font-size: 15px;
    }
    .pcFooter__menu_right{
        align-items: center;
    }

    .madeBy-IntroWeb{
        font-size: 12px;
    }

    /* Mobil Menu */

    .dlMenu__mobilMenu{
        display: none;
    }

    .hamburgerIcon{
        display: block;
    }

    .hamburgerIcon div{
        display: block;
    }

    /* hero + szlogen */
    .pageWrapper{
        padding-top: 122px;
    }

    .pageSlogen{
        position: absolute;
        top: 2rem;
        right: 1rem;
        left: 1rem;
    }

    .pageSlogen_item{
        background-color: rgb(230, 165, 80);
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        width: auto;
        max-width: 800px;
        padding: 1rem 2rem;
        opacity: 0.8;
    }

    .pageSlogen_item h3{
        font-size: 13px;
        line-height: 1.2;
        padding: 0;
        margin: 0;
        color: #ffffff;
    }
     
}
@media only screen and (min-width: 720px) and (max-width: 1023px){


    /* mobil menu */
    .dlMenu__mobilMenu{
        display: none;
    }

    .hamburgerIcon{
        display: block;
    }

    /* hero + szlogen */
    .pageWrapper{
        padding-top: 122px;
    }

    .pageSlogen_item h3{
        font-size: 20px;
    }

    header{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .seoWrapper p{
        padding-left: 20px;
    }
}

@media only screen and (min-width: 720px) and (max-width: 1920px){
    .pcFooter__block{
        justify-content: space-evenly;
    }

    .pcFooter__menu_left{
        width: 35%;
    }

    .pcFooter__menu_right{
        width: 25%;
    }
}