.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:#121110;font-family:"Archivo", Sans-serif;font-size:16.5px;font-weight:300;line-height:1.65em;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 h1{font-family:"Archivo", Sans-serif;font-weight:600;line-height:1.06em;letter-spacing:-0.02em;}.elementor-kit-9 h2{font-family:"Archivo", Sans-serif;font-weight:600;line-height:1.12em;letter-spacing:-0.02em;}.elementor-kit-9 h3{font-family:"Archivo", Sans-serif;font-weight:600;line-height:1.25em;letter-spacing:-0.02em;}.elementor-kit-9 h4{font-family:"Archivo", Sans-serif;font-weight:600;letter-spacing:-0.02em;}.elementor-kit-9 h5{font-family:"Archivo", Sans-serif;font-weight:600;letter-spacing:-0.02em;}.elementor-kit-9 h6{font-family:"Archivo", Sans-serif;font-weight:600;letter-spacing:-0.02em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:980px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --kd-accent:#F27E10; --kd-accent-hover:#FE932E; --kd-accent-ink:#9A4E04; --kd-ink:#121110; --kd-bg:#F6F4F0; --kd-alt:#EDEAE4; --kd-surface:#FFFFFF; --kd-ground:#0E0D0B; --kd-ground-2:#1C1A18; --kd-muted:#5B564E; --kd-muted-dark:#BDB7AE; --kd-display:Archivo; --kd-section-y:clamp(72px, 9vw, 120px); --kd-gutter:clamp(20px, 4vw, 32px); }
/* Start custom CSS *//* Kreadoors hover-allapotok - egy helyen, a designterv szerint */
.kd-btn, .kd-btn-ghost, .kd-tile, .kd-flink, .kd-mnav-link, #site-header a, .kd-badge { transition: background-color .3s ease, color .3s ease, border-color .3s ease, opacity .3s ease; }
.kd-btn:hover { background-color: #FE932E !important; color: #121110 !important; }
.kd-btn-ghost:hover { border-color: #F27E10 !important; color: #F27E10 !important; }
.kd-tile:hover { background-color: #242120 !important; }
.kd-flink:hover { opacity: .7; }
.kd-mnav-link:hover { color: #F27E10 !important; }
#site-header a:hover { color: #F27E10 !important; }
#site-header .kd-btn-ghost:hover, #site-header a.kd-btn-ghost:hover { border-color: #F27E10 !important; }
a:focus-visible, button:focus-visible { outline: 2px solid #F27E10; outline-offset: 3px; }

/* Kartya-hover: emelkedes es lagy arnyek, ahogy a tervben */
.kd-card { transition: transform .35s ease, box-shadow .35s ease; }
.kd-card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(18,17,16,.10); }

/* Urlap: cimke ala kis margo */
.elementor-field-group > label.elementor-field-label { margin-bottom: 8px; display: block; }

/* Urlap: adatkezelesi jelolonegyzet igazitasa */
.elementor-field-type-acceptance .elementor-field-option { display: flex; align-items: flex-start; gap: 10px; }
.elementor-field-type-acceptance input[type=checkbox] { width: 17px; height: 17px; margin: 2px 0 0; flex: 0 0 auto; accent-color: #F27E10; cursor: pointer; }
.elementor-field-type-acceptance label { font-size: 13px; line-height: 1.55; color: #BDB7AE; cursor: pointer; }

@media (prefers-reduced-motion: reduce) { .kd-btn, .kd-btn-ghost, .kd-tile, .kd-flink, .kd-mnav-link, #site-header a, .kd-badge, .kd-card { transition: none; } .kd-card:hover { transform: none; } }

/* Atarim visszajelzesek (2026-08-11) */
/* A logo PNG-ben 67px ures sav van a betuk elott (a kep 6,65%-a), ezert a logo
   optikailag nem all egy vonalban az alatta levo tartalommal. Ezt kompenzaljuk. */
#site-header img { margin-left: -11.7px; }
footer img { margin-left: -8.9px; }

/* A hero bizalmi savban a tervben egy 5x5px-es narancs rombusz all a szoveg elott */
.s-trust-kreaform, .s-trust-kommerling, .s-trust-cim { display: inline-flex; align-items: center; gap: 12px; }
.s-trust-kreaform::before, .s-trust-kommerling::before, .s-trust-cim::before {
  content: ""; width: 5px; height: 5px; background: #F27E10; transform: rotate(45deg); flex-shrink: 0;
}

/* Kreaform atjaras (2026-08-18) */
/* A fejlec-menu 1150px alatt mar tele van, ott a Kreaform logo elrejtve -
   980px alatt ugyis a mobil panel jon, abban benne van. */
@media (max-width: 1150px) { .s-nav-kreaform { display: none !important; } }
.s-nav-kreaform, .s-mpanel-kreaform { opacity: .78; transition: opacity .3s ease; }
.s-nav-kreaform:hover, .s-mpanel-kreaform:hover { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .s-nav-kreaform, .s-mpanel-kreaform { transition: none; } }

/* Lablec: anyaceg link */
footer a.kd-kreaform-link, .kd-kreaform-link { color: inherit; text-decoration: underline !important; text-underline-offset: 3px; text-decoration-thickness: 1px; }
footer a.kd-kreaform-link:hover, .kd-kreaform-link:hover { color: #121110; text-decoration-thickness: 2px; }

/* Nyitott mobil menunel a fix Hivas/Ajanlatkeres sav felesleges - lecsuszik */
#kd-mobil-cta { transition: opacity .32s ease, transform .32s ease, visibility .32s ease; }
body.kd-menu-open #kd-mobil-cta { opacity: 0; visibility: hidden; transform: translateY(100%); pointer-events: none; }
@media (prefers-reduced-motion: reduce) { #kd-mobil-cta { transition: none; } }

/* Mobil panel: a Kreaform logo kozepre. Az e-image egy teljes szelessegu <a>-ban
   ul, ezert a kepre kell auto oldalmargo - az align-self ott nem hat. */
.s-mpanel-kreaform { margin-left: auto !important; margin-right: auto !important; }

/* A mobil menu panel alapbol REJTETT. Enelkul betolteskor 1-2 masodpercig
   kitakarja az oldalt, amig a widget JS-e ra nem teszi a kd-panel-closed osztalyt. */
#kd-menu-panel:not(.kd-panel-open) { opacity: 0; visibility: hidden; }/* End custom CSS */