In look for a language tutor?

Start learning a new language today with the best online tutors!

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Gymnasium - Bildungsholding</title>
  <meta
    name="description"
    content="Unser Gymnasium bietet anspruchsvolle akademische Ausbildung zur optimalen Vorbereitung auf die Universität."
  />

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">

  <style>
    :root{
      --background:#ffffff;
      --foreground:#111827;
      --muted:#6b7280;
      --card:#ffffff;
      --border:#e5e7eb;

      --primary:#2563eb;
      --primary-foreground:#ffffff;
      --accent:#7c3aed;
      --secondary:#10b981;
      --ring:#93c5fd;

      --shadow-soft:0 8px 30px rgba(0,0,0,0.08);
      --shadow-soft-md:0 12px 36px rgba(0,0,0,0.12);
      --radius:24px;
      --container:1120px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Inter",system-ui,sans-serif;
      color:var(--foreground);
      background:var(--background);
      line-height:1.6;
    }

    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}

    .container{
      width:min(calc(100% - 32px), var(--container));
      margin:0 auto;
    }

    .site-header{
      position:sticky;
      top:0;
      z-index:100;
      background:rgba(255,255,255,0.92);
      backdrop-filter:blur(10px);
      border-bottom:1px solid var(--border);
    }

    .header-inner{
      min-height:76px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
    }

    .logo{
      font-size:1.2rem;
      font-weight:800;
      letter-spacing:-0.02em;
    }

    .nav{
      display:flex;
      gap:20px;
      align-items:center;
      flex-wrap:wrap;
    }

    .nav a{
      color:var(--muted);
      font-weight:500;
    }

    .nav a:hover{
      color:var(--foreground);
    }

    .main{
      padding-top:0;
    }

    .hero{
      padding:88px 0 72px;
      background:
        linear-gradient(135deg, rgba(37,99,235,0.06), rgba(124,58,237,0.05)),
        linear-gradient(180deg, #ffffff, #f8fafc);
    }

    .hero-content{
      max-width:760px;
      margin:0 auto;
      text-align:center;
    }

    h1{
      margin:0 0 24px;
      font-size:clamp(2.4rem, 5vw, 4rem);
      line-height:1.1;
      letter-spacing:-0.02em;
      font-weight:800;
    }

    .hero p{
      margin:0;
      font-size:clamp(1.05rem, 2vw, 1.25rem);
      color:var(--muted);
    }

    .section{
      padding:72px 0;
    }

    .grid-2{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:48px;
      align-items:center;
      margin-bottom:64px;
    }

    h2{
      margin:0 0 24px;
      font-size:clamp(1.8rem, 3vw, 2.4rem);
      line-height:1.2;
      letter-spacing:-0.02em;
      font-weight:700;
    }

    .text-block p{
      margin:0 0 18px;
      color:var(--muted);
    }

    .stats-card{
      background:linear-gradient(135deg, rgba(37,99,235,0.10), rgba(124,58,237,0.10));
      border-radius:24px;
      padding:32px;
      box-shadow:var(--shadow-soft);
    }

    .stats{
      display:grid;
      gap:28px;
    }

    .stat-number{
      font-size:clamp(2rem, 4vw, 3rem);
      font-weight:800;
      line-height:1;
      margin-bottom:8px;
    }

    .stat-number.primary{color:var(--primary)}
    .stat-number.accent{color:var(--accent)}
    .stat-number.secondary{color:var(--secondary)}

    .stat-label{
      color:var(--muted);
      font-size:0.95rem;
    }

    .section-title-center{
      text-align:center;
      margin-bottom:36px;
    }

    .features{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:24px;
      margin-bottom:64px;
    }

    .feature-card{
      background:var(--card);
      border:1px solid var(--border);
      border-radius:20px;
      padding:28px;
      box-shadow:var(--shadow-soft);
      transition:transform .2s ease, box-shadow .2s ease;
    }

    .feature-card:hover{
      transform:translateY(-4px);
      box-shadow:var(--shadow-soft-md);
    }

    .icon{
      width:56px;
      height:56px;
      border-radius:16px;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(37,99,235,0.10);
      color:var(--primary);
      margin-bottom:18px;
      font-size:28px;
    }

    .feature-card h3{
      margin:0 0 12px;
      font-size:1.2rem;
      font-weight:700;
    }

    .feature-card p{
      margin:0;
      color:var(--muted);
    }

    .cta{
      text-align:center;
      background:var(--card);
      border:1px solid var(--border);
      border-radius:24px;
      padding:48px 24px;
      box-shadow:var(--shadow-soft);
    }

    .cta p{
      max-width:700px;
      margin:0 auto 28px;
      color:var(--muted);
    }

    .btn{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:16px 28px;
      border:none;
      border-radius:16px;
      background:var(--primary);
      color:var(--primary-foreground);
      font-size:1rem;
      font-weight:600;
      cursor:pointer;
      transition:all .2s ease;
      box-shadow:var(--shadow-soft);
    }

    .btn:hover{
      background:#1d4ed8;
      box-shadow:var(--shadow-soft-md);
      transform:translateY(-1px);
    }

    .btn:active{
      transform:scale(0.98);
    }

    .site-footer{
      margin-top:64px;
      border-top:1px solid var(--border);
      padding:28px 0;
      color:var(--muted);
      font-size:0.95rem;
      text-align:center;
    }

    .fade-up{
      opacity:0;
      transform:translateY(24px);
      transition:opacity .7s ease, transform .7s ease;
    }

    .fade-up.visible{
      opacity:1;
      transform:none;
    }

    @media (max-width: 900px){
      .grid-2,
      .features{
        grid-template-columns:1fr;
      }

      .header-inner{
        padding:10px 0;
        align-items:flex-start;
        flex-direction:column;
      }

      .nav{
        gap:14px;
      }

      .hero{
        padding:64px 0 56px;
      }

      .section{
        padding:56px 0;
      }
    }

    @media (prefers-reduced-motion: reduce){
      .fade-up{
        opacity:1;
        transform:none;
        transition:none;
      }
      html{scroll-behavior:auto}
    }
  </style>
</head>
<body>
  <header class="site-header">
    <div class="container header-inner">
      <div class="logo">Bildungsholding</div>
      <nav class="nav">
        <a href="index.html">Startseite</a>
        <a href="gymnasium.html">Gymnasium</a>
        <a href="#schwerpunkte">Schwerpunkte</a>
        <a href="#kontakt">Kontakt</a>
      </nav>
    </div>
  </header>

  <main class="main">
    <section class="hero">
      <div class="container">
        <div class="hero-content fade-up">
          <h1>Gymnasium</h1>
          <p>
            Das Gymnasium bietet eine anspruchsvolle akademische Ausbildung, die Schüler optimal
            auf das Abitur und ein erfolgreiches Studium vorbereitet. Hier werden intellektuelle
            Neugier, kritisches Denken und wissenschaftliche Exzellenz gefördert.
          </p>
        </div>
      </div>
    </section>

    <section class="section">
      <div class="container">
        <div class="grid-2">
          <div class="text-block fade-up">
            <h2>Akademische Exzellenz und persönliche Entwicklung</h2>
            <p>
              Unser Gymnasium zeichnet sich durch einen anspruchsvollen Lehrplan aus, der
              Schüler in allen Fachbereichen fordert und fördert. Wir legen Wert auf eine
              ausgewogene Bildung, die sowohl naturwissenschaftliche als auch geisteswissenschaftliche
              Kompetenzen entwickelt.
            </p>
            <p>
              Durch Forschungsprojekte, Wettbewerbe und Austauschprogramme bieten wir Schülern
              die Möglichkeit, ihre Talente zu entdecken und sich auf höchstem Niveau
              weiterzuentwickeln. Unser Ziel ist es, selbstbewusste, kritisch denkende junge
              Menschen zu formen, die bereit sind, die Herausforderungen der Zukunft anzunehmen.
            </p>
          </div>

          <div class="stats-card fade-up">
            <div class="stats">
              <div>
                <div class="stat-number primary">5-12</div>
                <div class="stat-label">Klassenstufen</div>
              </div>
              <div>
                <div class="stat-number accent">26-30</div>
                <div class="stat-label">Schüler pro Klasse</div>
              </div>
              <div>
                <div class="stat-number secondary">97%</div>
                <div class="stat-label">Abitur-Erfolgsquote</div>
              </div>
            </div>
          </div>
        </div>

        <div id="schwerpunkte" class="section-title-center fade-up">
          <h2>Unsere Schwerpunkte</h2>
        </div>

        <div class="features">
          <div class="feature-card fade-up">
            <div class="icon">🧠</div>
            <h3>Anspruchsvoller Lehrplan</h3>
            <p>Vertiefte akademische Bildung in allen Fachbereichen mit hohen Standards.</p>
          </div>

          <div class="feature-card fade-up">
            <div class="icon">🎓</div>
            <h3>Universitätsvorbereitung</h3>
            <p>Optimale Vorbereitung auf das Abitur und ein erfolgreiches Studium.</p>
          </div>

          <div class="feature-card fade-up">
            <div class="icon">🏆</div>
            <h3>Intellektuelle Entwicklung</h3>
            <p>Förderung von analytischem Denken, Forschung und wissenschaftlicher Methodik.</p>
          </div>

          <div class="feature-card fade-up">
            <div class="icon">🌍</div>
            <h3>Internationale Perspektive</h3>
            <p>Fremdsprachen, Austauschprogramme und globale Themen im Fokus.</p>
          </div>
        </div>

        <div class="cta fade-up" id="kontakt">
          <h2>Bereit für akademische Exzellenz?</h2>
          <p>
            Erfahren Sie mehr über unser Gymnasium und wie wir Schüler auf ihrem Weg zum Abitur begleiten.
          </p>
          <a href="index.html" class="btn">
            <span>Mehr erfahren</span>
            <span>→</span>
          </a>
        </div>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="container">
      © 2026 Bildungsholding. Alle Rechte vorbehalten.
    </div>
  </footer>

  <script>
    const observer = new IntersectionObserver((entries) => {
      entries.forEach((entry) => {
        if (entry.isIntersecting) {
          entry.target.classList.add('visible');
        }
      });
    }, { threshold: 0.12 });

    document.querySelectorAll('.fade-up').forEach((el) => observer.observe(el));
  </script>
</body>
</html>

EN

English language

125 Tutors

ES

Spanish language

83 Tutors

JP

Japanese language

76 Tutors

DE

German language

64 Tutors

FR

French language

92 Tutors

SA

Arabic language

13 Tutors

IT

Italian language

48 Tutors

PT

Portuguese language

39 Tutors

KR

Korean language

12 Tutors

HI

Hindi language

83 Tutors

GR

Greek language

36 Tutors

RU

Russian language

41 Tutors

Show All

How it all works

Donec sagittis sagittis vestibulum. Morbi vestibulum neque.

1

Find the perfect tutor

Elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Nam varius consectetur.

2

Schedule your lesson

Elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Nam varius elementum.

3

Start the journey

Elit tellus, luctus nec mattis, pulvinar dapibus leo. Nam varius consectetur elementum.

Expert Tutors

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Verified Profiles

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Pay Per Lesson

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Affordable Prices

Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Why us

Learn a new language online anywhere, anytime!

Customized learning

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Get expert help when you need it

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

Learn anytime, anywhere

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis.

About us

” We prepare you to achieve your goals with professional tutors. “

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.