/* =========================
HANI SEO HEADER
========================= */
.hani-header {
width: 100vw;
margin-left: calc(50% – 50vw);
background: #ffffff;
border-bottom: 1px solid #e5e7eb;
position: relative;
z-index: 9999;
font-family: Inter, Arial, sans-serif;
}
.hani-header * {
box-sizing: border-box;
}
.hani-header-inner {
max-width: 1180px;
margin: 0 auto;
min-height: 76px;
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
}
/* LOGO */
.hani-logo {
text-decoration: none;
color: #111827;
display: inline-flex;
align-items: center;
flex-shrink: 0;
}
.hani-logo-text {
font-size: 22px;
font-weight: 800;
letter-spacing: -0.7px;
}
.hani-logo-text span {
color: #2563eb;
}
/* NAVIGATION */
.hani-nav {
display: flex;
align-items: center;
gap: 28px;
}
.hani-nav a {
text-decoration: none;
color: #374151;
font-size: 14px;
font-weight: 600;
transition: color 0.2s ease;
}
.hani-nav a:hover {
color: #2563eb;
}
/* CTA */
.hani-header-cta {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 12px 18px;
border-radius: 8px;
background: #2563eb;
color: #ffffff !important;
text-decoration: none;
font-size: 14px;
font-weight: 700;
transition:
background 0.2s ease,
transform 0.2s ease;
}
.hani-header-cta:hover {
background: #1d4ed8;
color: #ffffff !important;
transform: translateY(-1px);
}
/* MOBILE */
@media (max-width: 850px) {
.hani-header-inner {
min-height: 68px;
padding: 0 18px;
}
.hani-nav {
display: none;
}
.hani-header-cta {
padding: 10px 14px;
font-size: 13px;
}
.hani-logo-text {
font-size: 20px;
}
}
/* SMALL MOBILE */
@media (max-width: 480px) {
.hani-header-inner {
padding: 0 15px;
}
.hani-header-cta {
padding: 9px 11px;
font-size: 12px;
}
.hani-logo-text {
font-size: 19px;
}
}
/* =========================================================
HANI SEO – HOMEPAGE
Twenty Twenty-Five
========================================================= */
.hani-home {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% – 50vw) !important;
margin-right: calc(50% – 50vw) !important;
padding: 0 !important;
background: #ffffff;
color: #111827;
font-family: Arial, Helvetica, sans-serif;
}
.hani-home *,
.hani-home *::before,
.hani-home *::after {
box-sizing: border-box;
}
.hani-home a {
text-decoration: none;
}
.hani-home-inner {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
/* =========================================================
HERO
========================================================= */
.hani-home-hero {
padding: 105px 0 100px;
background:
radial-gradient(
circle at 85% 20%,
rgba(37, 99, 235, 0.09),
transparent 32%
),
#ffffff;
}
.hani-home-hero-grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 70px;
align-items: center;
}
.hani-home-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 22px;
padding: 8px 13px;
background: #eff6ff;
border: 1px solid #dbeafe;
border-radius: 999px;
color: #2563eb;
font-size: 13px;
font-weight: 700;
}
.hani-home-dot {
width: 7px;
height: 7px;
background: #2563eb;
border-radius: 50%;
}
.hani-home-hero h1 {
max-width: 760px;
margin: 0 0 25px;
color: #111827;
font-size: clamp(42px, 5vw, 68px);
line-height: 1.05;
letter-spacing: -3px;
font-weight: 800;
}
.hani-home-hero h1 span {
color: #2563eb;
}
.hani-home-hero-text {
max-width: 650px;
margin: 0 0 32px;
color: #4b5563;
font-size: 18px;
line-height: 1.75;
}
.hani-home-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.hani-home-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 22px;
border-radius: 8px;
font-size: 14px;
font-weight: 700;
transition: .2s ease;
}
.hani-home-btn-primary {
background: #2563eb;
color: #ffffff !important;
}
.hani-home-btn-primary:hover {
background: #1d4ed8;
color: #ffffff !important;
transform: translateY(-1px);
}
.hani-home-btn-secondary {
background: #ffffff;
color: #111827 !important;
border: 1px solid #d1d5db;
}
.hani-home-btn-secondary:hover {
border-color: #2563eb;
color: #2563eb !important;
}
/* =========================================================
HERO VISUAL
========================================================= */
.hani-home-visual {
padding: 28px;
background: #111827;
border-radius: 18px;
box-shadow:
0 25px 60px rgba(17, 24, 39, .14);
}
.hani-home-visual-title {
margin-bottom: 22px;
color: #ffffff;
font-size: 17px;
font-weight: 700;
}
.hani-home-search {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
background: #1f2937;
border: 1px solid #374151;
border-radius: 9px;
color: #d1d5db;
font-size: 14px;
}
.hani-home-search-icon {
width: 17px;
height: 17px;
border: 2px solid #60a5fa;
border-radius: 50%;
position: relative;
flex-shrink: 0;
}
.hani-home-search-icon::after {
content: „“;
position: absolute;
width: 7px;
height: 2px;
right: -5px;
bottom: -3px;
background: #60a5fa;
transform: rotate(45deg);
}
.hani-home-result {
margin-top: 14px;
padding: 18px;
background: #ffffff;
border-radius: 10px;
}
.hani-home-result-small {
margin-bottom: 6px;
color: #6b7280;
font-size: 11px;
}
.hani-home-result-title {
margin-bottom: 5px;
color: #2563eb;
font-size: 16px;
font-weight: 700;
}
.hani-home-result-url {
margin-bottom: 10px;
color: #16a34a;
font-size: 11px;
}
.hani-home-result-text {
color: #6b7280;
font-size: 12px;
line-height: 1.6;
}
.hani-home-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-top: 14px;
}
.hani-home-stat {
padding: 14px 8px;
background: #1f2937;
border-radius: 8px;
text-align: center;
}
.hani-home-stat strong {
display: block;
color: #ffffff;
font-size: 17px;
}
.hani-home-stat span {
color: #9ca3af;
font-size: 10px;
}
/* =========================================================
TRUST
========================================================= */
.hani-home-trust {
background: #f8fafc;
border-top: 1px solid #e5e7eb;
border-bottom: 1px solid #e5e7eb;
}
.hani-home-trust-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.hani-home-trust-item {
padding: 23px 12px;
border-right: 1px solid #e5e7eb;
text-align: center;
color: #374151;
font-size: 13px;
font-weight: 600;
}
.hani-home-trust-item:last-child {
border-right: none;
}
/* =========================================================
GENERAL SECTIONS
========================================================= */
.hani-home-section {
padding: 100px 0;
}
.hani-home-light {
background: #f8fafc;
}
.hani-home-heading {
max-width: 720px;
margin-bottom: 52px;
}
.hani-home-label {
margin-bottom: 12px;
color: #2563eb;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
}
.hani-home-heading h2 {
margin: 0 0 18px;
color: #111827;
font-size: clamp(32px, 4vw, 46px);
line-height: 1.12;
letter-spacing: -1.5px;
}
.hani-home-heading p {
margin: 0;
color: #6b7280;
font-size: 17px;
line-height: 1.75;
}
/* =========================================================
PROBLEM
========================================================= */
.hani-home-problem {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 70px;
align-items: center;
}
.hani-home-problems {
display: grid;
gap: 14px;
}
.hani-home-problem-item {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 18px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 10px;
}
.hani-home-problem-number {
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: #eff6ff;
color: #2563eb;
border-radius: 50%;
font-size: 12px;
font-weight: 800;
}
.hani-home-problem-item strong {
display: block;
margin-bottom: 4px;
color: #111827;
font-size: 14px;
}
.hani-home-problem-item p {
margin: 0;
color: #6b7280;
font-size: 13px;
line-height: 1.6;
}
/* =========================================================
SERVICES
========================================================= */
.hani-home-services {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.hani-home-service {
padding: 28px 24px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
transition: .2s ease;
}
.hani-home-service:hover {
transform: translateY(-4px);
border-color: #bfdbfe;
box-shadow:
0 15px 35px rgba(17, 24, 39, .07);
}
.hani-home-service-number {
margin-bottom: 20px;
color: #2563eb;
font-size: 12px;
font-weight: 800;
}
.hani-home-service h3 {
margin: 0 0 12px;
color: #111827;
font-size: 18px;
}
.hani-home-service p {
margin: 0;
color: #6b7280;
font-size: 13px;
line-height: 1.7;
}
.hani-home-service a {
display: inline-block;
margin-top: 18px;
color: #2563eb !important;
font-size: 13px;
font-weight: 700;
}
/* =========================================================
PROCESS
========================================================= */
.hani-home-process {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 20px;
}
.hani-home-process-number {
width: 42px;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 17px;
background: #eff6ff;
color: #2563eb;
border-radius: 50%;
font-size: 13px;
font-weight: 800;
}
.hani-home-process h3 {
margin: 0 0 8px;
color: #111827;
font-size: 16px;
}
.hani-home-process p {
margin: 0;
color: #6b7280;
font-size: 13px;
line-height: 1.65;
}
/* =========================================================
INDUSTRIES
========================================================= */
.hani-home-industries {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.hani-home-industry {
padding: 12px 16px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
color: #374151;
font-size: 13px;
font-weight: 600;
}
/* =========================================================
PRICES
========================================================= */
.hani-home-prices {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.hani-home-price {
padding: 32px 28px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 14px;
}
.hani-home-price-featured {
border: 2px solid #2563eb;
box-shadow:
0 15px 40px rgba(37, 99, 235, .10);
}
.hani-home-price-name {
margin-bottom: 8px;
color: #6b7280;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.hani-home-price-value {
margin-bottom: 8px;
color: #111827;
font-size: 36px;
font-weight: 800;
}
.hani-home-price-value span {
color: #6b7280;
font-size: 13px;
font-weight: 500;
}
.hani-home-price-description {
margin: 0 0 23px;
color: #6b7280;
font-size: 13px;
line-height: 1.6;
}
.hani-home-price ul {
margin: 0 0 26px;
padding: 0;
list-style: none;
}
.hani-home-price li {
position: relative;
margin-bottom: 10px;
padding-left: 20px;
color: #374151;
font-size: 13px;
}
.hani-home-price li::before {
content: „✓“;
position: absolute;
left: 0;
color: #2563eb;
font-weight: 800;
}
.hani-home-price a {
display: flex;
align-items: center;
justify-content: center;
min-height: 45px;
background: #f3f4f6;
color: #111827 !important;
border-radius: 8px;
font-size: 13px;
font-weight: 700;
}
.hani-home-price-featured a {
background: #2563eb;
color: #ffffff !important;
}
/* =========================================================
TRANSPARENZ
========================================================= */
.hani-home-transparency {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.hani-home-dark-box {
padding: 34px;
background: #111827;
border-radius: 14px;
}
.hani-home-dark-box h3 {
margin: 0 0 15px;
color: #ffffff;
font-size: 24px;
}
.hani-home-dark-box p {
margin: 0;
color: #9ca3af;
font-size: 14px;
line-height: 1.8;
}
.hani-home-checks {
display: grid;
gap: 18px;
}
.hani-home-check {
display: flex;
align-items: flex-start;
gap: 13px;
}
.hani-home-check-icon {
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: #eff6ff;
color: #2563eb;
border-radius: 50%;
font-size: 12px;
font-weight: 800;
}
.hani-home-check strong {
display: block;
margin-bottom: 3px;
color: #111827;
font-size: 14px;
}
.hani-home-check p {
margin: 0;
color: #6b7280;
font-size: 13px;
line-height: 1.6;
}
/* =========================================================
FINAL CTA
========================================================= */
.hani-home-final {
padding: 100px 0;
background: #111827;
text-align: center;
}
.hani-home-final h2 {
max-width: 720px;
margin: 0 auto 18px;
color: #ffffff;
font-size: clamp(32px, 4vw, 48px);
line-height: 1.12;
letter-spacing: -1.5px;
}
.hani-home-final p {
max-width: 620px;
margin: 0 auto 30px;
color: #9ca3af;
font-size: 16px;
line-height: 1.7;
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 950px) {
.hani-home-hero-grid,
.hani-home-problem,
.hani-home-transparency {
grid-template-columns: 1fr;
}
.hani-home-services {
grid-template-columns: repeat(2, 1fr);
}
.hani-home-process {
grid-template-columns: repeat(2, 1fr);
gap: 35px;
}
.hani-home-prices {
grid-template-columns: 1fr;
max-width: 620px;
}
}
@media (max-width: 650px) {
.hani-home-inner {
padding-left: 18px;
padding-right: 18px;
}
.hani-home-hero {
padding: 65px 0;
}
.hani-home-hero h1 {
font-size: 42px;
letter-spacing: -1.8px;
}
.hani-home-hero-text {
font-size: 16px;
}
.hani-home-buttons {
flex-direction: column;
}
.hani-home-btn {
width: 100%;
}
.hani-home-section {
padding: 70px 0;
}
.hani-home-heading {
margin-bottom: 38px;
}
.hani-home-heading h2 {
font-size: 32px;
}
.hani-home-services,
.hani-home-process {
grid-template-columns: 1fr;
}
.hani-home-trust-grid {
grid-template-columns: 1fr 1fr;
}
.hani-home-trust-item {
border-bottom: 1px solid #e5e7eb;
}
.hani-home-trust-item:nth-child(2) {
border-right: none;
}
.hani-home-visual {
padding: 20px;
}
.hani-home-stats {
grid-template-columns: 1fr;
}
.hani-home-final {
padding: 70px 0;
}
}
SEO für lokale Unternehmen & KMU
Mehr qualifizierte
Kunden über Google.
SEO für lokale Unternehmen und KMU –
mit klarer Strategie, konkreter Umsetzung
und transparenter monatlicher Betreuung.
So funktioniert SEO
Zahnarzt Bonn
Google Suchergebnis
Ihre Website wird sichtbar
www.ihre-website.de
Relevante Inhalte, technische Optimierung
und lokale Signale helfen dabei, die richtigen
Suchenden zu erreichen.
SEO
Strategie
Local
Sichtbarkeit
Leads
Conversion
Persönliche Betreuung
Klare Preise
Monatliche Umsetzung
Transparente Entwicklung
Das Problem
Ihre Website ist online –
aber bringt sie genug Kunden?
Viele Unternehmen haben eine gute Website,
werden bei Google aber nicht für die Suchanfragen
sichtbar, die tatsächlich zu neuen Kunden führen.
1
Zu wenig Sichtbarkeit
Ihre Website erscheint bei wichtigen
Suchanfragen nicht weit genug oben.
2
Die falschen Besucher
Nicht jeder Besucher ist ein potenzieller
Kunde. Entscheidend ist relevanter Traffic.
3
Zu wenige Anfragen
Gute Sichtbarkeit allein reicht nicht,
wenn Website und Angebot nicht überzeugen.
Leistungen
SEO, das nicht bei Rankings aufhört.
Wir verbinden technische Optimierung, Local SEO,
relevante Inhalte und Conversion-Optimierung
zu einer klaren SEO-Strategie.
01
Technical SEO
Crawling, Indexierung, Core Web Vitals,
Canonicals, strukturierte Daten und
interne Verlinkung.
Mehr erfahren →
02
Local SEO
Mehr lokale Sichtbarkeit für Unternehmen,
deren Kunden gezielt in ihrer Stadt oder
Region suchen.
Mehr erfahren →
03
OnPage SEO
Suchintention, Keyword-Struktur,
Seitentitel, Inhalte und interne
Verlinkung optimieren.
Mehr erfahren →
04
Content SEO
Inhalte entwickeln und optimieren,
die relevante Suchintentionen abdecken
und Nutzer weiterführen.
Mehr erfahren →
Vorgehensweise
SEO ohne Blackbox.
Sie wissen, was wir analysieren, was wir umsetzen
und woran wir die Entwicklung messen.
01
Analyse
Website, Sichtbarkeit, Suchintention
und Wettbewerber analysieren.
02
Strategie
Keywords priorisieren und konkrete
SEO-Maßnahmen planen.
03
Umsetzung
Technische, lokale und inhaltliche
Optimierungen umsetzen.
04
Messung
Sichtbarkeit, Klicks und relevante
Entwicklungen verfolgen.
05
Weiterentwicklung
Maßnahmen anhand der Daten
weiterentwickeln.
Branchen
SEO für Unternehmen mit lokalem oder regionalem Fokus.
Besonders sinnvoll für Unternehmen, bei denen
Google ein wichtiger Kanal für neue Kunden und
Anfragen ist.
Zahnärzte
Ärzte & Praxen
Handwerker
Rechtsanwälte
Steuerberater
Immobilien
Kosmetik & Beauty
Gastronomie
Lokale Dienstleistungen
Preise
Klare SEO-Pakete statt Blackbox.
Monatliche Betreuung mit einem klar definierten
Leistungsumfang.
Local
590 € / Monat
Für kleinere lokale Unternehmen.
- Keyword-Recherche
- Local SEO
- Google Business Profile
- OnPage-Basis
- Monitoring & Reporting
Paket ansehen
Growth
990 € / Monat
Für Unternehmen, die SEO als kontinuierlichen
Wachstumskanal aufbauen möchten.
- Alles aus Local
- Technical SEO
- Content-Strategie
- Landingpage-/Content-Projekt
- Conversion-Optimierung
- Wettbewerbsanalyse
Paket ansehen
Scale
1.790 € / Monat
Für höheren Wettbewerb und umfangreichere
SEO-Ziele.
- Alles aus Growth
- Mehrere Content-Projekte
- Content-Cluster
- Technical SEO
- Strategischer Linkaufbau
- Mehrere Standorte
Paket ansehen
Keine SEO-Versprechen,
die niemand halten kann.
Google-Rankings hängen von Wettbewerb,
Suchintention, Website, Branche und weiteren
Faktoren ab. Deshalb arbeiten wir mit konkreten
Maßnahmen und nachvollziehbaren Entwicklungen
statt mit Platz-1-Garantien.
✓
Klare Maßnahmen
Sie sehen, was optimiert wird und warum.
✓
Transparente Betreuung
Kein undurchsichtiges SEO-Paket
ohne nachvollziehbaren Umfang.
✓
Messbare Entwicklung
Sichtbarkeit, Klicks und relevante
Entwicklungen werden beobachtet.
Was kann Ihre Website
über Google erreichen?
Lassen Sie Ihre Website auf SEO-Potenzial,
Suchintention und lokale Sichtbarkeit prüfen.
SEO-Potenzial kostenlos prüfen
/* =========================
HANI SEO FOOTER
========================= */
.hani-footer {
width: 100vw;
margin-left: calc(50% – 50vw);
background: #111827;
color: #d1d5db;
font-family: Inter, Arial, sans-serif;
}
.hani-footer * {
box-sizing: border-box;
}
.hani-footer-inner {
max-width: 1180px;
margin: 0 auto;
padding: 70px 24px 30px;
}
/* TOP */
.hani-footer-top {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
gap: 50px;
padding-bottom: 55px;
}
/* BRAND */
.hani-footer-brand {
max-width: 340px;
}
.hani-footer-logo {
display: inline-block;
margin-bottom: 18px;
color: #ffffff;
text-decoration: none;
font-size: 23px;
font-weight: 800;
letter-spacing: -0.7px;
}
.hani-footer-logo span {
color: #60a5fa;
}
.hani-footer-description {
margin: 0;
color: #9ca3af;
font-size: 14px;
line-height: 1.8;
}
/* COLUMNS */
.hani-footer-column h3 {
margin: 0 0 18px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
}
.hani-footer-column a {
display: block;
margin-bottom: 11px;
color: #9ca3af;
text-decoration: none;
font-size: 14px;
line-height: 1.5;
transition: color 0.2s ease;
}
.hani-footer-column a:hover {
color: #ffffff;
}
/* BOTTOM */
.hani-footer-bottom {
border-top: 1px solid #273244;
padding-top: 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.hani-footer-copy {
margin: 0;
color: #6b7280;
font-size: 13px;
}
.hani-footer-legal {
display: flex;
align-items: center;
gap: 20px;
}
.hani-footer-legal a {
color: #9ca3af;
text-decoration: none;
font-size: 13px;
}
.hani-footer-legal a:hover {
color: #ffffff;
}
/* MOBILE */
@media (max-width: 800px) {
.hani-footer-inner {
padding: 55px 20px 25px;
}
.hani-footer-top {
grid-template-columns: 1fr 1fr;
gap: 40px 30px;
}
.hani-footer-brand {
grid-column: 1 / -1;
max-width: 500px;
}
.hani-footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.hani-footer-legal {
flex-wrap: wrap;
gap: 12px 18px;
}
}
/* SMALL MOBILE */
@media (max-width: 500px) {
.hani-footer-top {
grid-template-columns: 1fr;
gap: 32px;
}
.hani-footer-brand {
grid-column: auto;
}
.hani-footer-inner {
padding-left: 18px;
padding-right: 18px;
}
}
Ist das deine neue Website? Melde dich an, um Administratorfunktionen zu aktivieren und diese Nachricht auszublenden.
Anmelden
