<?php
require_once __DIR__ . '/../../server/server/config/boot_global.php';
require_once __DIR__ . '/../../server/server/config/boot_local.php';

$clientUrl = Francis_Utils_Config::get( 'url.client' );
//$clientUrl = 'https://app.probuddy.de';

// REFERE INDUSTRY SWITCH
$refIndustry = isset( $_GET[ 'ref' ] ) ? strtolower( $_GET[ 'ref' ] ) : NULL;
$bgCoverStyle = '';
$coverBgOpacityClassSuffix = '-3';
$h1Text = 'Professionelle Kursverwaltung';
$h1Desc = 'Mit <strong>Pro</strong>Buddy verwalten sie professionell ihre Kurse und bieten ihren Kunden die Möglichkeit, von überall und jederzeit darauf zuzugreifen.';

switch ( $refIndustry )
{
    case 'sprt':
        $bgCoverStyle = 'background-image:url(./assets/images/geert-pieters-688278-unsplash.jpg);';
        $coverBgOpacityClassSuffix = '-8';
        $h1Text = 'Professionell Sportkurse verwalten';
        $h1Desc = 'Mit <strong>Pro</strong>Buddy verwalten sie professionell ihre Sportkurse und bieten ihren Kunden die Möglichkeit, von überall und jederzeit darauf zuzugreifen.';
        break;

    case 'yg':
        $bgCoverStyle = 'background-image:url(./assets/images/rawpixel-771284-unsplash.jpg);';
        $coverBgOpacityClassSuffix = '-8';
        $h1Text = 'Namaste <strong>Pro</strong>Buddy';
        $h1Desc = 'Setzen sie in ihrer Yogaschule <strong>Pro</strong>Buddy ein und widmen sie ihre Zeit dem, was wirklich zählt!';
        break;

    case 'dgschl':
        $bgCoverStyle = 'background-image:url(./assets/images/kevin-laminto-621654-unsplash.jpg);';
        $coverBgOpacityClassSuffix = '-8';
        $h1Text = 'Der beste Freund des Menschen...';
        $h1Desc = '...ist der Hund. Aber gleich danach kommt <strong>Pro</strong>Buddy. Die professionelle Lösung für alle Hundeschulen.';
        break;

    case 'prsnltrnng':
        $bgCoverStyle = 'background-image:url(./assets/images/bruce-mars-556415-unsplash.jpg);';
        $coverBgOpacityClassSuffix = '-8';
        $h1Text = 'Personal Professional Training';
        $h1Desc = 'Mit <strong>Pro</strong>Buddy verwalten sie professionell ihre Kurse und bieten ihren Kunden die Möglichkeit, von überall und jederzeit darauf zuzugreifen.';
        break;

    case 'hlth':
        $bgCoverStyle = 'background-image:url(./assets/images/jesper-aggergaard-495757-unsplash.jpg);';
        $coverBgOpacityClassSuffix = '-8';
        $h1Text = 'Gesund und professionell';
        $h1Desc = 'Ob Arzt- oder Physiopraxis. Mit <strong>Pro</strong>Buddy verwalten sie professionell ihre Kurse und erleichtern sich und ihren Kunden den Alltag.';
        break;

    case 'chrty':
    case 'frfghtrs':
    default:
        $bgCoverStyle = '';
        $coverBgOpacityClassSuffix = '-8';
        $h1Text = 'Mehr Zeit für Ihre Kunden.';
        $h1Desc = 'Organisieren Sie Ihr Praxis-, Schul- oder Fitness-Angebot mit ProBuddy und bauen Ihr Geschäft kundenfreundlich und effizient aus.';

}
$coverBgOpacityClassSuffix = '-4';
?>
<!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">

    <!-- 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">
