Skip to content
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;700;800;900&family=Inter:wght@400;500&display=swap" rel="stylesheet"> <style> /* Landingpage: Header, Spacer und Footer ausblenden */ .page-template-landingpage .sk-header, .page-template-landingpage .sk-header-spacer, .page-template-landingpage .sk-footer { display: none !important; } /* ===== HEADER ===== */ .sk-header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(255,255,255,0.97); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid #eeeeee; transition: all 0.3s ease; } .sk-header-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; height: 72px; display: flex; align-items: center; justify-content: space-between; } .sk-logo { display: flex; align-items: center; transition: opacity 0.3s ease, width 0.3s ease; } .sk-logo img { height: 42px; width: auto; display: block; } /* CTA — Desktop: immer sichtbar */ .sk-header-cta { display: inline-block; font-family: 'Mulish', sans-serif; font-size: 13px; font-weight: 800; background: #FFD552; color: #1a1a2e; padding: 12px 22px; border-radius: 6px; text-decoration: none; letter-spacing: 0.03em; white-space: nowrap; transition: transform 0.2s ease; } .sk-header-cta:hover { background: #FFD552; color: #1a1a2e; transform: scale(1.05); text-decoration: none; } /* ===== MOBILE SCROLL-VERHALTEN ===== */ @media (max-width: 768px) { .sk-header-inner { height: 60px; } /* CTA auf Mobile: standardmäßig versteckt */ .sk-header-cta { opacity: 0; pointer-events: none; transition: opacity 0.3s ease, color 0.2s, transform 0.15s; } /* Beim Scrollen: Logo ausblenden, CTA einblenden rechts */ .sk-header.scrolled .sk-logo { opacity: 0; pointer-events: none; width: 0; overflow: hidden; } .sk-header.scrolled .sk-header-inner { justify-content: flex-end; } .sk-header.scrolled .sk-header-cta { opacity: 1; pointer-events: auto; font-size: 14px; padding: 13px 28px; } } /* ===== FOOTER ===== */ .sk-footer { background: #1a1a2e; color: #fff; padding: 64px 0 0; font-family: 'Inter', sans-serif; } .sk-footer-inner { max-width: 1100px; margin: 0 auto; padding: 0 24px; } .sk-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.1); } .sk-footer-logo { height: 38px; width: auto; display: block; margin-bottom: 20px; filter: brightness(0) invert(1); opacity: 0.9; } .sk-footer-tagline { font-size: 14px; color: rgba(255,255,255,0.55); line-height: 1.7; margin: 0 0 24px; max-width: 240px; } .sk-footer-proven { display: inline-block; text-decoration: none; transition: opacity 0.2s; } .sk-footer-proven:hover { opacity: 0.85; } .sk-footer-proven img { display: block; border-radius: 8px; } .sk-footer-col h4 { font-family: 'Mulish', sans-serif; font-size: 11px; font-weight: 800; color: #13b4aa; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 20px; } .sk-footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .sk-footer-col ul a { font-size: 14px; color: rgba(255,255,255,0.65); text-decoration: none; transition: color 0.2s; line-height: 1.4; } .sk-footer-col ul a:hover { color: #fff; } .sk-footer-contact { display: flex; flex-direction: column; gap: 12px; } .sk-footer-contact-item { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.5; } .sk-footer-contact-item svg { flex-shrink: 0; margin-top: 2px; opacity: 0.7; } .sk-footer-contact-item a { color: rgba(255,255,255,0.65); text-decoration: none; transition: color 0.2s; } .sk-footer-contact-item a:hover { color: #fff; } .sk-footer-bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; gap: 16px; flex-wrap: wrap; } .sk-footer-copy { font-size: 13px; color: rgba(255,255,255,0.35); margin: 0; } .sk-footer-legal { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; } .sk-footer-legal a { font-size: 13px; color: rgba(255,255,255,0.35); text-decoration: none; transition: color 0.2s; } .sk-footer-legal a:hover { color: rgba(255,255,255,0.7); } /* Spacer */ .sk-header-spacer { height: 72px; } @media (max-width: 768px) { .sk-header-spacer { height: 60px; } } /* Responsive Footer */ @media (max-width: 900px) { .sk-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; } .sk-footer-brand { grid-column: 1 / -1; } .sk-footer-proven { display: none; } } @media (max-width: 600px) { .sk-footer-grid { grid-template-columns: 1fr; gap: 32px; } .sk-footer-brand { grid-column: auto; } .sk-footer-proven { display: inline-block; } .sk-footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; } } </style> <!-- Spacer --> <div class="sk-header-spacer"></div> <!-- ===== HEADER ===== --> <header class="sk-header" id="sk-header"> <div class="sk-header-inner"> <a href="/" class="sk-logo"> <img src="https://beratung.steltzer-kanzlei.de/wp-content/uploads/2025/11/Element-1.png" alt="Steltzer Rechtsanwälte und Mediatoren" /> </a> <a href="https://beratung.steltzer-kanzlei.de/#wo-anfangen" class="sk-header-cta">Beratung anfragen</a> </div> </header> <script> (function() { var header = document.getElementById('sk-header'); if (!header) return; window.addEventListener('scroll', function() { if (window.scrollY > 80) { header.classList.add('scrolled'); } else { header.classList.remove('scrolled'); } }, { passive: true }); })(); </script>
Author: Daniel Steltzer
Ehe & Scheidung
Wissenswertes rund um
Ehepläne und Neuanfänge.
Alle Themen
It seems we can’t find what you’re looking for. Perhaps searching can help.
Search for:
Search
DE
Get in touch
