.bg-fejlec {
    background-image: url('images/fejlec-hatter.jpg');    
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.logo-fix {
    max-width: 350px;
    margin: 0 auto;
}

.btn-header {
    background-color: #fff;
    color: #000;
}

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

.bg-fejlec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(
      to right,
      rgba(247, 140, 160, 0.7) 0%,
      rgba(249, 117, 142, 0.7) 40%,
      rgba(254, 152, 139, 0.7) 100%
    );
    opacity: 1; /* Opcionális, ha további átlátszóság kell */
    z-index: 1;
  }
  
  .bg-fejlec > * {
    position: relative;
    z-index: 2; /* Minden tartalom az overlay fölé kerül */
  }

.bg-fejlec .big {
    font-size: 20px;
    line-height: 24px;
}

.logo-fix {
    max-width: 150px;
    margin: 0 auto;
}   

.ajanlo-resz h1 {
    font-size: 30px;
}

.ajanlo-resz .big {
    font-size: 25px;
    line-height: 1.5;
}

.ajanlo-resz .big i {
    font-family: "Libre Baskerville", serif;    
}

.range-gap {
    row-gap: 3rem;
}

.bg-balra-fix h1 {
    font-size: 32px;
}

.bg-balra-fix p {
    line-height: 1.5 !important;
}

.list-marked li:before {
    content: ""; /* Kötelező a ::before pszeudo-elemhez */
    position: absolute;
    left: 0;
    top: 6px;
    width: 26px;
    height: 20px;
    background-image: url('images/ikon-korona.png'); /* A kép elérési útja */
    background-size: cover; /* A kép méretezése */    
    background-position: center;
    /* filter: grayscale(100%); */
}

.ikon-kozepen {
    /* filter: grayscale(100%); */
    max-width: 40px;
    height: auto;
    margin-bottom: 20px;
}

.ikonbalra {
    position: relative; /* Szükséges a pozicionáláshoz */
    padding-left: 35px; /* Helyet hagy a képnek */
}

.ikonbalra::before {
    content: ""; /* Kötelező a ::before pszeudo-elemhez */
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px; /* A kép szélessége */
    height: 20px; /* A kép magassága */
    background-image: url('images/ikon-pipa.png'); /* A kép elérési útja */
    background-size: cover; /* A kép méretezése */
    background-position: center;
    /* filter: grayscale(100%); */
    /* opacity: 0.6; */
}

.ajanlo-resz h2 {
    text-transform: none;
    font-size: 26px;
    line-height: 1.5;
}

.kisikonh1 {
    width: 40px;
    height: auto;
    /* filter: grayscale(100%); */
    vertical-align: baseline;
}

.bg-pinkfeher {
    background: linear-gradient(180deg, #f5b4b0 60%, #fff);    
}

.bg-pinkfeher .big i, .bg-pink .big i  {
    font-family: "Libre Baskerville", serif;    
}

.ikonbalra-alt {
    position: relative; /* Szükséges a pozicionáláshoz */
    padding-left: 35px; /* Helyet hagy a képnek */
}

.ikonbalra-alt::before {
    content: ""; /* Kötelező a ::before pszeudo-elemhez */
    position: absolute;
    left: 0;
    top: 8px;
    width: 20px; /* A kép szélessége */
    height: 20px; /* A kép magassága */
    background-size: cover; /* A kép méretezése */
    background-position: center;
    background-repeat: no-repeat;
    /* filter: grayscale(100%); */
    /* opacity: 0.4; */
}

.ikon-sziv::before {
    background-image: url('images/ikon-sziv.png');
}

.ikon-megoszt::before {
    background-image: url('images/ikon-megoszt.png');
}

.ikon-kor::before {
    background-image: url('images/ikon-kor.png');
}

.ikon-kez::before {
    background-image: url('images/ikon-kez.png');
}

.ikon-korona::before {
    top: 6px;
    width: 21px;
    height: 16px;    
    background-image: url('images/ikon-korona.png');
}

.bg-pink {
    background-color: #f5b4b0;
}

.bg-last {
    position: relative;
}

.bg-last [class*="cell-"] {
    z-index: 3;
}

.lablec-mod {
    display: none;
    max-width: 20vw;
    height: auto;
}

.lablec-mod {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
}

.masodik-szekcio h1 {
    font-size: 30px;    
}

@media (min-width: 768px) {
    .masodik-szekcio h1 {
        font-size: 37px;
        line-height: 1.7;
    }    

    .masodik-szekcio .big {
        font-size: 25px;
    }    
    
    .harmadik-szekcio .big {
        font-size: 25px;
        line-height: 1.5;
    }     
} 

@media (min-width: 992px) {

    .range-gap {
        row-gap: 10rem;
    }

    .bg-fejlec h1 {
        font-size: 32px;
        line-height: 1.2;
    }     

    .bg-jobbra-fix {
        background-image: url('images/fejes-adrienn-02.png');    
        background-size: contain;
        background-position: right center;
        background-repeat: no-repeat;   
    }

    .bg-balra-fix {
        background-image: url('images/adrienn-hatter.webp');    
        background-size: contain;
        background-position: left center;
        background-repeat: no-repeat;   
    }    
         
    .range-gap-3 {
        row-gap: 4rem;
    }

    .order-1 {
        order: 1;
    }
    .order-2 {
        order: 2;
    }
    .order-3 {
        order: 3;
    }
    .order-4 {
        order: 4;
    }    

    .lablec-mod {
        display: block;
    }
} 

@media (min-width: 1200px) {

    .logo-fix {
        max-width: 350px;
        margin: 0 auto;
    }   

}

@media (min-width: 1800px) {

    .bg-fejlec h1 {
        font-size: 48px;
        line-height: 1.2;
    }

    .bg-fejlec .big {
        font-size: 24px;
        line-height: 30px;
    }        
}

.btn-pink {
    border-width: 1px;
    color: #000;
    background-color: #f4b3b0;
    border-color: #f4b3b0;
}

.btn-pink:hover {
    color: #000;
    background-color: #fff;
    border-color: #000;
}

.logo-max-szeles {
    max-width: 250px;
    margin: 0 auto;
    height: auto;   
}