</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"><a class="nav-link" href="#section-home">&#8613;</a></li>
                <li class="nav-item"><a class="nav-link" href="#section-register">JETZT REGISTRIEREN</a></li>
                <li class="nav-item"><a class="nav-link" href="#section-features">Lösung</a></li>
                <!--
                <li class="nav-item"><a class="nav-link" href="#section-industry">im Einsatz</a></li>
                <li class="nav-item"><a class="nav-link" href="#section-reviews">Kunden</a></li>
                -->
                <li class="nav-item"><a class="nav-link" href="#section-pricing">Preise</a></li>
                <li class="nav-item"><a class="nav-link" href="#section-faq">FAQ</a></li>
                <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, Tiertrainer und Sportgruppen aller Art</p></h3>
                <h2 class="heading mb-2" style="text-shadow: #393939 0.01em 0.01em 0.01em; font-family: arial black;">
			Meine Termine bestens organisiert</h2>
                <h3 class="sub-heading" style="float: none; font-size: 24px; text-shadow: white 0.01em 0.01em 0.01em; ">
			<p class="mb-3">Einfach und effizient für Herrchen und Trainer - per App.</p></h3>
            </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">
                                                        Anmeldung Deiner Hundeschule

                        </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">
                                       Teste ProBuddy DOG jetzt kostenfrei.                                    
                                    </h2>
                                    <p class="text-center" style="font-size: 125%">
                                                                        
                                    </p>
                                    <p class="text-center">                                        
                                     In zwei Minuten ist Deine Gruppe online und zum Testen bereit. Probier es gleich aus. Deine Anmledung ist kostenfrei, risikolos und vollkommen unverbindlich.
                                   </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">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">Kurs Kategorien</h4>
                                    <p class="d-block w-100 h-100">
                                        Wähle Kategorien für die Termine!
                                    </p>
                                    <form data-id="wizardform-group-categories">
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-coursecategories-agility"
                                                           data-id="register-coursecategories-agility"
                                                           id="register-coursecategories-agility"
                                                           data-type="checkbox-coursecategories"
                                                           data-value="Agility"
                                                           class="custom-control-input"
                                                           checked="checked" />
                                                    <label class="custom-control-label" for="register-coursecategories-agility"> Agility
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-coursecategories-welpenschule"
                                                           data-id="register-coursecategories-welpenschule"
                                                           data-type="checkbox-coursecategories"
                                                           data-value="Welpenschule"
                                                           id="register-coursecategories-welpenschule"
                                                           class="custom-control-input"
                                                           checked="checked" />
                                                    <label class="custom-control-label" for="register-coursecategories-welpenschule"> Welpenschule
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-coursecategories-mantrailing"
                                                           data-id="register-coursecategories-mantrailing"
                                                           data-type="checkbox-coursecategories"
                                                           data-value="Mantrailing"
                                                           id="register-coursecategories-mantrailing"
                                                           class="custom-control-input" />
                                                    <label class="custom-control-label" for="register-coursecategories-mantrailing"> Mantrailing
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-coursecategories-obedience"
                                                           data-id="register-coursecategories-obedience"
                                                           id="register-coursecategories-obedience"
                                                           data-type="checkbox-coursecategories"
                                                           data-value="Obedience"
                                                           class="custom-control-input" />
                                                    <label class="custom-control-label" for="register-coursecategories-obedience"> Obedience
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-coursecategories-apportieren"
                                                           data-id="register-coursecategories-apportieren"
                                                           data-type="checkbox-coursecategories"
                                                           data-value="Apportieren"
                                                           id="register-coursecategories-apportieren"
                                                           class="custom-control-input" />
                                                    <label class="custom-control-label" for="register-coursecategories-apportieren"> Apportieren
                                                </div>
                                            </div>
                                            <div class="form-group col-md-6">
                                                <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                    <input type="checkbox"
                                                           name="register-coursecategories-stadttraining"
                                                           data-id="register-coursecategories-stadttraining"
                                                           id="register-coursecategories-stadttraining"
                                                           data-type="checkbox-coursecategories"
                                                           data-value="Stadttraining"
                                                           class="custom-control-input" />
                                                    <label class="custom-control-label" for="register-coursecategories-stadttraining"> Stadttraining
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="wizard-hint">
                                        <i class="fa fa-info-circle"></i> <strong>Du bietest noch andere Kurse an?</strong><br />
                                        Kein Problem. Mit Probuddy | DOG hast du die Möglichkeit, die Kurse individuell  ganz nach Deinen Wünschen zu gestalten.
                                    </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( 'categories' )">Weiter</button>
                                    </div>
                                </div>
                                <!-- stop: Step 2 -->

                                <!-- start: Step 3 -->
                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Termine</h4>
                                    <p class="d-block w-100 h-100">
                                        Sollen wir für den Einstieg für Dich ein paar Beispiel Termine anlegen?
                                    </p>
                                    <p class="d-block w-100 h-100">
                                       Keine Angst, du kannst Sie später nach Belieben verändern und auch wieder löschen!
                                    </p>
                                    <form data-id="wizardform-demo-appointments">
                                        <div class="form-group">
                                            <div class="custom-control custom-checkbox my-1 mr-sm-2">
                                                <input type="checkbox"
                                                       name="register-demo-appointments"
                                                       data-id="register-demo-appointments"
                                                       id="register-demo-appointments"
                                                       class="custom-control-input"
                                                       checked="checked"
                                                />
                                                <label class="custom-control-label" for="register-demo-appointments"> Ja, Demo Termine anlegen.
                                            </div>
                                        </div>
                                    </form>
                                    <div class="wizard-hint">
                                        <i class="fa fa-info-circle"></i> <strong>Vielfältige Möglichkeiten</strong><br />
                                        Mit <strong>Probuddy | DOG</strong> ist die Terminverwaltung ganz einfach, egal ob Einzel- oder Serientermin.
                                    </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( 'demoAppointments' )">Weiter</button>
                                        </p>
                                    </div>
                                </div>
                                <!-- stop: Step 3 -->

                                <!-- start: Step 4 -->
                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Über Dich</h4>
                                    <p class="d-block w-100 h-100">
                                        Fast geschafft. Erzähl uns noch ein paar Dinge über Dich und schon kann es losgehen.
                                    </p>
                                    <form data-id="wizardform-account">
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <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-6">
                                                <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>
                                        <div class="form-row">
                                            <div class="form-group col-md-6">
                                                <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-6">
                                                <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-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' )">Registrieren</button>
                                        </p>
                                    </div>
                                </div>
                                <!-- stop: Step 4 -->

                                <!-- start: Step 5 -->
                                <div class="carousel-item"
                                     data-type="wizard-step">
                                    <h4 class="text-center">Registrierung 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">Registrierung erfolgreich</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 kannst sofort loslegen. Klicke unten auf den Button.
                                    </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 class="text-center">
                            Bitte versuche es zu einem späteren Zeitpunkt erneut.
                        </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_section pb_slant-light" id="section-features">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 order-2">
                <!--img src="assets/images/GIF_right.gif" alt="Image placeholder" class="img-fluid"-->
                <img src="assets/images/ProBuddyDOG.gif" alt="Image placeholder" class="img-fluid">
            </div>
            <div class="col-lg-8 pl-md-5 pl-sm-0">
                <div class="row">
                    <div class="col">
                        <h2>Wir kennen viele Herausforderungen im täglichen Betrieb einer Hundeschule</h2>
                        <p class="pb_font-20">
                            <strong>Pro</strong>Buddy | DOG hilft Ihnen dabei, Ihr Angebot optimal zu präsentieren, "Zeitfresser" zu beseitigen und die Kommunikation miteinander zu verbessern.</p>
                    </div>
                </div>
                <div class="row">
              
                    <div class="col-lg">

                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"> 
                            <i class="ion-ios-list-outline pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Mehr Zeit = mehr Umsatz</h3>
                                <p class="text-sans-serif pb_font-16">Organisation + Abrechnung aufwändig, Verlässlichkeit der Kunden, usw.</p>
                            </div>
                        </div>
                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15">
                            <i class="ion-ios-timer-outline pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Täglicher Terminwahnsinn</h3>
                                <p class="text-sans-serif pb_font-16">Vor, während und nach dem Termin. Zu-/Absagen, Anwesenheiten, Erinnerugen.</p>
                            </div>
                        </div>
                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15">
                            <i class=" ion-ios-color-wand-outline pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Zu wenig digitale Unterstützung</h3>
                                <p class="text-sans-serif pb_font-16">EMail, WhatsApp, Anruf, Excel. Keine einheitliche Linie oder Regeln.</p>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg">

                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15">
                            <i class=" ion-ios-calendar-outline pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Kurs-Kalender zu starr</h3>
                                <p class="text-sans-serif pb_font-16">Kaum Flexibilität, keine Plattform, um neue Themen zu testen und probieren.</p>
                            </div>
                        </div>

                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15">
                            <i class=" ion-ios-chatboxes-outline pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Zu viele Kommunikationswege</h3>
                                <p class="text-sans-serif pb_font-16">Erinnerungen, News und Updates. Neu- und Bestandskunden, Trainer. </p>
                            </div>
                        </div>
                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15">
                            <i class=" ion-ios-locked-outline pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Datenschutz ist Pflicht</h3>
                                <p class="text-sans-serif pb_font-16">Gesetzliche Datenschutzrichtlinien (DSGVO), Corona? Ohne IT keine Chance.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END section -->



