@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
:root {
  font-family: "Figtree";
}
body {
    font-family: 'Figtree', sans-serif !important;
}
.lilabg {
  background-color: #741da2 !important;
}

.lilatext {
  color: #741da2;
}

.szurketext {
  color: #555555;
}

.betutipus {
  font-family: 'Figtree';
}

.navbargomb {
  color: #000000 !important;
  font-size: 15px;
}

.navbargomb:hover {
  color: #741da2 !important;
  padding-left: 0.1em;
  padding-right: 0.1em;
}

.kapcsolatgomb {
  background-color: #741da2;
  color: white;
  border-radius: 0.5em;
  /*padding: 10px 30px;*/
}

.csabigomb {
  background-color: #3c9dab !important;
  color: white !important;
  border-radius: 0.5em !important;
  border: none !important;
}

.csabigomb:hover {
  background-color: #fcfcfc;
  color: #000000;
  border-radius: 0.5em;
  box-shadow: 0px 0px 8px #3c9dab !important;
}

.kapcsolatgomb:hover {
  background-color: #fcfcfc;
  color: #000000;
  border-radius: 0.5em;
  box-shadow: 0px 0px 8px #741da2 !important;
}

@media (min-width: 1400px) {
  .shopcontainer {
    max-width: 1320px !important;
  }
}

.megamenu {
  --bs-dropdown-min-width: 35rem !important;
}

.fit-cover {
  object-fit: cover;
}

.fit-cover {
  object-fit: cover;
}

@media (min-width: 1200px) {
  .csapatkep {
    z-index: 2;
    position: absolute;
    /*width: 100%;*/
    /*height: 100%;*/
    margin-top: -5%;
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.31));
  }
}

.abstract {
  z-index: 1;
  position: absolute;
  /*width: 100%;*/
  /*height: 100%;*/
  margin-top: -5%;
}

.facesocial {
  font-size: 14px !important;
  text-decoration: none;
  color: #fefefe;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #741da2;
  /*box-shadow: 0px 0px 10px rgba(41,41,41,0.48);*/
}

.instasocial {
  font-size: 14px !important;
  text-decoration: none;
  color: #ffffff;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #000000;
  /*box-shadow: 0px 0px 10px rgba(41,41,41,0.48);*/
}

.csapatcard {
  border-radius: 15px !important;
}

/*@media (min-width: 1400px) {
  .csabiinfobox {
    z-index: 15;
    position: absolute;
    margin-bottom: 15px !important;
    margin-right: 15px;
    text-align: center;
  }
}*/

@media (min-width: 1400px) {
  .csomagrefinfobox {
    z-index: 15;
    position: absolute;
    margin-bottom: 59px !important;
    margin-left: -105px;
    text-align: center;
  }
}

/*@media (min-width: 1400px) {
  .adriinfobox {
    z-index: 15;
    position: absolute;
    margin-bottom: 15px !important;
    margin-left: 15px;
    text-align: center;
  }
}*/

@media (min-width: 1400px) {
  .bannerinfobox {
    z-index: 15;
    position: absolute;
    margin-top: 434px !important;
    margin-left: 188px;
  }
}

@media (max-width: 1400px) {
  .bannerinfobox {
    z-index: 15;
    position: absolute;
    margin-top: 310px !important;
    margin-left: 78px;
  }
}

.shopborders {
  /*background-color: rgb(255,255,255) !important;*/
  box-shadow: 0px 0px 13px 3px rgba(33, 37, 41, 0.11);
  border-radius: 7px;
}

.radiusmeret {
  /*background-color: rgb(255,255,255) !important;*/
  box-shadow: 0px 0px 13px 3px rgba(33, 37, 41, 0.11);
  border-radius: 10px;
}

.whiteblock {
  background-color: rgb(255, 255, 255) !important;
  box-shadow: 0px 0px 13px 3px rgba(33, 37, 41, 0.34);
  border-radius: 11px;
}

.lilablock {
  background-color: #741ea2 !important;
  box-shadow: 0px 0px 13px 3px rgba(33, 37, 41, 0.41);
  border-radius: 11px;
}

.megamenuanim {
  /*background-color: #e7e7e7 !important;*/
  /*box-shadow: 0px 0px 13px 3px rgba(33,37,41,0.24);*/
  /*border-radius: 27px;*/
  animation: slide-down 0.5s ease-out;
}

.megamenualap {
  /*background-color: #ffffff00 !important;*/
  /*box-shadow: 0px 0px 13px 3px rgba(33, 37, 41, 0.83);*/
  /*border-radius: 27px;*/
  /*animation: slide-down 0.5s ease-out;*/
  /*padding: 20px 30px 20px 30px;*/
}

.megamenubg {
  background: rgba(0, 0, 0, 0.61) !important;
  /*box-shadow: 0px 0px 13px 3px rgba(33,37,41,0.24);*/
  /*border-radius: 27px;*/
  animation: slide-down 0.1s ease-out;
  height: 5000%;
}

.fit-cover {
  object-fit: cover;
}

.headerheight {
  height: 100% !important;
}

.minislider {
  width: 465px;
  height: 99px;
}

.minisliderkep {
  width: 100px !important;
  height: 100px !important;
}

.minisliderszoveg {
  margin-left: 117px;
}

.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

.fit-cover {
  object-fit: cover;
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.card-body {}

.kulondijaslogo {
  /*width: 103px;*/
  /*margin-top: -90px;*/
  /*z-index: 5;*/
  /*position: absolute;*/
}

.cardcolorchange {
  background-color: #fcfcfc !important;
  color: #000000 !important;
  justify-content: center;
  color: white;
  transition: background 0.5s ease, transform 0.3s ease;
  cursor: pointer;
}

.cardcolorchange:hover {
  background-color: #741da2 !important;
  color: #ffffff !important;
  transform: scale(1.05);
}

.imageanim2 {
  transition: background 0.5s ease, transform 0.3s ease;
  cursor: pointer;
}

.imageanim {
  transition: background 0.5s ease, transform 0.3s ease;
  cursor: pointer;
}

.imageanim:hover {
  transform: scale(1.05);
}

.imageanim2:hover {
  transform: scale(1.05);
}

line-wrapper::after {}

.fixed-right {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  /*top: 100%;*/
  /*transform: translateY(-50%);*/
  /*background-color: #ffffff;*/
  /*color: white;*/
  /*padding: 15px 20px;*/
  /*border-radius: 8px 0 0 8px;*/
  /*font-size: 16px;*/
  /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
  cursor: pointer;
  width: 300px !important;
}

.videoposition {
  width: 122%;
  height: 785px;
  margin-top: -85px;
}

@media (min-width: 1400px) {
  .logosavposition {
    margin-top: -169px;
  }
}

.halvanydarkbg {
  background-color: rgba(0, 0, 0, 0.67);
}

.halvanybg {
  background-color: rgba(255, 255, 255, 0.67);
}

.halvanybgdark {
  background-color: rgba(0, 0, 0, 0.67);
}

.kektext {
  color: #3c9dab;
}

.text_shadow {
  text-shadow: 0px 0px 20px rgb(0, 0, 0);
}

@media (min-width: 1400px) {
  .miertkep {
    width: 140px !important;
    height: 140px !important;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.56) !important;
  }
}

