.elementor-kit-7{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#474747;--e-global-color-text:#2E2E2E;--e-global-color-accent:#DDA15E;--e-global-typography-primary-font-family:"DM Serif Display";--e-global-typography-primary-font-size:55px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"DM Serif Display";--e-global-typography-secondary-font-size:40px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Duru Sans";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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:1024px){.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;}}/* Start custom CSS *//* Ez az a CSS szabály, ami a vonalat létrehozza */
.kiemelt-cimsor-vonal {
    border-left: 8px solid #DDA15E; /* Vonal: 3px vastag, folytonos, narancssárga színű */
    padding-left: 10px; /* Belső térköz a vonal és a szöveg között */
    margin-left: -13px; /* Elcsúsztatás balra, hogy pontosan a címsor mellé kerüljön */
    display: inline-block; /* Fontos, hogy a vonal a szöveg mellett maradjon */
}
/* --- CSS a kis konténerekhez és a sárga téglalaphoz --- */
/* --- CSS a szöveg widget bal alsó sarkában lévő fekvő téglalaphoz --- */

.szoveg-teglalap-burkolo {
    position: relative; /* Fontos! A téglalap pozícionálásához szükséges */
    /* Ide nem kell semmi más, a szöveg widgetnek már van saját mérete és stílusa */
}

/* A sárga fekvő téglalap mint pszeudo-elem */
.szoveg-teglalap-burkolo::before {
    content: ""; /* Kötelező a pszeudo-elemeknél */
    position: absolute; /* Abszolút pozícionálás a szülő (.szoveg-teglalap-burkolo) eleméhez képest */
    bottom: 0; /* A szöveg widget aljához igazítva */
    left: 0; /* A szöveg widget bal széléhez igazítva */
    width: 80px; /* A téglalap szélessége (fekvő) */
    height: 30px; /* A téglalap magassága (fekvő) */
    background-color: #DDA15E; /* A specifikált sárga szín */
    z-index: -1; /* Háttérbe helyezi a szöveg widget tartalma mögé */
}

/* --- CSS a szöveg két oldalán lévő vonalhoz --- */
.ketoldali-cimsor-vonal {
    border-left: 8px solid #DDA15E;  /* Bal oldali vonal: 8px vastag, folytonos, #DDA15E színű */
    border-right: 8px solid #DDA15E; /* Jobb oldali vonal: 8px vastag, folytonos, #DDA15E színű */
    padding-left: 10px;              /* Belső térköz a bal vonal és a szöveg között */
    padding-right: 10px;             /* Belső térköz a jobb vonal és a szöveg között */
    /* A margin-left itt már nem releváns, de ha a konténereddel van beállítva,
     * akkor hagyd figyelmen kívül, vagy állítsd 0-ra, ha nincs szükséged rá.
     * Ha a teljes elemnek kell elcsúsznia, akkor használhatod.
     */
    display: inline-block;           /* Fontos, hogy a vonal a szöveg mellett maradjon */
}/* End custom CSS */