<!--section class="pb_section pb_slant-white" id="section-industry" style="margin-top: 1em; padding-top: 100px;padding-bottom: 100px;">
    <div class="container">
        <div class="row justify-content-center mb-5" style="margin-bottom: 0rem!important;">
          <div class="col-md-6 text-center mb-5" style="margin-top: 20px; margin-bottom: 20px; flex: 0 0 90%; max-width: 90%">
            <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>
             <div class="row">
          <div class="col-lg-4 col-md- col-sm-6">
            <div class="media d-block pb_feature-v1 text-center">
              <div class="pb_icon"><i class="ion-ios-list-outline pb_icon-gradient"></i></div>
              <div class="media-body">
                <h5 class="mt-0 mb-3 heading">Nicht optimale Kursauslastung</h5>
                <p class="text-sans-serif">Zu- und Absagen, Verlässlichkeit der Teilnehmer, Warteliste.</p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md- col-sm-6">
            <div class="media d-block pb_feature-v1 text-center">
              <div class="pb_icon"><i class="ion-ios-timer-outline pb_icon-gradient"></i></div>
              <div class="media-body">
                <h5 class="mt-0 mb-3 heading">Mühsame Terminorganisation</h5>
                <p class="text-sans-serif">Vor, während und nach dem Termin. Anwesenheit, u.a. für die Abrechnung.</p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md- col-sm-6">
            <div class="media d-block pb_feature-v1 text-center">
              <div class="pb_icon"><i class=" ion-ios-color-wand-outline pb_icon-gradient"></i></div>
              <div class="media-body">
                <h5 class="mt-0 mb-3 heading">Zu wenig digitale Unterstützung</h5>
                <p class="text-sans-serif">Mail, SMS, Anruf, Wandkalender. Was erwarten Ihre Kunden heute?</p>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md- col-sm-6">
            <div class="media d-block pb_feature-v1 text-center">
              <div class="pb_icon"><i class=" ion-ios-calendar-outline pb_icon-gradient"></i></div>
              <div class="media-body">
                <h5 class="mt-0 mb-3 heading">Starrer Kurs-Kalender</h5>
                <p class="text-sans-serif">Flexibel und schnell Kalender erweitern, neue Themen probieren. </p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md- col-sm-6">
            <div class="media d-block pb_feature-v1 text-center">
              <div class="pb_icon"><i class=" ion-ios-chatboxes-outline pb_icon-gradient"></i></div>
              <div class="media-body">
                <h5 class="mt-0 mb-3 heading">Zu viele Kommunikationswege</h5>
                <p class="text-sans-serif">Erinnerungen, News und Updates. Wie erreichen Sie die Kunden? </p>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md- col-sm-6">
            <div class="media d-block pb_feature-v1 text-center">
              <div class="pb_icon"><i class=" ion-ios-locked-outline pb_icon-gradient"></i></div>
              <div class="media-body">
                <h5 class="mt-0 mb-3 heading">Datenschutz ist Pflicht</h5>
                <p class="text-sans-serif">Gesetzliche Datenschutzrichtlinien (DSGVO)? Ohne IT keine Chance.</p>
              </div>
            </div>
          </div>
        </div>


    </div>