.arnyek {
  box-shadow: 0px 0px 8px #000000 !important;
}

.image-flip img {
  display: block;
  transition: transform 0.6s ease-in-out;
  transform-origin: center;
}

.image-flip:hover img {
  transform: rotateY(180deg);
}

.atfordulas:hover {
  transition: rotate3d;
}

.atfordulas {
  /*transition: rotate3d;*/
}

.partnerlogo {
  height: 59px !important;
  filter: grayscale(100%);
}

.blogtextfilter {
  background-color: rgba(0, 0, 0, 0.75) !important;
  padding: 1em;
}

.szolgmenu2 {
  background-color: #f4f4f4;
  padding: 0.5em;
  border: solid 5px #e7e7e7;
}

.szolgmenu {
  background-color: #ffffff;
  padding: 0.5em;
  border: solid 5px #e7e7e7;
}

.szolgmenu2:hover {
  background-color: rgb(116, 30, 162);
  padding: 0.5em;
  color: #ffffff;
}

.szolgmenu:hover {
  background-color: rgb(116, 30, 162);
  padding: 0.5em;
  color: white;
}

.alapcsomag {
  font-size: 0.6em !important;
  background-color: #741da2;
  color: #ffffff;
  padding: 2px;
  margin-left: 1em;
}

.alszoveg {
  font-size: 0.9em !important;
}

.csomagajanlatkep {
  margin-left: -45px;
  margin-bottom: 135px;
}

.referenciaszovalap {
  background-color: rgba(0, 0, 0, 0.53);
  padding: 10px;
  color: #ffffff;
  margin-bottom: 0px;
}

.referenciaszovlink {
  background-color: rgba(116, 30, 162, 0.73);
  padding: 6px;
  color: #ffffff;
  margin-bottom: 0px;
}

.case-study-logo {
  max-height: 80px;
  object-fit: contain;
  padding: 10px;
}

#case-studies-container .card-body {
  border-radius: 20px;
}

#case-studies-filter .nav-tabs {
  border-bottom: none;
}

/* Animációk */
.slide-down {
  animation: slideDown 0.3s ease-out;
}

/* Animáció definíciója */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-300px);
    /* fent van, kicsit felfelé tolva */
  }

  to {
    opacity: 1;
    transform: translateY(0%);
    /* a végső helyzet */
  }
}

/* Osztály alkalmazása */
.slide-down {
  animation: slideDown 0.5s ease-out forwards;
  /* forwards, hogy megmaradjon a végállapot */
}

.megamenualap .title {
  color: inherit;
  /* alap szín öröklődik */
  /* transition: color 0.1s ease; */
}

.megamenualap a:hover .title {
  color: #fff;
  /* hover esetén fehér */
}

.dropdown .dropdown-menu {
  display: none;
}

.dropdown.show .dropdown-menu {
  display: block;
}

.footer p>a {
  text-decoration: none;
  color: white;
}

.kekhatter {
  background-color: #3c9dab !important;
}

.dropdown-menu {
  pointer-events: auto;
}

.menuarajanlatgomb {
  background-color: #ffffff;
  color: #000000;
  border-radius: 0.5em;
  padding: 10px 30px;
}

.menuarajanlatgomb:hover {
  background-color: #741da2;
  color: #ffffff;
  border-radius: 0.5em;
  box-shadow: 0px 0px 8px #741da2 !important;
}

.megamenu-bottom-kapcsolatgomb {
  padding: 10px 30px !important;
  background-color: #741da2;
  color: white;
  border-radius: 0.5em;
}

.lilatext-btn {
  color: #741da2 !important;
}

.case-study-btn {
  color: white !important;
}

.case-study-btn:hover {
  color: black !important;
}

h5,
.h5 {
  font-size: 1.2rem;
}

/*
 * ----------------------------------------
 * 1. Általános Contact Form 7 Mezők Stílusa
 * Cél: A meglévő .wpcf7-form-control mezőkre Bootstrap form-control és border/rounded-pill stílusok alkalmazása
 * ----------------------------------------
 */

