</noscript> <!-- Section start --> <section class="pb-themesection " > <div class="container"> <div class="row"> <div class="col-12"> <div> <nav x-data="{ open: false }" class="border-b border-gray-100 w-full"> <!-- Primary Navigation Menu --> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-16"> <div class="flex"> <!-- Logo --> <div class="shrink-0 flex items-center"> <a href="/"> <img src="https://land-strom.de/media/5" class="block h-9 w-auto fill-current" alt="Logo"/> </a> </div> <!-- Navigation Links --> <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex"> <a class="innogy-medium inline-flex items-center px-1 pt-1 border-b-2 border-transparent leading-5 text-black hover:text-eco-hover hover:border-eco-hover focus:outline-none focus:text-gray-900 focus:border-gray-900 transition duration-150 ease-in-out" href="/" target="_self" rel=""> Start </a> </div> </div> <!-- Hamburger --> <div class="-mr-2 flex items-center sm:hidden"> <button @click="open = ! open" class="inline-flex items-center justify-center p-2 rounded-md text-eco hover:text-eco-hover hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out"> <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/> <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> </div> </div> <!-- Responsive Navigation Menu --> <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden"> <div class="pt-2 pb-3 space-y-1"> <a class="innogy-medium block w-full pl-3 pr-4 py-2 border-l-4 border-transparent text-left text-base font-medium text-black hover:text-eco-hover hover:bg-gray-50 hover:border-eco-hover focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition duration-150 ease-in-out" href="/" target="_self" rel=""> Start </a> </div> </div> </nav> </div> </div> </div> </div> </section> <!-- Section end --> <!-- Section start --> <section class="pb-themesection " style="padding-top:0px;"> <div class="container-fluid"> <div class="row"> <div class="col-12"> <div id="" class="custom-banner w-full h-[100vh] bg-no-repeat bg-cover bg-[url:var(--bg-image)] bg-[center_40%] relative" style="--bg-image: url( 'https://land-strom.de/media/39' )" > <div class="grid grid-cols-2 h-full pt-3"> <div class="col-start-1 col-end-3 sm:col-end-2 h-full flex justify-items-center justify-center pt-4 sm:pt-0"> <span class=" mr-auto my-auto sm:m-auto"> <h1 class="bg-eco bg-opacity-60 backdrop-blur-md py-[.5rem] sm:py-4 px-[1rem] txs:px-6 sm:px-20 md:text-6xl text-white text-center uppercase"> Selbst </h1> <h1 class="bg-eco bg-opacity-60 backdrop-blur-md py-[.5rem] sm:py-4 px-[1rem] txs:px-6 sm:px-20 md:text-6xl text-white text-center uppercase"> Energie </h1> <h1 class="bg-eco bg-opacity-60 backdrop-blur-md py-[.5rem] sm:py-4 px-[1rem] txs:px-6 sm:px-20 md:text-6xl text-white text-center uppercase"> einbringen </h1> </span> </div> <div class="col-span-2 m-auto"> <a class="tmp-btn uppercase text-bold mx-3 bg-eco text-white shadow-md hover:bg-eco-hover" href="#anforderungen"> mehr erfahren </a> </div> </div> </div> </div> </div> </div> </section> <!-- Section end --> <!-- Section start --> <section class="pb-themesection " > <div class="container"> <div class="row"> <div class="col-12"> <div id="anforderungen"> <h2 class="text-center pb-5">Welche Energie kann ich einbringen?</h2> <div class="grid grid-cols-1 gap-7 sm:grid-cols-8 justify-center"> <div class="dotted-line row-start-2 sm:row-start-1 sm:col-start-2 sm:col-end-5 max-h-24 sm:max-h-[6rem] -translate-x-[2rem]"> <img alt="Dotted Line" class="max-h-24 sm:max-h-fit max-w-[5rem] m-auto rotate-[200deg] scale-x-[-1] -translate-x-2/4 sm:scale-[1] sm:rotate-[70deg]" src="https://land-strom.de/assets/images/dotted-line.svg" /> </div> <div class="sm:col-start-1 row-start-1 sm:row-start-2 sm:col-end-3 justify-items-center justify-center max-w-xs sm:max-w-none"> <div class="pb-3"> <img class="m-auto object-cover h-40 sm:h-auto" src="https://land-strom.de/media/9" alt="Image" /> </div> <span class="m-auto"> <h5 class="text-center"> Anlagen, die Energie aus Sonne, Wind, Biogas oder Wasserkraft gewinnen, … </h5> </span> </div> <div class="row-start-3 sm:row-start-2 sm:col-start-4 sm:col-end-6 justify-items-center justify-center"> <div class="pb-3"> <img class="m-auto h-40 sm:h-auto object-cover" src="https://land-strom.de/media/10" alt="Image" /> </div> <span class="m-auto"> <h5 class="text-center"> … sich im Umkreis von 50 km um den Landkreis Cochem-Zell befinden … </h5> </span> </div> <div class="row-start-5 sm:row-start-2 sm:col-start-7 sm:col-end-9 justify-items-center justify-center"> <div class="pb-3"> <img class="m-auto h-40 sm:h-auto object-cover" src="https://land-strom.de/media/8" alt="Image" /> </div> <span class="m-auto"> <h5 class="text-center"> … und mindestens 90 kWp Anlagenleistung besitzen, können Energie in die Landstrom-Plattform einbringen. </h5> </span> </div> <div class="dotted-line row-start-4 sm:row-start-3 max-h-24 sm:max-h-[5rem] sm:col-start-5 sm:col-end-8"> <img alt="Dotted Line" class="max-h-24 sm:max-h-fit max-w-[5rem] m-auto rotate-[160deg] sm:rotate-[100deg] sm:scale-x-[-1] sm:-translate-y-[5rem] sm:-translate-x-[2rem]" src="https://land-strom.de/assets/images/dotted-line.svg" /> </div> <div class="sm:row-start-4 sm:col-start-1 sm:col-end-9 m-auto py-5"> <a class="tmp-btn uppercase text-bold bg-eco text-white hover:bg-eco-hover" href="#kontakt" > eigene Anlage anmelden </a> </div> </div> </div> </div> </div> </div> </section> <!-- Section end --> <!-- Section start --> <section class="pb-themesection " style="background-color:rgba(0,0,0,0.03);"> <div class="container"> <div class="row"> <div class="col-12"> <div class="form-block form" id="kontakt"> <h2>Lassen Sie uns gemeinsam prüfen, ob Ihre Anlage geeignet ist, Energie in die Landstrom-Plattform einzubringen!</h2> <form method="POST" id="form" enctype="multipart/form-data" > <input type="hidden" name="_token" value="hOAkOxXGlAYtZiz9LkIsMmuc9qXkmYJVCJ3EjkIS"> <input type="hidden" id="send-to" name="send-to" value="simon-jan-eric@vse.de;seimetz-thilo@vse.de"/> <input type="hidden" id="send-to-cc" name="send-to-cc" value="frank.adrat@energis.de;service@land-strom.de"/> <input type="hidden" id="send-to-bcc" name="send-to-bcc" value="info@etage-4.de"/> <input type="hidden" id="redirect-to" name="redirect-to" value="/danke-anlagenbetreiber"/> <div class="form-group my-4"> <label for="first-name" class="my-2 block" > Vorname* </label> <input type="text" name="Vorname" id="first-name" class="w-full appearance-none rounded-md border bg-white py-3 px-6 focus:ring-eco focus:border-eco outline-none" /> </div> <div class="form-group my-4"> <label for="last-name" class="my-2 block" > Nachname* </label> <input type="text" name="Nachname" id="last-name" class="w-full appearance-none rounded-md border bg-white py-3 px-6 focus:ring-eco focus:border-eco outline-none" /> </div> <div class="form-group my-4"> <label for="phone" class="my-2 block" > Telefonnummer* </label> <input type="text" name="Telefonnummer" id="phone" class="w-full appearance-none rounded-md border bg-white py-3 px-6 focus:ring-eco focus:border-eco outline-none" /> </div> <div class="form-group my-4"> <label for="email" class="my-2 block" > Email* </label> <input type="text" name="Email" id="email" class="w-full appearance-none rounded-md border bg-white py-3 px-6 focus:ring-eco focus:border-eco outline-none" /> </div> <div class="form-group my-4"> <label for="type" class="my-2 block" > Art der Anlage* </label> <textarea rows="4" name="Art der Anlage" id="type" placeholder="z.B. PV, Windkraft, …" class="w-full resize-none rounded-md border py-3 px-6 outline-none form-control" ></textarea> </div> <div class="form-group my-4"> <label for="electric-power" class="my-2 block" > Installierte elektrische Anlagenleistung* </label> <input type="text" name="Installierte elektrische Anlagenleistung" id="electric-power" placeholder="mindestens 90 kWp" class="w-full appearance-none rounded-md border bg-white py-3 px-6 focus:ring-eco focus:border-eco outline-none" /> </div> <div class="form-group my-4"> <label for="message" class="my-2 block" > Nachricht (optional) </label> <textarea rows="4" name="Nachricht" id="message" placeholder="" class="w-full resize-none rounded-md border py-3 px-6 outline-none form-control" ></textarea> </div> <div class="text-sm my-4"> Mit * markierte Felder sind Pflichtangaben. </div> <div id="error-msg" class="hidden border-danger-900 border-1 rounded-md bg-danger-100 text-danger-900"> <ul></ul> </div> <button type="submit" class="tmp-btn uppercase my-4 text-bold bg-eco text-white hover:bg-eco-hover" id="submit-btn" > absenden </button> </form> </div> </div> </div> </div> </section> <!-- Section end --> <!-- Section start --> <section class="pb-themesection " style="padding-bottom:0px;"> <div class="container"> <div class="row"> <div class="col-12"> <div id="kontaktdaten"> <h2 class="text-center"> Sie haben weitere Fragen? </h2> </div> </div> </div> </div> </section> <!-- Section end --> <!-- Section start --> <section class="pb-themesection " style="padding-top:0px;"> <div class="container"> <div class="row"> <div class="col-md-6"> <p class="p-4"> <p>Bei Fragen rund um das Thema <b>"Wie kann ich als Anlagenbetreiber Energie in die Landstrom-Plattform einbringen"</b>, wenden Sie sich gerne an</p><p><b>Jan-Eric Simon</b><br><b>Tel.:</b> <a href="tel:+496816071729" class="text-eco hover:text-eco-hover">0681 607-1729</a><br><b>Mail:</b> <a href="mailto:simon-jan-eric@vse.de" class="text-eco hover:text-eco-hover">simon-jan-eric@vse.de</a></p><p>oder</p><p><b>Thilo Seimetz</b><br><b>Tel.:</b> <a class="text-eco hover:text-eco-hover" href="tel:+496916071716">0681 607-1716</a><br><b>Mail:</b> <a class="text-eco hover:text-eco-hover" href="mailto:seimetz-thilo@vse.de">seimetz-thilo@vse.de</a></p> </p> </div> <div class="col-md-6"> <p class="p-4"> <p>Bei Fragen rund um das Landstrom-Projekt allgemein, wenden Sie sich gerne an</p><p><b>unser-klima-cochem-zell e. V.</b><br><b>Tel.:</b> <a class="text-eco hover:text-eco-hover" href="tel:+49267161681">02671 / 61-681</a><br><b>E-Mail:</b> <a class="text-eco hover:text-eco-hover" href="mailto:info@ukcz.de">info@ukcz.de</a><br><a href="ukcz.de.de/landstrom" class="text-eco hover:text-eco-hover" target="_blank">ukcz.de.de/landstrom</a></p><p>Sie finden uns auch vor Ort in der<br>Brückenstraße 2<br>56812 Cochem</p><p>zu folgenden Sprechzeiten<br>Mo. – Mi von 8.00 bis 16.00 Uhr<br>Do. von 8.00 bis 16.30 Uhr<br>Fr. von 8.00 bis 13.00 Uhr.</p> </p> </div> </div> </div> </section> <!-- Section end --> <!-- Section start --> <section class="pb-themesection " > <div class="container"> <div class="row"> <div class="col-lg-4"> <figure class="m-auto flex justify-content-center h-full"> <img class="m-auto w-auto max-h-32 " src="https://land-strom.de/media/36" alt="Image"/> <figcaption> </figcaption> </figure> </div> <div class="col-lg-4"> <figure class="m-auto flex justify-content-center h-full"> <img class="m-auto w-auto max-h-32 " src="https://land-strom.de/media/44" alt="Image"/> <figcaption> </figcaption> </figure> </div> <div class="col-lg-4"> <figure class="m-auto flex justify-content-center h-full"> <img class="m-auto w-auto max-h-32 " src="https://land-strom.de/media/45" alt="Image"/> <figcaption> </figcaption> </figure> </div> </div> </div> </section> <!-- Section end --> <!-- Section start --> <section class="pb-themesection " > <div class="container"> <div class="row"> <div class="col-12"> <div class="w-full m-auto text-center"> <a class="px-3 text-eco-950 hover:text-eco-hover" href="/impressum" target="_blank" rel="noopener noreferrer"> Impressum </a> <a class="px-3 text-eco-950 hover:text-eco-hover" href="/datenschutz" target="_blank" rel="noopener noreferrer"> Datenschutz </a> <a class="px-3 text-eco-950 hover:text-eco-hover" href="https://www.energis.de/unternehmen_service/downloads" target="_blank" rel="noopener noreferrer"> AGB </a> </div> </div> </div> </div> </section> <!-- Section end --> <!-- Section start --> <section class="pb-themesection " > <div class="container"> <div class="row"> <div class="col-lg-4"> <button onclick="goToTop()" id="toTopBtn" class="hidden fixed right-5 bottom-5 z-50 border-0 outline-none cursor-pointer" title="Go to top"> <span class="fa-stack"> <i class="fas fa-circle fa-stack-2x text-stone-100 hover:text-stone-50"></i> <i class="fas fa-arrow-up fa-stack-1x text-[#000] hover:text-eco-hover"></i> </span> </button> </div> <div class="col-lg-4"> </div> <div class="col-lg-4"> </div> </div> </div> </section> <!-- Section end --> <link rel="modulepreload" href="https://land-strom.de/build/assets/app-60f5163b.js" /><script type="module" src="https://land-strom.de/build/assets/app-60f5163b.js"></script> <script src="https://land-strom.de/vendor/optionbuilder/js/jquery.min.js"></script> <script defer src="https://land-strom.de/vendor/optionbuilder/js/bootstrap.min.js"></script> <script type="module" src="https://land-strom.de/assets/js/validation/jquery.validate.min.js"></script> <script type="module"> jQuery.extend(jQuery.validator.messages, { required: "Diese Angabe wird benötigt.", remote: "Bitte korrigieren Sie diese Angabe.", email: "Bitte geben Sie eine gültige E-Mail-Adresse an.", url: "Bitte geben Sie eine gültige URL an.", date: "Bitte geben Sie ein gültiges Datum an.", dateISO: "Bitte geben Sie ein gültiges Datum an (ISO).", number: "Bitte geben Sie eine gültige Zahl an.", digits: "Bitte geben Sie nur Ziffern an.", creditcard: "Bitte geben Sie eine gültige Kreditkartennummer an.", equalTo: "Der Wert stimmt nicht überein.", accept: "Bitte geben Sie einen Wert mit einer gültigen Erweiterung an.", maxlength: jQuery.validator.format("Bitte geben Sie nicht mehr als {0} Zeichen an."), minlength: jQuery.validator.format("Bitte geben Sie mindestens {0} Zeichen an."), rangelength: jQuery.validator.format("Bitte geben Sie zwischen {0} und {1} Zeichen an."), range: jQuery.validator.format("Bitte geben Sie einen Wert zwischen {0} und {1} an."), max: jQuery.validator.format("Bitte geben Sie maximal {0} an."), min: jQuery.validator.format("Bitte geben Sie mindestens {0} an.") }); $(document).ready(function() { var form = $('#form'); form.validate(); $('#submit-btn').on('click', function (event) { event.preventDefault(event); if (form.valid()) { let formData = new FormData(document.getElementById('form')); $('#submit-btn').prop('disabled', true); $.ajax({ url: `https://land-strom.de/admin/handle-form`, type: 'POST', processData: false, contentType: false, data: formData, cache: false, success: function (data) { if (data.success && data.code === 200) { window.location.href = data.redirect; } else { // error case let msg = data.msg; let error = document.createElement('div'); error.classList = "error-div m-2 p-4 rounded bg-danger-200 border border-solid border-danger-800 text-base col-span-2 md:col-span-1 md:col-start-2"; error.innerText = 'Es wurden nicht alle benötigten Angaben gemacht.'; let matches = []; $.each(msg, function (key, value) { matches.push(value.match(/(?<=The\s).*(?=\sfield)/)); }); $.each(matches, function (key, value) { $('input[name="' + value + '"]').parent().parent().addClass('text-danger-800'); }); $('#submit-btn').before(error).focus(); $('#submit-btn').prop('disabled', false); } }, error: function (request, status, error) { // ajax-error case console.log(request, status, error); let errorEl = $('#error-msg'); errorEl.find("ul").html(''); errorEl.css('display', 'block'); errorEl.find("ul").append('<li>Die Anfrage konnte nicht verarbeitet werden. Bitte versuchen Sie es erneut.</li>'); errorEl.removeClass('hidden').focus(); $('#submit-btn').prop('disabled', false); } }); } }); }); </script> <script> let btn = document.getElementById("toTopBtn"); window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { console.log('show btn'); //btn.style.display = "block"; btn.classList.add('block'); btn.classList.remove('hidden'); } else { console.log('hide btn'); //btn.style.display = "none"; btn.classList.add('hidden'); btn.classList.remove('block'); } } function goToTop() { document.body.scrollTop = 0; // For Safari document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera } </script> </body> </html>