</section>
<!-- END section -->


 <section class="pb_section bg-light pb_slant-white pb_pb-250" id="section-challenge">
      <div class="container">
        <div class="row justify-content-center mb-5" style="margin-top: 2rem!important; margin-bottom: 0rem!important;">
          <div class="col-md-6 text-center mb-5" style="margin-top: 20px; margin-bottom: 10px; flex: 0 0 90%; max-width: 90%">
            <h5 class="text-uppercase pb_font-15 mb-2 pb_color-dark-opacity-3 pb_letter-spacing-2"><strong>Profitieren Sie von den Erfahrungen vieler Hundeschulen und Best Practices</strong></h5>
            <h2>ProBuddy | DOG in drei Minuten erklärt</h2>
                        </div>
        </div>
          <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-12">
                <div class="media media-vimeo">
                    <iframe src="https://player.vimeo.com/video/400029106" width="100%" height="100%" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                </div>
            </div>
        </div>
      </div>
    </section>
    <!-- END section -->


<section class="pb_section pb_slant-light" id="section-features">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 order-2">
                <!--img src="assets/images/GIF_right.gif" alt="Image placeholder" class="img-fluid"-->
                <img src="assets/images/ProBuddyDOG.gif" alt="Image placeholder" class="img-fluid">
            </div>
            <div class="col-lg-8 pl-md-5 pl-sm-0">
                <div class="row">
                    <div class="col">
                        <h2>Konzentriere Dich auf das was zählt!</h2>
                        <p class="pb_font-20">
                            <strong>Pro</strong>Buddy | DOG reduziert zeitintensive Aufgaben, verbessert gleichzeitig die Kommunikation und schafft Freiräume.
                        </p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg">

                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-flag-checkered pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Schnelles Setup</h3>
                                <p class="text-sans-serif pb_font-16">In nur wenigen Schritten zum Erfolg. Registrieren. Kurse anlegen. Mitglieder einladen. Fertig!</p>
                            </div>
                        </div>

                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-bell-o pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Zu- und Absagen einfach organisieren</h3>
                                <p class="text-sans-serif pb_font-16">Maximale Teilnehmerzahl, Zusagefrist und Warteliste. Zusagen einfach per Klick, das kann jeder. </p>
                            </div>
                        </div>
                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-bell-o pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Integrierte Benachrichtigungen</h3>
                                <p class="text-sans-serif pb_font-16">Ein Kurs fällt aus oder ändert sich? Kein Problem. <strong>Pro</strong>Buddy informiert ihre Mitglieder automatisch.</p>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg">

                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-calendar-check-o pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Zentraler Kurskalender</h3>
                                <p class="text-sans-serif pb_font-16">Alle Kursangebote sind in einem zentralen Kalender erreichbar - ob direkt über die App oder über Plugin auf ihrer Webseite.</p>
                            </div>
                        </div>

                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-mobile-phone pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Einfache Verwaltung - jederzeit und überall</h3>
                                <p class="text-sans-serif pb_font-16">Verwalten sie Kurse und Mitglieder effizient. Egal, ob am PC oder auf dem Smartphone unterwegs.</p>
                            </div>
                        </div>
                        <div class="media pb_feature-v2 text-left mb-1 mt-5">
                            <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-mobile-phone pb_icon-gradient"></i></div>
                            <div class="media-body">
                                <h3 class="mt-2 mb-2 heading">Datenschutz und Anonymität</h3>
                                <p class="text-sans-serif pb_font-16">Nutzen Sie eine DSGVO-konforme Plattform für Ihre Kunden, vermeiden Sie jegliche Risiken.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END section -->

