<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>ProBuddy &copy; TBuddy UG (haftungsbeschränkt)</title>
    <meta name="description" content="ProBuddy - Professionelle Kursverwaltung empfohlen von Julia Hammerschmidt">

    <!-- Google Analytics -->
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-139730172-1', 'auto');
        ga('set', 'anonymizeIp', true);
        ga('send', 'pageview');
    </script>
    <!-- End Google Analytics -->

    <link href="https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600|Montserrat:200,300,400" rel="stylesheet">

    <link rel="stylesheet" href="assets/css/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="assets/fonts/ionicons/css/ionicons.min.css">

    <link rel="stylesheet" href="assets/fonts/fontawesome/css/font-awesome.min.css">


    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/slick-theme.css">

    <link rel="stylesheet" href="assets/css/helpers.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/landing-2.css">
    <style>

        .pb_cover_v3 .heading {
            font-size: 68px;
            max-width: 50%;
        }

        @media only screen and (max-width: 720px)
        {
            .pb_cover_v3 .heading {
                font-size: 32px;
            }
        }

        @media only screen and (max-height: 800px)
        {
            .pb_cover_v3 .heading {
                max-width: 100%;
            }
        }
    </style>
</head>
<body data-spy="scroll" data-target="#pb-navbar" data-offset="200">

<nav class="navbar navbar-expand-lg navbar-dark pb_navbar pb_scrolled-light" id="pb-navbar">
    <div class="container">
        <a class="navbar-brand" href="#section-home">
            <!--
            <strong>Pro</strong>Buddy
            -->
            <img class="logo-white" src="assets/images/logoWhite.png" style="max-width: 178px" />
            <img class="logo-dark" src="assets/images/logoDark.png" style="max-width: 178px" />
        </a>
        <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#probootstrap-navbar" aria-controls="probootstrap-navbar" aria-expanded="false" aria-label="Toggle navigation">
            <span><i class="ion-navicon"></i></span>
        </button>
        <div class="collapse navbar-collapse" id="probootstrap-navbar">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item cta-btn ml-xl-2 ml-lg-2 ml-md-0 ml-sm-0 ml-0">
                    <a class="nav-link" href="<?php echo $clientUrl; ?>/#/auth/login/dog"><span class="pb_rounded-4 px-4">Login</span></a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<!-- END nav -->

<section class="pb_cover_v3 overflow-hidden cover-bg-indigo cover-bg-opacity<?php echo $coverBgOpacityClassSuffix ?> text-left pb_gradient_v1 pb_slant-light"
         id="section-home"
         style="background-image:url('assets/images/DogHeader1.png')">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-md-12">
                <h3 class="sub-heading" style="float: none; font-size: 24px; text-shadow: white 0.01em 0.01em 0.01em;">
                    <p class="mb-3">Für Hundeschulen, Trainer & Teilnehmer</p></h3>
                <h2 class="heading mb-2" style="text-shadow: #393939 0.01em 0.01em 0.01em; font-family: arial black;">
                    Gesamte Termin- & Kursplanung über eine App</h2>
            </div>
        </div>
    </div>
