.learning-container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: -apple-system, BlinkMacSystemFont, „Segoe UI“, Roboto, sans-serif;
}
.hero-section {
text-align: center;
padding: 60px 20px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 20px;
color: white;
margin-bottom: 60px;
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}
.hero-section h1 {
font-size: 3em;
margin-bottom: 20px;
font-weight: 700;
}
.hero-section p {
font-size: 1.3em;
opacity: 0.95;
}
.section-title {
font-size: 2em;
color: #2d3748;
margin: 50px 0 30px 0;
text-align: center;
font-weight: 600;
}
.apps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin-bottom: 50px;
}
.app-card {
background: white;
border-radius: 15px;
padding: 30px;
box-shadow: 0 5px 25px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 2px solid #f0f0f0;
}
.app-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 40px rgba(0,0,0,0.15);
}
.app-icon {
font-size: 3em;
margin-bottom: 15px;
}
.app-card h3 {
color: #2d3748;
font-size: 1.5em;
margin-bottom: 15px;
font-weight: 600;
}
.app-card p {
color: #718096;
margin-bottom: 20px;
line-height: 1.6;
}
.category-math { border-top: 4px solid #3182ce; }
.category-english { border-top: 4px solid #38a169; }
.category-general { border-top: 4px solid #d69e2e; }
@media (max-width: 768px) {
.hero-section h1 { font-size: 2em; }
.apps-grid { grid-template-columns: 1fr; }
}
🎓 Willkommen auf digitale-lehre.de
Übe spielerisch und interaktiv für die Schule – kostenlos und jederzeit!
📊 Mathematik
✖️
Kleines Einmaleins
Trainiere das Einmaleins von 1 bis 10. Perfekt für Klasse 2-4!
[h5p id=“1″]
🍕
Bruchrechnung Basics
Verstehe Brüche durch visuelle Darstellungen und einfache Übungen.
[h5p id=“2″]
📐
Geometrische Formen
Erkenne und benenne Dreiecke, Vierecke, Kreise und mehr.
[h5p id=“3″]
🌍 Englisch
🎴
Vokabel-Memory
Lerne spielerisch die wichtigsten englischen Grundwörter.
[h5p id=“4″]
⏰
Zeiten-Training
Simple Present vs. Present Progressive richtig anwenden.
[h5p id=“5″]
📖
Unregelmäßige Verben
Übe die wichtigsten irregular verbs für Klasse 5-7.
[h5p id=“6″]
🧠 Allgemeinwissen
🗺️
Deutschland-Quiz
Bundesländer, Hauptstädte und Flüsse kennenlernen.
[h5p id=“7″]
🇪🇺
Europa entdecken
Länder, Flaggen und Hauptstädte unserer Nachbarn.
[h5p id=“8″]
🚦
Verkehrszeichen
Die wichtigsten Verkehrsschilder erkennen und verstehen.
[h5p id=“9″]