<!--section class="pb_section bg-light pb_slant-light">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 mb-5">
                <img src="assets/images/phone_3.png" alt="Image placeholder" class="img-fluid">
            </div>
            <div class="col-lg-8 pr-md-5 pr-sm-0 order-1  mb-5">
                <div class="row">
                    <div class="col">
                        <h2>Sechs Gründe, warum Deine Kunde Dein Angebot noch mehr <u>lieben</u> werden.</h2>
                        <p class="pb_font-20">
                            <strong>Pro</strong>Buddy unterstützt nicht nur Dich, sondern bietet auch Deinen Kunden viele Vorteile.
                        </p>
                    </div>
                    <div class="row">
                        <div class="col-lg">
                            <div class="media pb_feature-v2 text-left mb-1 mt-5">
                                <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-mobile pb_icon-gradient"></i></div>
                                <div class="media-body">
                                    <h3 class="mt-2 mb-2 heading">Kurskalender immer dabei</h3>
                                    <p class="text-sans-serif pb_font-16">Wann ist der nächste Kurs, ist noch was frei - kann ich reservieren?</p>
                                </div>
                            </div>
                            <div class="media pb_feature-v2 text-left mb-1 mt-5">
                                <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-check-circle pb_icon-gradient"></i></div>
                                <div class="media-body">
                                    <h3 class="mt-2 mb-2 heading">Einfach Zu- und Absagen.</h3>
                                    <p class="text-sans-serif pb_font-16">Mit nur einem Klick. In der App oder im Browser.</p>
                                </div>
                            </div>
                            <div class="media pb_feature-v2 text-left mb-1 mt-5">
                                <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-calendar pb_icon-gradient"></i></div>
                                <div class="media-body">
                                    <h3 class="mt-2 mb-2 heading">Im eigenen Kalender</h3>
                                    <p class="text-sans-serif pb_font-16">Termine abonniert im persönlichen Kalender - immer aktuell.</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg">
                            <div class="media pb_feature-v2 text-left mb-1 mt-5">
                                <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-bell pb_icon-gradient"></i></div>
                                <div class="media-body">
                                    <h3 class="mt-2 mb-2 heading">Mit Erinnerungsfunktion</h3>
                                    <p class="text-sans-serif pb_font-16">Per Notification immer informiert - bin ich dabei, wann geht's los.</p>
                                </div>
                            </div>
                            <div class="media pb_feature-v2 text-left mb-1 mt-5">
                                <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-lock pb_icon-gradient"></i></div>
                                <div class="media-body">
                                    <h3 class="mt-2 mb-2 heading">Intuitiv und sicher</h3>
                                    <p class="text-sans-serif pb_font-16">Kunden schätzen eine professionelle, moderne Plattform.</p>
                                </div>
                            </div>
                            <div class="media pb_feature-v2 text-left mb-1 mt-5">
                                <div class="pb_icon d-flex mr-3 align-self-start pb_w-15"><i class="fa fa-users pb_icon-gradient"></i></div>
                                <div class="media-body">
                                    <h3 class="mt-2 mb-2 heading">Chat zum Austausch</h3>
                                    <p class="text-sans-serif pb_font-16">Förder den Austausch und schaffe eine echte Community.</p>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>
<!-- END section -->


<section class="pb_section bg-light pb_slant-white" id="section-reviews">
    <div class="container" style="margin-top: 10em">
        <div class="row justify-content-center mb-1">
            <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>Referenzen und Beispiele</strong></h5>
                <h2>Was sagen Hundeschulen, die ProBuddy DOG einsetzen?</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md">
                <div class="pb_slide_testimonial_sync_v1">
                    <div class="pb_slider_content js-pb_slider_content2">
                        <div>
                            <div class="media d-block text-center testimonial_v1 pb_quote_v2">
                                <div class="media-body">
                                    <div class="quote">&ldquo;</div>
                                    <blockquote class="mb-5">„Mit ProBuddy konnten wir den Verwaltungsaufwand in wenigen Tagen um bestimmt 50% reduzieren. Unser breites Angebot angefangen von Welpenausbildung bis zu Sportgruppen bilden wir komplett über eine Gruppe und Kategorien an.“ </blockquote>
                                    <p></p>
                                    <h3 class="heading">Sabine</h3>
                                    <span class="subheading">Hessen, 200 Kunden, Kunde seit 2019</span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="media d-block text-center testimonial_v1 pb_quote_v2">
                                <div class="media-body">
                                    <div class="quote">&ldquo;</div>
                                    <blockquote class="mb-5">„Mit ProBuddy konnten wir auch externe Trainer und Angestelltein die Organisation einbinden, das hat uns zuvor viel Arbeit und Abstimmungszeit gekostet. Jetzt arbeiten alle mit Ihren Gruppen – es funktioniert prima.“