</section>
<!-- END section -->
<section class="pb_section bg-light pb_slant-white" id="section-register" style="padding-bottom: 0;">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <!--<div class="col-md-6 text-center mb-5">

            <h5 class="text-uppercase pb_font-15 mb-2 pb_color-dark-opacity-3 pb_letter-spacing-2"><strong>Herausforderungen im täglichen Betrieb</strong></h5>
            <h2>Gehen wir Ihre Themen gemeinsam an.</h2>
              <strong>Pro</strong>Buddy hilft Ihnen dabei, Ihr Angebot optimal zu präsentieren, "Zeitfresser" zu beseitigen und die Kommunikation miteinander zu verbessern.
          </div>-->

            <div class="col-md-10 relative align-self-center" style="top: -280px; z-index: 10">

                <section data-id="section-wizard-form"
                         data-type="wizard-section">
                    <div class="bg-white rounded pb_form_v1">
                        <h5 class="mb-4 mt-0 text-center">
                            Exklusives Angebot in Kooperation mit Julia Hammerschmidt
                        </h5>
                        <div class="progressbar-container">
                            <div class="progress" style="height: 5px;">
                                <div class="progress-bar"
                                     role="progressbar"
                                     data-id="wizard-progress"
                                     style="width: 0%;" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
                        </div>
                        <div data-id="wizard-carousel"
                             class="carousel slide">

                            <div class="carousel-inner">

                                <!-- start: Intro -->
                                <div class="carousel-item active"
                                     data-type="wizard-step">
                                    <h2 class="mb-4 mt-0 text-center">
                                        <img src="assets/images/Julia-Hammerschmidt_Logo.png"
                                             style="max-width: 196px"
                                             class="img-fluid"/>
                                        <br />
                                        & <br />
                                        ProBuddy | DOG
                                    </h2>
                                    <p class="text-center" style="font-size: 125%">

                                    </p>
                                    <p class="text-center">
                                        Nur hier und jetzt. Sichere Dir <strong>über 5% Rabatt</strong> !!!
                                    </p>
                                    <p class="text-center">

                                    </p>
                                    <div class="wizard-footer">
                                        <p class="d-block w-100 h-100 text-center">
                                            <button class="btn btn-primary btn-block"
                                                    onclick="pbWizardNext( 'intro' )"
                                            >Jetzt Loslegen</button>
                                        </p>
                                    </div>
                                </div>
                                <!-- stop: Intro-->

                                <!-- start: Step 1 -->
                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Wie heißt Deine Hundeschule</h4>
                                    <form data-id="wizardform-school">
                                        <input type="text"
                                               id="input-register-teamname"
                                               data-id="input-register-teamname"
                                               name="input-register-teamname"
                                               class="form-control reverse pb_height-50"
                                               placeholder="Name der Hundeschule"
                                               minlength="3"
                                               maxlength="32"
                                               required>
                                        <div class="invalid-feedback">
                                            Der Name sollte aus mindestens drei und maximal 32 Zeichen bestehen
                                        </div>
                                    </form>
                                    <div class="wizard-hint">
                                        <i class="fa fa-info-circle"></i> Info!<br />
                                        Mit <strong>Probuddy | DOG</strong> kannst Du den Auftritt noch weiter individualisieren, beispielsweise mit einem Logo, Kontaktdaten oder einem Beschreibungstext.
                                    </div>
                                    <div class="wizard-footer">
                                        <p class="d-block w-100 h-100">
                                            <button class="btn btn-primary pull-right"
                                                    onclick="pbWizardNext( 'school' )"
                                            >Weiter</button>
                                        </p>
                                    </div>
                                </div>
                                <!-- stop: Step 1 -->

                                <!-- start: Step 2 -->
                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Wähle Dein Paket</h4>
                                    <p class="d-block w-100 h-100 text-center">
                                        Wir empfehlen das PRO 200er Paket!
                                    </p>
                                    <input type="hidden"
                                           id="input-package"
                                           data-id="input-package"
                                           value="pro200" />
                                    <div class="row">
                                        <div class="col-md">
                                            <div class="pb_pricing_v1 p-5 border text-center bg-white"
                                                 data-type="button-package"
                                                 data-package-id="package-100"
                                                 style="cursor: pointer;">
                                                <h3>PRO 100 </h3>
                                                <span class="price">45,90<sup>€</sup><span>Monat<small>(*)</small></span></span>
                                                <p class="pb_font-15">Inklusive <strong>ProBuddy Vertragsmodul</strong>.</p>
                                                <p class="pb_font-15">Für bis zu 100 Teilnehmer. <br>(ab 0,46 EUR/Kunde)</p>
                                                <p style="font-size:14px;font-weight:bold;color:white;background-color:#758D9A;border-color:#758D9A">Über 5% Rabatt im ersten Jahr</p>
                                            </div>
                                        </div>
                                        <div class="col-md">
                                            <div class="pb_pricing_v1 p-5 border border-primary text-center bg-white"
                                                 data-type="button-package"
                                                 data-package-id="package-200"
                                                 style="cursor: pointer;">
                                                <h3>PRO 200</h3>
                                                <span class="price">74,90<sup>€</sup><span>Monat<small>(*)</small></span></span>
                                                <p class="pb_font-15">Inklusive <strong>ProBuddy Vertragsmodul</strong>.</p>
                                                <p class="pb_font-15">Für bis zu 200 Teilnehmer. <br>(ab 0,37 EUR/Kunde)</p>
                                                <p style="font-size:14px;font-weight:bold;color:white;background-color:#DA6D6D;border-color:#DA6D6D">Über 5% Rabatt im ersten Jahr</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wizard-hint">
                                        <i class="fa fa-info-circle"></i> <strong><sup>(*)</sup>Ergänzende Information</strong><br />
                                        Die Abrechnung aller Pakete erfolgt jährlich im Voraus. Sie erhalten nach Abschluss des Bestellvorgangs eine entsprechende Rechnung zugeschickt. Der Vertrag wird nicht automatisch verlängert, sondern nur auf Ihren Wunsch hin.
                                    </div>
                                    <div class="wizard-footer">
                                        <button class="btn btn-link pull-left" onclick="pbWizardPrev()">Zurück</button>
                                        <button class="btn btn-primary pull-right"
                                                onclick="pbWizardNext( 'package' )">Weiter</button>
                                    </div>
                                </div>
                                <!-- stop: Step 2 -->

                                  <!-- start: Step 3 -->
                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Accountdaten</h4>
                                    <p class="d-block w-100 h-100 text-center">
                                        Bitte nenne uns ein paar Daten für Deinen ProBuddy Account.
                                    </p>
                                    <form data-id="wizardform-contactdata">
                                        <div class="form-row">
                                            <div class="form-group col-md-12">
                                                <input type="text"
                                                       id="input-register-firstname"
                                                       data-id="input-register-firstname"
                                                       name="input-register-firstname"
                                                       class="form-control reverse pb_height-50"
                                                       placeholder="Vorname"
                                                       required>
                                                <div class="invalid-feedback">
                                                    Bitte gib Deinen Vornamen ein.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <input type="text"
                                                       id="input-register-lastname"
                                                       data-id="input-register-lastname"
                                                       name="input-register-lastname"
                                                       class="form-control reverse pb_height-50"
                                                       placeholder="Nachname"
                                                       required>
                                                <div class="invalid-feedback">
                                                    Bitte gib Deinen Nachnamen ein.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <input type="email"
                                                       id="input-register-email"
                                                       data-id="input-register-email"
                                                       name="input-register-email"
                                                       class="form-control reverse pb_height-50"
                                                       placeholder="Email Adresse"
                                                       required>
                                                <div class="invalid-feedback">
                                                    Bitte gib eine gültige Email Adresse ein.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <input type="password"
                                                       id="input-register-password"
                                                       data-id="input-register-password"
                                                       name="input-register-password"
                                                       class="form-control reverse pb_height-50"
                                                       placeholder="Passwort"
                                                       minlength="4"
                                                       maxlength="32"
                                                       required>
                                                <div class="invalid-feedback">
                                                    Verwende ein Passwort von min 4 Zeichen und max 32 Zeichen
                                                </div>
                                            </div>
                                        </div>
                                        <!--
                                        <div class="form-row">
                                            <div class="form-group col">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-accept-newsletter"
                                                           data-id="register-accept-newsletter"
                                                           id="register-accept-newsletter"
                                                           class="custom-control-input"
                                                           checked="checked">
                                                    <label class="custom-control-label" for="register-accept-newsletter">Ja, ich möchte über Neuigkeiten via E-Mail informiert werden.</label>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-accept-legal"
                                                           data-id="register-accept-legal"
                                                           id="register-accept-legal"
                                                           class="custom-control-input"
                                                           required="">
                                                    <label class="custom-control-label"
                                                           for="register-accept-legal">Ich akzeptiere die <a href="https://www.tbuddy.de/agb-probuddy/" target="_blank">AGBs</a> und die <a href="https://www.tbuddy.de/datenschutz-probuddy/" target="_blank">Datenschutzerklärung</a>.</label>
                                                </div>
                                            </div>
                                        </div>
                                        -->
                                    </form>
                                    <div class="wizard-hint">
                                        <i class="fa fa-info-circle"></i> <strong>ProBuddy Account</strong><br />
                                        Mit deiner Email Adresse und dem Passwort kannst Du Dich zukünftig bei ProBuddy anmelden. Nach dem Bestellvorang musst du Deine Email Adresse noch validieren.
                                    </div>
                                    <div class="wizard-footer">
                                        <p class="d-block w-100 h-100">
                                            <button class="btn btn-link pull-left" onclick="pbWizardPrev()">Zurück</button>
                                            <button class="btn btn-primary pull-right"
                                                    onclick="pbWizardNext( 'contactdata' )">Weiter</button>
                                        </p>
                                    </div>
                                </div>
                                <!-- stop: Step 3 -->


                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Deine Daten</h4>
                                    <p class="d-block w-100 h-100 text-center">
                                        Fast geschafft. Bitte nenne uns noch Deine Rechnungsadresse.
                                    </p>
                                    <form data-id="wizardform-invoicedata">
                                        <div class="form-row">
                                            <div class="form-group col-md-12">
                                                <input type="text"
                                                       id="input-invoice-name"
                                                       data-id="input-invoice-name"
                                                       name="input-invoice-name"
                                                       class="form-control reverse pb_height-50"
                                                       placeholder="Firma / Inhaber(in)"
                                                       required>
                                                <div class="invalid-feedback">
                                                    Bitte angeben.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <input type="text"
                                                       id="input-invoice-street"
                                                       data-id="input-invoice-street"
                                                       name="input-invoice-street"
                                                       class="form-control reverse pb_height-50"
                                                       placeholder="Straße und Hausnummer"
                                                       required>
                                                <div class="invalid-feedback">
                                                    Bitte angeben.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <input type="text"
                                                       id="input-invoice-zipcity"
                                                       data-id="input-invoice-zipcity"
                                                       name="input-invoice-zipcity"
                                                       class="form-control reverse pb_height-50"
                                                       placeholder="Postleitzahl und Ort"
                                                       required>
                                                <div class="invalid-feedback">
                                                    Bitte angeben.
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12">
                                                <input type="text"
                                                       id="input-invoice-country"
                                                       data-id="input-invoice-country"
                                                       name="input-invoice-country"
                                                       class="form-control reverse pb_height-50"
                                                       placeholder="Land"
                                                       value="Deutschland"
                                                       required>
                                                <div class="invalid-feedback">
                                                    Bitte angeben.
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="wizard-hint">
                                        <i class="fa fa-info-circle"></i> <strong>Hinweis</strong><br />
                                        Wir ziehen kein Geld automatisch ein. Du erhälst von uns eine Rechnung per Mail, deren Betrag Du dann selbst überweisen kannst.
                                    </div>
                                    <div class="wizard-footer">
                                        <p class="d-block w-100 h-100">
                                            <button class="btn btn-link pull-left" onclick="pbWizardPrev()">Zurück</button>
                                            <button class="btn btn-primary pull-right"
                                                    onclick="pbWizardNext( 'invoicedata' )">Zur Übersicht</button>
                                        </p>
                                    </div>
                                </div>

                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Zusammenfassung</h4>
                                    <p class="d-block w-100 h-100 text-center">
                                        Deine Eingaben noch einmal zusammengefasst.
                                    </p>
                                    <hr />
                                    <p class="d-block w-100 h-100 text-center">
                                        <strong>Hundeschule</strong><br />
                                        <span data-id="span-dogschoolname"></span>
                                    </p>
                                    <p class="d-block w-100 h-100 text-center">
                                        <strong>Deine Daten</strong><br />
                                        <span data-id="span-yourdata"></span>
                                    </p>
                                    <p class="d-block w-100 h-100 text-center">
                                        <strong>Rechnngsadresse</strong><br />
                                        <span data-id="span-invoicedata"></span>
                                    </p>
                                    <p class="d-block w-100 h-100 text-center">
                                        <strong>Produkt</strong><br />
                                        <span data-id="span-package"></span>
                                    </p>
                                    <hr />
                                    <form data-id="wizardform-checkboxes">
                                        <div class="form-row">
                                            <div class="form-group col">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-accept-newsletter"
                                                           data-id="register-accept-newsletter"
                                                           id="register-accept-newsletter"
                                                           class="custom-control-input"
                                                           checked="checked">
                                                    <label class="custom-control-label" for="register-accept-newsletter">Ja, ich möchte über Neuigkeiten via E-Mail informiert werden.</label>

                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-row">
                                            <div class="form-group col">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-accept-legal"
                                                           data-id="register-accept-legal"
                                                           id="register-accept-legal"
                                                           class="custom-control-input"
                                                           required="">
                                                    <label class="custom-control-label"
                                                           for="register-accept-legal">Ich akzeptiere die <a href="https://www.tbuddy.de/agb-probuddy/" target="_blank">AGBs</a> und die <a href="https://www.tbuddy.de/datenschutz-probuddy/" target="_blank">Datenschutzerklärung</a>.</label>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="wizard-hint">
                                        <i class="fa fa-info-circle"></i> <strong>Hinweis</strong><br />
                                        Nach erfolgreichem Abschluss des Bestellvorganges, kannst du sofort loslegen, Deine Hundeschule bei ProBuddy anzulegen und Mitglieder einzuladen.
                                    </div>
                                    <div class="wizard-footer">
                                        <p class="d-block w-100 h-100">
                                            <button class="btn btn-link pull-left" onclick="pbWizardPrev()">Zurück</button>
                                            <button class="btn btn-primary pull-right"
                                                    onclick="pbWizardNext( 'register' )">Kostenpflichtig Bestellen</button>
                                        </p>
                                    </div>
                                </div>

                                <!-- start: Step 5 -->
                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Bestellvorgang läuft...</h4>
                                    <div data-id="register-container"
                                         class="text-center" style="font-size: 52px; color: #cccccc">
                                        <div>
                                            <i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
                                        </div>
                                    </div>
                                </div>
                                <!-- stop: Step 5 -->

                                <!-- start: Step 6 -->
                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Vielen Dank!!!</h4>
                                    <p class="d-block w-100 h-100 text-center">
                                        Deine Hundeschule wurde erfolgreich angelegt.
                                    </p>
                                    <p class="d-block w-100 h-100 text-center">
                                        Du erhälst in den nächsten Minuten eine Registrierungsmail. Bitte validiere damit Deine Mail. Danach kannst Du sofort loslegen.<br />
                                        Solltest Du auch nach mehreren Minuten keine Mail finden, siehe bitte auch in deinem Spam-Ordner nach.
                                    </p>
                                    <div class="wizard-hint">
                                        <p>
                                            <i class="fa fa-info-circle"></i> <strong>Hinweis</strong><br />
                                            In Zukunft kannst Du dich nun unter folgender URL bei ProBuddy anmelden: <strong><?php echo $clientUrl; ?>/#/auth/login/dog</strong>
                                        </p>
                                        <p>
                                            Du hast noch Fragen oder Wünsche? Schick uns jederzeit eine Mail an: <a href="mailto:support@probuddy.de" style="color: white">support@probuddy.de</a>
                                        </p>
                                    </div>
                                    <div class="wizard-footer">
                                        <!--
                                        <p class="d-block w-100 h-100 text-center">
                                            <a class="btn btn-primary"
                                               data-id="btnLaunchApp"
                                               href=""
                                               target="_blank"
                                            >Weiter Zu ProBuddy...</a>
                                        </p>
                                        -->
                                    </div>
                                </div>
                                <!-- stop: Step 6 -->
                            </div>
                        </div>
                    </div>
                </section>

                <section data-id="registration-error" style="display: none">
                    <div class="bg-white rounded pb_form_v1 form-auth-login needs-validation"
                         novalidate>
                        <h2 class="mb-4 mt-0 text-center">
                            Ein Fehler ist aufgetreten!
                        </h2>
                        <p class="text-center">
                            Ooops...sorry, da ist wohl etwas schief gelaufen.
                        </p>
                        <p data-id="error-reason" class="text-center">
                            Bitte versuche es zu einem späteren Zeitpunkt erneut oder kontaktiere uns unter:<br />
                            support@probuddy.de
                        </p>
                        <p>
                            <button class="btn btn-lg btn-primary btn-block"
                                    onclick="location.reload()">
                                Alles klar!
                            </button>
                        </p>
                    </div>
                </section>

                <section data-id="registration-existing-user" style="display: none" data-type="register-section">
                    <div class="bg-white rounded pb_form_v1 form-auth-login needs-validation"
                         style="display: none"
                         novalidate>
                        <h2 class="mb-4 mt-0 text-center">
                            Registration erfolgreich!
                        </h2>
                        <p class="text-center">
                            Deine Gruppe wurde erfolgreich angelegt.
                        </p>
                        <p class="text-center">
                            Melde Dich nun gleich mit deinem bestehenden Account an.
                        </p>
                        <p>
                            <a class="btn btn-lg btn-primary btn-block" href="<?php echo $clientUrl; ?>/#/auth/login/dog">
                                Zum Login
                            </a>
                        </p>
                    </div>
                </section>

                <section data-id="registration-new-user" style="display: none" data-type="register-section">
                    <div class="bg-white rounded pb_form_v1 form-auth-login needs-validation"
                         style="display: block"
                         novalidate>
                        <h2 class="mb-4 mt-0 text-center">
                            Registration erfolgreich!
                        </h2>
                        <p>
                        <div data-id="checkmark-container">
                        </div>
                        </p>
                        <p class="text-center">
                            Deine Gruppe wurde erfolgreich angelegt.
                        </p>
                        <p class="text-center">
                            <u><b>Die nächsten Schritte</b></u>
                        </p>
                        <p class="text-center">
                            Bitte schließe die Registrierung ab, in dem du deine Email validierst.
                        </p>
                        <p class="text-center">
                            Hierfür schaue in dein Postfach.
                        </p>
                        <p class="text-center">
                            Du solltest innerhalb der nächsten Minuten eine Email von uns bekommen.
                        </p>
                        <p>
                            <button class="btn btn-lg btn-primary btn-block" onclick="javascript:window.location.reload()">
                                OK
                            </button>
                        </p>
                    </div>
                </section>

            </div>

        </div>
    </div>
