/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Netzgaenger working on Elegant Themes
 Author URI:     https://www.netz-gaenger.de
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */<style>
/* Grundlegendes Styling für die Landing Page */
body {
    font-family: 'Arial', sans-serif;
    color: #333;
    margin: 0;
    padding: 0;
}
.landing-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}
.header-section {
    background-color: #F0F0F0;
    padding: 80px 20px;
}
.header-section h1 {
    font-size: 3em;
    color: #222;
}
.header-section p {
    font-size: 1.2em;
    color: #666;
    margin: 20px 0;
}
.call-to-action {
    background-color: #F76C6C;
    color: #fff;
    padding: 15px 30px;
    font-size: 1.2em;
    border-radius: 5px;
    text-decoration: none;
}
.features-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 40px 0;
    padding: 20px;
}
.feature {
    flex: 1;
    min-width: 300px;
    background-color: #F9F9F9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.feature h3 {
    font-size: 1.5em;
    color: #333;
}
.feature p {
    color: #777;
}
.testimonials-section {
    background-color: #F0F0F0;
    padding: 50px 20px;
}
.testimonial {
    margin-bottom: 20px;
}
.testimonial p {
    font-style: italic;
    color: #555;
}
.contact-section {
    padding: 40px 20px;
    text-align: center;
}
.contact-section h2 {
    color: #333;
    font-size: 2em;
}
.contact-section p {
    color: #666;
}
.contact-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 500px;
    margin: 0 auto;
}
.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.contact-form button {
    padding: 10px 20px;
    background-color: #F76C6C;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
}
</style>
<div class="landing-container">
    <!-- Header Section -->
    <section class="header-section">
        <h1>Dein Weg zur erfolgreichen Online-Präsenz</h1>
        <p>Wir helfen dir, deine Marke online zu etablieren und zu wachsen.</p>
        <a href="#contact" class="call-to-action">Jetzt Kontakt aufnehmen</a>
    </section>
    <!-- Features Section -->
    <section class="features-section">
        <div class="feature">
            <h3>Branding</h3>
            <p>Starke Markenauftritte, die Vertrauen und Autorität schaffen.</p>
        </div>
        <div class="feature">
            <h3>Webdesign</h3>
            <p>Professionelle Websites, die sowohl funktional als auch ansprechend sind.</p>
        </div>
        <div class="feature">
            <h3>Marketing</h3>
            <p>Zielgerichtete Strategien, um deine Zielgruppe effektiv zu erreichen.</p>
        </div>
    </section>
    <!-- Testimonials Section -->
    <section class="testimonials-section">
        <h2>Kundenmeinungen</h2>
        <div class="testimonial">
            <p>„Dank dieses Teams konnte ich meine Online-Präsenz erheblich steigern!“</p>
            <p>- Zufriedener Kunde</p>
        </div>
        <div class="testimonial">
            <p>„Der Service und das Design sind einfach unschlagbar!“</p>
            <p>- Glücklicher Kunde</p>
        </div>
    </section>
    <!-- Contact Section -->
    <section id="contact" class="contact-section">
        <h2>Kontaktiere uns</h2>
        <p>Interessiert? Dann sende uns eine Nachricht.</p>
        <form class="contact-form" method="post" action="<?php echo esc_url($_SERVER['REQUEST_URI']); ?>">
            <input type="text" name="name" placeholder="Dein Name" required>
            <input type="email" name="email" placeholder="Deine E-Mail" required>
            <textarea name="message" placeholder="Deine Nachricht" required></textarea>
            <button type="submit">Nachricht senden</button>
        </form>
    </section>
</div>
<?php get_footer(); ?>