{"id":540,"date":"2025-07-02T10:44:57","date_gmt":"2025-07-02T08:44:57","guid":{"rendered":"https:\/\/polski360.com\/o-szkole\/"},"modified":"2026-03-26T08:02:49","modified_gmt":"2026-03-26T07:02:49","slug":"uber-die-schule","status":"publish","type":"page","link":"https:\/\/www.polski360.com\/de\/uber-die-schule\/","title":{"rendered":"\u00dcber die Schule"},"content":{"rendered":"\n<section class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;700&#038;family=Playfair+Display:ital,wght@0,600;0,700;1,600&#038;display=swap\" rel=\"stylesheet\"><style>\n    \/* KONTENER G\u0141\u00d3WNY - Izolacja *\/\n    .polski360-landing {\n        font-family: 'DM Sans', sans-serif;\n        color: #1f2937;\n        line-height: 1.6;\n        background-color: #fff;\n        width: 100%;\n        overflow-x: hidden;\n        box-sizing: border-box;\n    }\n    \n    .polski360-landing *, \n    .polski360-landing ::before, \n    .polski360-landing ::after {\n        box-sizing: border-box;\n    }\n    \n    .polski360-landing h1, .polski360-landing h2, .polski360-landing h3, .polski360-landing h4 {\n        margin-top: 0;\n        font-weight: 700;\n        color: #213A6E;\n        line-height: 1.2;\n    }\n    \n    .polski360-landing p {\n        margin-bottom: 1rem;\n        color: #4b5563;\n    }\n    \n    .polski360-landing a {\n        text-decoration: none;\n        transition: all 0.3s ease;\n    }\n    \n    .polski360-landing img {\n        max-width: 100%;\n        height: auto;\n        display: block;\n    }\n    \n    .polski360-landing ul {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .p360-container {\n        max-width: 1280px;\n        margin: 0 auto;\n        padding: 0 24px;\n        position: relative;\n        z-index: 10;\n    }\n    \n    .p360-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 2rem;\n    }\n    \n    @media (min-width: 768px) {\n        .p360-grid-2 { grid-template-columns: repeat(2, 1fr); }\n    }\n    \n    @media (min-width: 1024px) {\n        .p360-grid-3 { grid-template-columns: repeat(3, 1fr); }\n        .p360-grid-4 { grid-template-columns: repeat(4, 1fr); }\n        .p360-flex-row { display: flex; flex-direction: row; align-items: center; gap: 4rem; }\n        .p360-w-half { width: 50%; }\n        .p360-w-1-3 { width: 33.333%; }\n        .p360-w-2-3 { width: 66.666%; }\n    }\n\n    .p360-font-serif { font-family: 'Playfair Display', serif; }\n    .p360-text-brand { color: #213A6E; }\n    .p360-text-accent { color: #990028; }\n    .p360-text-white { color: #fff; }\n    \n    .p360-btn {\n        display: inline-block;\n        padding: 1rem 2rem;\n        border-radius: 6px;\n        font-weight: 700;\n        cursor: pointer;\n        text-align: center;\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\n    }\n    \n    .p360-btn-primary {\n        background-color: #213A6E;\n        color: #fff;\n    }\n    .p360-btn-primary:hover { background-color: #990028; }\n    \n    .p360-btn-outline {\n        background-color: #fff;\n        color: #213A6E;\n        border: 1px solid #e5e7eb;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 0.8rem 1.5rem;\n    }\n\n    .p360-card {\n        background: #fff;\n        border-radius: 12px;\n        padding: 2rem;\n        border: 1px solid #f3f4f6;\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        position: relative;\n    }\n    .p360-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);\n    }\n\n    \/* --- HERO --- *\/\n    .p360-hero {\n        padding: 4rem 0;\n        background: linear-gradient(135deg, #F3F5F9 0%, #ffffff 100%);\n        position: relative;\n        overflow: hidden;\n    }\n    @media (min-width: 1024px) { .p360-hero { padding: 6rem 0; } }\n\n    .p360-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 4px 12px;\n        border: 1px solid rgba(33,58,110,0.2);\n        border-radius: 50px;\n        background: #fff;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: #213A6E;\n        margin-bottom: 1.5rem;\n    }\n    .p360-dot { width: 8px; height: 8px; background: #990028; border-radius: 50%; }\n\n    .p360-hero h2 {\n        font-size: 2.25rem;\n        margin-bottom: 1.5rem;\n    }\n    @media (min-width: 1024px) { .p360-hero h2 { font-size: 3.75rem; } }\n\n    .p360-underline {\n        position: relative;\n        display: inline-block;\n        color: #990028;\n    }\n    .p360-underline svg {\n        position: absolute;\n        bottom: -5px;\n        left: 0;\n        width: 100%;\n        opacity: 0.2;\n    }\n\n    .p360-lead {\n        font-size: 1.125rem;\n        border-left: 4px solid #990028;\n        padding-left: 1rem;\n        margin-bottom: 2rem;\n        max-width: 600px;\n    }\n\n    .p360-hero-actions {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n    }\n    @media (min-width: 768px) { .p360-hero-actions { flex-direction: row; align-items: center; } }\n\n    \/* --- SLIDER KART --- *\/\n    .p360-stack-container {\n        position: relative;\n        width: calc(100% - 20px);\n        max-width: 450px;\n        margin: 0 auto;\n        aspect-ratio: 3.5\/4.5;\n    }\n\n    .p360-hero-blob {\n        position: absolute;\n        inset: 0;\n        background: #990028;\n        border-radius: 12px;\n        opacity: 0.05;\n        z-index: 0;\n        transform: translate(6px, 6px);\n    }\n    @media (min-width: 768px) {\n        .p360-hero-blob { transform: translate(24px, 24px); }\n    }\n\n    .p360-l-card {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        border-radius: 12px;\n        background: #fff;\n        box-shadow: 0 10px 30px -5px rgba(0,0,0,0.15);\n        overflow: hidden;\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\n        cursor: pointer;\n        border: 1px solid #f3f4f6;\n        z-index: 10;\n    }\n    @media (min-width: 768px) {\n        .p360-l-card { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); }\n    }\n\n    .p360-l-card.active {\n        z-index: 20;\n        transform: translateX(0) translateY(0) scale(1);\n        opacity: 1;\n    }\n    .p360-l-card.active:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 30px 60px -15px rgba(0,0,0,0.3);\n    }\n\n    .p360-l-card.next {\n        z-index: 10;\n        transform: translateX(10px) translateY(10px) scale(0.96);\n        opacity: 1;\n    }\n    @media (min-width: 768px) {\n        .p360-l-card.next { transform: translateX(12px) translateY(12px) scale(0.96); }\n    }\n\n    .p360-l-card.hidden {\n        z-index: 5;\n        transform: translateX(20px) translateY(20px) scale(0.92);\n        opacity: 0;\n        pointer-events: none;\n    }\n\n    .p360-l-card img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }\n\n    .p360-l-content {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: rgba(255,255,255,0.96);\n        padding: 1.25rem;\n        border-top: 1px solid #f3f4f6;\n        transition: transform 0.3s ease;\n    }\n    @media (min-width: 768px) { .p360-l-content { padding: 1.5rem; } }\n\n    .p360-l-badge {\n        font-size: 0.75rem;\n        color: #990028;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin: 0 0 4px 0;\n        letter-spacing: 0.05em;\n    }\n    .p360-l-name {\n        margin: 0 0 0.5rem 0;\n        font-weight: 700;\n        font-size: 1.25rem;\n        color: #213A6E;\n    }\n    .p360-l-desc {\n        margin: 0;\n        font-size: 0.85rem;\n        color: #4b5563;\n        line-height: 1.5;\n    }\n    @media (min-width: 768px) { .p360-l-desc { font-size: 0.9rem; } }\n\n    .p360-tap-hint {\n        position: absolute;\n        top: 15px;\n        right: 15px;\n        padding: 8px 16px;\n        background: #fff;\n        border-radius: 50px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        font-weight: 700;\n        font-size: 0.8rem;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n        color: #213A6E;\n        transition: all 0.3s ease;\n        z-index: 30;\n        cursor: pointer;\n        animation: pulse-border 2s infinite;\n    }\n    @media (min-width: 768px) {\n        .p360-tap-hint { top: 20px; right: 20px; padding: 10px 20px; font-size: 0.9rem; }\n    }\n    .p360-l-card.active:hover .p360-tap-hint {\n        transform: scale(1.05);\n        background: #213A6E;\n        color: #fff;\n        box-shadow: 0 8px 20px rgba(33, 58, 110, 0.3);\n    }\n\n    .p360-card-counter {\n        position: absolute;\n        bottom: 15px;\n        right: 15px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        color: #9ca3af;\n        z-index: 30;\n        background: rgba(255,255,255,0.8);\n        padding: 4px 10px;\n        border-radius: 50px;\n    }\n\n    @keyframes pulse-border {\n        0% { box-shadow: 0 0 0 0 rgba(33, 58, 110, 0.4); }\n        70% { box-shadow: 0 0 0 10px rgba(33, 58, 110, 0); }\n        100% { box-shadow: 0 0 0 0 rgba(33, 58, 110, 0); }\n    }\n\n    \/* --- USP --- *\/\n    .p360-usp {\n        background-color: #213A6E;\n        color: #fff;\n        padding: 5rem 0;\n    }\n    .p360-usp-card {\n        background: #fff;\n        color: #213A6E;\n        border-radius: 12px;\n        padding: 2rem;\n        position: relative;\n    }\n    .p360-usp-card.highlight {\n        border-top: 4px solid #990028;\n        box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);\n        z-index: 2;\n    }\n    @media (min-width: 768px) {\n        .p360-usp-card.highlight { transform: translateY(-20px); }\n        .p360-usp-card.highlight:hover { transform: translateY(-25px); }\n    }\n    .p360-usp-badge {\n        position: absolute;\n        top: -12px; right: 24px;\n        background: #990028;\n        color: #fff;\n        font-size: 0.75rem;\n        font-weight: 700;\n        padding: 4px 12px;\n        border-radius: 4px;\n        text-transform: uppercase;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n    }\n    .p360-icon-box {\n        width: 56px; height: 56px;\n        background: #F3F5F9;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        color: #990028;\n        margin-bottom: 1.5rem;\n    }\n\n    \/* --- MOCKUP --- *\/\n    .p360-mockup {\n        padding: 5rem 0;\n        background: #fff;\n        overflow: hidden;\n    }\n    .p360-check-list li {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin-bottom: 1rem;\n    }\n    .p360-check-icon {\n        width: 32px; height: 32px;\n        background: #F3F5F9;\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        color: #990028;\n        font-size: 0.875rem;\n    }\n    .p360-mockup-bg {\n        position: relative;\n        background: #f9fafb;\n        padding: 10px;\n        border-radius: 12px;\n        border: 1px solid #e5e7eb;\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n    }\n    .p360-mockup-logo {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%);\n        background: #fff;\n        padding: 1rem;\n        border-radius: 50px;\n        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);\n        font-weight: 700;\n        font-size: 1.5rem;\n        color: #213A6E;\n    }\n\n    \/* --- OFERTA --- *\/\n    .p360-offer {\n        padding: 6rem 0;\n        background: #F3F5F9;\n    }\n    .p360-offer-header { margin-bottom: 4rem; }\n    @media (min-width: 768px) {\n        .p360-offer-header { display: flex; align-items: flex-end; justify-content: space-between; }\n    }\n    .p360-label {\n        color: #990028;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        font-size: 0.875rem;\n        display: block;\n        margin-bottom: 0.5rem;\n    }\n    .p360-line {\n        height: 1px;\n        background: #d1d5db;\n        flex-grow: 1;\n        margin-left: 3rem;\n        margin-bottom: 1.5rem;\n        display: none;\n    }\n    @media (min-width: 768px) { .p360-line { display: block; } }\n    .p360-offer-icon {\n        width: 48px; height: 48px;\n        border-radius: 8px;\n        display: flex; align-items: center; justify-content: center;\n        font-size: 1.25rem;\n        margin-bottom: 1.5rem;\n    }\n    .icon-blue { background: #dbeafe; color: #2563eb; }\n    .icon-brand { background: rgba(33,58,110,0.1); color: #213A6E; }\n    .icon-accent { background: rgba(153,0,40,0.1); color: #990028; }\n    .p360-card-blue {\n        background: #213A6E;\n        color: #fff;\n    }\n    .p360-card-blue h4 { color: #fff; }\n    .p360-card-blue li {\n        display: flex; align-items: center; gap: 10px;\n        margin-bottom: 1rem;\n    }\n    .p360-card-blue i { color: #990028; }\n\n    \/* --- CTA --- *\/\n    .p360-cta {\n        padding: 4rem 0;\n        background: #fff;\n        border-top: 1px solid #f3f4f6;\n    }\n    .p360-cta-box {\n        background: #213A6E;\n        border-radius: 16px;\n        padding: 3rem 2rem;\n        color: #fff;\n        position: relative;\n        overflow: hidden;\n        text-align: center;\n    }\n    @media (min-width: 768px) {\n        .p360-cta-box { text-align: left; display: flex; align-items: center; justify-content: space-between; }\n        .p360-cta-text { width: 60%; }\n    }\n    .p360-cta-blob {\n        position: absolute;\n        top: 0; right: 0;\n        width: 250px; height: 250px;\n        background: #990028;\n        border-radius: 50%;\n        opacity: 0.1;\n        filter: blur(40px);\n        transform: translate(50%, -50%);\n    }\n    .p360-cta-h3 { \n        color: #ffffff !important; \n        font-size: 1.75rem; \n        font-family: 'Playfair Display', serif; \n        margin-bottom: 0.5rem; \n    }\n    .p360-cta-p { \n        color: #ffffff !important; \n        margin: 0; \n        font-size: 1.125rem; \n        opacity: 0.95;\n    }\n    .p360-btn-white {\n        background: #fff;\n        color: #213A6E;\n        margin-top: 1.5rem;\n    }\n    @media (min-width: 768px) { .p360-btn-white { margin-top: 0; } }\n<\/style>\n\n<div class=\"polski360-landing\">\n\n    <section class=\"p360-hero\">\n        <div class=\"p360-container\">\n            <div class=\"p360-flex-row\" style=\"display: flex; flex-direction: column;\">\n                \n                <!-- KOLUMNA LEWA: TEKST -->\n                <div style=\"width: 100%;\" class=\"p360-lg-w-half\">\n                    <div class=\"p360-badge\">\n                        <span class=\"p360-dot\"><\/span>\n                        Online-Polnischschule\n                    <\/div>\n                    \n                    <h2>\n                        Sprechen Sie frei Polnisch. <br>\n                        <span class=\"p360-underline\">\n                            Lernen Sie nach Ihren eigenen Regeln.\n                            <svg viewBox=\"0 0 200 9\" fill=\"none\"><path d=\"M2.00025 6.99997C2.00025 6.99997 127.653 -6.3768 198.001 4.5\" stroke=\"currentColor\" stroke-width=\"3\"><\/path><\/svg>\n                        <\/span>\n                    <\/h2>\n                    \n                    <p class=\"p360-lead\">\n                        Polski360 ist Ihre Eintrittskarte f\u00fcr Studium, Arbeit und Leben in Polen. \n                        Wir nutzen das Potenzial der <strong>Miro<\/strong>-Technologie sowie eigene Materialien, um einen interaktiven Raum zu schaffen, in dem Sprachbarrieren verschwinden.\n                    <\/p>\n                    \n                    <div class=\"p360-hero-actions\">\n                        <a href=\"#form\" class=\"p360-btn p360-btn-primary\">\n                            Kostenlose Probestunde sichern\n                        <\/a>\n                        <div class=\"p360-btn-outline\">\n                            <i class=\"fas fa-shield-alt p360-text-accent\"><\/i>\n                            <span>Keine langfristigen Vertr\u00e4ge<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- KOLUMNA PRAWA: SLIDER -->\n                <div style=\"width: 100%; position: relative;\" class=\"p360-lg-w-half\">\n                    <div class=\"p360-stack-container\" id=\"cardStackDe\">\n                        <div class=\"p360-hero-blob\"><\/div>\n\n                        <!-- KARTA 1: GABRIELA -->\n                        <div class=\"p360-l-card active\" onclick=\"rotateCardsDe()\">\n                            <img decoding=\"async\" src=\"https:\/\/www.polski360.com\/wp-content\/uploads\/2026\/01\/gpasek1.webp\" alt=\"Gabriela\">\n                            <div class=\"p360-tap-hint\">\n                                <span>Weiter<\/span>\n                                <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/div>\n                            <div class=\"p360-l-content\">\n                                <p class=\"p360-l-badge\">Hauptmethodologin<\/p>\n                                <h3 class=\"p360-l-name\">Gabriela<\/h3>\n                                <p class=\"p360-l-desc\">Direktorin und Gr\u00fcnderin der Schule. Magistra der ostslawischen Philologie mit Spezialisierung auf Polnisch als Fremdsprache. Erstellerin der Schulmaterialien.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- KARTA 2: WIKTOR -->\n                        <div class=\"p360-l-card next\" onclick=\"rotateCardsDe()\">\n                            <img decoding=\"async\" src=\"https:\/\/www.polski360.com\/wp-content\/uploads\/2026\/02\/Gemini_Generated_Image_km8772km8772km87.png\" alt=\"Wiktor\">\n                            <div class=\"p360-tap-hint\">\n                                <span>Weiter<\/span>\n                                <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/div>\n                            <div class=\"p360-l-content\">\n                                <p class=\"p360-l-badge\">Unsere Lehrkr\u00e4fte<\/p>\n                                <h3 class=\"p360-l-name\">Wiktor<\/h3>\n                                <p class=\"p360-l-desc\">Philologe und DaF-Lehrer mit Spezialisierung auf Erwachsenenbildung. \u00dcbrigens: Er spricht Chinesisch.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- KARTA 3: WIKTORIA -->\n                        <div class=\"p360-l-card hidden\" onclick=\"rotateCardsDe()\">\n                            <img decoding=\"async\" src=\"https:\/\/www.polski360.com\/wp-content\/uploads\/2026\/03\/viktoria-large.webp\" alt=\"Wiktoria\">\n                            <div class=\"p360-tap-hint\">\n                                <span>Weiter<\/span>\n                                <i class=\"fas fa-arrow-right\"><\/i>\n                            <\/div>\n                            <div class=\"p360-l-content\">\n                                <p class=\"p360-l-badge\">Unsere Lehrkr\u00e4fte<\/p>\n                                <h3 class=\"p360-l-name\">Wiktoria<\/h3>\n                                <p class=\"p360-l-desc\">Bereitet Sch\u00fcler auf Zertifikatspr\u00fcfungen vor. Erfahrung als Dolmetscherin f\u00fcr polnische Delegationen im Ausland. Legt Wert auf korrekte Aussprache und den Abbau von Sprachblockaden.<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Licznik kart -->\n                        <div class=\"p360-card-counter\" id=\"cardCounterDe\">1 \/ 3<\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n            \n            <style>\n                @media (min-width: 1024px) {\n                    .p360-flex-row[style] { flex-direction: row !important; }\n                }\n            <\/style>\n        <\/div>\n    <\/section>\n\n    <section class=\"p360-usp\">\n        <div class=\"p360-container\">\n            <div class=\"p360-grid p360-grid-3\">\n                \n                <div class=\"p360-usp-card p360-card\">\n                    <div class=\"p360-icon-box\"><i class=\"fas fa-laptop-code\"><\/i><\/div>\n                    <h3 class=\"p360-font-serif\" style=\"font-size: 1.25rem; margin-bottom: 1rem;\">Interaktives Miro<\/h3>\n                    <p style=\"font-size: 0.9rem;\">\n                        Schluss mit langweiligen Kopien. Unser Unterricht findet auf virtuellen <strong>Miro<\/strong>-Boards statt, wo wir gemeinsam Notizen und Mindmaps erstellen und Aufgaben in Echtzeit l\u00f6sen.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p360-usp-card p360-card highlight\">\n                    <div class=\"p360-usp-badge\">Einzigartiger Ansatz<\/div>\n                    <div class=\"p360-icon-box\"><i class=\"fas fa-hand-holding-heart\"><\/i><\/div>\n                    <h3 class=\"p360-font-serif\" style=\"font-size: 1.25rem; margin-bottom: 1rem;\">Wohl des Sch\u00fclers = Freiheit<\/h3>\n                    <p style=\"font-size: 0.9rem;\">\n                        Wir sind von der Qualit\u00e4t unseres Unterrichts \u00fcberzeugt. Deshalb <strong>k\u00f6nnen Sie jederzeit k\u00fcndigen<\/strong>. Keine starren Vertr\u00e4ge. Sie lernen bei uns, weil Sie wollen, nicht weil Sie m\u00fcssen.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p360-usp-card p360-card\">\n                    <div class=\"p360-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\n                    <h3 class=\"p360-font-serif\" style=\"font-size: 1.25rem; margin-bottom: 1rem;\">Wir sprechen Ihre Sprache<\/h3>\n                    <p style=\"font-size: 0.9rem;\">\n                        Unsere Lehrer sind Experten mit Erfahrung in der Arbeit mit russisch-, ukrainisch-, wei\u00dfrussisch-, deutsch- und englischsprachigen Sch\u00fclern. Wir verstehen Ihre Schwierigkeiten.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"p360-mockup\">\n        <div class=\"p360-container\">\n            <div class=\"p360-flex-row\" style=\"display: flex; flex-direction: column; gap: 3rem;\">\n                \n                <div style=\"width: 100%;\" class=\"p360-lg-w-1-3\">\n                    <h3 class=\"p360-font-serif\" style=\"font-size: 2rem; font-weight: 700; margin-bottom: 1.5rem; color: #213A6E;\">So unterrichten wir<\/h3>\n                    <p style=\"margin-bottom: 1.5rem;\">\n                        Unsere virtuellen Klassenzimmer auf der <strong>Miro<\/strong>-Plattform sind die Kommandozentrale f\u00fcr Ihr Lernen. Sie sehen Ihre Fortschritte, haben rund um die Uhr Zugriff auf unsere Materialien und arbeiten &#8222;Schulter an Schulter&#8220; mit dem Lehrer, auch aus der Ferne.\n                    <\/p>\n                    <ul class=\"p360-check-list\">\n                        <li>\n                            <div class=\"p360-check-icon\"><i class=\"fas fa-pen\"><\/i><\/div>\n                            <span class=\"p360-text-brand\" style=\"font-weight: 600; font-size: 0.9rem;\">Gemeinsame Notizen in Echtzeit<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"p360-check-icon\"><i class=\"fas fa-book-open\"><\/i><\/div>\n                            <span class=\"p360-text-brand\" style=\"font-weight: 600; font-size: 0.9rem;\">Echte Pr\u00fcfungsmaterialien<\/span>\n                        <\/li>\n                        <li>\n                            <div class=\"p360-check-icon\"><i class=\"fas fa-video\"><\/i><\/div>\n                            <span class=\"p360-text-brand\" style=\"font-weight: 600; font-size: 0.9rem;\">Volle Audio-Video-Interaktion<\/span>\n                        <\/li>\n                    <\/ul>\n                <\/div>\n\n                <div style=\"width: 100%; position: relative;\" class=\"p360-lg-w-2-3\">\n                    <div style=\"position: absolute; inset: 0; background: #213A6E; transform: rotate(1deg); border-radius: 16px; opacity: 0.05; z-index: 0;\"><\/div>\n                    <div class=\"p360-mockup-bg\" style=\"position: relative; z-index: 1;\">\n                        <img decoding=\"async\" src=\"https:\/\/www.polski360.com\/wp-content\/uploads\/2026\/01\/jak-rozpoczac-nauke.webp\" alt=\"Mockup der Miro-Plattform und der Lehrmaterialien von Polski360\" style=\"border-radius: 8px;\">\n                        <div class=\"p360-mockup-logo\">miro<\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"p360-offer\">\n        <div class=\"p360-container\">\n            \n            <div class=\"p360-offer-header\">\n                <div style=\"max-width: 600px;\">\n                    <span class=\"p360-label\">Angebot<\/span>\n                    <h2 class=\"p360-font-serif\" style=\"font-size: 2.5rem; margin-bottom: 1rem;\">Die Flexibilit\u00e4t, die Sie brauchen<\/h2>\n                    <p style=\"margin: 0;\">Wir arbeiten von 8:00 bis 20:00 Uhr, auch am Wochenende. W\u00e4hlen Sie das f\u00fcr Sie perfekte Format.<\/p>\n                <\/div>\n                <div class=\"p360-line\"><\/div>\n            <\/div>\n\n            <div class=\"p360-grid p360-grid-2 p360-grid-4\">\n                \n                <div class=\"p360-card\">\n                    <div class=\"p360-offer-icon icon-blue\"><i class=\"fas fa-child\"><\/i><\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Kinder &#038; Jugendliche<\/h4>\n                    <p style=\"font-size: 0.75rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; margin-bottom: 1rem;\">Ab 10 Jahren<\/p>\n                    <p style=\"font-size: 0.9rem; margin: 0;\">Spannender Unterricht, angepasst an das Alter. Lernen durch Spiel und Praxis.<\/p>\n                <\/div>\n\n                <div class=\"p360-card\">\n                    <div class=\"p360-offer-icon icon-brand\"><i class=\"fas fa-briefcase\"><\/i><\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Erwachsene &#038; Business<\/h4>\n                    <p style=\"font-size: 0.75rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; margin-bottom: 1rem;\">Leben &#038; Arbeit<\/p>\n                    <p style=\"font-size: 0.9rem; margin: 0;\">Praktische Sprache f\u00fcr B\u00fcro, Beh\u00f6rden und Alltag.<\/p>\n                <\/div>\n\n                <div class=\"p360-card\">\n                    <div class=\"p360-offer-icon icon-accent\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n                    <h4 style=\"font-size: 1.1rem; margin-bottom: 0.5rem;\">Zertifikate<\/h4>\n                    <p style=\"font-size: 0.75rem; font-weight: 700; color: #9ca3af; text-transform: uppercase; margin-bottom: 1rem;\">B1, B2, C1<\/p>\n                    <p style=\"font-size: 0.9rem; margin: 0;\">Intensive Vorbereitung auf staatliche Pr\u00fcfungen und das Studium.<\/p>\n                <\/div>\n\n                <div class=\"p360-card p360-card-blue\">\n                    <h4 style=\"font-family: 'Playfair Display', serif; font-size: 1.25rem; margin-bottom: 1.5rem;\">Verf\u00fcgbare Modi:<\/h4>\n                    <ul>\n                        <li><i class=\"fas fa-check-circle\"><\/i> Einzelunterricht<\/li>\n                        <li><i class=\"fas fa-check-circle\"><\/i> Zu zweit (Duo)<\/li>\n                        <li><i class=\"fas fa-check-circle\"><\/i> Kleingruppen<\/li>\n                    <\/ul>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"p360-cta\">\n        <div class=\"p360-container\">\n            <div class=\"p360-cta-box\">\n                <div class=\"p360-cta-blob\"><\/div>\n                <div class=\"p360-cta-text\" style=\"position: relative; z-index: 2;\">\n                    <h3 class=\"p360-cta-h3\">\u00dcberzeugen Sie sich selbst.<\/h3>\n                    <p class=\"p360-cta-p\">Melden Sie sich f\u00fcr eine erste Probestunde an. Das kostet nichts.<\/p>\n                <\/div>\n                <div style=\"position: relative; z-index: 2;\">\n                    <a href=\"#form\" class=\"p360-btn p360-btn-white\">\n                        Kostenlose Stunde buchen\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n    function rotateCardsDe() {\n        const container = document.getElementById('cardStackDe');\n        const cards = Array.from(container.querySelectorAll('.p360-l-card'));\n        const total = cards.length;\n\n        if (total < 2) return;\n\n        const first  = cards[0];\n        const second = cards[1];\n        const rest   = cards.slice(2);\n\n        first.classList.remove('active');\n        first.classList.add('hidden');\n\n        second.classList.remove('next');\n        second.classList.add('active');\n\n        if (rest.length > 0) {\n            rest[0].classList.remove('hidden');\n            rest[0].classList.add('next');\n        }\n\n        setTimeout(() => {\n            const counter = document.getElementById('cardCounterDe');\n            container.insertBefore(first, counter);\n            const allCards = Array.from(container.querySelectorAll('.p360-l-card'));\n            const activeIdx = allCards.findIndex(c => c.classList.contains('active'));\n            if (counter) counter.textContent = (activeIdx + 1) + ' \/ ' + total;\n        }, 300);\n    }\n<\/script>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Online-Polnischschule Sprechen Sie frei Polnisch. Lernen Sie nach Ihren eigenen Regeln. Polski360 ist Ihre Eintrittskarte f\u00fcr Studium, Arbeit und Leben in Polen. Wir nutzen das Potenzial der Miro-Technologie sowie eigene Materialien, um einen interaktiven Raum zu schaffen, in dem Sprachbarrieren verschwinden. Kostenlose Probestunde sichern Keine langfristigen Vertr\u00e4ge Weiter Hauptmethodologin Gabriela Direktorin und Gr\u00fcnderin der Schule. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-540","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.polski360.com\/de\/wp-json\/wp\/v2\/pages\/540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.polski360.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.polski360.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.polski360.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.polski360.com\/de\/wp-json\/wp\/v2\/comments?post=540"}],"version-history":[{"count":3,"href":"https:\/\/www.polski360.com\/de\/wp-json\/wp\/v2\/pages\/540\/revisions"}],"predecessor-version":[{"id":1953,"href":"https:\/\/www.polski360.com\/de\/wp-json\/wp\/v2\/pages\/540\/revisions\/1953"}],"wp:attachment":[{"href":"https:\/\/www.polski360.com\/de\/wp-json\/wp\/v2\/media?parent=540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}