</blockquote>
                                    <p></p>
                                    <h3 class="heading">Susanne</h3>
                                    <span class="subheading">Stuttgart, 80 Kunden, Kunde seit 2020</span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="media d-block text-center testimonial_v1 pb_quote_v2">
                                <div class="media-body">
                                    <div class="quote">&ldquo;</div>
                                    <blockquote class="mb-5">„Unsere Termine waren immer schnell ausgebucht, viele Kunden haben Termine geblockt, sind aber nicht erschienen. Mit der Zusagefrist und der Wartelistenfunktion von ProBuddy können wir nun besser steuern und kommunizieren. Die automatische Terminerinnerung wirkt Wunder."</blockquote>
                                    <p>                                   </p>
                                    <h3 class="heading">Brigitte</h3>
                                    <span class="subheading">Niedersachsen, bis 50 Kunden</span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="media d-block text-center testimonial_v1 pb_quote_v2">
                                <div class="media-body">
                                    <div class="quote">&ldquo;</div>
                                    <blockquote class="mb-5">„Die Abrechnung und Abgleichen der Verträge und 10er-Karten mit den Teilnahmelisten war immer mühsam. Mit dem Vertragsmodul konnten wir die Effizienz und Transparenz nochmal deutlich steigern.“
</blockquote>
                                    <p>
                                                                            </p>
                                    <h3 class="heading">Rainer</h3>
                                    <span class="subheading">Schleswig-Holstein, 200 Kunden</span>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="media d-block text-center testimonial_v1 pb_quote_v2">
                                <div class="media-body">
                                    <div class="quote">&ldquo;</div>
                                    <blockquote class="mb-5">Unsere Stresspegel war extrem hoch. Terminzu- und absagen kamen per Mail, WhatsApp, Telefon - den Überblick zu behalten war enorm schwer. Mit ProBuddy gibt es jetzt einen zentralen Kalender, die Benachrichtigungen gehen automatisch raus. Unsere Kunden haben die moderne Lösung schnell akzeptiert. Und wir haben jetzt deutlich mehr Zeit für wichtigere Dinge.  </blockquote>
                                <p>
                                                                            </p>
                                    <h3 class="heading">Marie</h3>
                                    <span class="subheading">Düsseldorf</span>
                                </div>
                            </div>
                        </div>
                        <div>
                     <div class="media d-block text-center testimonial_v1 pb_quote_v2">
                                <div class="media-body">
                                    <div class="quote">&ldquo;</div>
                                    <blockquote class="mb-5">„Mit ProBuddy konnten wir auch externe Trainer und Angestelltein die Organisation einbinden, das hat uns zuvor viel Arbeit und Abstimmungszeit gekostet. Jetzt arbeiten alle mit Ihren Gruppen – es funktioniert prima. “
 </blockquote>
                                    <p> </p>
                                    <h3 class="heading">Susanne</h3>
                                    <span class="subheading">Bayern, 80 Kunden</span>
                                </div>
                            </div>
                        </div>
                        <div>
                      <div class="media d-block text-center testimonial_v1 pb_quote_v2">
                                <div class="media-body">
                                    <div class="quote">&ldquo;</div>
                                    <blockquote class="mb-5">„Endlich sind wir die WhatsApp-Gruppen und die Unübersichtlichkeit los. Das Team hinter ProBuddy ist immer ansprechbar und offen für neue Ideen. Wir hatte noch nie Probleme.“ 
 </blockquote>
                                    <p> </p>
                                    <h3 class="heading">Elke</h3>
                                    <span class="subheading">Rheinland-Pfalz, 140 Kunden</span>
                                </div>
                            </div>
                        </div>
                        <div>
        <div class="media d-block text-center testimonial_v1 pb_quote_v2">
                                <div class="media-body">
                                    <div class="quote">&ldquo;</div>
                                    <blockquote class="mb-5">„Durch die gewonnene Zeit können wir mehr und auch neue Kurse entwickeln und anbieten.  Und schnell sehen wir, ob neue Angebote angeommen werden (z.B. remote training), wir sind so noch näher am Kunden.“
 </blockquote>
                                    <p> </p>
                                    <h3 class="heading">Christiane</h3>
                                    <span class="subheading">Hessen, K9 Stützpunkt, ca. 200 Kunden</span>
                                 </div>
                            </div>
                        </div>
                    </div>

                      <div class="row">
                        <div class="col-md-6 mx-auto">
                            <div class="pb_slider_nav js-pb_slider_nav2">
                                <div class="author">
                                    <img class="img-fluid rounded-circle" src="heads/001.png" alt="Generic placeholder image">
                                </div>
                                <div class="author">
                                    <img class="img-fluid rounded-circle" src="heads/004.png" alt="Generic placeholder image">
                                </div>
                                <div class="author">
                                    <img class="img-fluid rounded-circle" src="heads/002.png" alt="Generic placeholder image">
                                </div>
                                <div class="author">
                                    <img class="img-fluid rounded-circle" src="heads/005.png" alt="Generic placeholder image">
                                </div>
                                  <div class="author">
                                    <img class="img-fluid rounded-circle" src="heads/001.png" alt="Generic placeholder image">
                                </div>
                                <div class="author">
                                    <img class="img-fluid rounded-circle" src="heads/004.png" alt="Generic placeholder image">
                                </div>
                                <div class="author">
                                    <img class="img-fluid rounded-circle" src="heads/002.png" alt="Generic placeholder image">
                                </div>
                                <div class="author">
                                    <img class="img-fluid rounded-circle" src="heads/005.png" alt="Generic placeholder image">
                                </div>
                            </div>
                        </div>
                    </div>
                <!-- END sync_v1 -->
            </div>
        </div>
    </div>
