Copyright & Entwicklung
Willkommen auf der Seite „Copyright & Entwicklung“.
Diese Seite bietet einen kurzen Einblick in die technische und gestalterische Entstehung der Website – warum sie so aufgebaut ist, wie sie funktioniert und weshalb vieles bewusst schlicht gehalten wurde. Schäfer Yacht Charter setzt auf Eigenentwicklung, Datenschutz und nachvollziehbare Logik.
Diese Website wurde von Grund auf überarbeitet und technisch modernisiert, mit dem Ziel, Transparenz, Geschwindigkeit und Eigenständigkeit zu vereinen. Alle Texte, Module und Ideen entstanden in enger Zusammenarbeit innerhalb der Familie Schäfer – entwickelt mit einem klaren Fokus auf Datenschutz, Nutzerfreundlichkeit und handwerkliche Präzision.
Bitte beachten Sie, dass im Laufe der Jahre zahlreiche Module historisch gewachsen und angepasst wurden. Aufgrund dieser Entwicklung lassen sich die ursprünglichen Eigentumsrechte einzelner Code-Fragmente nicht immer eindeutig zuordnen.
Für neu geschriebene oder auf dieser Seite veröffentlichte Skripte und Module liegt das Urheber- und Nutzungsrecht bei schaefercharter.com.
Sämtliche Code-Anpassungen, Skripte und Gestaltungselemente wurden speziell für schaefercharter.com entwickelt. Der technische Aufbau erfolgt im Einklang mit aktuellen Datenschutzrichtlinien – ohne externe Tracking- oder Analysewerkzeuge. Bei Fragen zur Funktionsweise, Umsetzung oder Technik können Sie sich gerne direkt an mich wenden.
Alle Texte, Grafiken und Module dürfen ausschließlich für private Zwecke genutzt werden.
Eine kommerzielle oder automatisierte Weiterverwendung ist ohne Zustimmung nicht gestattet.
Entwickelt und betreut von René Schäfer · Stand: Oktober 2025
? Contactlight – DSGVO-konformer Kontakt ohne Formular
Contactlight ist ein minimalistisches Kommunikationsmodul, das keine personenbezogenen Daten speichert und direkt über E-Mail oder WhatsApp kommuniziert. Es ist vollständig DSGVO-konform und funktioniert mit reinem HTML, CSS und JavaScript – ohne Serververarbeitung.
? Modul-Code (HTML + JS + CSS)
Diese Version kann 1:1 in ein Redaxo- oder HTML-Modul eingefügt werden.
<section class="cl-box"
data-email="charter@schaefercharter.de"
data-wa="491717736368">
<h4 class="cl-head">Mit der aktuellen Auswahl anfragen</h4>
<p class="cl-sub">
Per Klick als Nachricht versenden – keine Datenspeicherung, kein Formular.
</p>
<div class="cl-actions">
<a href="#" class="cl-btn cl-mail">E-Mail</a>
<a href="#" class="cl-btn cl-wa">WhatsApp</a>
<button type="button" class="cl-btn cl-copy-btn">Text kopieren</button>
</div>
<p class="cl-note">
Alle Angaben werden ausschließlich lokal – im Browser – in einen Nachrichtentext umgewandelt.
Keine Speicherung, kein Tracking. Nur Ihr Gerät und Ihr Mailprogramm.
</p>
</section>
<script>
(()=>{
const box=document.querySelector('.cl-box');
if(!box) return;
const mailBtn=box.querySelector('.cl-mail'),
waBtn=box.querySelector('.cl-wa'),
copyBtn=box.querySelector('.cl-copy-btn'),
email=box.dataset.email||'',
wa=(box.dataset.wa||'').replace(/\\D+/g,'');
const msg=(ch)=>{
const l=[];
if(ch==='mail')l.push('Guten Tag,','','Ich interessiere mich für eine Yacht oder Beratung.','','Viele Grüße');
else l.push('Iris von Schäfer Yacht Charter','bringt Sie aufs Wasser!','','• Personenanzahl','• Revier','• Zeitraum','• Kabinen/Bäder','• Segelwünsche');
return encodeURIComponent(l.join('\\n'));
};
mailBtn?.addEventListener('click',e=>{
e.preventDefault();
location.href=`mailto:${email}?subject=${encodeURIComponent('SYC Anfrage')}&body=${msg('mail')}`;
});
waBtn?.addEventListener('click',e=>{
e.preventDefault();
if(!wa)return alert('WhatsApp-Nummer fehlt.');
window.open(`https://wa.me/${wa}?text=${encodeURIComponent(decodeURIComponent(msg('wa')))}`,'_blank');
});
copyBtn?.addEventListener('click',()=>{
const t=decodeURIComponent(msg('wa'));
navigator.clipboard.writeText(t).then(()=>{
copyBtn.textContent='Kopiert ✓';
setTimeout(()=>copyBtn.textContent='Text kopieren',1200);
});
});
})();
</script>
<style>
.cl-box{
margin:60px auto;max-width:680px;padding:32px 22px 26px;
text-align:center;background:rgba(255,255,255,0.04);
border-radius:14px;box-shadow:0 0 14px rgba(0,0,0,0.08);
color:#fff;line-height:1.6;font-size:1.1rem;
border-top:4px solid #f4e04d;
}
.cl-head{margin:0 0 .5em;font-size:1.5rem;}
.cl-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:1.5em;}
.cl-btn{
background:transparent;border:1px solid rgba(255,255,255,.25);
color:#fff;padding:.6em 1.2em;border-radius:8px;cursor:pointer;
transition:all .25s ease;text-decoration:none;font-size:1rem;
}
.cl-btn:hover{background:rgba(255,255,255,.12);}
.cl-copy-btn{opacity:.85;}
.cl-note{font-size:.9rem;opacity:.8;margin-top:1.6em;}
</style>
? DSGVO-Hinweise & Funktionsweise
- Alle Angaben werden ausschließlich im Browser verarbeitet.
- Keine Speicherung, kein Tracking, keine Cookies.
- Mail, WhatsApp und Kopierfunktion laufen ausschließlich lokal.
- Vollständig konform mit Art. 6 Abs. 1 lit. a DSGVO.
? Lizenz
MIT License © 2025 schaefercharter.com
Permission is hereby granted, free of charge, to any person obtaining a copy of this software...