/* Beviteli mezők (text, email), textarea és select alapstílusa */
.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-checkbox):not(.wpcf7-radio) {
  /* Alapértelmezett Bootstrap form-control stílusok */
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  /* Szöveg színe */
  background-color: #fff;
  /* Háttér színe */
  background-clip: padding-box;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* Lekerekítés (rounded-pill) és Border stílusok */
.wpcf7-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.wpcf7-form textarea {
  /* Az eredeti design: border rounded-pill form-control */
  border: 1px solid #ced4da;
  /* Bootstrap alap border */
  border-radius: 50rem;
  /* Lekerekített sarkok (rounded-pill) */

  /* Extra margó a form-controlnak, hogy utánozza az eredeti mb-3-at */
  margin-bottom: 1rem;
}

/* Fókusz és hover állapot: A Bootstrap színséma megtartása */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  /* Bootstrap kék a fókuszhoz */
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* A textarea alapértelmezett lekerekítésének felülírása a pill designnal, ami a text mezőknél van */
.wpcf7-form textarea {
  border-radius: 1rem;
  /* A textarea-hoz a rounded-pill helyett egy enyhébb lekerekítés jobb lehet, de ha kell, maradhat 50rem */
  min-height: 100px;
}

/*
 * ----------------------------------------
 * 2. Checkboxok Stílusa
 * Cél: Az eredeti form-check és ps-2 stílusok visszaadása
 * ----------------------------------------
 */

/* A checkboxok tárolójának formázása (ps-2 és mb-4-et utánozza) */
.wpcf7-form p:has(span.wpcf7-checkbox),
.wpcf7-form p:has(span.wpcf7-acceptance) {
  padding-left: 0.5rem !important;
  /* ps-2 (padding-left: .5rem) */
  margin-bottom: 1.5rem;
  /* mb-4 (margin-bottom: 1.5rem) */
}

/* Az egyes checkbox opciók és az elfogadási checkbox form-check stílusa */
.wpcf7-form-control-wrap.wpcf7-checkbox span,
.wpcf7-form-control-wrap.wpcf7-acceptance span {
  display: flex;
  /* Az elemek igazításához */
  align-items: center;
  margin-bottom: 0.5rem;
  /* Elválasztás */
}

/* A tényleges checkbox bemenet (input) stílusa */
.wpcf7-form-control-wrap.wpcf7-checkbox input[type="checkbox"],
.wpcf7-form-control-wrap.wpcf7-acceptance input[type="checkbox"] {
  margin-right: 0.25rem;
  /* me-1 (margin-right: .25rem) */
  /* A Bootstrap form-check-input alap stílusai */
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
}

/*
 * ----------------------------------------
 * 3. Küldés Gomb Stílusa
 * Cél: Az eredeti gomb stílusainak másolása
 * (Feltételezem, a 'kapcsolatgomb' egyedi szín/stílust definiál)
 * ----------------------------------------
 */

.wpcf7-form .wpcf7-submit {
  /* Az eredeti gomb osztályai: btn mt-4 mb-4 kapcsolatgomb */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  font-weight: normal !important;
  /* Az inline stílusból áthozva */
  padding: 0.375rem 0.75rem;
  border-radius: 50rem;
  /* Lekerekített gomb */

  margin-top: 1.5rem;
  /* mt-4 */
  margin-bottom: 1.5rem;
  /* mb-4 */

  /* Itt kell hozzáadni a 'kapcsolatgomb' egyedi színeit és border stílusait */
  /* Példa: Ha a 'kapcsolatgomb' kék háttérrel dolgozik */
  background-color: #741da2;
  /* Példa szín */
  color: #fff;
  border: 1px solid #741da2;
}

/*
 * CF7 Checkbox Javítás: Azonnali pipa megjelenítés
 * Cél: Biztosítani, hogy a checked állapot azonnal érvényesüljön, 
 * felülírva az esetleges Bootstrap vagy téma konfliktusokat.
 */

/* Cél: a bepipált checkbox bemeneti eleme */
.wpcf7-form-control-wrap .form-check-input:checked {
  /* Általában ez a sor hiányzik vagy felül van írva. 
       A háttérkép generálja a pipát a legtöbb Bootstrap/modern stílusban. */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
}

/* Cél: A bepipált checkbox alap színe */
.wpcf7-form-control-wrap .form-check-input:checked {
  background-color: #24285b !important;
  /* Vagy a te egyedi akcentus színed! */
  border-color: #24285b !important;
}

/* Biztosítjuk, hogy a pipa ne legyen elrejtve, ha a téma elrejti */
.wpcf7-form-control-wrap .form-check-input {
  appearance: none;
  /* A Bootstrap miatt szükség lehet rá */
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Az SVG ikon helyének és stílusának imitálása (ha a CF7 mellett használod) */
.wpcf7-form .wpcf7-submit+.wpcf7-spinner {
  margin-left: 0.5rem;
  /* ms-2 az ikonnak */
}

/* ==========================================================
   1. SOR EGYSÉGES MAGASSÁGA (Equal Height Cards) - Változatlan
   ========================================================== */
#case-studies-container {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

#case-studies-container .case-study-item .card {
  height: 100%;
}

/* ==========================================================
   2. LOGÓ KONTÉNER ÉS KÉP ILL. - JAVÍTOTT
   ========================================================== */

/* Logó konténere (fix magasság, vertikális középre igazítás) */
.case-study-item .card .text-center {
  height: 100px;
  display: flex;
  justify-content: center;
  /* Horizontális középre igazítás */
  align-items: center;
  /* Vertikális középre igazítás */
  overflow: hidden;
  /* Levágja, ha mégis kilógna (de a kép illeszkedni fog) */
}

/* Maga a logó kép (img tag) */
.case-study-item .card .text-center img {
  /* 1. Kényszerítjük a képet a konténer magasságához (max 100px) */
  max-height: 100px !important;

  /* 2. Biztosítjuk, hogy a logó szélessége ne lógjon ki a konténerből!
          Ez kicsinyíti a logót, ha túl széles, miközben megtartja az arányokat. */
  max-width: 90%;
  width: auto !important;
  /* Fenntartja a width:auto-t, ami az arányos kicsinyítéshez kell */
}

/* ==========================================================
   3. WEBSHOP NÉV KÖZÉPRE IGAZÍTÁSA
   ========================================================== */

/* A webshop neve a h5-ben van a .card-body-n belül. */
.case-study-item .card .card-body h5 {
  text-align: center;
}

.case-study-item .kapcsolatgomb {
  color: white !important;
}

.case-study-item .kapcsolatgomb:hover {
  color: black !important;
}

.case-study-card .card-body {
  border-radius: 0 0 16px 16px !important;
}



/* Ezzel állítjuk be, hogy a megamenü maga görgethető legyen */
@media (max-width: 997.98px) {
  .megamenualap {
    /* Az előzőleg javasolt stílusok mellé: */

    /* Mobil nézetben (alapértelmezett, vagy sm méretig) */
    position: fixed;
    /* Ha lebegő menü, fix pozíció kell */
    top: 0;
    /* A képernyő tetejétől induljon (vagy a fix fejléc alatt) */
    left: 0;
    width: 100%;
    height: calc(100vh - 80px);     /* Teljes magasság a képernyőhöz képest */
    z-index: 1050;
    /* Legyen magasabb, mint a többi tartalom */
    background-color: white;
    /* Vagy amilyen háttérszín kell */
    padding-top: 230px;
    padding-bottom: 120px;
    /* Görgetés kényszerítése */
    overflow-y: scroll; /* Inkább scroll mint auto, a Webkit rendszereknél fixebb */
    -webkit-overflow-scrolling: touch; /* Jobb görgetési élmény iOS-en */
    /* A LÉNYEG: csak a menü tartalma görögjön, ha túl hosszú */
    /*overflow-y: auto;
    /*-webkit-overflow-scrolling: touch; /* Jobb görgetési élmény iOS-en */
  }
}

/* Ezt a class-t JavaScripttel add hozzá a <body>-hoz, amikor a menü nyitva van */
.megamenü-aktív {
    /* Megakadályozza az oldal görgetését */
    overflow: hidden !important; 
    /* Ez a fix réteggel dolgozó mobil böngészőknél is segít */
    position: fixed; 
    width: 100%;
}

/* Konténer stílusozása */
.custom-video-placeholder {
    position: relative; /* Fontos! A gomb pozicionálásának alapja */
    cursor: pointer;
    min-height: 200px !important;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* A flexbox központosítás már nem kell, mivel abszolút pozicionálást használunk: 
    display: flex;
    justify-content: center;
    align-items: center; */
    border-radius: 5px; 
}

/* Egyéni lejátszás gomb: Jobb alsó sarokba helyezés */
.custom-play-button {
    /* Abszolút pozicionálás a konténerhez képest */
    position: absolute; 
    top: 20px; /* Alulról 20px távolság */
    right: 20px;  /* Jobbról 20px távolság */
    
    width: 60px; /* Kicsit kisebb méret a sarokba */
    height: 60px; 
    background-color: #ff0000; 
    border-radius: 50%;
    opacity: 0.85;
    transition: opacity 0.2s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Kisebb árnyék */
    z-index: 10; /* Biztosítja, hogy a kép felett legyen */
}

/* Lejátszás háromszög ikon */
.custom-play-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    /* Mivel a gomb mérete kisebb, a háromszög méretét és eltolását is érdemes igazítani */
    transform: translate(-40%, -50%); 
    border-style: solid;
    border-width: 12px 0 12px 20px; /* Kisebb háromszög */
    border-color: transparent transparent transparent #ffffff; 
}