</section>


<!--
<section class="pb_xl_py_cover overflow-hidden pb_gradient_v1 cover-bg-opacity-8"
         style="background-image: url(assets/images/banner_bottom.jpg)">
    <div class="container">
        <div class="row align-items-center justify-content-center">
            <div class="col-md-5 justify-content-center">
                <h2 class="heading mb-5 pb_font-40">Jetzt kostenfrei bei <strong>Pro</strong>Buddy&nbsp;|&nbsp;DOG registrieren</h2>
                <div class="sub-heading">
                    <p class="mb-4">
                        Investiere 5 Minuten. Registriere Dich, stell ein paar Termine ein und lade ein paar Kollegen, Freunde oder Kunden ein. Teste <strong>Pro</strong>Buddy&nbsp;|&nbsp;DOG 30 Tage kostenlos.
                    </p>
                </div>
            </div>
            <div class="col-md-1"></div>
            <div class="col-md-5 relative align-self-center">

                <div class="bg-white rounded pb_form_v1">
                    <h2 class="mb-4 mt-0 text-center">30 Tage kostenfrei testen</h2>
                    <p>
                        Kostenfrei registrieren und ProBuddy&nbsp;|&nbsp;DOG testen. Kein Vertragsrisiko. Dazu Support und Unterstützung durch unser Team.
                    </p>
                    <div class="form-group">
                        <a href="#section-register" class="btn btn-primary btn-lg btn-block pb_btn-pill  btn-shadow-blue">Jetzt loslegen</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