</section>

<section class="pb_section pb_slant-light pb_pb-250" id="section-pricing">
    <div class="container">
        <div class="row justify-content-center mb-5">
            <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>Preise im Überblick </strong></h5>
                <h2>Mit welcher Gruppengröße möchtest Du starten?</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md">
                <div class="pb_pricing_v1 p-5 border text-center bg-white">
                    <h3>PRO 50</h3>
                    <span class="price">19,90<sup>€</sup><span>Monat</span></span>
                    <p class="pb_font-15">Für bis zu 50 Teilnehmer. <br>(ab 0,40 EUR/Kunde)</p>
                    <p class="mb-0"><a href="#section-register" role="button" class="btn btn-secondary">Kostenlos registrieren</a></p>
                </div>
            </div>
            <div class="col-md">
                <div class="pb_pricing_v1 p-5 border border-primary text-center bg-white">
                    <h3>PRO 100</h3>
                    <span class="price">29,90<sup>€</sup><span>Monat</span></span>
                    <p class="pb_font-15">Für 51-100 Teilnehmer. <br>(ab 0,30 EUR/Kunde)</p>
                    <p class="mb-0"><a href="#section-register" role="button" class="btn btn-primary btn-shadow-blue">Kostenlos registrieren</a></p>
                </div>
            </div>
            <div class="col-md">
                <div class="pb_pricing_v1 p-5 border text-center bg-white">
                    <h3>PRO 200</h3>
                    <span class="price">39,90<sup>€</sup><span>Monat</span></span>
                    <p class="pb_font-15">Für 101-200 Teilnehmer. <br>(ab 0,20 EUR/Kunde)</p>
                    <p class="mb-0"><a href="#section-register" role="button" class="btn btn-secondary">Kostenlos registrieren</a></p>
                </div>
            </div>
            <div class="col-md">
                <div class="pb_pricing_v1 p-5 border text-center bg-white">
                    <h3>Weitere Pakete auf Anfrage</h3>
                    <p class="pb_font-15">Melden Sie sich einfach und kostenfrei an, testen Sie die Plattform. </p>
                    <p class="mb-0"><a href="#section-register" role="button" class="btn btn-secondary">Kostenlos registrieren</a></p>
                </div>
            </div>
            <!--<div class="col-md">
                <div class="pb_pricing_v1 p-5 border text-center bg-white">
                    <h3>FLATRATE</h3>
                    <span class="price">59,90<sup>€</sup><span>Monat</span></span>
                    <p class="pb_font-15">Für 301-400 Teilnehmer. </p>
                    <p class="mb-0"><a href="#" role="button" class="btn btn-secondary">Get started</a></p>
                </div>
            </div> -->
            <div class="col-lg-12">
                Die Paketpreise orientieren sich nur an der Teilnehmeranzahl. Funktional sind die Pakete 100% identisch. Risikolos können Sie 30 Tage ProBuddy testen, die Testphase ist unverbindlich. Erst wenn Sie von ProBuddy überzeugt sind, buchen Sie das passende Paket. Die minimale Vertragslaufzeit beträgt 6 Monate. Sie erhalten nach Beauftragung eine Rechnung per Mail, die Plattform ist sofort verfügbar. Das Zahlungsziel beträgt vierzehn Tage. Gern helfen wir Dir bei der Inbetriebnahme, melde Dich jederzeit gern über die Hilfefunktion in der App.
            </div>
        </div>
    </div>
</section>
<!-- ENDs ection -->