/* Hover effektus */
.custom-video-placeholder:hover .custom-play-button {
    opacity: 1;
}

/* A betöltött iframe stílusozása, hogy ne legyen körülötte üres hely */
.custom-video-placeholder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fixed-height-img {
    height: 300px; /* Válassz egy neked megfelelő fix magasságot */
    width: 100%;  /* Biztosítja, hogy az oszlop teljes szélességét kitöltse */
    object-fit: cover; /* Kitölti a konténert (300px magas), és levágja a felesleget */
}

.equal-height {
    /* Válaszd ki a kívánt magasságot, pl. 250px */
    height: 200px; 
    
    /* Biztosítja, hogy az oszlop teljes szélességét kitöltse */
    width: 100%;  
    
    /* Fontos: Kitölti a 250px magasságú területet, levágva a kép tetejét/alját */
    object-fit: cover; 
}

.lilabg p {
    margin-bottom: 0 !important;
}

.video-widget-wrapper {
    position: relative;
    width: 100%;
    /* 16:9 képarány */
    padding-bottom: 56.25%; 
    height: 0 !important; /* Felülír minden más magasságot */
    overflow: hidden;
}
.custom-video-placeholder,
.video-widget-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* A lejátszás gomb stílusa változatlanul a korábbi beállításokkal működik: */
.custom-play-button {
    position: absolute; 
    bottom: 20px; 
    right: 20px;
}
.rate-us > .wpcf7-acceptance {
    background-color: #f1e8f5;
}
.rate-us {
  padding-left: 5rem;
  background-color: #f1e8f5;
}

.rate-us > p {
  margin-bottom: 0rem;
}