-->
<!-- END section -->

<footer class="pb_footer bg-light mt-3" style="padding-top: 10em;" role="contentinfo">
    <div class="container">
        <div class="row text-center">
            <div class="col">
                <ul class="list-inline">
                    <li class="list-inline-item"><a href="#" class="p-2"><i class="fa fa-facebook"></i></a></li>
                    <li class="list-inline-item"><a href="#" class="p-2"><i class="fa fa-twitter"></i></a></li>
                    <li class="list-inline-item"><a href="#" class="p-2"><i class="fa fa-linkedin"></i></a></li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col text-center">
                <p class="pb_font-14">&copy; 2018 - 2021 <a href="https://uicookies.com/" target="_blank">TBuddy UG (haftungsbeschränkt)</a>. All Rights Reserved. <br />
                    <small>
                        <a href="https://www.tbuddy.de/impressum/" target="_blank">Impressum</a> - <a href="https://www.tbuddy.de/datenschutz-probuddy/" target="_blank">Datenschutzerklärung</a> - <a href="https://www.tbuddy.de/disclaimer/" target="_blank">Disclaimer</a> - <a href="https://www.tbuddy.de/agb-probuddy/" target="_blank">AGB</a>
                    </small>
                </p>
                <!-- <p class="pb_font-14">
                     <small>
                         Bildquelle: <a href="https://unsplash.com/" target="_blank" rel="nofollow">Unsplash</a>
                     </small>
                 </p>-->
            </div>
        </div>
    </div>
</footer>

<!-- loader -->
<div id="pb_loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#2B2D42"/></svg></div>
<!--
<div id="pb_loader" class="show fullscreen">
    <p class="loading">LOADING</p>
</div>
-->

<script src="assets/js/jquery.min.js"></script>

<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/jquery.mb.YTPlayer.min.js"></script>

<script src="assets/js/jquery.waypoints.min.js"></script>
<script src="assets/js/jquery.easing.1.3.js"></script>

<script src="assets/js/pb.js"></script>
<script src="assets/js/main.js"></script>

</body>
</html>