diff --git a/assets/photo-onair.webp b/assets/photo-onair.webp
new file mode 100644
index 0000000..ae0c6b9
Binary files /dev/null and b/assets/photo-onair.webp differ
diff --git a/index.twig b/index.twig
index bfe116b..00ecaf9 100644
--- a/index.twig
+++ b/index.twig
@@ -43,10 +43,10 @@
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
             <div class="collapse navbar-collapse" id="navbarSupportedContent">
                 <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
-                    <li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Radio</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#!">Podcast</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#!">Über uns</a></li>
-                    <li class="nav-item"><a class="nav-link" href="#!">Kontakt</a></li>
+                    <li class="nav-item"><a class="nav-link active" aria-current="page" href="#radio">Radio</a></li>
+                    <li class="nav-item"><a class="nav-link" href="#podcast">Podcast</a></li>
+                    <li class="nav-item"><a class="nav-link" href="#about">Über uns</a></li>
+                    <li class="nav-item"><a class="nav-link" href="#contact">Kontakt</a></li>
                 </ul>
             </div>
         </div>
@@ -59,14 +59,33 @@
                     <div class="text-center my-5">
                         <h1 class="display-5 fw-bolder text-white mb-2">Radio Anton</h1>
                         <div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
-                            <a class="btn btn-primary btn-lg px-4 me-sm-3" href="#features">Jetzt hören!</a>
-                            <a class="btn btn-outline-light btn-lg px-4" href="#!">Mehr erfahen</a>
+                            <a class="btn btn-primary btn-lg px-4 me-sm-3" href="#radio">Hören!</a>
+                            <a class="btn btn-outline-light btn-lg px-4" href="#about">Mehr erfahen</a>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </header>
+    
+    <!-- Radio -->
+    <div class="container col-xxl-8 px-4 py-5">
+      <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
+        <div class="col-10 col-sm-8 col-lg-6">
+          <img src="{{ theme_url }}/assets/photo-onair.webp" class="d-block mx-lg-auto img-fluid" alt="On Air" loading="lazy" width="700" height="500">
+        </div>
+        <div class="col-lg-6">
+          <h1 id="radio" class="display-5 fw-bold lh-1 mb-3">Live als Stream</h1>
+          <p class="lead">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
+          <div class="d-grid gap-2 d-md-flex justify-content-md-start">
+            <button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button>
+            <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    
     <!-- Features section-->
     <section class="py-5 border-bottom" id="features">
         <div class="container px-5 my-5">