Andrea Meissner – Sexuelle Bildung in Institutionen
<!– Analytics Platzhalter ─────────────────────────────────────────────────────
Google Analytics GA4:
window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag(‚js‘,new Date());gtag(‚config‘,’GA_MEASUREMENT_ID‘);
Meta Pixel:
!function(f,b,e,v,n,t,s){…}(window,document,’script‘,’https://connect.facebook.net/en_US/fbevents.js‘);fbq(‚init‘,’YOUR_PIXEL_ID‘);fbq(‚track‘,’PageView‘);
───────────────────────────────────────────────────────────────────────────── –>
/* ── Reset & tokens ─────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
–navy: #5B6517;
–accent: #F08100;
–accenthover: #904D00;
–cream: #F9F8EE;
–sand: #EEECD8;
–text: #2A2A2A;
–muted: #6B6B6B;
–white: #FFFFFF;
}
html{scroll-behavior:smooth}
body{font-family:’Source Sans 3′,sans-serif;background:var(–cream);color:var(–text);-webkit-font-smoothing:antialiased}
/* ── Fade-in animations (Intersection Observer) ─────────────────────────── */
.fade{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.fade.from-left{transform:translateX(-28px)}
.fade.from-right{transform:translateX(28px)}
.fade.visible{opacity:1;transform:none}
.fade.d1{transition-delay:.12s}
.fade.d2{transition-delay:.24s}
.fade.d3{transition-delay:.06s}
.fade.d4{transition-delay:.12s}
.fade.d5{transition-delay:.18s}
.fade.d6{transition-delay:.24s}
.fade.d7{transition-delay:.30s}
.fade.d8{transition-delay:.36s}
.fade.d9{transition-delay:.42s}
/* ── Nav ────────────────────────────────────────────────────────────────── */
nav{background:var(–white);position:fixed;top:0;left:0;right:0;z-index:100;padding:0 24px;transition:background .4s,border .4s}
nav.scrolled{background:var(–white);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px}
.nav-logo{text-decoration:none;font-family:’Playfair Display‘,serif;font-weight:900;font-size:20px;color:var(–navy);letter-spacing:-.02em}
.nav-logo span{color:var(–accent)}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-links a{font-weight:600;font-size:13px;text-decoration:none;letter-spacing:.09em;text-transform:uppercase;color:var(–accent);border-bottom:2px solid transparent;padding-bottom:2px;transition:color .2s,border-color .2s}
.nav-links a:hover{color:var(–accenthover)}
.nav-links a.active{color:var(–accent);border-bottom-color:var(–accent)}
.nav-cta{background:var(–accent);color:var(–white)!important;font-weight:700!important;font-size:13px;padding:5px 24px;border-radius:2px;border:none!important;transition:background .2s,transform .2s!important}
.nav-cta:hover{background:#d07200!important;transform:translateY(-1px)}
/* ── Shared ─────────────────────────────────────────────────────────────── */
.eyebrow{font-weight:600;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(–accent);margin-bottom:16px}
.section-title{font-family:’Playfair Display‘,serif;font-weight:900;font-size:clamp(30px,4vw,50px);letter-spacing:-.02em;line-height:1.15}
.section-sub{font-size:17px;color:var(–muted);line-height:1.75}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(–accent);color:var(–white);font-family:’Source Sans 3′,sans-serif;font-weight:700;font-size:15px;padding:15px 36px;text-decoration:none;border-radius:2px;border:none;cursor:pointer;transition:background .2s,transform .2s}
.btn-primary:hover{background:#d07200;transform:translateY(-2px)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);color:var(–white);font-family:’Source Sans 3′,sans-serif;font-weight:600;font-size:15px;padding:15px 36px;text-decoration:none;border-radius:2px;transition:border-color .2s,background .2s}
.btn-outline:hover{border-color:var(–white);background:rgba(255,255,255,.05)}
/* ── SVG icons ──────────────────────────────────────────────────────────── */
.icon{display:block;flex-shrink:0}
.icon-box{display:flex;align-items:center;justify-content:center;border-radius:2px;flex-shrink:0}
/* ── Hero ────────────────────────────────────────────────────────────────── */
#hero{background:var(–navy);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:120px 40px 80px}
#hero .blob1{position:absolute;top:-80px;right:-80px;width:480px;height:480px;border-radius:50%;background:rgba(240,129,0,.07);pointer-events:none}
#hero .blob2{position:absolute;bottom:60px;left:-120px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.03);pointer-events:none}
#hero .line{position:absolute;top:30%;right:10%;width:1px;height:180px;background:linear-gradient(to bottom,transparent,var(–accent),transparent);opacity:.5}
.hero-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:80px;flex-wrap:wrap;width:100%}
.hero-left{flex:1 1 480px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(–accent);background:rgba(240,129,0,.12);padding:6px 14px;border-radius:2px;margin-bottom:28px}
.hero-h1{font-family:’Playfair Display‘,serif;font-weight:900;font-size:clamp(42px,6vw,70px);color:var(–white);line-height:1.1;margin:0 0 24px;letter-spacing:-.02em}
.hero-h1 span{color:var(–accent)}
.hero-sub{font-size:19px;font-weight:300;color:rgba(255,255,255,.72);line-height:1.75;margin:0 0 40px;max-width:520px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.hero-contacts{display:flex;gap:32px;margin-top:52px;flex-wrap:wrap}
.hero-contact-item{display:flex;align-items:center;gap:9px;font-size:14px;color:rgba(255,255,255,.55)}
.hero-card{flex:0 1 340px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:36px;backdrop-filter:blur(8px)}
.hero-card-label{font-family:’Playfair Display‘,serif;font-size:14px;color:rgba(255,255,255,.45);margin-bottom:24px;font-style:italic}
.pillar{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.pillar:last-child{border-bottom:none}
.pillar-icon{width:42px;height:42px;border-radius:2px;background:rgba(240,129,0,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.pillar-title{font-weight:600;font-size:14px;color:var(–white);margin-bottom:3px}
.pillar-desc{font-size:13px;color:rgba(255,255,255,.48);line-height:1.5}
/* ── Angebote ─────────────────────────────────────────────────────────────── */
#angebote{background:var(–cream);padding:120px 40px}
.angebote-header{text-align:center;margin-bottom:72px}
.angebote-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.angebote-card{background:var(–white);border:1px solid var(–sand);border-radius:4px;padding:40px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.angebote-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(0,0,0,.1)}
.angebote-card.highlight{background:var(–navy);border:none;box-shadow:0 20px 56px rgba(138,144,14,.22)}
.angebote-card.highlight:hover{box-shadow:0 28px 64px rgba(138,144,14,.32)}
.angebote-card .top-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(–accent)}
.card-icon-box{width:48px;height:48px;border-radius:2px;margin-bottom:24px;background:var(–sand);display:flex;align-items:center;justify-content:center}
.highlight .card-icon-box{background:rgba(240,129,0,.15)}
.card-title{font-family:’Playfair Display‘,serif;font-weight:700;font-size:21px;color:var(–navy);margin-bottom:24px;line-height:1.3}
.highlight .card-title{color:var(–white)}
.card-list{list-style:none;padding:0;margin:0 0 32px}
.card-list li{font-size:14px;line-height:1.65;color:var(–text);padding:9px 0;border-bottom:1px solid var(–sand);display:flex;gap:10px;align-items:flex-start}
.card-list li:last-child{border-bottom:none}
.highlight .card-list li{color:rgba(255,255,255,.78);border-bottom-color:rgba(255,255,255,.09)}
.card-cta{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(–navy);text-decoration:none;border-bottom:1.5px solid var(–navy);padding-bottom:2px;transition:opacity .2s}
.highlight .card-cta{color:var(–accent);border-bottom-color:var(–accent)}
.card-cta:hover{opacity:.65}
/* ── Nutzen ──────────────────────────────────────────────────────────────── */
#nutzen{background:var(–white);padding:120px 40px}
.nutzen-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.nutzen-left{position:sticky;top:100px}
.nutzen-left .section-title{color:var(–navy);margin:0 0 22px}
.nutzen-left .section-sub{margin-bottom:40px}
.stat-box{background:var(–navy);border-radius:4px;padding:32px;display:inline-block}
.stat-num{font-family:’Playfair Display‘,serif;font-weight:900;font-size:52px;color:var(–accent);line-height:1}
.stat-label{font-size:13px;color:rgba(255,255,255,.65);margin-top:8px;max-width:176px;line-height:1.55}
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.benefit-card{padding:22px;background:var(–cream);border-radius:4px;border-left:3px solid var(–accent);transition:transform .2s,box-shadow .2s}
.benefit-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.07)}
.benefit-icon{margin-bottom:10px}
.benefit-title{font-weight:700;font-size:13px;color:var(–navy);margin-bottom:5px}
.benefit-desc{font-size:12px;color:var(–muted);line-height:1.55}
/* ── Über mich ───────────────────────────────────────────────────────────── */
#ueber{background:var(–navy);padding:120px 40px;position:relative;overflow:hidden}
#ueber .blob{position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:rgba(240,129,0,.05);pointer-events:none}
.ueber-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ueber-left .eyebrow{color:var(–accent)}
.ueber-left .section-title{color:var(–white);margin:0 0 22px}
.ueber-left .section-title span{color:var(–accent)}
.ueber-left p{font-size:17px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:40px}
.ueber-btns{display:flex;gap:14px}
.btn-accent{display:inline-flex;align-items:center;gap:8px;background:var(–accent);color:var(–white);font-family:’Source Sans 3′,sans-serif;font-weight:700;font-size:13px;padding:12px 26px;text-decoration:none;border-radius:2px;transition:background .2s}
.btn-accent:hover{background:#d07200}
.btn-outline-sm{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);color:var(–white);font-family:’Source Sans 3′,sans-serif;font-weight:600;font-size:13px;padding:12px 26px;text-decoration:none;border-radius:2px;transition:border-color .2s}
.btn-outline-sm:hover{border-color:var(–white)}
.facts-box{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:4px;padding:40px}
.facts-label{font-family:’Playfair Display‘,serif;font-size:14px;color:rgba(255,255,255,.38);margin-bottom:24px;font-style:italic}
.fact-item{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.fact-item:last-child{border-bottom:none}
.fact-text{font-size:14px;color:rgba(255,255,255,.72);line-height:1.6}
/* ── Kontakt ─────────────────────────────────────────────────────────────── */
#kontakt{background:var(–cream);padding:120px 40px}
.kontakt-header{text-align:center;margin-bottom:72px}
.kontakt-header .section-title{color:var(–navy);margin:0 0 18px}
.kontakt-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}
.kontakt-left-title{font-family:’Playfair Display‘,serif;font-weight:700;font-size:21px;color:var(–navy);margin-bottom:24px}
.contact-item{display:flex;gap:16px;align-items:flex-start;margin-bottom:22px}
.contact-icon-box{width:46px;height:46px;background:var(–navy);border-radius:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.contact-label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(–muted);margin-bottom:3px}
.contact-value{font-size:14px;color:var(–navy);text-decoration:none;font-weight:600}
.contact-card{margin-top:36px;background:var(–navy);border-radius:4px;padding:26px}
.contact-card-name{font-family:’Playfair Display‘,serif;font-weight:700;font-size:17px;color:var(–white);margin-bottom:10px}
.contact-card-info{font-size:13px;color:rgba(255,255,255,.6);line-height:1.65}
/* ── Form ─────────────────────────────────────────────────────────────────── */
.form-box{background:var(–white);border-radius:4px;padding:40px;box-shadow:0 8px 40px rgba(0,0,0,.07)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.form-group{display:flex;flex-direction:column}
.form-group label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(–muted);margin-bottom:5px}
.form-group input,
.form-group textarea{font-family:’Source Sans 3′,sans-serif;font-size:14px;color:var(–text);background:var(–white);border:1px solid var(–sand);border-radius:2px;padding:13px 15px;outline:none;transition:border-color .2s;resize:vertical}
.form-group input:focus,
.form-group textarea:focus{border-color:var(–accent)}
.form-submit{width:100%;background:var(–accent);color:var(–white);font-family:’Source Sans 3′,sans-serif;font-weight:700;font-size:14px;letter-spacing:.07em;text-transform:uppercase;padding:15px 32px;border:none;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s,transform .15s}
.form-submit:hover{background:#d07200;transform:translateY(-1px)}
.form-note{font-size:11px;color:var(–muted);margin-top:12px;text-align:center;line-height:1.5}
.success-box{background:var(–navy);border-radius:4px;padding:48px;text-align:center;display:none}
.success-box.visible{display:block}
.success-icon{width:56px;height:56px;border-radius:50%;background:rgba(240,129,0,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.success-title{font-family:’Playfair Display‘,serif;font-weight:700;font-size:24px;color:var(–white);margin-bottom:10px}
.success-text{font-size:15px;color:rgba(255,255,255,.7)}
/* ── Footer ──────────────────────────────────────────────────────────────── */
footer{background:#1a1a0e;padding:48px 40px}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.footer-logo{font-family:’Playfair Display‘,serif;font-weight:900;font-size:18px;color:var(–white)}
.footer-logo span{color:var(–accent)}
.footer-tagline{font-size:12px;color:rgba(255,255,255,.38);margin-top:6px}
.footer-right{font-size:12px;color:rgba(255,255,255,.38);text-align:right;line-height:1.9}
.footer-right a{color:rgba(255,255,255,.38);text-decoration:none}
/* ── Responsive ──────────────────────────────────────────────────────────── */
@media(max-width:900px){
.nutzen-inner,.ueber-inner{grid-template-columns:1fr}
.nutzen-left{position:static}
.kontakt-inner{grid-template-columns:1fr}
.hero-inner{gap:48px}
.hero-card{flex:0 1 100%}
}
@media(max-width:768px){
#hero,#angebote,#nutzen,#ueber,#kontakt{padding-left:20px;padding-right:20px}
.benefits-grid{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
.nav-links{display:none}
}
Sexuelle Bildung in Institutionen
Menschen stärken –
auch im Bereich
Sexualität.
Professionelle sexualpädagogische Unterstützung für Einrichtungen der Eingliederungshilfe – nachhaltig, praxisorientiert und auf Augenhöhe.
Drei Ansatzpunkte
Bildung & Aufklärung
Sexuelle Aufklärung, Schulungen und pädagogische Konzepte
Kontinuierliche Begleitung
Weiterbildung, Beratung und Gruppenangebote
Anlassbezogene Hilfe
Krisenmanagement und organisatorische Rahmenbedingungen
Angebote der sexuellen Bildung
- Sexuelle Aufklärung für Klient:innen
- Schulungen für Mitarbeitende
- Entwicklung eines sexualpädagogischen Konzepts
Schulung anfragen
Kontinuierliche Begleitung
- Weiterbildung für Teams und Fachkräfte
- Einzelberatung & Gruppenangebote
- Aufbau organisatorischer Strukturen
- Langfristige Konzeptbegleitung
Begleitung anfragen
Anlassbezogene Unterstützung
- Krisenberatung (auch bei Übergriffen)
- Anlassbezogene Einzelberatung & Gruppenangebote
- Begleitung von Betroffenen und Beteiligten
Beratung anfragen
Nutzen auf einen Blick
Was Ihre Einrichtung gewinnt.
Sexuelle Bildung ist keine Zusatzleistung – sie ist ein zentraler Bestandteil professioneller Betreuung und schützt alle Beteiligten.
8
konkrete Vorteile für Ihre Einrichtung und Ihre Bewohner:innen
Sozialkompetenz stärken
Klient:innen lernen, eigene Bedürfnisse zu erkennen und Grenzen anderer zu respektieren.
Handlungskompetenz der Teams
Mitarbeitende erhalten das Wissen und die Werkzeuge für souveränes Handeln.
Bildungsauftrag erfüllen
Einrichtungen werden rechtlich und fachlich handlungsfähig – proaktiv statt reaktiv.
Risiken reduzieren
Strukturierte Prävention reduziert das Risiko sexueller Übergriffe nachweislich.
Folgeaufwand vermeiden
Frühzeitiges Handeln schützt vor aufwändigen Kriseninterventionen und reduziert rechtliche Risiken.
Imagegewinn als Arbeitgeber
Einrichtungen, die Sexualität ernstnehmen, gewinnen Vertrauen – bei Mitarbeitenden und Familien.
Proaktiv handeln
Statt auf Vorfälle zu reagieren: klare Strukturen, Konzepte und eine offene Kultur schaffen.
Wohlbefinden für alle
Sicherheit und positiv gelebte Sexualität als Bestandteil eines guten Lebens.
Über mich
Andrea Meissner –
Sexualpädagogin (isp)
Erfahrung trifft Haltung: Mit fundierten Kenntnissen aus der Praxis und einer wertschätzenden Grundhaltung begleite ich Einrichtungen.
Qualifikationen & Erfahrung
Fachkraft seit vielen Jahren im Bereich Wohnen (Eingliederungshilfe)
Sexualpädagogische Ausbildung am Institut für Sexualpädagogik (isp)
Tätigkeit bei der Lebenshilfe – Gruppen & Einzelbegleitung
Krisenmanagement und Zusammenarbeit mit Fachberatungsstellen (Profa, Wildwasser, Imma, fetz u.a.)
Freiberufliche Sexualpädagogin & Heilpraktikerin für Psychotherapie
Vielen Dank!
Ihre Nachricht ist angekommen. Ich melde mich persönlich bei Ihnen.
// ── Year ───────────────────────────────────────────────────────────────────
document.getElementById(‚year‘).textContent = new Date().getFullYear();
// ── Nav: scrolled + active section ────────────────────────────────────────
const nav = document.getElementById(‚main-nav‘);
const navLinks = document.querySelectorAll(‚.nav-links a[data-section]‘);
const sections = [‚hero‘,’angebote‘,’nutzen‘,’ueber‘,’kontakt‘];
window.addEventListener(’scroll‘, () => {
nav.classList.toggle(’scrolled‘, window.scrollY > 40);
let current = ‚hero‘;
sections.forEach(id => {
const el = document.getElementById(id);
if (el && el.getBoundingClientRect().top a.classList.toggle(‚active‘, a.dataset.section === current));
}, { passive: true });
// ── Intersection Observer: fade-in ─────────────────────────────────────────
const observer = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add(‚visible‘); observer.unobserve(e.target); } });
}, { threshold: 0.12 });
document.querySelectorAll(‚.fade‘).forEach(el => observer.observe(el));
// ── Contact form ───────────────────────────────────────────────────────────
document.getElementById(‚contact-form‘).addEventListener(’submit‘, function(e) {
e.preventDefault();
document.getElementById(‚contact-form-wrap‘).style.display = ’none‘;
document.getElementById(’success-box‘).classList.add(‚visible‘);
});