/* =========================
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-agentur {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% – 50vw) !important;
margin-right: calc(50% – 50vw) !important;
background: #fff;
color: #111827;
font-family: Arial, Helvetica, sans-serif;
}
.hani-seo-agentur *,
.hani-seo-agentur *::before,
.hani-seo-agentur *::after {
box-sizing: border-box;
}
.hani-seo-wrap {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 0 24px;
}
.hani-seo-section {
padding: 100px 0;
}
.hani-seo-light {
background: #f8fafc;
}
/* HERO */
.hani-seo-hero {
padding: 105px 0 100px;
background:
radial-gradient(
circle at 85% 20%,
rgba(37,99,235,.09),
transparent 32%
),
#fff;
}
.hani-seo-hero-grid {
display: grid;
grid-template-columns: 1.1fr .9fr;
gap: 70px;
align-items: center;
}
.hani-seo-label {
margin-bottom: 20px;
color: #2563eb;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .08em;
}
.hani-seo-hero h1 {
max-width: 760px;
margin: 0 0 25px;
color: #111827;
font-size: clamp(42px,5vw,64px);
line-height: 1.06;
letter-spacing: -2.5px;
font-weight: 800;
}
.hani-seo-hero h1 span {
color: #2563eb;
}
.hani-seo-hero-text {
max-width: 670px;
margin: 0 0 32px;
color: #4b5563;
font-size: 18px;
line-height: 1.75;
}
.hani-seo-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.hani-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 22px;
border-radius: 8px;
text-decoration: none;
font-size: 14px;
font-weight: 700;
}
.hani-btn-primary {
background: #2563eb;
color: #fff !important;
}
.hani-btn-primary:hover {
background: #1d4ed8;
color: #fff !important;
}
.hani-btn-secondary {
background: #fff;
color: #111827 !important;
border: 1px solid #d1d5db;
}
.hani-btn-secondary:hover {
border-color: #2563eb;
color: #2563eb !important;
}
/* HERO CARD */
.hani-seo-card {
padding: 30px;
background: #111827;
border-radius: 18px;
box-shadow: 0 25px 60px rgba(17,24,39,.14);
}
.hani-seo-card-title {
margin-bottom: 22px;
color: #fff;
font-size: 18px;
font-weight: 700;
}
.hani-seo-card-item {
margin-bottom: 12px;
padding: 17px;
background: #1f2937;
border: 1px solid #374151;
border-radius: 9px;
}
.hani-seo-card-item small {
display: block;
margin-bottom: 5px;
color: #9ca3af;
font-size: 11px;
text-transform: uppercase;
}
.hani-seo-card-item strong {
color: #fff;
font-size: 14px;
}
/* HEADINGS */
.hani-seo-heading {
max-width: 730px;
margin-bottom: 52px;
}
.hani-seo-heading h2 {
margin: 0 0 18px;
color: #111827;
font-size: clamp(32px,4vw,46px);
line-height: 1.12;
letter-spacing: -1.5px;
}
.hani-seo-heading p {
margin: 0;
color: #6b7280;
font-size: 17px;
line-height: 1.75;
}
/* ANALYSE */
.hani-analysis-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 20px;
}
.hani-box {
padding: 30px 25px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
}
.hani-box-number {
margin-bottom: 18px;
color: #2563eb;
font-size: 12px;
font-weight: 800;
}
.hani-box h3 {
margin: 0 0 12px;
color: #111827;
font-size: 19px;
}
.hani-box p {
margin: 0;
color: #6b7280;
font-size: 14px;
line-height: 1.7;
}
/* SERVICES */
.hani-services {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 20px;
}
.hani-service {
padding: 32px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
}
.hani-service h3 {
margin: 0 0 12px;
font-size: 21px;
}
.hani-service p {
margin: 0 0 20px;
color: #6b7280;
font-size: 14px;
line-height: 1.75;
}
.hani-service ul {
margin: 0;
padding: 0;
list-style: none;
}
.hani-service li {
position: relative;
margin-bottom: 10px;
padding-left: 20px;
color: #374151;
font-size: 13px;
}
.hani-service li::before {
content: „✓“;
position: absolute;
left: 0;
color: #2563eb;
font-weight: 800;
}
/* PROCESS */
.hani-process {
display: grid;
grid-template-columns: repeat(5,1fr);
gap: 20px;
}
.hani-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-process h3 {
margin: 0 0 8px;
font-size: 16px;
}
.hani-process p {
margin: 0;
color: #6b7280;
font-size: 13px;
line-height: 1.65;
}
/* ZIELGRUPPEN */
.hani-industries {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.hani-industry {
padding: 12px 16px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
color: #374151;
font-size: 13px;
font-weight: 600;
}
/* PREISE */
.hani-prices {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 20px;
}
.hani-price {
padding: 32px 28px;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
}
.hani-price-featured {
border: 2px solid #2563eb;
box-shadow: 0 15px 40px rgba(37,99,235,.1);
}
.hani-price-name {
margin-bottom: 8px;
color: #6b7280;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.hani-price-value {
margin-bottom: 10px;
color: #111827;
font-size: 36px;
font-weight: 800;
}
.hani-price-value span {
color: #6b7280;
font-size: 13px;
font-weight: 500;
}
.hani-price p {
margin: 0 0 22px;
color: #6b7280;
font-size: 13px;
line-height: 1.6;
}
.hani-price ul {
margin: 0 0 25px;
padding: 0;
list-style: none;
}
.hani-price li {
position: relative;
margin-bottom: 10px;
padding-left: 20px;
color: #374151;
font-size: 13px;
}
.hani-price li::before {
content: „✓“;
position: absolute;
left: 0;
color: #2563eb;
font-weight: 800;
}
.hani-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-price-featured a {
background: #2563eb;
color: #fff !important;
}
/* TRANSPARENZ */
.hani-transparency {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.hani-dark-box {
padding: 34px;
background: #111827;
border-radius: 14px;
}
.hani-dark-box h3 {
margin: 0 0 15px;
color: #fff;
font-size: 24px;
}
.hani-dark-box p {
margin: 0;
color: #9ca3af;
font-size: 14px;
line-height: 1.8;
}
.hani-checks {
display: grid;
gap: 18px;
}
.hani-check {
display: flex;
align-items: flex-start;
gap: 13px;
}
.hani-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-check strong {
display: block;
margin-bottom: 3px;
font-size: 14px;
}
.hani-check p {
margin: 0;
color: #6b7280;
font-size: 13px;
line-height: 1.6;
}
/* CTA */
.hani-seo-final {
padding: 100px 0;
background: #111827;
text-align: center;
}
.hani-seo-final h2 {
max-width: 720px;
margin: 0 auto 18px;
color: #fff;
font-size: clamp(32px,4vw,48px);
line-height: 1.12;
letter-spacing: -1.5px;
}
.hani-seo-final p {
max-width: 620px;
margin: 0 auto 30px;
color: #9ca3af;
font-size: 16px;
line-height: 1.7;
}
/* MOBILE */
@media (max-width: 950px) {
.hani-seo-hero-grid,
.hani-transparency {
grid-template-columns: 1fr;
}
.hani-analysis-grid {
grid-template-columns: repeat(2,1fr);
}
.hani-process {
grid-template-columns: repeat(2,1fr);
gap: 35px;
}
.hani-prices {
grid-template-columns: 1fr;
max-width: 620px;
}
}
@media (max-width: 650px) {
.hani-seo-wrap {
padding-left: 18px;
padding-right: 18px;
}
.hani-seo-hero {
padding: 65px 0;
}
.hani-seo-hero h1 {
font-size: 42px;
letter-spacing: -1.8px;
}
.hani-seo-hero-text {
font-size: 16px;
}
.hani-seo-buttons {
flex-direction: column;
}
.hani-btn {
width: 100%;
}
.hani-seo-section {
padding: 70px 0;
}
.hani-seo-heading {
margin-bottom: 38px;
}
.hani-seo-heading h2 {
font-size: 32px;
}
.hani-analysis-grid,
.hani-services,
.hani-process {
grid-template-columns: 1fr;
}
.hani-seo-card {
padding: 22px;
}
}
SEO für Unternehmen,
die über Google
wachsen wollen.
HANI SEO unterstützt lokale Unternehmen und KMU
dabei, bei Google relevanter sichtbar zu werden
und mehr qualifizierte Besucher und Anfragen
über die eigene Website zu gewinnen.
Google & Suchintention
Crawling & Indexierung
Keywords & Content
Mitbewerber & Chancen
SEO beginnt mit einer klaren Ausgangsanalyse.
Bevor wir Maßnahmen priorisieren, betrachten wir
Website, Suchintention, Wettbewerb und technische
Grundlagen. So entsteht eine Strategie, die zu Ihrem
Unternehmen passt.
Website analysieren
Technische Grundlagen, Seitenstruktur,
Indexierung, interne Verlinkung und bestehende
Inhalte prüfen.
Suchintention verstehen
Relevante Suchanfragen identifizieren und
verstehen, welche Inhalte potenzielle Kunden
erwarten.
Wettbewerb prüfen
Sichtbare Wettbewerber analysieren und
realistische SEO-Chancen herausarbeiten.
Die wichtigsten Bausteine Ihrer SEO-Strategie.
Technik, Inhalte, lokale Sichtbarkeit und
Nutzerführung müssen zusammenspielen.
Technical SEO
Wir verbessern die technischen Voraussetzungen
Ihrer Website und identifizieren Hindernisse
für Crawling und Indexierung.
- Crawling & Indexierung
- Core Web Vitals
- Canonicals
- Duplicate Content
- Strukturierte Daten
- Interne Verlinkung
Local SEO
Für Unternehmen mit lokalem Kundenfokus
optimieren wir die wichtigsten lokalen
Signale und Suchintentionen.
- Google Business Profile
- Lokale Keywords
- Lokale Landingpages
- Lokale OnPage-Optimierung
- Wettbewerbsanalyse
OnPage SEO
Jede wichtige Seite sollte eine klare Aufgabe
erfüllen und zur passenden Suchintention passen.
- Keyword-Mapping
- Title & Meta Description
- Überschriftenstruktur
- Seitenstruktur
- Interne Links
Content SEO
Inhalte werden auf relevante Suchintentionen
ausgerichtet und systematisch weiterentwickelt.
- Keyword-Recherche
- Content-Strategie
- Landingpages
- Themencluster
- Bestehende Inhalte optimieren
Von der Analyse zur kontinuierlichen Optimierung.
SEO ist kein einmaliges Projekt. Maßnahmen werden
priorisiert, umgesetzt, gemessen und weiterentwickelt.
Analyse
Ausgangssituation und Potenziale erfassen.
Strategie
Keywords, Seiten und Prioritäten definieren.
Umsetzung
Technische und inhaltliche Maßnahmen umsetzen.
Messung
Sichtbarkeit, Klicks und Entwicklungen verfolgen.
Weiterentwicklung
Maßnahmen anhand der Daten weiterentwickeln.
SEO für Unternehmen,
bei denen Google Kunden bringen kann.
Besonders geeignet für lokale Unternehmen und KMU
mit bestehendem Angebot und einer Website, die
mehr aus ihrer Google-Sichtbarkeit machen soll.
Klare SEO-Pakete statt Blackbox.
Monatliche Betreuung mit transparentem
Leistungsumfang.
Für kleinere lokale Unternehmen.
- Keyword-Recherche
- Local SEO
- Google Business Profile
- OnPage-Basis
- Monitoring & Reporting
Für Unternehmen mit kontinuierlichem
SEO-Wachstum.
- Alles aus Local
- Technical SEO
- Content-Strategie
- Landingpage-/Content-Projekt
- Conversion-Optimierung
- Wettbewerbsanalyse
Für höheren Wettbewerb und umfangreichere
SEO-Ziele.
- Alles aus Growth
- Mehrere Content-Projekte
- Content-Cluster
- Technical SEO
- Strategischer Linkaufbau
- Mehrere Standorte
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 wissen, was optimiert wird und warum.
Transparente Betreuung
Kein undurchsichtiges SEO-Paket
ohne nachvollziehbaren Umfang.
Messbare Entwicklung
Relevante SEO-Kennzahlen werden
regelmäßig beobachtet.
Finden Sie heraus,
wo Ihr SEO-Potenzial liegt.
Lassen Sie Ihre Website auf technische,
inhaltliche und lokale SEO-Potenziale 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;
}
}