{"id":777,"date":"2025-12-30T17:09:32","date_gmt":"2025-12-30T17:09:32","guid":{"rendered":"https:\/\/bekefiiskola.hu\/web\/?page_id=777"},"modified":"2026-04-17T08:54:03","modified_gmt":"2026-04-17T08:54:03","slug":"home2","status":"publish","type":"page","link":"https:\/\/bekefiiskola.hu\/web\/","title":{"rendered":"home2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"777\" class=\"elementor elementor-777\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e060b3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6e060b3\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9bfe62\" data-id=\"e9bfe62\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bbe95c5 elementor-widget elementor-widget-html\" data-id=\"bbe95c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Bet\u0171t\u00edpus: Montserrat -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n    \/* --- HERO WRAPPER --- *\/\n    .hero-modern-wrapper {\n        position: relative;\n        width: 100%;\n        height: 85vh;\n        min-height: 550px;\n        overflow: hidden;\n        font-family: 'Montserrat', sans-serif;\n        color: white;\n    }\n\n    \/* --- H\u00c1TT\u00c9R VIDE\u00d3 --- *\/\n    .hero-video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        min-width: 100%;\n        min-height: 100%;\n        width: auto;\n        height: auto;\n        z-index: 1;\n        object-fit: cover;\n    }\n\n    \/* --- S\u00d6T\u00c9T\u00cdT\u00c9S --- *\/\n    .hero-gradient-overlay {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        \/* Er\u0151sebb s\u00f6t\u00e9t\u00edt\u00e9s bal oldalon az olvashat\u00f3s\u00e1g\u00e9rt *\/\n        background: linear-gradient(90deg, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.6) 50%, rgba(15, 23, 42, 0.1) 100%);\n        z-index: 2;\n    }\n\n    \/* --- TARTALOM --- *\/\n    .hero-content-container {\n        position: relative;\n        z-index: 3;\n        height: 100%;\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        padding: 0 40px;\n        padding-bottom: 60px; \n    }\n\n    \/* --- LOG\u00d3 TR\u00dcKK (CROP) --- *\/\n    \/* Ez a doboz v\u00e1gja le a log\u00f3 sz\u00f6veges r\u00e9sz\u00e9t, hogy csak az ikon maradjon *\/\n    .logo-cropper {\n        width: 70px;       \/* Csak ekkora ablakot nyitunk a k\u00e9pre *\/\n        height: 70px;\n        overflow: hidden;  \/* Ami kil\u00f3g, azt elrejtj\u00fck *\/\n        border-radius: 12px; \/* Lekerek\u00edtett sarkok *\/\n        background: white;\n        margin-bottom: 25px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .logo-cropper img {\n        height: 55px;      \/* A log\u00f3 magass\u00e1ga a dobozon bel\u00fcl *\/\n        width: auto;\n        max-width: none;   \/* Engedj\u00fck, hogy sz\u00e9lesebb legyen mint a doboz *\/\n        margin-left: 0px;  \/* Ezzel igaz\u00edtjuk, ha nem pont k\u00f6z\u00e9pen van az ikon *\/\n        \/* Ha a log\u00f3 ikonja bal oldalt van, ez \u00edgy j\u00f3nak kell lennie *\/\n    }\n\n    \/* C\u00cdMSOROK *\/\n    .hero-title-main {\n        font-size: 3.5rem;\n        font-weight: 800;\n        line-height: 1.1;\n        margin-bottom: 15px;\n        text-transform: uppercase;\n        letter-spacing: -1px;\n        text-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    }\n\n    .hero-title-main span {\n        color: #eea835;\n    }\n\n    .hero-subtitle-de {\n        font-size: 1.3rem;\n        font-weight: 400;\n        font-style: italic;\n        margin-bottom: 40px;\n        border-left: 4px solid #eea835;\n        padding-left: 15px;\n        opacity: 0.9;\n    }\n\n    \/* GOMBOK *\/\n    .hero-btn-group {\n        display: flex;\n        gap: 20px;\n        flex-wrap: wrap;\n    }\n\n    .btn-primary {\n        background-color: #eea835;\n        color: white;\n        padding: 14px 32px;\n        font-size: 1rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        border-radius: 6px;\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        transition: all 0.3s ease;\n        border: 2px solid #eea835;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n    }\n\n    .btn-primary:hover {\n        background-color: #d6901b;\n        border-color: #d6901b;\n        transform: translateY(-2px);\n    }\n\n    .btn-outline {\n        background-color: transparent;\n        color: white;\n        padding: 14px 32px;\n        font-size: 1rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        border-radius: 6px;\n        text-decoration: none;\n        border: 2px solid rgba(255,255,255,0.7);\n        transition: all 0.3s ease;\n    }\n\n    .btn-outline:hover {\n        background-color: white;\n        color: #1e293b;\n        border-color: white;\n    }\n\n    \/* --- JAV\u00cdTOTT ELV\u00c1LASZT\u00d3 (R\u00c9S N\u00c9LK\u00dcL) --- *\/\n    .hero-divider {\n        position: absolute;\n        bottom: -1px; \/* Kulcsfontoss\u00e1g\u00fa: picit lejjebb h\u00fazzuk, hogy takarjon *\/\n        left: 0;\n        width: 100%; \n        overflow: hidden;\n        line-height: 0;\n        z-index: 4;\n    }\n\n    .hero-divider svg {\n        position: relative;\n        display: block;\n        width: calc(100% + 2px); \/* Kicsit sz\u00e9lesebb, hogy oldalt se legyen r\u00e9s *\/\n        height: 80px;\n    }\n\n    .hero-divider .shape-fill {\n        fill: #FFFFFF;\n    }\n\n    \/* MOBIL N\u00c9ZET *\/\n    @media (max-width: 768px) {\n        .hero-title-main { font-size: 2rem; }\n        .hero-content-container { padding: 0 20px; align-items: center; text-align: center; }\n        .hero-subtitle-de { border-left: none; border-bottom: 3px solid #eea835; padding-bottom: 10px; padding-left: 0; }\n        .hero-btn-group { justify-content: center; width: 100%; }\n        .btn-primary, .btn-outline { width: 100%; justify-content: center; }\n        .hero-gradient-overlay { background: rgba(15, 23, 42, 0.8); }\n    }\n<\/style>\n\n<div class=\"hero-modern-wrapper\">\n    \n    <!-- H\u00c1TT\u00c9R VIDE\u00d3 -->\n    <video class=\"hero-video\" autoplay muted loop playsinline poster=\"https:\/\/bekefiiskola.hu\/web\/wp-content\/uploads\/2022\/12\/img-3732-5fca06c1b6e51-2565-1607075521.jpeg\">\n        <source src=\"https:\/\/bekefiiskola.hu\/web\/wp-content\/uploads\/2025\/12\/5dd9acca-d8ee-4d32-adeb-4983b453d36f.mp4\" type=\"video\/mp4\">\n    <\/video>\n\n    <div class=\"hero-gradient-overlay\"><\/div>\n\n    <div class=\"hero-content-container\">\n        \n        <!-- LOG\u00d3 CROPPOLVA: Csak az ikont mutatjuk! -->\n        <div class=\"logo-cropper\">\n            <img decoding=\"async\" src=\"https:\/\/bekefiiskola.hu\/web\/wp-content\/uploads\/2019\/08\/B%C3%89KEFI..png\" alt=\"Logo Icon\">\n        <\/div>\n        \n        <h1 class=\"hero-title-main\">\n            B\u00e9kefi Ern\u0151 <br>\n            <span>\u00c1ltal\u00e1nos Iskola<\/span>\n        <\/h1>\n        \n        <div class=\"hero-subtitle-de\">\n            Ern\u0151 B\u00e9kefi Grund- und Musikschule\n        <\/div>\n\n        <div class=\"hero-btn-group\">\n            <a href=\"https:\/\/idp.e-kreta.hu\/Account\/Login?ReturnUrl=%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3Dkreta-web%26response_type%3Dcode%26scope%3Dopenid%26state%3DOpenIdConnect.AuthenticationProperties%253DFQ-xpAwqMbPE-dP97h5fd_bSbxcrgGqG2lpUA3C7yWEjP_ty7xIf41fJXjXRzOECvI6NwSSQ_nQc9mKz3lRogcZf2iBq3ojtWKStVWU3vmeoiEYiZWGJio7FntXGGF6vz3ivH-p1noTa5hl5ABU3GA%26response_mode%3Dform_post%26nonce%3D638372949381305790.YjRlMDdlYzItYzk0Yi00NDI0LWI5NDItODg4MTI3YmFiM2UzZGEyMjM2OWItZGUyZi00ZTY0LWIzZWYtYTk4MGU4NWI2MjU4%26institute_code%3Dbekefierno-rajka%26institute_data%3DeyJuZXh0X3VwZGF0ZV9kYXRlX3RpbWUiOiIyMDIzLjEyLjEyLiAyMjowMCIsImlzX3N6aXJfaW5zdGl0dXRlIjpmYWxzZSwiaXNfbGljZW5jZV92YWxpZCI6dHJ1ZSwiaXNfYXJjaGl2ZSI6ZmFsc2UsImlzX2Nzb2trZW50ZXR0X2dvbmR2aXNlbG8iOnRydWUsImlzX2ludGV6bWVueV9yb3ZpZG5ldiI6dHJ1ZSwiaXNfc3VjY2Vzc19hdXRob3JpemVkX2RhdGUiOmZhbHNlfQ%253D%253D%26prompt%3Dlogin%26redirect_uri%3Dhttps%253A%252F%252Fbekefierno-rajka.e-kreta.hu%26x-client-SKU%3DID_NET461%26x-client-ver%3D5.3.0.0%26suppressed_prompt%3Dlogin\" target=\"_blank\" class=\"btn-primary\">\n                <img decoding=\"async\" src=\"https:\/\/bekefiiskola.hu\/web\/wp-content\/uploads\/2023\/12\/kreta_feher.png\" alt=\"K\" style=\"height:20px; width:auto;\">\n                E-Napl\u00f3 Bel\u00e9p\u00e9s\n            <\/a>\n            \n            <a href=\"#hirek\" class=\"btn-outline\">\n                Aktu\u00e1lis H\u00edrek\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- ELV\u00c1LASZT\u00d3 -->\n    <div class=\"hero-divider\">\n        <svg data-name=\"Layer 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 120\" preserveAspectRatio=\"none\">\n            <!-- Tiszta, egyszer\u0171 lejt\u0151 -->\n            <path d=\"M1200 120L0 16.48V120H1200Z\" fill=\"#FFFFFF\"><\/path>\n        <\/svg>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-666becd elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"666becd\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4405ca2\" data-id=\"4405ca2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d7dc93e elementor-widget elementor-widget-html\" data-id=\"d7dc93e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    \/* --- GLOB\u00c1LIS DESIGN --- *\/\n    .school-content-wrapper {\n        font-family: 'Montserrat', sans-serif;\n        width: 100%;\n        overflow-x: hidden;\n        color: #334155;\n    }\n\n    \/* --- 1. \u00c9LET AZ ISKOL\u00c1BAN (FOT\u00d3S K\u00c1RTY\u00c1K) --- *\/\n    .features-section {\n        padding: 80px 20px;\n        background-color: #fff;\n        \/* Finom text\u00fara a h\u00e1tt\u00e9rben *\/\n        background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);\n        background-size: 30px 30px;\n        text-align: center;\n    }\n\n    .section-title {\n        font-size: 2.2rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 15px;\n        text-transform: uppercase;\n        letter-spacing: -0.5px;\n    }\n    \n    .title-divider {\n        width: 80px;\n        height: 6px;\n        background-color: #eea835;\n        margin: 0 auto 60px auto;\n        border-radius: 10px;\n    }\n\n    .cards-grid {\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 30px;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    \/* K\u00e1rtya Design *\/\n    .photo-card {\n        background: white;\n        flex: 1 1 320px;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n        transition: all 0.3s ease;\n        text-align: left;\n        border: 1px solid #f1f5f9;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .photo-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 40px rgba(0,0,0,0.12);\n    }\n\n    .card-image-wrapper {\n        height: 220px;\n        width: 100%;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .card-image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.6s ease;\n    }\n\n    .photo-card:hover .card-image-wrapper img {\n        transform: scale(1.1);\n    }\n\n    .card-content {\n        padding: 30px;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .card-icon-small {\n        font-size: 1.5rem;\n        margin-bottom: 15px;\n        background: #fffbf0;\n        color: #eea835;\n        width: 50px;\n        height: 50px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 50%;\n        box-shadow: 0 4px 10px rgba(238, 168, 53, 0.2);\n    }\n\n    .card-title {\n        font-size: 1.3rem;\n        font-weight: 700;\n        margin-bottom: 10px;\n        color: #1e293b;\n    }\n\n    .card-text {\n        font-size: 0.95rem;\n        line-height: 1.6;\n        color: #64748b;\n    }\n\n    \/* --- 2. H\u00cdREK SZEKCI\u00d3 (Jav\u00edtott) --- *\/\n    .news-wrapper {\n        position: relative;\n        padding: 100px 20px;\n        background-attachment: fixed;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        \/* Egy sz\u00e9p iskolai stock fot\u00f3 h\u00e1tt\u00e9rnek, am\u00edg nincs saj\u00e1t *\/\n        background-image: url('https:\/\/images.unsplash.com\/photo-1509062522246-3755977927d7?q=80&w=2000&auto=format&fit=crop');\n    }\n\n    .news-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: rgba(15, 23, 42, 0.85); \/* Er\u0151s s\u00f6t\u00e9tk\u00e9k fed\u00e9s *\/\n        z-index: 1;\n    }\n\n    .news-container {\n        position: relative;\n        z-index: 2;\n        max-width: 1000px; \/* Kicsit keskenyebb, hogy f\u00f3kusz\u00e1lt legyen *\/\n        margin: 0 auto;\n    }\n\n    .white-title { color: white; text-shadow: 0 2px 4px rgba(0,0,0,0.3); }\n\n    \/* Facebook Feed Tart\u00f3 *\/\n    .feed-box {\n        background: white;\n        border-radius: 16px;\n        padding: 20px;\n        min-height: 500px; \/* Helyfoglal\u00e1s, am\u00edg bet\u00f6lt *\/\n        box-shadow: 0 20px 50px rgba(0,0,0,0.4);\n        position: relative;\n    }\n\n    \/* Bet\u00f6lt\u00e9s jelz\u0151 *\/\n    .feed-loading-text {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        color: #64748b;\n        font-style: italic;\n        z-index: 0;\n    }\n\n    .commonninja_component {\n        position: relative;\n        z-index: 1; \/* A sz\u00f6veg f\u00f6l\u00e9 ker\u00fcl, ha bet\u00f6lt *\/\n    }\n\n    \/* --- 3. STATISZTIKA (\u00c9lettel telibb) --- *\/\n    .stats-section {\n        position: relative;\n        padding: 80px 20px;\n        color: #fff;\n        background-color: #eea835;\n        overflow: hidden;\n    }\n\n    \/* H\u00e1tt\u00e9rk\u00e9p a statisztik\u00e1hoz is *\/\n    .stats-bg-image {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background-image: url('https:\/\/images.unsplash.com\/photo-1503676260728-1c00da094a0b?q=80&w=2000&auto=format&fit=crop');\n        background-size: cover;\n        background-position: center;\n        opacity: 0.15; \/* Csak nagyon halv\u00e1nyan l\u00e1tszik *\/\n        mix-blend-mode: multiply;\n    }\n\n    .stats-grid {\n        position: relative;\n        z-index: 2;\n        display: flex;\n        flex-wrap: wrap;\n        justify-content: center;\n        gap: 60px;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n\n    .stat-item { text-align: center; }\n    \n    .stat-number { \n        font-size: 4rem; \n        font-weight: 800; \n        line-height: 1; \n        margin-bottom: 10px; \n        color: white; \n        text-shadow: 0 4px 10px rgba(0,0,0,0.2);\n    }\n    \n    .stat-label { \n        font-size: 1.1rem; \n        text-transform: uppercase; \n        letter-spacing: 2px; \n        font-weight: 700; \n        color: #fff; \n        background: rgba(0,0,0,0.1);\n        padding: 5px 15px;\n        border-radius: 20px;\n    }\n\n    \/* MOBIL IGAZ\u00cdT\u00c1SOK *\/\n    @media (max-width: 768px) {\n        .card-image-wrapper { height: 180px; }\n        .stats-section { padding: 50px 20px; }\n        .stat-number { font-size: 3rem; }\n    }\n<\/style>\n\n<div class=\"school-content-wrapper\">\n\n    <!-- 1. \u00c9LET AZ ISKOL\u00c1BAN -->\n    <div class=\"features-section\">\n        <h2 class=\"section-title\">\u00c9let a B\u00e9kefiben<\/h2>\n        <div class=\"title-divider\"><\/div>\n\n        <div class=\"cards-grid\">\n            <!-- 1. K\u00e1rtya: M\u0171v\u00e9szet -->\n            <div class=\"photo-card\">\n                <div class=\"card-image-wrapper\">\n                    <!-- Zene\/M\u0171v\u00e9szet k\u00e9p -->\n                    <img decoding=\"async\" src=\"https:\/\/bekefiiskola.hu\/web\/wp-content\/uploads\/2020\/05\/e1.jpg\" alt=\"M\u0171v\u00e9szet\">\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-icon-small\">\ud83c\udfa8<\/div>\n                    <h3 class=\"card-title\">Alapfok\u00fa M\u0171v\u00e9szeti Oktat\u00e1s<\/h3>\n                    <p class=\"card-text\">Hangszeres zene,  k\u00e9pz\u0151m\u0171v\u00e9szeti oktat\u00e1s helyben, hogy a tehets\u00e9gek n\u00e1lunk bontakozzanak ki.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- 2. K\u00e1rtya: Nyelv -->\n            <div class=\"photo-card\">\n                <div class=\"card-image-wrapper\">\n                    <!-- N\u00e9met \u00f3ra \/ Tanul\u00e1s k\u00e9p -->\n                    <img decoding=\"async\" src=\"https:\/\/bekefiiskola.hu\/web\/wp-content\/uploads\/2020\/04\/v1.jpg\" alt=\"Nyelvtanul\u00e1s\">\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-icon-small\">\ud83c\udde9\ud83c\uddea<\/div>\n                    <h3 class=\"card-title\">N\u00e9met Nemzetis\u00e9gi oktat\u00e1s<\/h3>\n                    <p class=\"card-text\">Hagyom\u00e1ny\u0151rz\u00e9s \u00e9s emelt szint\u0171 nyelvoktat\u00e1s 1. oszt\u00e1lyt\u00f3l. Testv\u00e9riskolai kapcsolatok \u00e9s nemzetk\u00f6zi t\u00e1borok.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- 3. K\u00e1rtya: K\u00f6z\u00f6ss\u00e9g (JAV\u00cdTVA) -->\n            <div class=\"photo-card\">\n                <div class=\"card-image-wrapper\">\n                    <!-- Vid\u00e1m gyerekek k\u00e9p (Ez most m\u0171k\u00f6dni fog!) -->\n                    <img decoding=\"async\" src=\"https:\/\/bekefiiskola.hu\/web\/wp-content\/uploads\/2019\/08\/36876765_2306123086113242_5822060312710348800_n.jpg\" alt=\"K\u00f6z\u00f6ss\u00e9g\">\n                <\/div>\n                <div class=\"card-content\">\n                    <div class=\"card-icon-small\">\u2764\ufe0f<\/div>\n                    <h3 class=\"card-title\">Szeret\u0151 K\u00f6z\u00f6ss\u00e9g<\/h3>\n                    <p class=\"card-text\">Kis l\u00e9tsz\u00e1m\u00fa oszt\u00e1lyok, odafigyel\u0151 pedag\u00f3gusok \u00e9s egy \u00f6sszetart\u00f3, csal\u00e1dias l\u00e9gk\u00f6r v\u00e1rja gyermek\u00e9t.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 2. H\u00cdREK SZEKCI\u00d3 (FACEBOOK FEED JAV\u00cdTVA) -->\n    <div class=\"news-wrapper\" id=\"hirek\">\n        <div class=\"news-overlay\"><\/div>\n        <div class=\"news-container\">\n            <h2 class=\"section-title white-title\" style=\"text-align: center;\">Mi t\u00f6rt\u00e9nik n\u00e1lunk?<\/h2>\n            <div class=\"title-divider\" style=\"background-color:white; opacity:0.8;\"><\/div>\n            \n            <div class=\"feed-box\">\n                <!-- Sz\u00f6veg ha nem t\u00f6ltene be azonnal -->\n                <div class=\"feed-loading-text\">H\u00edrek bet\u00f6lt\u00e9se a Facebookr\u00f3l...<\/div>\n                \n                <!-- CommonNinja Widget -->\n                <script src=\"https:\/\/cdn.commoninja.com\/sdk\/latest\/commonninja.js\" defer><\/script>\n                <div class=\"commonninja_component pid-109fe746-1a3d-494b-a7fc-b42ccc8483fd\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- 3. STATISZTIKA -->\n    <div class=\"stats-section\">\n        <div class=\"stats-bg-image\"><\/div> <!-- H\u00e1tt\u00e9rk\u00e9p -->\n        <div class=\"stats-grid\">\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">112<\/div>\n                <div class=\"stat-label\">Tanul\u00f3nk van<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">24<\/div>\n                <div class=\"stat-label\">Pedag\u00f3gusunk<\/div>\n            <\/div>\n            <div class=\"stat-item\">\n                <div class=\"stat-number\">8<\/div>\n                <div class=\"stat-label\">\u00c9vfolyamunk<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e76e8d2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e76e8d2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-787095e\" data-id=\"787095e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-459f528 elementor-widget elementor-widget-html\" data-id=\"459f528\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Fontok \u00e9s Ikonok -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n<style>\n    \/* --- KERET \u00c9S H\u00c1TT\u00c9R --- *\/\n    .live-view-wrapper {\n        font-family: 'Montserrat', sans-serif;\n        position: relative;\n        width: 100%;\n        padding: 100px 20px;\n        color: white;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n        \n        \/* H\u00e1tt\u00e9rk\u00e9p (Iskola fot\u00f3) + Parallaxis effekt *\/\n        background-image: url('https:\/\/bekefiiskola.hu\/web\/wp-content\/uploads\/2022\/12\/img-3732-5fca06c1b6e51-2565-1607075521.jpeg');\n        background-size: cover;\n        background-position: center;\n        background-attachment: fixed; \/* Ez adja a t\u00e9rhat\u00e1st g\u00f6rget\u00e9skor *\/\n    }\n\n    \/* Sz\u00edn\u00e1tmenetes fed\u00e9s (Iskola s\u00e1rga + S\u00f6t\u00e9t) *\/\n    .live-overlay {\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: linear-gradient(135deg, rgba(238, 168, 53, 0.9) 0%, rgba(30, 41, 59, 0.85) 100%);\n        z-index: 1;\n    }\n\n    \/* Tartalom doboz *\/\n    .live-content {\n        position: relative;\n        z-index: 2;\n        max-width: 800px;\n        background: rgba(255, 255, 255, 0.1); \/* \u00dcveghat\u00e1s *\/\n        backdrop-filter: blur(5px);\n        padding: 50px 40px;\n        border-radius: 20px;\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        box-shadow: 0 20px 50px rgba(0,0,0,0.2);\n    }\n\n    \/* --- PIROS LIVE JELZ\u00c9S --- *\/\n    .live-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background-color: #ef4444; \/* Piros *\/\n        color: white;\n        font-weight: 700;\n        font-size: 0.8rem;\n        padding: 5px 12px;\n        border-radius: 50px;\n        margin-bottom: 20px;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        box-shadow: 0 0 15px rgba(239, 68, 68, 0.5);\n    }\n\n    .blinking-dot {\n        width: 8px;\n        height: 8px;\n        background-color: white;\n        border-radius: 50%;\n        animation: blink 1.5s infinite;\n    }\n\n    @keyframes blink {\n        0% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.5; transform: scale(0.8); }\n        100% { opacity: 1; transform: scale(1); }\n    }\n\n    \/* --- SZ\u00d6VEGEK --- *\/\n    h2.live-title {\n        font-size: 2.5rem;\n        font-weight: 800;\n        margin-bottom: 15px;\n        line-height: 1.2;\n        text-shadow: 0 2px 10px rgba(0,0,0,0.2);\n    }\n\n    p.live-subtitle {\n        font-size: 1.1rem;\n        margin-bottom: 40px;\n        opacity: 0.9;\n        font-weight: 400;\n    }\n\n    \/* --- PULZ\u00c1L\u00d3 GOMB --- *\/\n    .btn-live-action {\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        background-color: white;\n        color: #eea835; \/* Iskola s\u00e1rga sz\u00f6veg *\/\n        font-size: 1.1rem;\n        font-weight: 800;\n        padding: 16px 45px;\n        border-radius: 50px;\n        text-decoration: none;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        transition: all 0.3s ease;\n        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);\n        animation: pulse-white 2s infinite;\n    }\n\n    .btn-live-action:hover {\n        transform: translateY(-3px);\n        background-color: #f8fafc;\n        color: #d6901b;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.2);\n    }\n\n    @keyframes pulse-white {\n        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }\n        70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(255, 255, 255, 0); }\n        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }\n    }\n\n    \/* MOBIL IGAZ\u00cdT\u00c1S *\/\n    @media (max-width: 768px) {\n        .live-title { font-size: 1.8rem; }\n        .live-content { padding: 30px 20px; }\n    }\n<\/style>\n\n<div class=\"live-view-wrapper\">\n    <div class=\"live-overlay\"><\/div>\n    \n    <div class=\"live-content\">\n        <!-- Villog\u00f3 LIVE jelz\u00e9s -->\n        <div class=\"live-badge\">\n            <div class=\"blinking-dot\"><\/div>\n            \u00c9l\u0151 k\u00f6zvet\u00edt\u00e9s \/ Kamera\n        <\/div>\n\n        <h2 class=\"live-title\">\n            Bepillant\u00e1s az iskol\u00e1ba\n        <\/h2>\n        \n        <p class=\"live-subtitle\">\n            K\u00edv\u00e1ncsi vagy, milyen n\u00e1lunk az \u00e9let? N\u00e9zz bele az iskola mindennapjaiba, vagy tekintsd meg virtu\u00e1lis s\u00e9t\u00e1nkat! (Hamarosan...)\n        <\/p>\n\n        <!-- A gomb linkj\u00e9t cser\u00e9ld ki a val\u00f3s linkre! -->\n        <a href=\"#\" class=\"btn-live-action\">\n            <i class=\"fas fa-play-circle\"><\/i>\n            Megn\u00e9zem az \u00c9l\u0151k\u00e9pet\n        <\/a>\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>B\u00e9kefi Ern\u0151 \u00c1ltal\u00e1nos Iskola Ern\u0151 B\u00e9kefi Grund- und Musikschule E-Napl\u00f3 Bel\u00e9p\u00e9s Aktu\u00e1lis H\u00edrek \u00c9let a B\u00e9kefiben \ud83c\udfa8 Alapfok\u00fa M\u0171v\u00e9szeti Oktat\u00e1s Hangszeres zene, k\u00e9pz\u0151m\u0171v\u00e9szeti oktat\u00e1s helyben, hogy a tehets\u00e9gek n\u00e1lunk bontakozzanak ki. \ud83c\udde9\ud83c\uddea N\u00e9met Nemzetis\u00e9gi oktat\u00e1s Hagyom\u00e1ny\u0151rz\u00e9s \u00e9s emelt szint\u0171 nyelvoktat\u00e1s 1. oszt\u00e1lyt\u00f3l. Testv\u00e9riskolai kapcsolatok \u00e9s nemzetk\u00f6zi t\u00e1borok. \u2764\ufe0f Szeret\u0151 K\u00f6z\u00f6ss\u00e9g Kis l\u00e9tsz\u00e1m\u00fa oszt\u00e1lyok, odafigyel\u0151 pedag\u00f3gusok&hellip;&nbsp;<a href=\"https:\/\/bekefiiskola.hu\/web\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">home2<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-777","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bekefiiskola.hu\/web\/wp-json\/wp\/v2\/pages\/777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bekefiiskola.hu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bekefiiskola.hu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bekefiiskola.hu\/web\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bekefiiskola.hu\/web\/wp-json\/wp\/v2\/comments?post=777"}],"version-history":[{"count":25,"href":"https:\/\/bekefiiskola.hu\/web\/wp-json\/wp\/v2\/pages\/777\/revisions"}],"predecessor-version":[{"id":854,"href":"https:\/\/bekefiiskola.hu\/web\/wp-json\/wp\/v2\/pages\/777\/revisions\/854"}],"wp:attachment":[{"href":"https:\/\/bekefiiskola.hu\/web\/wp-json\/wp\/v2\/media?parent=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}