Willkommen bei Lernanker

Gemeinsam lernen , gemeinsam wachsen

Individuelle Förderung für Kinder von der Vorschule bis zum Abitur – mit Freude, Erfolg und professioneller Begleitung.

Kostenlose Probestunde → ▶ Mehr erfahren
★ 4,9/5 – 250+ zufriedene Eltern
👩‍🏫 15+ erfahrene Lehrer
🎮
Play & Learn Interaktive Aktivitäten
Lernanker Kinder lernen
🏆
Täglicher Fortschritt Kleine Schritte, große Erfolge
✦
/* ========================================================= LERNANKER HERO COLOR SYSTEM ========================================================= */ .lernanker-hero { --navy: #202B55; --purple: #6757E8; --purple-light: #7868F1; --purple-shadow: #D8D2FF; --coral: #F47773; --yellow: #FFD75A; --mint: #C9F2DF; --cyan: #DDF5FF; --pink: #FFDCE6; --cream: #FFFDF9; --gray: #6D7488; width: 100%; min-height: 720px; position: relative; overflow: hidden; background: radial-gradient( circle at 8% 20%, rgba(255,215,90,0.13), transparent 25% ), radial-gradient( circle at 90% 15%, rgba(201,242,223,0.35), transparent 28% ), #FFFDF9; font-family: "Nunito", "Poppins", Arial, sans-serif; display: flex; align-items: center; padding: 75px 40px; } /* ========================================================= CONTAINER ========================================================= */ .lk-container { width: 100%; max-width: 1240px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; position: relative; z-index: 5; } /* ========================================================= LEFT SIDE ========================================================= */ .lk-hero-content { max-width: 650px; position: relative; z-index: 10; } /* ========================================================= EYEBROW ========================================================= */ .lk-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 9px 16px; background: #F3F1FF; border-radius: 50px; color: var(--purple); font-size: 13px; font-weight: 800; margin-bottom: 25px; box-shadow: 0 5px 15px rgba(103,87,232,0.08); animation: lkFadeUp .8s ease both; } .lk-eyebrow-dot { width: 8px; height: 8px; background: var(--coral); border-radius: 50%; box-shadow: 0 0 0 5px rgba(244,119,115,0.12); animation: lkPulse 2s infinite; } /* ========================================================= HEADING ========================================================= */ .lk-heading { color: var(--navy); font-size: clamp( 52px, 5.4vw, 78px ); line-height: 1.03; letter-spacing: -3px; font-weight: 900; margin: 0 0 27px; max-width: 680px; animation: lkFadeUp .9s .1s ease both; } /* Purple word */ .lk-purple-text { color: var(--purple); position: relative; display: inline-block; } /* Coral word */ .lk-coral-text { color: var(--coral); position: relative; display: inline-block; } /* Small playful underline */ .lk-purple-text::after { content: ""; position: absolute; height: 7px; left: 2px; right: 2px; bottom: -3px; border-radius: 20px; background: rgba(103,87,232,0.16); transform: rotate(-1deg); } .lk-coral-text::after { content: ""; position: absolute; height: 7px; left: 2px; right: 2px; bottom: -3px; border-radius: 20px; background: rgba(244,119,115,0.15); transform: rotate(1deg); } /* ========================================================= DESCRIPTION ========================================================= */ .lk-description { color: var(--gray); font-size: 18px; line-height: 1.75; font-weight: 500; max-width: 620px; margin: 0 0 34px; animation: lkFadeUp .9s .2s ease both; } /* ========================================================= BUTTONS ========================================================= */ .lk-buttons { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; animation: lkFadeUp .9s .3s ease both; } /* ========================================================= PRIMARY BUTTON ========================================================= */ .lk-primary-btn { min-height: 60px; padding: 0 24px 0 28px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border-radius: 50px; text-decoration: none; color: #FFFFFF; font-size: 15px; font-weight: 900; background: linear-gradient( 135deg, #6554E6, #7666F0 ); box-shadow: 0 7px 0 #5142C5, 0 14px 28px rgba(103,87,232,0.25), inset 0 2px 0 rgba(255,255,255,0.20); transition: transform .25s ease, box-shadow .25s ease; } /* Hover */ .lk-primary-btn:hover { transform: translateY(-5px); box-shadow: 0 12px 0 #5142C5, 0 20px 35px rgba(103,87,232,0.30), inset 0 2px 0 rgba(255,255,255,0.25); } /* Active */ .lk-primary-btn:active { transform: translateY(4px); box-shadow: 0 3px 0 #5142C5, 0 8px 15px rgba(103,87,232,0.20); } /* ========================================================= ARROW ========================================================= */ .lk-btn-arrow { width: 31px; height: 31px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.17); font-size: 19px; transition: transform .25s ease, background .25s ease; } .lk-primary-btn:hover .lk-btn-arrow { transform: translateX(5px); background: rgba(255,255,255,0.25); } /* ========================================================= SECONDARY BUTTON ========================================================= */ .lk-secondary-btn { min-height: 60px; padding: 0 25px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; border-radius: 50px; text-decoration: none; color: var(--purple); font-size: 15px; font-weight: 900; background: #FFFFFF; border: 2px solid #DDD9FA; box-shadow: 0 6px 16px rgba(60,50,130,0.06); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .lk-secondary-btn:hover { transform: translateY(-4px); border-color: #BEB6F7; box-shadow: 0 12px 25px rgba(60,50,130,0.12); } /* ========================================================= PLAY ICON ========================================================= */ .lk-play-icon { width: 25px; height: 25px; border-radius: 50%; border: 2px solid var(--purple); display: flex; align-items: center; justify-content: center; font-size: 8px; padding-left: 2px; } /* ========================================================= TRUST ========================================================= */ .lk-trust { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 32px; animation: lkFadeUp .9s .4s ease both; } .lk-trust-item { display: flex; align-items: center; gap: 8px; color: #747B8D; font-size: 12px; font-weight: 600; } .lk-trust-item strong { color: var(--navy); } .lk-trust-icon { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 13px; } .lk-trust-icon.star { color: #E9A900; background: #FFF5CE; } .lk-trust-icon.teacher { background: #E8F7F1; } /* ========================================================= RIGHT VISUAL ========================================================= */ .lk-hero-visual { min-height: 560px; position: relative; display: flex; align-items: center; justify-content: center; } /* ========================================================= VISUAL BACKGROUND ========================================================= */ .lk-visual-bg { position: absolute; width: 570px; height: 430px; border-radius: 40px; background: linear-gradient( 135deg, #DFF6FF, #EEF9FF ); overflow: hidden; transform: rotate(-1deg); box-shadow: 0 25px 60px rgba(44,75,110,0.08); } /* ========================================================= YELLOW CIRCLE ========================================================= */ .lk-yellow-circle { position: absolute; width: 70px; height: 70px; border-radius: 50%; background: var(--yellow); top: 30px; right: 45px; animation: lkFloat 4s infinite ease-in-out; } /* ========================================================= PINK CIRCLE ========================================================= */ .lk-pink-circle { position: absolute; width: 90px; height: 90px; border-radius: 50%; background: var(--pink); left: -20px; bottom: 30px; animation: lkFloat 5s .5s infinite ease-in-out; } /* ========================================================= MINT SHAPE ========================================================= */ .lk-mint-shape { position: absolute; width: 90px; height: 90px; border-radius: 18px; background: var(--mint); right: 90px; bottom: -35px; transform: rotate(18deg); } /* ========================================================= CYAN SHAPE ========================================================= */ .lk-cyan-shape { position: absolute; width: 40px; height: 40px; border-radius: 7px; background: #A9E8F4; left: 110px; top: 65px; transform: rotate(-15deg); animation: lkRotate 7s linear infinite; } /* ========================================================= ILLUSTRATION ========================================================= */ .lk-illustration { width: 500px; height: 440px; position: relative; z-index: 4; display: flex; align-items: center; justify-content: center; animation: lkIllustrationFloat 5s infinite ease-in-out; } .lk-illustration img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow( 0 20px 20px rgba(40,70,100,0.12) ); } /* ========================================================= FLOATING CARDS ========================================================= */ .lk-floating-card { position: absolute; z-index: 10; display: flex; align-items: center; gap: 11px; padding: 12px 17px; background: rgba(255,255,255,0.96); border-radius: 16px; box-shadow: 0 8px 25px rgba(34,48,80,0.12), 0 2px 0 rgba(34,48,80,0.04); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.8); } .lk-card-top { top: 10px; left: 0; animation: lkCardLeft 4s infinite ease-in-out; } .lk-card-bottom { right: -5px; bottom: 20px; animation: lkCardRight 4.5s .5s infinite ease-in-out; } .lk-card-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 19px; } .lk-card-icon.yellow { background: #FFF4BF; } .lk-card-icon.mint { background: #D9F6E8; } .lk-floating-card strong { display: block; color: var(--navy); font-size: 13px; font-weight: 900; line-height: 1.3; } .lk-floating-card small { display: block; color: #8A90A0; font-size: 10px; margin-top: 3px; } /* ========================================================= DECORATIONS ========================================================= */ .lk-decoration { position: absolute; z-index: 12; } .lk-square-1 { width: 20px; height: 20px; background: var(--coral); transform: rotate(35deg); top: 120px; right: 35px; animation: lkRotate 5s linear infinite; } .lk-square-2 { width: 17px; height: 17px; background: #67D0B0; transform: rotate(-20deg); top: 105px; left: 115px; animation: lkRotate 6s linear infinite; } .lk-small-star { color: var(--yellow); font-size: 28px; right: 15px; top: 230px; animation: lkSparkle 2.5s infinite; } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes lkFadeUp { from { opacity: 0; transform: translateY(25px); } to { opacity: 1; transform: translateY(0); } } @keyframes lkFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes lkIllustrationFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px) rotate(0.5deg); } } @keyframes lkCardLeft { 0%, 100% { transform: translateY(0) rotate(-2deg); } 50% { transform: translateY(-10px) rotate(-1deg); } } @keyframes lkCardRight { 0%, 100% { transform: translateY(0) rotate(2deg); } 50% { transform: translateY(-9px) rotate(3deg); } } @keyframes lkRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes lkSparkle { 0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; } 50% { transform: scale(1.25) rotate(10deg); opacity: .65; } } @keyframes lkPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.25); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .lernanker-hero { padding: 70px 30px; } .lk-container { gap: 35px; } .lk-heading { font-size: clamp( 45px, 6vw, 65px ); } .lk-description { font-size: 16px; } .lk-visual-bg { width: 470px; height: 370px; } .lk-illustration { width: 420px; height: 380px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .lernanker-hero { padding: 55px 20px 70px; min-height: auto; } .lk-container { display: flex; flex-direction: column; gap: 55px; text-align: center; } .lk-hero-content { max-width: 600px; } .lk-eyebrow { margin-bottom: 20px; } .lk-heading { font-size: clamp( 42px, 12vw, 58px ); line-height: 1.05; letter-spacing: -1.8px; } .lk-description { font-size: 15px; line-height: 1.7; margin-left: auto; margin-right: auto; } .lk-buttons { flex-direction: column; width: 100%; max-width: 360px; margin: auto; } .lk-primary-btn, .lk-secondary-btn { width: 100%; } .lk-trust { justify-content: center; gap: 12px 18px; } .lk-trust-item { font-size: 10px; } .lk-hero-visual { width: 100%; min-height: 410px; } .lk-visual-bg { width: 100%; max-width: 430px; height: 330px; border-radius: 28px; } .lk-illustration { width: 90%; max-width: 370px; height: 330px; } .lk-floating-card { padding: 9px 12px; } .lk-card-top { left: 0; top: 0; } .lk-card-bottom { right: 0; bottom: 0; } .lk-floating-card strong { font-size: 11px; } .lk-floating-card small { font-size: 8px; } .lk-card-icon { width: 35px; height: 35px; font-size: 16px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .lk-heading { font-size: 40px; } .lk-description { font-size: 14px; } .lk-hero-visual { min-height: 350px; } .lk-visual-bg { height: 290px; } .lk-illustration { height: 290px; } .lk-floating-card { transform: scale(.82); } .lk-card-top { left: -15px; } .lk-card-bottom { right: -15px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .lernanker-hero *, .lernanker-hero *::before, .lernanker-hero *::after { animation: none !important; transition: none !important; } }
✦ Ihr Vorteil

Warum Lernanker?

Wir verbinden pädagogische Qualität mit modernen Lernmethoden – für nachhaltigen Lernerfolg und mehr Freude am Lernen.

Individuelle Förderung

Jedes Kind ist einzigartig. Wir passen unseren Unterricht an die individuellen Stärken, Bedürfnisse und Lernziele Ihres Kindes an.

Mehr erfahren →

Qualifizierte Lehrer

Unsere erfahrenen Lehrkräfte verbinden pädagogisches Wissen mit Leidenschaft und schaffen eine motivierende Lernatmosphäre.

Mehr erfahren →

Flexible Lernzeiten

Unterrichtszeiten, die zu Ihrem Familienalltag passen – flexibel planbar und ohne unnötigen Stress.

Mehr erfahren →

Nachweisbare Erfolge

Über 250 zufriedene Familien und messbare Fortschritte in verschiedenen Fächern und Lernbereichen.

Mehr erfahren →
📚 Unser Angebot

Fächer, die begeistern

Von Deutsch bis MINT – wir unterstützen Kinder in allen wichtigen Schulfächern und machen Lernen verständlich, abwechslungsreich und motivierend.

A

Deutsch

→
+ ×

Mathematik

→
ABC

Englisch

→
⚗

Naturwissenschaften

→
📖

Lesen & Geschichten

→
🎨

Kunst & Kreativität

→
Alle Fächer entdecken →
🎯 Für jedes Alter

Lernstufen, die passen

Von der Vorschule bis zum Abitur – wir begleiten Ihr Kind durch jede Lernphase und unterstützen es genau dort, wo es gerade steht.

✦ •
3–6 Jahre

Vorschule

Spielerisches Lernen mit Fokus auf Sprache, Motorik und erste Zahlen.

Entdecken →
✦ •
6–10 Jahre

Grundschule

Grundlagen in Deutsch, Mathematik und Sachkunde – mit Freude und verständlichem Lernen.

Entdecken →
✦ •
10–16 Jahre

Sekundarschule

Intensive Unterstützung in allen Fächern – inklusive Prüfungsvorbereitung und Lernplanung.

Entdecken →
✦ •
Alle Altersgruppen

Deutsch als Fremdsprache

Sprachkurse für Kinder und Jugendliche mit Migrationshintergrund.

Entdecken →
📖 Unser Lernprozess

So lernen Kinder bei uns

Ein einfacher und persönlicher Lernweg, der sich an den individuellen Bedürfnissen jedes Kindes orientiert.

01
✦ •

Standortbestimmung

Wir lernen Ihr Kind kennen und erkennen seine Stärken sowie Bereiche, in denen es Unterstützung braucht.

Mehr erfahren →
02
✦ •

Individueller Lernplan

Gemeinsam entwickeln wir einen passenden Lernweg mit klaren Zielen und erreichbaren Meilensteinen.

Mehr erfahren →
03
✦ •

Lernen & Fortschritt

Regelmäßige Rückmeldungen und Lernstandschecks machen Fortschritte sichtbar und helfen, gezielt weiterzuentwickeln.

Mehr erfahren →
💬 Stimmen der Eltern

Was Eltern sagen

Glückliche Familien, selbstbewusste Kinder und Lernerfahrungen, die wirklich einen Unterschied machen.

“
★ ★ ★ ★ ★

Unser Sohn hat dank Lernanker seine Freude an Mathematik wiederentdeckt. Die individuelle Unterstützung ist einfach großartig!

Frau Schmidt
“
★ ★ ★ ★ ★

Die Lehrkräfte sind einfühlsam und professionell. Unsere Tochter geht gerne zum Unterricht und lernt mit viel Freude neue Dinge.

Herr Müller
“
★ ★ ★ ★ ★

Seit dem Lernanker-Crashkurs hat mein Sohn sein Abitur mit hervorragenden Ergebnissen bestanden. Vielen Dank!

Frau Weber
★ 4,9/5 von über 250 glücklichen Familien ✓ Vertrauensvolle Lernbegleitung
/* ========================================================= LERNANKER — PARENTS' VOICES ========================================================= */ .lk-parent-voices { --lk-navy: #082F63; --lk-yellow: #FFC94F; --lk-blue: #58A9E6; --lk-purple: #9B6FE8; --lk-mint: #57C5A5; --lk-coral: #FF8A65; position: relative; width: 100%; overflow: hidden; padding: 50px 24px 50px; background: radial-gradient( circle at 5% 30%, rgba(255,211,95,.16), transparent 23% ), radial-gradient( circle at 95% 25%, rgba(91,198,165,.13), transparent 24% ), linear-gradient( 180deg, #F8FBFF 0%, #F2F8FD 100% ); font-family: "Nunito", "Poppins", Arial, sans-serif; } /* ========================================================= CONTAINER ========================================================= */ .lk-pv-container { position: relative; z-index: 5; width: 100%; max-width: 1180px; margin: 0 auto; } /* ========================================================= HEADER ========================================================= */ .lk-pv-header { text-align: center; max-width: 700px; margin: 0 auto 62px; } /* Badge */ .lk-pv-badge { display: inline-flex; align-items: center; gap: 7px; padding: 9px 17px; border-radius: 100px; background: #E8F4FE; border: 1px solid #DCEEF9; color: #4A91C8; font-size: 12px; font-weight: 800; box-shadow: 0 7px 18px rgba(48,104,151,.07); margin-bottom: 20px; } .lk-pv-badge span { animation: lk-pv-badge-float 2.5s ease-in-out infinite; } /* Heading */ .lk-pv-header h2 { margin: 0; color: var(--lk-navy); font-size: clamp(40px, 5vw, 56px); line-height: 1.1; font-weight: 900; letter-spacing: -1.8px; } .lk-pv-header h2 span { position: relative; display: inline-block; color: #768FE7; } /* Underline */ .lk-pv-header h2 span::after { content: ""; position: absolute; left: 2px; right: 2px; bottom: -6px; height: 7px; border-radius: 100px; background: #768FE7; transform: rotate(-1deg); } /* Description */ .lk-pv-header p { margin: 20px auto 0; max-width: 620px; color: #65758B; font-size: 14px; line-height: 1.7; } /* ========================================================= CARDS GRID ========================================================= */ .lk-pv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; align-items: start; } /* ========================================================= CARD ========================================================= */ .lk-pv-card { position: relative; min-height: 320px; padding: 34px 32px 30px; overflow: hidden; border-radius: 25px; background: rgba(255,255,255,.96); border: 1px solid #E7EEF5; box-shadow: 0 22px 45px rgba(32,73,111,.09), 0 5px 12px rgba(32,73,111,.04), inset 0 1px 0 rgba(255,255,255,.95); transform: translateY(0); transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease, border-color .4s ease; } /* Different card heights / floating positions */ .lk-pv-card-1 { transform: translateY(5px); } .lk-pv-card-2 { transform: translateY(-8px); } .lk-pv-card-3 { transform: translateY(5px); } /* ========================================================= TOP COLOR STRIPE ========================================================= */ .lk-pv-top-line { position: absolute; top: 0; left: 0; width: 100%; height: 5px; border-radius: 25px 25px 0 0; } .lk-pv-card-1 .lk-pv-top-line { background: linear-gradient( 90deg, #FFC94F, #FF8A65 ); } .lk-pv-card-2 .lk-pv-top-line { background: linear-gradient( 90deg, #58A9E6, #9B6FE8 ); } .lk-pv-card-3 .lk-pv-top-line { background: linear-gradient( 90deg, #57C5A5, #58A9E6 ); } /* ========================================================= HOVER ========================================================= */ .lk-pv-card:hover { transform: translateY(-14px) scale(1.015); border-color: #DCE8F2; box-shadow: 0 32px 65px rgba(32,73,111,.14), 0 10px 20px rgba(32,73,111,.06); } /* ========================================================= QUOTE ========================================================= */ .lk-pv-quote { position: absolute; top: 8px; right: 22px; color: #EEF5FA; font-family: Georgia, serif; font-size: 105px; line-height: 1; font-weight: bold; pointer-events: none; transition: transform .5s ease, color .5s ease; } .lk-pv-card:hover .lk-pv-quote { color: #E5F0F8; transform: translateY(-5px) rotate(-4deg); } /* ========================================================= STARS ========================================================= */ .lk-pv-stars { position: relative; z-index: 2; display: flex; gap: 4px; margin-bottom: 23px; } .lk-pv-stars span { color: var(--lk-yellow); font-size: 19px; line-height: 1; display: inline-block; filter: drop-shadow( 0 3px 4px rgba(255,201,79,.18) ); animation: lk-pv-star 2.5s ease-in-out infinite; } .lk-pv-stars span:nth-child(2) { animation-delay: .08s; } .lk-pv-stars span:nth-child(3) { animation-delay: .16s; } .lk-pv-stars span:nth-child(4) { animation-delay: .24s; } .lk-pv-stars span:nth-child(5) { animation-delay: .32s; } /* ========================================================= REVIEW ========================================================= */ .lk-pv-review { position: relative; z-index: 2; margin: 0 0 29px; color: #4F6075; font-size: 14.5px; line-height: 1.75; font-weight: 600; font-style: italic; } /* ========================================================= USER ========================================================= */ .lk-pv-user { position: relative; z-index: 3; display: flex; align-items: center; gap: 13px; } /* ========================================================= IMAGE AVATAR ========================================================= */ .lk-pv-avatar { width: 56px; height: 56px; flex: 0 0 56px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 4px solid #FFFFFF; overflow: hidden; font-size: 27px; box-shadow: 0 9px 20px rgba(37,71,102,.13), inset 0 1px 3px rgba(255,255,255,.8); transition: transform .45s cubic-bezier(.2,.8,.2,1); } .lk-pv-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; } /* Keep the original avatar background styling */ .lk-avatar-yellow { background: linear-gradient( 145deg, #FFF4CA, #FFE5A0 ); } .lk-avatar-purple { background: linear-gradient( 145deg, #F0E9FF, #DDD0FF ); } .lk-avatar-mint { background: linear-gradient( 145deg, #E3FBF3, #C8F0E3 ); } .lk-pv-card:hover .lk-pv-avatar { transform: translateY(-5px) rotate(-5deg) scale(1.08); } /* ========================================================= USER INFO ========================================================= */ .lk-pv-user-info { display: flex; flex-direction: column; gap: 4px; } .lk-pv-user-info strong { color: var(--lk-navy); font-size: 14px; font-weight: 900; } .lk-pv-user-info small { color: #8795A7; font-size: 11.5px; line-height: 1.4; font-weight: 600; } /* ========================================================= DECORATIVE DOTS ========================================================= */ .lk-pv-floating-dot { position: absolute; border-radius: 50%; pointer-events: none; } .dot-1 { width: 10px; height: 10px; right: 27px; bottom: 25px; background: #FFD45C; opacity: .55; animation: lk-pv-dot 3.5s ease-in-out infinite; } .dot-2 { width: 6px; height: 6px; right: 49px; bottom: 42px; background: #5BC6A5; opacity: .65; animation: lk-pv-dot 3.5s .8s ease-in-out infinite; } /* ========================================================= TRUST LINE ========================================================= */ .lk-pv-trust { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 48px auto 0; color: #73869B; font-size: 12px; font-weight: 700; } .lk-pv-trust strong { color: var(--lk-navy); } .lk-pv-trust-icon { color: var(--lk-yellow); font-size: 16px; } .lk-pv-check { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #E2F8F0; color: #45B894; font-size: 11px; font-weight: 900; } .lk-pv-trust-separator { width: 5px; height: 5px; border-radius: 50%; background: #CBD7E2; margin: 0 8px; } /* ========================================================= BACKGROUND DECORATIONS ========================================================= */ .lk-pv-shape { position: absolute; pointer-events: none; z-index: 1; } /* Yellow blob */ .lk-pv-shape-1 { width: 210px; height: 210px; left: -120px; top: 90px; border-radius: 43% 57% 63% 37% / 44% 39% 61% 56%; background: rgba(255,205,83,.12); filter: blur(2px); animation: lk-pv-blob 8s ease-in-out infinite; } /* Mint blob */ .lk-pv-shape-2 { width: 180px; height: 180px; right: -90px; top: 230px; border-radius: 58% 42% 36% 64% / 46% 61% 39% 54%; background: rgba(87,197,165,.12); animation: lk-pv-blob 9s 1s ease-in-out infinite reverse; } /* Small purple circle */ .lk-pv-shape-3 { width: 75px; height: 75px; right: 8%; top: 65px; border-radius: 50%; border: 10px solid rgba(155,111,232,.08); animation: lk-pv-circle 5s ease-in-out infinite; } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes lk-pv-star { 0%, 85%, 100% { transform: translateY(0) scale(1); } 92% { transform: translateY(-3px) scale(1.1); } } @keyframes lk-pv-badge-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-3px); } } @keyframes lk-pv-dot { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-8px) scale(1.15); } } @keyframes lk-pv-blob { 0%, 100% { transform: translate(0,0) rotate(0deg); } 50% { transform: translate(12px,-15px) rotate(8deg); } } @keyframes lk-pv-circle { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-12px) rotate(15deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 950px) { .lk-parent-voices { padding: 90px 22px 80px; } .lk-pv-grid { gap: 20px; } .lk-pv-card { padding: 30px 25px; } .lk-pv-review { font-size: 14px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .lk-parent-voices { padding: 75px 18px 70px; } .lk-pv-header { margin-bottom: 45px; } .lk-pv-header h2 { font-size: 36px; letter-spacing: -.8px; } .lk-pv-header p { font-size: 13px; } .lk-pv-grid { grid-template-columns: 1fr; gap: 22px; } .lk-pv-card, .lk-pv-card-1, .lk-pv-card-2, .lk-pv-card-3 { min-height: auto; transform: translateY(0); padding: 30px 27px; } .lk-pv-card:hover { transform: translateY(-8px) scale(1.01); } .lk-pv-review { min-height: auto; } .lk-pv-trust { text-align: center; margin-top: 35px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 420px) { .lk-parent-voices { padding: 65px 14px; } .lk-pv-header h2 { font-size: 32px; } .lk-pv-card { border-radius: 22px; padding: 27px 22px; } .lk-pv-review { font-size: 14px; } .lk-pv-avatar { width: 52px; height: 52px; flex-basis: 52px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .lk-parent-voices *, .lk-parent-voices *::before, .lk-parent-voices *::after { animation: none !important; transition: none !important; } }
⚓ Transparent

Unsere Preise

Einfache, transparente Preise für hochwertige Bildung –
für jede Familie.

Standard

Grundschüler

1er Lernhilfe 69,90 € / Stunde
2er Lernhilfe 39,90 € / Stunde
3er Lernhilfe 29,90 € / Stunde
  • ✓ Deutsch, Mathe, HSU
  • ✓ Aufbau des Fundaments
  • ✓ Förderung des Vertrauens
Jetzt starten →
Premium
★ Beliebt

Weiterführende & DaF

1er Lernhilfe 69,90 € / Stunde
2er Lernhilfe 39,90 € / Stunde
3er Lernhilfe 29,90 € / Stunde
  • ✓ Schließen von Lernlücken
  • ✓ Prüfungsvorbereitung
  • ✓ Deutsch als Fremdsprache
Jetzt starten →
Family
195 €
je Schüler (max. 6 Kinder)

Ferienkurse August

✓
Fit in die 3./4. Klasse 17.08–20.08 | 10:00–11:30 Jetzt anmelden (2 Plätze frei)
✓
Fit in die 4./5. Klasse 25.08–28.08 | 10:00–11:30 Jetzt anmelden (3 Plätze frei)
Jetzt starten →
✓ Keine versteckten Kosten
▣ Flexible Termine
♥ Persönliche Betreuung
❓ Fragen & Antworten

Häufig gestellte Fragen

Alles, was Sie über unsere Lernangebote, den Lernprozess und unsere persönliche Unterstützung wissen sollten.

Lernanker unterstützt Grundschülerinnen und Grundschüler, Schülerinnen und Schüler weiterführender Schulen sowie Kinder, Jugendliche und Erwachsene beim Deutschlernen als Fremdsprache.

Für Grundschüler bieten wir gezielte Lernhilfe in Deutsch, Mathematik und HSU (Heimat- und Sachunterricht). Schülerinnen und Schüler weiterführender Schulen unterstützen wir in den Hauptfächern sowie bei der Vorbereitung auf Proben und Prüfungen.

Der Unterricht findet bewusst in kleinen Gruppen mit 1 bis 4 Teilnehmerinnen und Teilnehmern statt. Dadurch können wir individuell auf die jeweiligen Lernbedürfnisse eingehen und gleichzeitig eine angenehme Lernatmosphäre schaffen.

Ja. Wir unterstützen bei Hausaufgaben, festigen den aktuellen Schulstoff, schließen Lernlücken und bereiten Schülerinnen und Schüler gezielt auf Proben, Leistungsnachweise und Prüfungen vor.

💡
Noch Fragen? Wir helfen Ihnen gerne dabei, das passende Lernangebot zu finden.
Kontakt aufnehmen →
🚀 Jetzt starten

Bereit für den Lernerfolg Ihres Kindes?

Vereinbaren Sie jetzt eine kostenlose Probestunde und erleben Sie, wie Lernen mit Freude und individueller Unterstützung gelingt.

Kostenlose Probestunde buchen →
✓ 250+ zufriedene Familien
★ 4,9/5 Durchschnittsbewertung
📚 15+ erfahrene Lehrkräfte
⭐
Lernen & wachsen Jeder Schritt zählt
Kind beim Lernen mit Lernanker
🎓
Lernen macht Freude Mit Freude lernt es sich besser
/* ========================================================= LERNANKER – FINAL CTA ========================================================= */ .lk-final-cta { position: relative; width: 100%; padding: 85px 25px; overflow: hidden; box-sizing: border-box; background: linear-gradient( 180deg, #F8FBFF 0%, #F4F9FF 100% ); font-family: "Nunito", "Poppins", Arial, sans-serif; } /* ========================================================= MAIN CONTAINER ========================================================= */ .lk-final-container { position: relative; z-index: 3; width: 100%; max-width: 1380px; min-height: 570px; margin: 0 auto; padding: 65px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(450px, 0.9fr); align-items: center; gap: 50px; background: #FFFFFF; border-radius: 34px; border: 1px solid rgba(13, 78, 132, 0.07); box-shadow: 0 25px 70px rgba(20, 71, 112, 0.10), 0 8px 25px rgba(20, 71, 112, 0.06); overflow: hidden; transition: box-shadow 0.4s ease, transform 0.4s ease; } .lk-final-container:hover { box-shadow: 0 35px 85px rgba(20, 71, 112, 0.14), 0 12px 30px rgba(20, 71, 112, 0.07); } /* ========================================================= BACKGROUND DECORATIONS ========================================================= */ .lk-bg-shape { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(2px); } .lk-bg-shape-1 { width: 430px; height: 430px; top: -250px; right: -120px; background: radial-gradient( circle, rgba(73, 168, 231, 0.15), rgba(73, 168, 231, 0) ); animation: lkAmbientMove 9s ease-in-out infinite; } .lk-bg-shape-2 { width: 360px; height: 360px; bottom: -240px; left: -120px; background: radial-gradient( circle, rgba(255, 200, 77, 0.14), rgba(255, 200, 77, 0) ); animation: lkAmbientMove 11s ease-in-out infinite reverse; } /* ========================================================= DECORATIVE DOTS ========================================================= */ .lk-bg-dot { position: absolute; border-radius: 50%; pointer-events: none; animation: lkDotFloat 5s ease-in-out infinite; } .lk-dot-1 { width: 12px; height: 12px; top: 20%; left: 8%; background: #FFC84D; } .lk-dot-2 { width: 9px; height: 9px; top: 14%; right: 11%; background: #55B5E8; animation-delay: 1.5s; } .lk-dot-3 { width: 7px; height: 7px; bottom: 15%; right: 7%; background: #B55BE8; animation-delay: 2.5s; } /* ========================================================= LEFT CONTENT ========================================================= */ .lk-final-content { position: relative; z-index: 5; padding-left: 15px; } /* ========================================================= BADGE ========================================================= */ .lk-final-badge { display: inline-flex; align-items: center; gap: 7px; padding: 9px 17px; margin-bottom: 22px; border-radius: 50px; background: #EAF5FF; color: #3D96D8; font-size: 14px; font-weight: 700; border: 1px solid rgba(73, 157, 216, 0.08); box-shadow: 0 6px 15px rgba(51, 137, 195, 0.08); transition: transform 0.3s ease, box-shadow 0.3s ease; } .lk-final-badge:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(51, 137, 195, 0.13); } /* ========================================================= HEADING ========================================================= */ .lk-final-title { margin: 0; max-width: 680px; color: #073B73; font-size: clamp(42px, 4.5vw, 66px); line-height: 1.08; letter-spacing: -1.8px; font-weight: 800; } .lk-final-title span { display: block; width: fit-content; position: relative; color: #768FE7; } /* Highlight underline */ .lk-final-title span::after { content: ""; position: absolute; left: 2px; right: -5px; bottom: -3px; height: 9px; border-radius: 20px; background: #768FE7; transform: rotate(-1.5deg); } /* ========================================================= DESCRIPTION ========================================================= */ .lk-final-text { max-width: 590px; margin: 24px 0 31px; color: #52677E; font-size: 18px; line-height: 1.7; font-weight: 500; } /* ========================================================= CTA BUTTON ========================================================= */ .lk-final-button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 17px; min-width: 310px; padding: 18px 27px; border-radius: 17px; background: linear-gradient( 135deg, #768FE7 0%, #4861C8 100% ); color: #FFFFFF !important; text-decoration: none !important; font-size: 17px; font-weight: 800; box-shadow: 0 7px 0 #E0A72D, 0 15px 30px rgba(255, 190, 54, 0.25); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease; } /* Shine effect */ .lk-final-button::before { content: ""; position: absolute; top: 0; left: -120%; width: 70%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.55), transparent ); transform: skewX(-20deg); transition: left 0.65s ease; } .lk-final-button:hover::before { left: 140%; } .lk-final-button:hover { transform: translateY(-6px); box-shadow: 0 12px 0 #E0A72D, 0 24px 38px rgba(255, 190, 54, 0.32); filter: brightness(1.03); } .lk-final-button:active { transform: translateY(2px); box-shadow: 0 4px 0 #E0A72D, 0 9px 18px rgba(255, 190, 54, 0.2); } /* Arrow */ .lk-final-button strong { display: flex; align-items: center; justify-content: center; width: 31px; height: 31px; border-radius: 50%; background: rgba(7, 59, 115, 0.09); font-size: 21px; transition: transform 0.3s ease, background 0.3s ease; } .lk-final-button:hover strong { transform: translateX(6px); background: rgba(7, 59, 115, 0.15); } /* ========================================================= TRUST ITEMS ========================================================= */ .lk-final-trust { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 35px; } .lk-trust { display: flex; align-items: center; gap: 8px; color: #60758B; font-size: 13px; font-weight: 600; white-space: nowrap; } /* Trust icons */ .lk-trust-check, .lk-trust-star, .lk-trust-book { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; font-size: 11px; font-weight: 900; } .lk-trust-check { background: #DCF7EB; color: #32AD83; } .lk-trust-star { background: #FFF2C9; color: #F5AE20; } .lk-trust-book { background: #E4F3FF; font-size: 11px; } /* ========================================================= RIGHT VISUAL ========================================================= */ .lk-final-visual { position: relative; display: flex; align-items: center; justify-content: center; min-height: 490px; } /* ========================================================= STANDALONE IMAGE ========================================================= */ .lk-final-image { position: relative; z-index: 3; width: min(100%, 570px); height: auto; max-height: 560px; object-fit: contain; display: block; filter: drop-shadow( 0 22px 18px rgba(30, 77, 116, 0.13) ); animation: lkCharacterFloat 5s ease-in-out infinite; transition: transform 0.5s ease, filter 0.5s ease; } .lk-final-image:hover { filter: drop-shadow( 0 28px 25px rgba(30, 77, 116, 0.18) ); } /* ========================================================= FLOATING CARDS ========================================================= */ .lk-floating-card { position: absolute; z-index: 8; display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: rgba(255,255,255,0.96); border: 1px solid rgba(35, 104, 153, 0.08); border-radius: 15px; box-shadow: 0 14px 30px rgba(28, 84, 126, 0.14); backdrop-filter: blur(10px); } .lk-floating-card strong { display: block; color: #073B73; font-size: 13px; font-weight: 800; } .lk-floating-card small { display: block; margin-top: 2px; color: #7890A5; font-size: 10px; font-weight: 600; } .lk-floating-icon { display: flex; align-items: center; justify-content: center; width: 37px; height: 37px; border-radius: 12px; background: #EAF5FF; font-size: 17px; } /* Top floating card */ .lk-floating-card-top { top: 8%; left: -2%; animation: lkFloatingCard 4s ease-in-out infinite; } /* Bottom floating card */ .lk-floating-card-bottom { right: -3%; bottom: 8%; animation: lkFloatingCard 4.5s ease-in-out infinite reverse; } /* ========================================================= ORBITS ========================================================= */ .lk-orbit { position: absolute; border-radius: 50%; border: 1px dashed rgba(73, 168, 231, 0.18); pointer-events: none; } .lk-orbit-1 { width: 430px; height: 430px; animation: lkOrbit 20s linear infinite; } .lk-orbit-2 { width: 350px; height: 350px; border-color: rgba(255, 200, 77, 0.18); animation: lkOrbitReverse 16s linear infinite; } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes lkCharacterFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 25% { transform: translateY(-7px) rotate(0.6deg); } 50% { transform: translateY(-14px) rotate(0deg); } 75% { transform: translateY(-7px) rotate(-0.6deg); } } @keyframes lkFloatingCard { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(-1.5deg); } } @keyframes lkAmbientMove { 0% { transform: translate(0,0) scale(1); } 50% { transform: translate(25px,-20px) scale(1.08); } 100% { transform: translate(-20px,25px) scale(0.96); } } @keyframes lkDotFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-18px); } } @keyframes lkOrbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes lkOrbitReverse { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .lk-final-cta { padding: 60px 20px; } .lk-final-container { grid-template-columns: 1fr; gap: 45px; padding: 55px 45px; min-height: auto; text-align: center; } .lk-final-content { padding-left: 0; } .lk-final-title { margin-left: auto; margin-right: auto; } .lk-final-text { margin-left: auto; margin-right: auto; } .lk-final-title span { margin-left: auto; margin-right: auto; } .lk-final-trust { justify-content: center; } .lk-final-visual { min-height: 500px; } .lk-final-image { width: min(82%, 570px); } .lk-floating-card-top { left: 5%; } .lk-floating-card-bottom { right: 5%; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .lk-final-cta { padding: 35px 12px; } .lk-final-container { padding: 40px 20px 30px; border-radius: 25px; gap: 30px; } .lk-final-badge { font-size: 12px; padding: 8px 14px; } .lk-final-title { font-size: 37px; line-height: 1.1; letter-spacing: -1px; } .lk-final-text { font-size: 16px; line-height: 1.65; margin-top: 19px; } .lk-final-button { width: 100%; min-width: 0; padding: 17px 18px; font-size: 15px; border-radius: 15px; } .lk-final-trust { flex-direction: column; gap: 12px; margin-top: 28px; } .lk-trust { font-size: 12px; } .lk-final-visual { min-height: 390px; padding: 15px 0 30px; } .lk-final-image { width: 100%; max-width: 480px; } .lk-floating-card { padding: 9px 11px; gap: 7px; border-radius: 12px; } .lk-floating-card strong { font-size: 10px; } .lk-floating-card small { font-size: 8px; } .lk-floating-icon { width: 29px; height: 29px; border-radius: 9px; font-size: 13px; } .lk-floating-card-top { top: 1%; left: -5px; } .lk-floating-card-bottom { right: -5px; bottom: 3%; } .lk-orbit-1 { width: 300px; height: 300px; } .lk-orbit-2 { width: 250px; height: 250px; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .lk-final-container { padding: 35px 15px 25px; } .lk-final-title { font-size: 32px; } .lk-final-text { font-size: 15px; } .lk-final-button { font-size: 14px; } .lk-final-visual { min-height: 320px; } .lk-final-image { width: 105%; } .lk-floating-card { transform: scale(0.88); } .lk-floating-card-top { left: -10px; } .lk-floating-card-bottom { right: -10px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .lk-final-image, .lk-floating-card, .lk-bg-shape, .lk-bg-dot, .lk-orbit { animation: none !important; } .lk-final-button, .lk-final-container, .lk-final-image { transition: none !important; } }