/* Ujvári Adrienn bemutatkozó */
.title-row-adri {
        width: 100%;
        position: relative;
        background: linear-gradient(0.25turn, #75b140, #fff);
        display: flex;
        justify-content: center;
        align-items: flex-start;
        border-bottom: 10px solid #000;
    }
    .icon-title-row {
        position: absolute;
        right: 2vw;
        width: 16.5vw;
        top: 2vw;
    }
    .adri-title-row {
        width: 15vw;
        padding-top: 1vw;
    }
    .title_row {
        padding-left: 2vw;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        padding-top: 2vw;
    }
    .webaruhaz-word {
        font-size: 3.5vw;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.1vw;
        line-height: 3.5vw;
    }
    .szakerto-word {
        font-size: 3.5vw;
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
        padding-left: 4vw;
        letter-spacing: 0.1vw;
        line-height: 3.5vw;
    }
    .name-word {
        font-size: 2.5vw;
        font-weight: 600;
        letter-spacing: 0.1vw;
        line-height: 3.5vw;
    }
    .adrienn-life {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1vw;
        flex-direction: column;
    }
    .adrienn-life .first-main-row {
        background: #fff;
        box-shadow: 0 0 10px 10px #eee;
        padding: 1vw;
        font-size: 1.3vw;
        width: 75vw;
        text-align: center;
        border-radius: 10px;
    }
    .adrienn-life .first-main-row > span {
        color: #75b140;
        font-weight: 800;
        text-transform: uppercase;
    }
    .adrienn-life .second-main-row {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .adrienn-life .second-main-row .na-de {
        font-size: 2vw;
        text-transform: uppercase;
        text-align: center;
        font-weight: 300;
        padding:1vw 0;
    }
    .adrienn-life .second-main-row .na-de > span {
        color: #75b140;
        font-weight: 600;
    }
    .adrienn-life .second-main-row .school-main-container {
        background: #fff;
        box-shadow: 0 0 10px 10px #eee;
        padding: 2vw 2.5vw;
        font-size: 1vw;
        width: 75vw;
        text-align: left;
        border-radius: 10px;
    }
    .adrienn-life .second-main-row .school-main-container span {
        font-weight: 600;
    }
    .adrienn-life .second-main-row .map-image {
        width: 60vw;
        margin: 3vw 0;
    }
    .adrienn-life .akita-top-closer {
        margin-top: 2vw;
        width: 100%;
    }
    .akita-dogs {
        position: relative;
    }
    .tappancs-image {
        position: absolute;
        left: 2vw;
        top: 15vw;
        width: 7vw;
    }
    .tappancs-image1 {
        position: absolute;
        right: 5vw;
        top: 7vw;
        width: 10vw;
    }
    .akita-dogs .dogs {
        width: 75vw;
        font-size: 1vw;
        font-weight: 300;
        padding: 2vw 0;
        margin: 0 auto;
    }
    .akita-dogs .columns {
        width: 75vw;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .akita-dogs .columns .left-col > div {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .akita-dogs .columns .left-col {
        background: #393939;
        padding: 1vw;
        border-radius: 10px;
    }
    .akita-dogs .columns span {
        font-weight: 700;
    }
    .akita-dogs .columns .left-col .rows p {
        color: #fff;
        font-weight: 300;
        margin-left: 10px;
        font-size: 1vw;
    }
    .akita-dogs .columns .rows img {
        background: #fff;
        width: 70px;
        height: 70px;
        padding: 7px;
        border-radius: 100%;
    }
    .akita-dogs .dogs span{
        font-weight: 700;
    }
    .akita-dogs .columns > div {
        width: 50%;
    }
    .akita-dogs .columns .right-col > img {
        width: 20vw;
        margin-left: 3vw;
    }
    .akita-top-closer {
        width: 100%;
    }
    .last-rows-dogs {
        background: #393939;
        width: 100%;
        text-align: center;
    }
    .last-rows-dogs > a {
        margin: 2vw;
        color: #fff;
        font-weight: 700;
        font-size: 1.5vw;
    }
    .last-rows-dogs > a > img {
        width: 15vw;
        padding: 1vw 0;
    }
    .my-team {
        display: flex;
        justify-content: center;
        margin-top: -0.5vw;
    }
    .my-team > img {
        width: 75vw;
    }
    .social-image-mws {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    .how-who-i {
        position: relative;
        width: 60vw;
        margin: 5vw auto;
        height: 25vw;
    }
    .how-who-i p:nth-child(1) {
        left: 0;
        top: 0;
        position: absolute;
        font-weight: 300;
        font-size: 2.5vw;
        color: #959595;
    }
    .how-who-i p:nth-child(2) {
        position: absolute;
        top: 3vw;
        font-size: 3vw;
        text-transform: uppercase;
        font-weight: 800;
        left: 4vw;
    }
    .how-who-i p:nth-child(3) {
        color: #75b140;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 3vw;
        top: 7vw;
        position: absolute;
        left: 9vw;
    }
    .how-who-i p:nth-child(4) {
        font-size: 4vw;
        text-transform: uppercase;
        font-weight: 800;
        color: #75b140;
        top: 10vw;
        position: absolute;
        left: 0;
    }
    .cart-image-mws {
        position: absolute;
        left: -1vw;
        top: 6vw;
        width: 5vw;
    }
    .social-image-mws {
        position: absolute;
        right: 0;
        top: 0;
        width: 20vw;
    }
    .how-who-body {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 75vw;
        margin: 0 auto;
    }
    .how-who-body .left-col {
        background: #fff;
        box-shadow: 0 0 10px 10px #eee;
        padding: 2vw 2.5vw;
        font-size: 1vw;
        width: 75vw;
        text-align: left;
        border-radius: 10px;
        margin-right: 5vw;
    }
    .how-who-body .left-col span {
        font-weight: 600;
    }
    .how-who-body .right-col{
        text-align: center;
    }
    .how-who-body .right-col img:nth-child(1) {
        width: 20vw;
    }
    .how-who-body .right-col img:nth-child(2) {
        width: 12vw;
        margin-top: 1vw;
    }
    .shopmentor-grey {
        background: #393939;
        padding: 1vw 12.5vw;
        color: #fff;
        position: relative;
        margin-top: 7vw;
    }
    .shopmentor-grey p {
        font-size: 1vw;
    }
    .shopmentor-grey img:nth-child(1) {
        width: 18vw;
        margin-bottom: 2vw;
    }
    .shopmentor-grey img:nth-child(2) {
        position: absolute;
        right: 10vw;
        top: -4vw;
        width: 20vw;
    }
    .how-is-webshop .title {
        position: relative;
        width: 75vw;
        margin: 1vw auto;
    }
    .how-is-webshop .title img:nth-child(1) {
        width: 5vw;
        position: absolute;
        top: 2vw;
        left: 2vw;
    }
    .how-is-webshop .title img:nth-child(2) {
        position: absolute;
        left: 7vw;
        top: 5vw;
        width: 3vw;
    }
    .how-is-webshop .title img:nth-child(3) {
        width: 50vw;
    }
    .how-is-webshop .title img:nth-child(4) {
        width: 5vw;
        right: 5vw;
        position: absolute;
        top: 15vw;
    }
    .how-is-webshop .title h2:nth-child(5) {
        position: absolute;
        left: 2vw;
        top: 9vw;
        font-weight: 300;
        font-size: 4vw;
        word-break: break-all;
        width: 15vw;
        color:#959595;
    }
    .how-is-webshop .title h2:nth-child(6) {
        position: absolute;
        bottom: 0vw;
        font-weight: 800;
        font-size: 5vw;
        width: 30vw;
        right: 6vw;
        line-height: 4vw;
    }
    .how-is-webshop .title h2:nth-child(6) span {
        color: #75b140;
        font-size: 3.5vw;
        padding-left: 6.5vw;
    }
    .how-is-webshop .content {
        background: #fff;
        box-shadow: 0 0 10px 10px #eee;
        padding: 2vw 2.5vw;
        font-size: 1vw;
        width: 75vw;
        text-align: left;
        border-radius: 10px;
        margin: 5vw auto;
    }
    .csipkecsodai-webshop{
        position: relative;
        display:flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .csipkecsodai-webshop > img:nth-child(1) {
        width: 100%;
    }
    .csipkecsodai-webshop > img:nth-child(2) {
        position: absolute;
        top: 4vw;
        height: 7vw;
    }
    .csipkecsodai-webshop .link-csipke {
        color: #fff;
        background: #cd9cd7;
        padding: 0.3vw 2VW;
        border-radius: 10px;
        border: 2px dashed #726883;
        font-weight: 700;
        font-size: 1vw;
        position: absolute;
        top: 12vw;
    }
    .csipkecsodai-webshop .columns {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 75vw;
    }
    .csipkecsodai-webshop .columns .left-col {
        background: #fff;
        box-shadow: 0 0 10px 10px #eee;
        padding: 2vw 2.5vw;
        font-size: 1vw;
        width: 75vw;
        text-align: left;
        border-radius: 10px;
        margin-right: 3vw;
    }
    .csipkecsodai-webshop .columns .right-col > img {
        width: 25vw;
    }
    .webshop-row {
        width: 100%;
        background: #393939;
        color: #fff;
        font-weight: 600;
        font-size: 2vw;
        padding: 1vw 0;
        text-align: center;
    }
    .vip-brand {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        background: #fff;
        padding: 2vw 2.5vw;
        font-size: 1vw;
        width: 75vw;
        text-align: left;
        border-radius: 10px;
        margin:4vw auto;
    }
    .vip-brand img {
        width: 100%;
    }
    .vip-brand .left-col {
        width: 65vw;
        margin-right: 30px;
    }
    .vip-brand .right-col span{
        font-weight:700;
    }
    .back-row-adryforindustry {
        background: #000;
        padding: 3vw 0 1.5vw 0;
        margin-top: -5vw;
        text-align: center;
    }
    .vip-brand .left-col > img {
        width: 100%;
        margin-bottom: -6vw;
    }
    .back-row-adryforindustry img {
        width: 24vw;
        margin-left: 0vw;
        margin-top: -1vw;
    }
    .back-row-adryforindustry a {
        background: #bd2aec;
        padding: 0.5vw 2vw;
        font-size: 1.5vw;
        font-weight: 700;
        color: #fff;
        border-radius: 10px;
        margin-left: 5vw;
    }
    .nature .text-content {
        background: #fff;
        box-shadow: 0 0 10px 10px #eee;
        padding: 2vw 2.5vw;
        font-size: 1.45vw;
        text-align: left;
        border-radius: 10px;
    }
    .nature .right-col .text-content {
        font-size: 1.2vw;
    }
    .nature {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 75vw;
        margin: 3vw auto;
        position: relative;
    }
    .nature-image-back {
        top: -2vw;
        position: absolute;
        width: 100vw !important;
        z-index: -1;
    }
    .nature > div {
        width: 50%;
        padding: 1vw;
    }
    .nature .text-content {
        margin-bottom: 2vw;
    }
    .nature img {
        width: 100%;
        margin-bottom: 2vw;
    }
    .era-make-up {
        display: flex;
        justify-content: center;
        align-items: center;
        width:75vw;
        margin: 2vw auto;
        position: relative;
    }
    .era-make-up > div {
        width: 48%;
    }
    .era-make-up > .left-col p{
        background: #fff;
        box-shadow: 0 0 10px 10px #eee;
        padding: 2vw 2.5vw;
        font-size: 1vw;
        text-align: left;
        border-radius: 10px;
    }
    .era-make-up > .left-col {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin:1%;
    }
    .era-make-up > .right-col img {
        width: 48%;
    }
    .era-make-up .height-wall-back {
        position: absolute;
        width: 100vw !important;
        background: #393939;
        z-index: -1;
        height: 12vw;
        top: -1vw;
    }
    .era-make-up .left-col img {
        width: 11vw;
    }
    @media(max-width:1200px){
        .adri-title-row {
            width: 20vw;
            padding-top: 2vw;
        }
        .webaruhaz-word {
            font-size: 4.5vw;
            line-height: 4vw;
        }
        .szakerto-word {
            font-size: 4.5vw;
            line-height: 4vw;
        }
        .name-word {
            font-size: 3.5vw;
            line-height: 4.5vw;
        }
        .adrienn-life .first-main-row {
            font-size: 1.9vw;
        }
        .adrienn-life .second-main-row .na-de {
            font-size: 3.2vw;
        }
        .adrienn-life .second-main-row .school-main-container {
            font-size: 1.6vw;
        }
        .akita-dogs .dogs {
            font-size: 1.6vw;
        }
        .akita-dogs .columns .left-col .rows p {
            font-size: 1.5vw;
        }
        .akita-dogs .columns .right-col > img {
            width: 30vw;
        }
        .last-rows-dogs > a > img {
            width: 20vw;
        }
        .how-who-i p:nth-child(1) {
            font-size: 3.5vw;
        }
        .how-who-i p:nth-child(2) {
            top: 4vw;
            font-size: 4vw;
            left: 5vw;
        }
        .how-who-i p:nth-child(3) {
            font-size: 4vw;
            top: 8vw;
            left: 10vw;
        }
        .how-who-i p:nth-child(4) {
            font-size: 4vw;
            top: 12vw;
        }
        .how-who-i {
            width: 70vw;
            height: 30vw;
        }
        .social-image-mws {
            width: 25vw;
        }
        .cart-image-mws {
            left: -2vw;
            width: 6vw;
        }
        .how-who-body .left-col {
            font-size: 1.5vw;
        }
        .how-who-body .right-col img:nth-child(1) {
            width: 25vw;
        }
        .how-who-body .right-col img:nth-child(2) {
            width: 15vw;
        }
        .shopmentor-grey img:nth-child(2) {
            right: 8vw;
            top: -7vw;
            width: 30vw;
        }
        .shopmentor-grey img:nth-child(1) {
            width: 23vw;
        }
        .shopmentor-grey p {
            font-size: 1.4vw;
        }
        .how-is-webshop .title h2:nth-child(5) {
            font-size: 5vw;
            width: 18vw;
        }
        .how-is-webshop .title img:nth-child(1) {
            width: 6vw;
            top:1vw;
        }
        .how-is-webshop .title img:nth-child(2) {
            position: absolute;
            left: 8vw;
            top: 5vw;
            width: 4vw;
        }
        .how-is-webshop .title img:nth-child(3) {
            width: 55vw;
        }
        .how-is-webshop .title img:nth-child(4) {
            width: 8vw;
        }
        .how-is-webshop .title h2:nth-child(6) {
            font-size: 6vw;
        }
        .how-is-webshop .content {
            font-size: 1.5vw;
        }
        .csipkecsodai-webshop > img:nth-child(2) {
            top: 0vw;
            height: 11vw;
        }
        .csipkecsodai-webshop .link-csipke {
            font-size: 1.5vw;
        }
        .csipkecsodai-webshop .columns .left-col {
            font-size: 1.5vw;
        }
        .csipkecsodai-webshop .columns .right-col > img {
            width: 27vw;
        }
        .webshop-row {
            font-size: 3vw;
        }
        .vip-brand {
            font-size: 1.5vw;
        }
        .vip-brand .left-col {
            width: 175vw;
        }
        .vip-brand .left-col > img {
            margin-bottom: -15vw;
        }
        .back-row-adryforindustry img {
            width: 30vw;
            margin-left: 20vw;
        }
        .back-row-adryforindustry a {
            font-size: 2.3vw;
            margin-left: 3vw;
        }
        .nature .text-content {
            font-size: 1.5vw;
        }
        .nature .right-col .text-content {
            font-size: 1.4vw;
        }
        .era-make-up > .left-col p {
            font-size: 1.5vw;
        }
        .era-make-up .left-col img {
            width: 15vw;
        }
      .title-row {
          align-items: center;
      }
      .adri-title-row {
          margin-left: 100px;
      }
    }
    @media(max-width:992px){
        .adri-title-row {
            margin-left: 0;
        }
        .adrienn-life .first-main-row {
            font-size: 20px;
        }
        .adrienn-life .second-main-row .na-de {
            font-size: 32px;
        }
        .adrienn-life .second-main-row .school-main-container {
            font-size: 17px;
        }
        .akita-dogs .dogs {
            font-size: 18px;
            margin: 20px auto;
            width: 85vw;
        }
        .akita-dogs .columns .rows img {
            margin: 10px;
            width: 55px;
            height: 55px;
        }
        .akita-dogs .columns .left-col .rows p {
            font-size: 15px;
        }
        .akita-dogs .columns .right-col > img {
            width: 100%;
        }
        .last-rows-dogs > a > img {
            width: 25%;
        }
        .akita-dogs .columns .right-col > img {
            width: 80%;
        }
        .akita-dogs .columns > div {
            width: 85vw;
        }
        .akita-dogs .columns .right-col{
            display:flex;
            justify-content: center;
            align-items: center;
        }
        .akita-dogs .columns {
            flex-direction: column;
        }
        .akita-dogs .columns .right-col {
            margin: 20px 0;
        }
        .how-who-i p:nth-child(1) {
            font-size: 45px;
        }
        .how-who-i p:nth-child(2) {
            top: 50px;
            font-size: 50px;
            left: 60px;
        }
        .how-who-i p:nth-child(3) {
            font-size: 50px;
            top: 100px;
            left: 110px;
        }
        .how-who-i p:nth-child(4) {
            font-size: 40px;
            top: 150px;
        }
        .cart-image-mws {
            left: -20px;
            width: 70px;
        }
        .social-image-mws {
            width: 170px;
            top: 140px;
        }
        .how-who-i {
            width: 75%;
            height: 350px;
        }
        .how-who-body .left-col {
            font-size: 18px;
        }
        .how-who-body {
            flex-direction: column;
        }
        .how-who-body .right-col {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-top: 50px;
        }
        .how-who-body .right-col img:nth-child(1) {
            width: 75%;
        }
        .how-who-body .right-col img:nth-child(2) {
            width: 50%;
        }
        .shopmentor-grey p {
            font-size: 18px;
        }
        .shopmentor-grey img:nth-child(1) {
            width: 250px;
        }
        .how-is-webshop .content {
            font-size: 16px;
        }
        .csipkecsodai-webshop > img:nth-child(2) {
            top: -2vw;
            height: 13vw;
        }
        .csipkecsodai-webshop .link-csipke {
            font-size: 16px;
        }
        .csipkecsodai-webshop .columns {
            flex-direction: column;
        }
        .csipkecsodai-webshop .columns .left-col {
            font-size: 16px;
        }
        .csipkecsodai-webshop .columns .right-col > img {
            width: 60%;
        }
        .csipkecsodai-webshop .columns .right-col {
            text-align: center;
            margin: 20px 0;
        }
        .webshop-row {
            font-size: 30px;
        }
        .vip-brand {
            font-size: 16px;
        }
        .nature .text-content {
            font-size: 16px;
        }
        .nature .right-col .text-content {
            font-size: 15px;
        }
        .era-make-up > .left-col p {
            font-size: 16px;
        }
        .era-make-up {
            padding-top: 20px;
        }
        .era-make-up .left-col img {
            width: 150px;
        }
        .era-make-up {
            flex-direction: column;
        }
        .era-make-up > div {
            width: 75%;
        }
        .how-who-body .left-col {
            margin-right: 0;
        }
        .vip-brand {
            flex-direction: column-reverse;
        }
        .vip-brand .left-col {
            width: 100%;
            text-align: center;
        }
        .vip-brand .left-col > img {
            margin-bottom: -10vw;
            width: 30%;
        }
        .back-row-adryforindustry {
            padding: 13vw 0 2vw 0;
            margin-top: -5vw;
        }
        .back-row-adryforindustry img {
            width: 350px;
            margin-left: 0;
        }
    }
    @media(max-width:700px){
        .adrienn-life .second-main-row .map-image {
            width: 90vw;
            margin: 40px 0;
        }
        .akita-top-closer {
            width: 170vw;
            left: 50%;
            margin-left: -85vw;
            position: relative;
            margin-top:40px;
        }
        .akita-dogs .columns {
            width: 100vw;
        }
        .last-rows-dogs > a {
            margin: 1vw;
            font-size: 15px;
        }
        .last-rows-dogs > a > img {
            width: 33%;
        }
        .my-team > img {
            width: 95vw;
        }
        .adri-title-row {
            width: 30vw;
            padding-top: 2vw;
        }
        .webaruhaz-word {
            font-size: 40px;
            line-height: 45px;
        }
        .szakerto-word {
            font-size: 40px;
            line-height: 40px;
        }
        .name-word {
            font-size: 30px;
            line-height: 30px;
        }
        .title-row {
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 30px 0;
        }
        .icon-title-row {
            width: 170px;
        }
        .adri-title-row {
            width: 250px;
            z-index: 1;
        }
        .adrienn-life {
            margin-top: 20px;
        }
        .adrienn-life .second-main-row .school-main-container {
            padding: 20px;
            width: 90vw;
        }
        .adrienn-life .first-main-row {
            font-size: 18px;
        }
        .akita-dogs .columns .left-col > div {
            flex-direction: column;
        }
        .last-rows-dogs {
            flex-direction: column;
            display: flex;
        }
        .last-rows-dogs > a > img {
            width: 40%;
            margin:10px 0;
        }
        .last-rows-dogs > a {
            margin: 10px;
            font-size: 18px;
        }
        .social-image-mws {
            width: 90px;
            top: 160px;
        }
        .how-who-i {
            height: 255px;
        }
        .csipkecsodai-webshop > img:nth-child(2) {
            top: -2vw;
            height: 20vw;
        }
        .csipkecsodai-webshop > img:nth-child(1) {
            width: 180vw;
            left: 50%;
            margin-left: -145vw;
            position: relative;
        }
        .csipkecsodai-webshop .link-csipke {
            font-size: 16px;
            margin-top: 10vw;
        }
        .csipkecsodai-webshop .columns .left-col {
            margin-top: 6vw;
        }
        .vip-brand .left-col > img {
            margin-bottom: -13vw;
            width: 45%;
        }
        .how-who-i p:nth-child(2){
            font-size:42px;
        }
        .cart-image-mws {
            top: 10vw;
        }
        .back-row-adryforindustry a {
            font-size: 15px;
        }
        .nature {
            flex-direction: column;
        }
        .nature .text-content {
            margin-bottom: 15px;
        }
        .nature > div {
            padding: 0;
        }
        .nature img {
            width: 100%;
            margin-bottom: 15px;
        }
    }
    @media(max-width:500px){
        .last-rows-dogs > a > img {
            width: 65%;
        }
        .how-who-i p:nth-child(1) {
            font-size: 30px;
            position: relative;
            top:initial;
            left:initial;
        }
        .how-who-i p:nth-child(2) {
            font-size: 30px;
            position: relative;
            top:initial;
            left:initial;
        }
        .how-who-i p:nth-child(3) {
            font-size: 35px;
            top: initial;
            left:initial;
            position: relative;
        }
        .how-who-i p:nth-child(4) {
            font-size: 30px;
            position: relative;
            top:initial;
            left:initial;
        }
        .shopmentor-grey img:nth-child(2){
            display:none;
        }
        .cart-image-mws {
            top: initial;
            position: relative;
            width: 60px;
        }
        .social-image-mws {
            width: 90px;
            top: initial;
            position: relative;
        }
        .how-who-i {
            text-align: center;
            height: initial;
            width: 100%;
        }
        .vip-brand .left-col > img {
            margin-bottom: -17vw;
            width: 70%;
        }
        .back-row-adryforindustry {
            padding: 21vw 0 2vw 0;
        }
        .back-row-adryforindustry a {
            font-size: 19px;
        }
        .back-row-adryforindustry img {
            margin-bottom: 20px;
        }
        .nature > div {
            width: 100%;
        }
        .era-make-up > div {
            width: 100%;
            margin:0;
        }
        .back-row-adryforindustry img {
            max-width: 100%;
            padding: 0 10px;
        }
        .shopmentor-grey {
            padding: 1vw;
        }
        .how-is-webshop .title img:nth-child(1) {
            width: 10vw;
        }
        .how-is-webshop .title img:nth-child(2) {
            left: 13vw;
            top: 6vw;
            width: 6vw;
        }
        .how-is-webshop .title h2:nth-child(5) {
            font-size: 8vw;
            width: 28vw;
            top: 12vw;
        }
        .how-is-webshop .title img:nth-child(3) {
            width: 80vw;
        }
        .how-is-webshop .title h2:nth-child(6) {
            position: relative;
            font-size: 8vw;
            width: 260px;
            right: 0;
            margin: 0 auto;
            margin-top: 30px;
        }
        .how-who-body {
            width: 85vw;
        }
        .how-who-body .left-col {
            width: 85vw;
            padding: 15px;
        }
        .shopmentor-grey {
            padding: 20px;
        }
        .how-is-webshop .content {
            padding: 20px;
            width: 85vw;
        }
        .csipkecsodai-webshop > img:nth-child(2) {
            height: 30vw;
        }
        .csipkecsodai-webshop .link-csipke {
            margin-top: 20vw;
        }
        .csipkecsodai-webshop .columns .left-col {
            padding: 20px;
            width: 85vw;
            margin-top:17vw;
        }
        .csipkecsodai-webshop .columns .right-col > img {
            width: 100%;
        }
        .vip-brand {
            width: 85vw;
        }
        .vip-brand .left-col > img {
            margin-bottom: -19vw;
        }
        .nature {
            width: 85vw;
            margin: 30px auto;
        }
        .nature .text-content{
            padding:20px;
        }
        .era-make-up .height-wall-back {
            height: 20vw;
        }
        .how-is-webshop .title h2:nth-child(6) span {
            font-size: 6.5vw;
            padding-left: 6.5vw;
            line-height: 12vw;
        }
        .how-is-webshop {
            margin: 20px 0;
        }
        .how-is-webshop .title {
            width: 90vw;
        }
        .how-is-webshop .title img:nth-child(3) {
            width: 100%;
        }
        .how-is-webshop .title img:nth-child(1) {
            width: 13vw;
            top: 0vw;
        }
        .how-is-webshop .title img:nth-child(2) {
            left: 16vw;
            top: 7vw;
            width: 8vw;
        }
        .how-is-webshop .title h2:nth-child(5) {
            font-size: 9vw;
            width: 31vw;
            top: 16vw;
        }
        .how-is-webshop .title img:nth-child(4) {
            display:none;
        }
        .how-is-webshop .title h2:nth-child(6) {
            font-size: 11vw;
            line-height: 9vw;
        }
        .how-is-webshop .title h2:nth-child(6) span {
            color: #75b140;
            font-size: 8vw;
            padding-left: 6.5vw;
            line-height: 12vw;
        }
    }

    /* Erdei Noémi bemutatkozó */
    .content-manager-webpage .main-container {
      max-width: 95%;
      width: 1500px;
      margin: 0 auto;
  }
  .title-row {
        width: 100%;
        position: relative;
        background: linear-gradient(0.25turn, #741da2, #fff);
        display: flex;
        justify-content: center;
        align-items: flex-start;
        border-bottom: 10px solid #000;
    }
    .title_row {
        padding-left: 2vw;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        padding-top: 2vw;
    }
    .noemi-title-row {
        width: 15vw;
        padding-top: 1vw;
    }
    .icon-title-row {
        position: absolute;
        right: 2vw;
        width: 16.5vw;
        top: 2vw;
    }
    .webaruhaz-word {
        font-size: 3.5vw;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.1vw;
        line-height: 3.5vw;
    }
    .szakerto-word {
        font-size: 3.5vw;
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
        padding-left: 4vw;
        letter-spacing: 0.1vw;
        line-height: 3.5vw;
    }
    .name-word {
        font-size: 2.5vw;
        font-weight: 600;
        letter-spacing: 0.1vw;
        line-height: 3.5vw;
    }
    .first-main-row {
        background: #fff;
        box-shadow: 0 0 10px 10px #eee;
        padding: 1vw;
        font-size: 1.3vw;
        text-align: center;
        border-radius: 10px;
      	margin: 20px auto;
    }
    .first-main-row > span {
        color: #741da2;
        font-weight: 800;
        text-transform: uppercase;
    }
    .more-text {
      line-height: 35px;
      font-size: 15px;
      text-align: center;
  	}
    .question-title {
      text-align: center;
      font-weight: 700;
      margin: 50px 0;
      font-size: 25px;
  	}
  .col-left-and-right-question > div {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
  }
  .col-left-and-right-question .icon-text {
	text-align: center;
	margin: 0 50px;
    width: 320px;
}
 .col-left-and-right-question .icon-text > p {
	margin-top: 10px;
}
  .col-left-and-right-question .icon-text > img {
	max-width: 90px;
	max-height: 90px;
}
  .col-left-and-right-question .text {
	background: #f2ebf7;
	padding: 50px;
	border-radius: 40px;
	border: 1px solid #bebebe;
    width: 100%;
}
  .col-left-and-right-question .text p {
	margin-bottom: 0;
}
  .col-left-and-right-question .text p span {
	font-weight: 700;
}
   .col-left-and-right-question .text.only_text {
	background: #eacfcf;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
  .my-hobbies {
	display: flex;
	justify-content: space-evenly;
	text-align: center;
}
  .my-hobbies > div > p {
	font-weight: 600;
	margin-top: 10px;
}
  .my-hobbies img {
	max-width: 120px;
	max-height: 100px;
}
  .hobbies-write-left {
	background: #eacfcf;
	width: max-content;
	padding: 20px 100px;
	border-radius: 40px;
	margin-top: 50px;
    margin-right: auto;
    max-width: 100%;
}
  .hobbies-write-right {
	background: #eacfcf;
	width: max-content;
	padding: 20px 100px;
	border-radius: 40px;
	margin-top: 50px;
    margin-left: auto;
    max-width: 100%;
}
  .references {
	text-align: center;
    margin: 50px 0;
}
  .references > div {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
  .references > div > img {
	width: 45%;
}
  .references h3 {
	margin-bottom: 50px;
	font-size: 25px;
}
  .ref-left-right {
	display: flex;
}
  .ref-left-right > div {
	width: 50%;
	padding: 50px;
    position: relative;
}
.ref-left-right > div h3 {
	text-transform: uppercase;
	margin-bottom: 40px;
}
  .ref-left-right > div p {
	margin-bottom: 40px;
}
  .ref-left-right > div > a {
	background: #741da2;
	color: #fff;
	padding: 10px 20px;
	border-radius: 40px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
  @media(max-width: 992px){
    .first-main-row {
	padding: 20px;
	font-size: 18px;
}
    .more-text {
	line-height: 30px;
	font-size: 14px;
}
    .question-title {
	text-align: center;
	font-weight: 700;
	margin: 40px 0;
	font-size: 20px;
}
    .col-left-and-right-question > div {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	flex-direction: column-reverse;
}
    .col-left-and-right-question > div:nth-child(2n) {
	flex-direction: column;
}
    .col-left-and-right-question .icon-text {
	margin: 10px 0;
}
    .my-hobbies {
	flex-wrap: wrap;
}
  }
  @media(max-width: 767px){
    .ref-left-right {
        flex-direction: column;
    }
    .ref-left-right > div {
	padding: 50px;
}
  .hobbies-write-left, .hobbies-write-right {
	padding: 20px;
}
    .references > div {
	flex-direction: column;
}
    .references > div > img {
	width: 95%;
}
  }

.swiper-horizontal {
  padding: 0px 5px !important;
}

.foglalj {
  max-width: 200px;
}

#formBox358319 {
    margin: 0em;
    padding: 0.5em
}