<section class="pb_section bg-light pb_slant-light pb_pb-250" id="section-faq">
    <div class="container">
        <div class="row justify-content-center mb-5">
            <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>FAQ</strong></h5>
                <h2>Frequently Asked Questions</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md">
                <div id="pb_faq" class="pb_accordion" data-children=".item">
                    <div class="item">
                        <a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq0" aria-expanded="true" aria-controls="pb_faq0" class="pb_font-22 py-4">Für wen ist <strong>Pro</strong>Buddy besonders sinnvoll?</a>
                        <div id="pb_faq0" class="collapse show" role="tabpanel">
                            <div class="py-3">
                                <p><strong>Pro</strong>Buddy ist für (semi-)professionelle Anbieter von Dienstleistungen und Services gedacht, die Einzel- oder Gruppentermine (Mitarbeiter, Kunden und Partner) regelmäßig pro Tag/Woche/Monat organisieren. Mit <strong>Pro</strong>Buddy ersetzen Sie WhatsApp-Gruppen oder sonstige Organisationshilfen und setzen auf eine professionelle, verlässliche Umgebung für Ihr Geschäft. </p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq1" aria-expanded="false" aria-controls="pb_faq1" class="pb_font-22 py-4">Ab wann rechnet sich <strong>Pro</strong>Buddy?</a>
                        <div id="pb_faq1" class="collapse" role="tabpanel">
                            <div class="py-3">
                                <p>Allgemein ist festzustellen, dass Unternehmer <strong>Pro</strong>Buddy dann einsetzen, wenn sie merken, dass der zeitliche Aufwand für die Terminorganisation zu groß wird, die Unzufriedenheit auf Kundenseite steigt und die Umsetzung der Datenschutzbestimmungen nicht mehr aufgeschoben werden sollte.</p>
                                <p>Der typische Business Case für <strong>Pro</strong>Buddy errechnet sich aus der Anzahl Teilnehmer und der Anzahl Termine pro Monat. Beispiel: Wenn Sie 100 Kunden haben und wöchentlich 10 Termine (monatlich 40 Termine) anbieten, organisieren Sie pro Monat 4.000 Zu- und Absagen. Was kostet es Sie heute, die Termine optimal zu füllen? </p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq2" aria-expanded="false" aria-controls="pb_faq2" class="pb_font-22 py-4">Können meine Kunden und ich <strong>Pro</strong>Buddy auch ohne modernes Smartphone nutzen?</a>
                        <div id="pb_faq2" class="collapse" role="tabpanel">
                            <div class="py-3">
                                <p><strong>Pro</strong>Buddy gibt es als native App im Apple Appstore und Google Playstore zum kostenlosen Download. Zudem kann man <strong>Pro</strong>Buddy auf jedem modernen Browser aufrufen. Egal ob auf dem Smartphone oder am PC. Die minimale Voraussetzung für die Nutzung ist somit eine Internetverbindung. </p>
                                <p>Alternativ kann der Betreiber die Lösung auch für den Kunden bedienen, z.B. durch eine Assistenz, und Zu- und Absagen eintragen. </p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq3" aria-expanded="false" aria-controls="pb_faq3" class="pb_font-22 py-4">Wie sicher ist <strong>Pro</strong>Buddy? Was steckt dahinter?</a>
                        <div id="pb_faq3" class="collapse" role="tabpanel">
                            <div class="py-3">
                                <p>Die Plattform von <strong>Pro</strong>Buddy wird in deutschen Rechenzentren betrieben, die Daten sind durch die deutschen Datenschutzrichtlinien und vom Anbieter geschützt. Eine werbliche Verwendung der Daten ist ausgeschlossen.</p>
                                <p>Die Daten sind verschlüsselt in der Datenbank abgelegt. Jeder Teilnehmer kann sein Profil anonymisieren und jederzeit vollständig löschen. </p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq4" aria-expanded="false" aria-controls="pb_faq4" class="pb_font-22 py-4">Können wir von TBuddy auf <strong>Pro</strong>Buddy upgraden? Können Anpassungen vorgenommen werden?</a>
                        <div id="pb_faq4" class="collapse" role="tabpanel">
                            <div class="py-3">
                                <p>Ja, TBuddy-Kunden können jederzeit auf <strong>Pro</strong>Buddy migrieren, unser Support-Team bietet hierfür einen Service an. Erweiterungen und Anpassungen an <strong>Pro</strong>Buddy können kostenpflichtig durchgeführt werden. Sprechen Sie unser deutsch- und englisch sprachiges Supportteam jederzeit gern an. Schicken sie einfach eine Mail an <a href="mailto://support@probuddy.de" target="_blank">support{at]probuddy.de</a>.</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <a data-toggle="collapse" data-parent="#pb_faq" href="#pb_faq5" aria-expanded="false" aria-controls="pb_faq5" class="pb_font-22 py-4">Bietet <strong>Pro</strong>Buddy auch Hilfe bei der Inbetriebnahme an? </a>
                        <div id="pb_faq5" class="collapse" role="tabpanel">
                            <div class="py-3">
                                <p>Unser deutsch- und englisch sprachiges Supportteam steht ihnen rund um die Uhr zur Seite. Schicken sie einfach eine Mail an <a href="mailto://support@probuddy.de" target="_blank">support{at]probuddy.de</a>.</p>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
</section>
<!-- END section -->

<section class="pb_xl_py_cover overflow-hidden pb_gradient_v1 cover-bg-opacity-8"
         style="background-image: url(assets/images/kenny-webster-QrJc1RVI7uM-unsplash.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" 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>