<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Kraftpohl - Personal Training und Coaching in Köln. Individuelles Training für Rehabilitation und Prävention.">
    <title>Kraftpohl - Personal Training und Coaching in Köln</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
    <!-- Standard Favicon -->
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">

    <!-- Alternative für moderne Browser mit PNG -->
    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="48x48" href="images/favicon-48x48.png">
    <link rel="icon" type="image/png" sizes="96x96" href="images/favicon-96x96.png">

    <style>
        body {
            font-family: 'Arial', sans-serif;
            margin: 0;
            padding: 0;
            background: linear-gradient(120deg, #f4a261, #ffffff 70%);
            color: #333;
            line-height: 1.6;
            max-width: 100%;
            overflow-x: hidden;
        }

        header {
            background: url(images/header.jpg) no-repeat center center/cover;
            color: white;
            padding: 20px 10px;
            text-align: center;
            position: relative;
        }

            header h1 {
                font-size: 2.5em;
                margin: 10px 0;
            }

            header p {
                font-size: 1.2em;
                margin: 0;
                font-weight: bold;
            }

        .logo {
            width: 250px;
            height: auto;
        }

        nav {
            text-align: center;
            margin: 20px 0;
        }

            nav a {
                text-decoration: none;
                color: black;
                margin: 0 15px;
                font-weight: bold;
                font-size: 1.2em;
            }

                nav a:hover {
                    color: #e76f51;
                }

        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
        }

            .container p {
                text-align: justify;
            }

        .section {
            margin-bottom: 40px;
        }

            .section h2 {
                margin-bottom: 20px;
                font-size: 2em;
                color: #e76f51;
                text-align: center;
            }

        .about-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .profile-img {
            width: 100%;
            max-width: 600px;
            height: auto;
            border-radius: 5px;
            object-fit: cover;
            margin-bottom: 15px;
        }

        .info-buttons {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .info-button {
            background-color: #444B5A;
            color: white;
            padding: 15px;
            text-align: center;
            font-weight: bold;
            text-transform: uppercase;
            border-radius: 5px;
        }

        .pricing-container {
            background: #f9f9f9;
            padding: 20px;
            border-radius: 5px;
        }

        .pricing-item {
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 10px;
            background: white;
        }

            .pricing-item h3 {
                color: #e76f51;
                margin-bottom: 10px;
            }

            .pricing-item ul {
                padding-left: 20px;
            }

            .pricing-item p {
                font-weight: bold;
                margin-left: 20px;
            }

        .contact-form {
            background-color: #000;
            padding: 20px;
            border-radius: 5px;
            color: white;
            width: 100%;
        }

            .contact-form input,
            .contact-form textarea,
            .contact-form button {
                width: calc(100% - 20px);
                padding: 10px;
                margin-bottom: 10px;
                border: 1px solid #ccc;
                border-radius: 0;
            }

            .contact-form button {
                background-color: #e76f51;
                color: white;
                font-weight: bold;
                cursor: pointer;
            }

                .contact-form button:hover {
                    background-color: #d95c43;
                }

        .social-links {
            text-align: center;
            margin: 30px 0;
        }

            .social-links a {
                margin: 0 15px;
                color: #333;
                font-size: 2em;
                text-decoration: none;
                transition: color 0.3s ease-in-out;
            }

                .social-links a:hover {
                    color: #e76f51;
                }

        footer {
            text-align: center;
            padding: 20px;
            background-color: #111;
            color: white;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            header h1 {
                font-size: 2em;
            }

            header p {
                font-size: 1em;
            }

            nav a {
                font-size: 1em;
                margin: 0 10px;
            }

            .container {
                padding: 10px;
            }

            .section h2 {
                font-size: 1.8em;
            }

            .pricing-container {
                padding: 15px;
            }

            .pricing-item p {
                margin-left: 10px;
            }

            .contact-form input,
            .contact-form textarea {
                width: 100%;
            }

            .social-links a {
                font-size: 1.5em;
            }

            @media (max-width: 768px) {


                header h1 {
                    font-size: 1.8em;
                }

                .pricing-item h3 {
                    font-size: 1.5em;
                }

                .pricing-item p {
                    font-size: 1.1em;
                }

                .contact-form input,
                .contact-form textarea,
                .contact-form button {
                    padding: 12px;
                }

                footer {
                    padding: 15px;
                }

                .social-links a {
                    font-size: 1.2em;
                }
            }
    </style>
</head>
<body>
    <header>
        <img src="images/logo.png" alt="Kraftpohl Logo" class="logo">
        <h1>Kraftpohl - Personal Training und Coaching in Köln</h1>
        <p>Individuelles Training für Rehabilitation und Prävention</p>
    </header>

    <nav>
        <a href="#about">Über Mich</a>
        <a href="#benefits">Qualifikation</a>
        <a href="#pricing">Kosten</a>
        <a href="#contact">Kontakt</a>
        <a href="blog.html">Blog</a>
    </nav>

    <div class="container">
        <section id="about" class="section">
            <h2>Über Mich</h2>
            <div class="about-container">
                <img src="images/profil.jpg" alt="Profilbild von Pascal Pohl" class="profile-img">
                <p>Mein Name ist Pascal Pohl, ich komme aus Köln und unterstütze Menschen mit orthopädischen Vorerkrankungen dabei, schmerzfrei durch den Alltag zu gehen, sportlich aktiv zu bleiben und langfristig gesund zu sein.</p>

                <p>Durch meine Erfahrung in rehabilitativen Einrichtungen – speziell in der Orthopädie – kenne ich die Herausforderungen von Bewegungseinschränkungen. Deshalb entwickle ich maßgeschneiderte Trainingskonzepte, die genau auf Ihre Bedürfnisse abgestimmt sind.</p>

                <p>Ob nach einer Verletzung, zur Schmerzreduktion oder zur Verbesserung von Stabilität und Mobilität – ich begleite Sie auf Ihrem Weg. Mein Ziel ist es, Ihre Lebensqualität zu steigern und Ihnen die Freude an Bewegung zurückzugeben.</p>

                <p>Als ehemaliger Ski-, Snowboard- und Windsurf-Instructor und leidenschaftlicher Outdoor-Sportler kenne ich zudem die Anforderungen verschiedener Sportarten und helfe Ihnen, nach Verletzungen sicher zum Sport zurückzukehren.</p>

                <p>Lassen Sie uns gemeinsam Ihre Ziele erreichen – für ein aktives und gesundes Leben!</p>

            </div>
        </section>

        <section id="benefits" class="section">
            <h2>Qualifikation</h2>
            <div class="info-buttons">
                <div class="info-button">Bachelor in Sportwissenschaft</div>
                <div class="info-button">Master in Prävention, Sporttherapie und Gesundheitsmanagement</div>
                <div class="info-button">Langjährige Erfahrung im Bereich Rehabilitation und Prävention</div>
                <div class="info-button">Fortbildung - Medizinische Trainingstherapie (MTT-Lizenz)</div>
                <div class="info-button">Ski- und Snowboard Kids Instructor (Swiss Snowsports)</div>
                <div class="info-button">Windsurf-Instructor (VDWS)</div>
            </div>
        </section>

        <section id="pricing" class="section">
            <h2>Kosten</h2>
            <div class="pricing-container">
                <div class="pricing-item">
                    <h3>Gratis Probetraining</h3>
                    <ul>
                        Für ein gegenseitiges Kennenlernen.
                    </ul>
                </div>
                <div class="pricing-item">
                    <h3>Personal Training</h3>
                    <ul>
                        Erstes Training
                        <li>Diagnostik</li>
                        <li>Individuelle Trainingsplanung</li>
                        <li>60min. 1:1 Training</li>

                    </ul><strong>179€</strong>
                    <ul>
                        Alle weiteren Trainingsstunden

                    </ul><strong>89 €</strong>
                </div>
                <div class="pricing-item">
                    <h3>Online-Coaching</h3>
                    <ul>
                        <li>Diagnostik</li>
                        <li>Individuelle Trainingsplanung</li>
                        <li>Persönlicher Kontakt für Fragen</li>
                    </ul>
                    <strong>149 € pro Monat</strong>
                </div>
                <small>(Alle Preise inkl. USt.)</small>
            </div>
        </section>
        <section id="contact" class="section contact-form">
            <h2>Kontakt</h2>
            <form action="https://formspree.io/f/mjkgwbel" method="post">
                <input type="text" name="name" placeholder="Ihr Name" required>
                <input type="email" name="email" placeholder="Ihre E-Mail" required>
                <textarea name="message" rows="5" placeholder="Ihre Nachricht" required></textarea>
                <button type="submit">Absenden</button>
            </form>
        </section>
    </div>

    <footer>
        <div class="social-links">
            <a href="https://www.facebook.com/profile.php?id=61572832198012" target="_blank"><i class="fab fa-facebook"></i></a>
            <a href="https://instagram.com/kraftpohl" target="_blank"><i class="fab fa-instagram"></i></a>
            <a href="https://www.youtube.com/@pascalpohl" target="_blank"><i class="fab fa-youtube"></i></a>
        </div>
        <p>&copy; 2025 Kraftpohl - Personal Training und Coaching in Köln. Alle Rechte vorbehalten.</p>
    </footer>
</body>
</html>