Optimierung markemacht.de und adametz.media für Live-Deploy.
Beide Sites mit lokalem Font-Hosting, WebP, Build-Pipeline, SEO-Basis, HSTS, Performance-Tuning und aktualisierten Impressum/Datenschutz-Texten. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
parent
18216e301c
commit
9c6b7ed4f3
158 changed files with 12472 additions and 873 deletions
92
_adametz.media/.htaccess
Normal file
92
_adametz.media/.htaccess
Normal file
|
|
@ -0,0 +1,92 @@
|
|||
# ADAMETZ.MEDIA — Apache-Konfiguration (adametz.media)
|
||||
# Kanonische Domain: https://adametz.media (ohne www)
|
||||
|
||||
# ── Rewrite-Engine ────────────────────────────────────────────────────────────
|
||||
<IfModule mod_rewrite.c>
|
||||
RewriteEngine On
|
||||
RewriteBase /
|
||||
|
||||
# HTTPS erzwingen und www → non-www (301 Permanent)
|
||||
RewriteCond %{HTTPS} off [OR]
|
||||
RewriteCond %{HTTP_HOST} ^www\.adametz\.media$ [NC]
|
||||
RewriteRule ^ https://adametz.media%{REQUEST_URI} [R=301,L]
|
||||
|
||||
# Build-Skript und interne Dateien nicht öffentlich
|
||||
RewriteRule ^scripts/ - [F,L]
|
||||
RewriteRule ^assets/components/ - [F,L]
|
||||
RewriteRule ^assets/version\.txt$ - [F,L]
|
||||
</IfModule>
|
||||
|
||||
# ── Fehlerseiten ──────────────────────────────────────────────────────────────
|
||||
ErrorDocument 404 /404.html
|
||||
|
||||
# ── Verzeichnislisting deaktivieren ───────────────────────────────────────────
|
||||
Options -Indexes -MultiViews
|
||||
|
||||
# ── Standard-Dokument ─────────────────────────────────────────────────────────
|
||||
DirectoryIndex index.html
|
||||
|
||||
# ── Zeichensatz ───────────────────────────────────────────────────────────────
|
||||
AddDefaultCharset UTF-8
|
||||
|
||||
# ── MIME-Typen ────────────────────────────────────────────────────────────────
|
||||
<IfModule mod_mime.c>
|
||||
AddType image/webp .webp
|
||||
AddType image/svg+xml .svg
|
||||
AddType font/woff2 .woff2
|
||||
AddType font/woff .woff
|
||||
</IfModule>
|
||||
|
||||
# ── Kompression ───────────────────────────────────────────────────────────────
|
||||
<IfModule mod_deflate.c>
|
||||
AddOutputFilterByType DEFLATE text/html text/plain text/css text/xml
|
||||
AddOutputFilterByType DEFLATE application/javascript application/json application/xml
|
||||
AddOutputFilterByType DEFLATE image/svg+xml font/woff2 font/woff
|
||||
</IfModule>
|
||||
|
||||
<IfModule mod_brotli.c>
|
||||
AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/css text/xml
|
||||
AddOutputFilterByType BROTLI_COMPRESS application/javascript application/json application/xml
|
||||
AddOutputFilterByType BROTLI_COMPRESS image/svg+xml font/woff2 font/woff
|
||||
</IfModule>
|
||||
|
||||
# ── Cache-Steuerung ───────────────────────────────────────────────────────────
|
||||
<IfModule mod_expires.c>
|
||||
ExpiresActive On
|
||||
ExpiresDefault "access plus 0 seconds"
|
||||
|
||||
ExpiresByType text/html "access plus 0 seconds"
|
||||
ExpiresByType text/css "access plus 7 days"
|
||||
ExpiresByType application/javascript "access plus 7 days"
|
||||
ExpiresByType image/svg+xml "access plus 7 days"
|
||||
ExpiresByType image/webp "access plus 7 days"
|
||||
ExpiresByType image/jpeg "access plus 7 days"
|
||||
ExpiresByType image/png "access plus 7 days"
|
||||
ExpiresByType font/woff2 "access plus 7 days"
|
||||
ExpiresByType font/woff "access plus 7 days"
|
||||
</IfModule>
|
||||
|
||||
<IfModule mod_headers.c>
|
||||
SetEnvIf Request_URI "^/assets/" ASSET_PATH=1
|
||||
Header set Cache-Control "public, max-age=604800, immutable" env=ASSET_PATH
|
||||
|
||||
<FilesMatch "\.(html)$">
|
||||
Header set Cache-Control "no-cache, must-revalidate"
|
||||
</FilesMatch>
|
||||
|
||||
Header always set X-Content-Type-Options "nosniff"
|
||||
Header always set X-Frame-Options "SAMEORIGIN"
|
||||
Header always set Referrer-Policy "strict-origin-when-cross-origin"
|
||||
Header always set Permissions-Policy "camera=(), microphone=(), geolocation=()"
|
||||
Header always set Content-Security-Policy "default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; connect-src 'self'; frame-ancestors 'self'; base-uri 'self'; form-action 'self' mailto:"
|
||||
Header always set Strict-Transport-Security "max-age=31536000; includeSubDomains" env=HTTPS
|
||||
</IfModule>
|
||||
|
||||
# ── Zugriffsschutz ────────────────────────────────────────────────────────────
|
||||
<FilesMatch "(^\.|\.md$|\.DS_Store$)">
|
||||
Require all denied
|
||||
</FilesMatch>
|
||||
|
||||
<FilesMatch "(^|/)version\.txt$">
|
||||
Require all denied
|
||||
</FilesMatch>
|
||||
162
_adametz.media/404.html
Normal file
162
_adametz.media/404.html
Normal file
|
|
@ -0,0 +1,162 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Seite nicht gefunden – Kevin Adametz</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Die angeforderte Seite wurde nicht gefunden."
|
||||
/>
|
||||
<meta name="robots" content="noindex" />
|
||||
|
||||
<meta property="og:title" content="Seite nicht gefunden – Kevin Adametz" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Die angeforderte Seite wurde nicht gefunden."
|
||||
/>
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://adametz.media/404.html" />
|
||||
<link rel="canonical" href="https://adametz.media/" />
|
||||
<meta name="twitter:title" content="Seite nicht gefunden – Kevin Adametz" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Die angeforderte Seite wurde nicht gefunden."
|
||||
/>
|
||||
|
||||
<meta property="og:locale" content="de_DE" />
|
||||
<meta property="og:site_name" content="ADAMETZ.MEDIA" />
|
||||
<meta property="og:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
<meta property="og:image:alt" content="Kevin Adametz — Markensysteme, die funktionieren" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta name="theme-color" content="#0a0a0a" />
|
||||
|
||||
<link rel="preload" href="assets/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
<link rel="preload" href="assets/fonts/source-sans-3-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-icon-180x180.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png" />
|
||||
<link rel="shortcut icon" href="assets/fav/favicon.ico" />
|
||||
<link rel="manifest" href="manifest.json" />
|
||||
|
||||
<link rel="stylesheet" href="assets/styles.css?v=20250610" />
|
||||
<script src="assets/js/app.js?v=20250610" defer></script>
|
||||
|
||||
<script defer src="https://sys.adametz.media/config.js" data-website-id="69ec86fc-7f06-4cc5-9e2c-fd9daaae7faa"></script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "ADAMETZ.MEDIA",
|
||||
"url": "https://adametz.media/",
|
||||
"description": "Markensysteme für Unternehmen, die sich klar erklären wollen – von der Strategie bis zur Umsetzung.",
|
||||
"inLanguage": "de-DE"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Person",
|
||||
"name": "Kevin Adametz",
|
||||
"jobTitle": "Markenarchitekt",
|
||||
"url": "https://adametz.media/",
|
||||
"email": "info@adametz.media",
|
||||
"telephone": "+49-5206-7076721",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "In der Lake 4",
|
||||
"addressLocality": "Bielefeld",
|
||||
"postalCode": "33739",
|
||||
"addressCountry": "DE"
|
||||
},
|
||||
"worksFor": {
|
||||
"@type": "Organization",
|
||||
"name": "ADAMETZ.MEDIA"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-link" href="#main">Zum Inhalt springen</a>
|
||||
|
||||
<nav class="nav" id="nav" aria-label="Hauptnavigation">
|
||||
<div class="container">
|
||||
<div class="nav-inner">
|
||||
<a href="index.html" class="nav-logo">
|
||||
<img
|
||||
src="assets/img/logo.png"
|
||||
alt="Adametz.Media Logo"
|
||||
class="nav-logo-img"
|
||||
width="252"
|
||||
height="160"
|
||||
decoding="async"
|
||||
/>
|
||||
Adametz.Media
|
||||
</a>
|
||||
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html#start">Start</a></li>
|
||||
<li><a href="index.html#haltung">Haltung</a></li>
|
||||
<li><a href="index.html#umsetzung">Umsetzung</a></li>
|
||||
<li><a href="index.html#projekte">Evidenz</a></li>
|
||||
<li><a href="index.html#kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
|
||||
<button
|
||||
class="nav-toggle"
|
||||
id="navToggle"
|
||||
aria-label="Menü öffnen"
|
||||
aria-controls="navMobile"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="nav-mobile" id="navMobile">
|
||||
<a href="index.html#start">Start</a>
|
||||
<a href="index.html#haltung">Haltung</a>
|
||||
<a href="index.html#umsetzung">Umsetzung</a>
|
||||
<a href="index.html#projekte">Evidenz</a>
|
||||
<a href="index.html#kontakt">Kontakt</a>
|
||||
</div>
|
||||
|
||||
<section class="content-section" id="main">
|
||||
<div class="container">
|
||||
<div class="content-wrapper">
|
||||
<h1>Seite nicht gefunden</h1>
|
||||
<p>
|
||||
Die angeforderte Seite existiert nicht oder wurde verschoben.
|
||||
</p>
|
||||
<p>
|
||||
<a href="index.html" class="btn">
|
||||
Zur Startseite
|
||||
<span class="btn-arrow">→</span>
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<p class="footer-copy">© 2026 ADAMETZ.MEDIA – Kevin Adametz</p>
|
||||
<div class="footer-links">
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="datenschutz.html">Datenschutz</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
186
_adametz.media/DEPLOYMENT.md
Normal file
186
_adametz.media/DEPLOYMENT.md
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
# Live-Deployment — adametz.media
|
||||
|
||||
Kurzanleitung für den Upload auf den Produktionsserver (Apache + `.htaccess`).
|
||||
|
||||
---
|
||||
|
||||
## Server-Anforderungen
|
||||
|
||||
| Komponente | Erforderlich |
|
||||
|------------|--------------|
|
||||
| **Webserver** | Apache mit `mod_rewrite`, `mod_headers`, `mod_expires`, `mod_deflate` |
|
||||
| **PHP** | Nicht erforderlich (reine Static-Site) |
|
||||
| **HTTPS** | Pflicht — wird per `.htaccess` erzwungen |
|
||||
| **Optional** | `mod_brotli` (zusätzliche Kompression) |
|
||||
|
||||
Domain: **https://adametz.media** (ohne `www`).
|
||||
|
||||
---
|
||||
|
||||
## Deploy-Ablauf (Checkliste)
|
||||
|
||||
### 1. Vor dem Upload (lokal)
|
||||
|
||||
```bash
|
||||
cd _adametz.media
|
||||
|
||||
# Bei CSS/JS-Änderungen: Version erhöhen
|
||||
# → assets/version.txt (z. B. 20250610)
|
||||
|
||||
# Head, Header, Footer in alle HTML-Seiten einspielen
|
||||
python3 scripts/build-site.py
|
||||
```
|
||||
|
||||
### 2. Auf den Server hochladen
|
||||
|
||||
Document Root = Inhalt von `_adametz.media/` (alle Dateien im Root der Domain).
|
||||
|
||||
### 3. Kurz testen
|
||||
|
||||
- [ ] https://adametz.media/ lädt korrekt
|
||||
- [ ] Hero-Bild und Scroll-Reveal funktionieren
|
||||
- [ ] Mobile Navigation öffnet und schließt
|
||||
- [ ] https://adametz.media/robots.txt erreichbar
|
||||
- [ ] https://adametz.media/sitemap.xml erreichbar
|
||||
- [ ] Ungültige URL zeigt `404.html`
|
||||
- [ ] `mailto:`- und `tel:`-Links funktionieren
|
||||
|
||||
---
|
||||
|
||||
## Was hochladen — was nicht
|
||||
|
||||
### Mit hochladen
|
||||
|
||||
- Alle `*.html` im Root (inkl. `404.html`)
|
||||
- `.htaccess`
|
||||
- `robots.txt`, `sitemap.xml`, `manifest.json`, `browserconfig.xml`
|
||||
- `assets/` (css, js, fonts, img, fav, components)
|
||||
|
||||
### Nicht öffentlich / nicht nötig
|
||||
|
||||
| Pfad | Grund |
|
||||
|------|--------|
|
||||
| `scripts/` | Build-Skript — wird per `.htaccess` blockiert |
|
||||
| `assets/version.txt` | Nur für Build — wird blockiert |
|
||||
| `*.md` | Werden per `.htaccess` blockiert |
|
||||
| `.DS_Store` | Werden blockiert |
|
||||
| Ungenutzte PNG/JPG-Originale in `assets/img/` | Nicht deployen — nur WebP-Varianten ausliefern |
|
||||
| `assets/manifest.json` | Gelöscht — nur Root-`manifest.json` nutzen |
|
||||
|
||||
---
|
||||
|
||||
## Build-Workflow
|
||||
|
||||
Die Site nutzt ein einfaches Build-Skript analog zu markemacht.de:
|
||||
|
||||
```
|
||||
assets/components/
|
||||
head-common.html → Favicons, OG-Bild, JSON-LD, CSS/JS mit Cache-Busting
|
||||
header-index.html → Navigation für Startseite (Anker-Links)
|
||||
header-sub.html → Navigation für Unterseiten
|
||||
footer.html → Footer
|
||||
|
||||
scripts/build-site.py → Inlined Komponenten in alle *.html
|
||||
assets/version.txt → Versionsnummer für ?v= Cache-Busting
|
||||
```
|
||||
|
||||
**Nach jeder Änderung an Komponenten oder version.txt:**
|
||||
|
||||
```bash
|
||||
python3 scripts/build-site.py
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Bilder
|
||||
|
||||
Genutzte Bilder liegen als **WebP** in `assets/img/`:
|
||||
|
||||
| Datei | Verwendung | Größe (ca.) |
|
||||
|-------|------------|-------------|
|
||||
| `hero-bg2.webp` | Hero-Hintergrund (LCP) | ~91 KB |
|
||||
| `og-share.webp` | Social-Media-Vorschau | ~49 KB |
|
||||
| `haltung-*.webp` | Haltung-Sektion | ~11–18 KB |
|
||||
| `umsetzung-*.webp` | Umsetzung-Sektion | ~24–54 KB |
|
||||
| `case-*.webp` | Evidenz-Sektion | ~10–62 KB |
|
||||
| `am.webp` | Hero-Portrait | ~2 KB |
|
||||
| `back.webp` | Kontakt-Portrait | ~19 KB |
|
||||
| `logo.png` | Logo (klein, PNG) | ~8 KB |
|
||||
|
||||
**Neue Bilder hinzufügen:**
|
||||
|
||||
```bash
|
||||
# Beispiel: PNG → WebP mit ffmpeg
|
||||
ffmpeg -y -i neues-bild.png -vf "scale=800:-2" -c:v libwebp -quality 80 neues-bild.webp
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Schriften
|
||||
|
||||
Alle Schriften sind lokal gehostet (`assets/fonts/`):
|
||||
|
||||
- **Outfit** (400, 500, 600, 700) — Headlines
|
||||
- **Source Sans 3** (400, 500, 600) — Fließtext
|
||||
|
||||
Keine externen Font-Requests (kein Google Fonts).
|
||||
|
||||
---
|
||||
|
||||
## SEO
|
||||
|
||||
| Datei | Inhalt |
|
||||
|-------|--------|
|
||||
| `robots.txt` | Crawler-Regeln + Sitemap-Verweis |
|
||||
| `sitemap.xml` | 3 URLs: `/`, `/impressum.html`, `/datenschutz.html` |
|
||||
| JSON-LD | `WebSite` + `Person` auf allen Seiten (via head-common) |
|
||||
| `og-share.webp` | Dediziertes OG-Bild (1200×630) |
|
||||
|
||||
---
|
||||
|
||||
## Apache-Konfiguration (`.htaccess`)
|
||||
|
||||
Die `.htaccess` enthält:
|
||||
|
||||
- HTTPS + www→non-www Redirect (301)
|
||||
- `ErrorDocument 404 /404.html`
|
||||
- Gzip + Brotli-Kompression
|
||||
- Cache-Steuerung: HTML frisch, Assets 7 Tage (mit `?v=` Cache-Busting)
|
||||
- Security-Headers (CSP, X-Frame-Options, etc.)
|
||||
- Schutz für `scripts/`, `version.txt`, `.md`, `.DS_Store`
|
||||
|
||||
**CSP:** Keine externen Skripte — `script-src 'self'` only.
|
||||
|
||||
---
|
||||
|
||||
## Wartung
|
||||
|
||||
### CSS/JS geändert?
|
||||
|
||||
1. `assets/version.txt` erhöhen (z. B. `20250610`)
|
||||
2. `python3 scripts/build-site.py` ausführen
|
||||
3. Geänderte Dateien hochladen
|
||||
|
||||
### Navigation/Footer geändert?
|
||||
|
||||
1. Komponente in `assets/components/` bearbeiten
|
||||
2. `python3 scripts/build-site.py` ausführen
|
||||
3. Alle HTML-Dateien hochladen
|
||||
|
||||
### Neues Bild?
|
||||
|
||||
1. WebP erstellen und in `assets/img/` ablegen
|
||||
2. HTML referenzieren (oder Build-Skript anpassen)
|
||||
3. Hochladen
|
||||
|
||||
---
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
| Problem | Lösung |
|
||||
|---------|--------|
|
||||
| Altes CSS nach Update | `version.txt` erhöhen + Build ausführen |
|
||||
| 404 zeigt Server-Default | `.htaccess` prüfen, `mod_rewrite` aktiv? |
|
||||
| Bilder laden nicht | WebP-Dateien hochgeladen? `mod_mime` für `.webp`? |
|
||||
| Redirect-Loop | HTTPS-Zertifikat und `RewriteBase /` prüfen |
|
||||
| Header fehlt auf Unterseite | `build-site.py` erneut ausführen |
|
||||
BIN
_adametz.media/assets/android-icon-144x144.png
Normal file
BIN
_adametz.media/assets/android-icon-144x144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
_adametz.media/assets/android-icon-192x192.png
Normal file
BIN
_adametz.media/assets/android-icon-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.9 KiB |
BIN
_adametz.media/assets/android-icon-36x36.png
Normal file
BIN
_adametz.media/assets/android-icon-36x36.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
_adametz.media/assets/android-icon-48x48.png
Normal file
BIN
_adametz.media/assets/android-icon-48x48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
_adametz.media/assets/android-icon-72x72.png
Normal file
BIN
_adametz.media/assets/android-icon-72x72.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
_adametz.media/assets/android-icon-96x96.png
Normal file
BIN
_adametz.media/assets/android-icon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
11
_adametz.media/assets/components/footer.html
Normal file
11
_adametz.media/assets/components/footer.html
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<p class="footer-copy">© 2026 ADAMETZ.MEDIA – Kevin Adametz</p>
|
||||
<div class="footer-links">
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="datenschutz.html">Datenschutz</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
56
_adametz.media/assets/components/head-common.html
Normal file
56
_adametz.media/assets/components/head-common.html
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
<meta property="og:locale" content="de_DE" />
|
||||
<meta property="og:site_name" content="ADAMETZ.MEDIA" />
|
||||
<meta property="og:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
<meta property="og:image:alt" content="Kevin Adametz — Markensysteme, die funktionieren" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta name="theme-color" content="#0a0a0a" />
|
||||
|
||||
<link rel="preload" href="assets/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
<link rel="preload" href="assets/fonts/source-sans-3-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-icon-180x180.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png" />
|
||||
<link rel="shortcut icon" href="assets/fav/favicon.ico" />
|
||||
<link rel="manifest" href="manifest.json" />
|
||||
|
||||
<link rel="stylesheet" href="assets/styles.css?v={{VERSION}}" />
|
||||
<script src="assets/js/app.js?v={{VERSION}}" defer></script>
|
||||
|
||||
<script defer src="https://sys.adametz.media/config.js" data-website-id="69ec86fc-7f06-4cc5-9e2c-fd9daaae7faa"></script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "ADAMETZ.MEDIA",
|
||||
"url": "https://adametz.media/",
|
||||
"description": "Markensysteme für Unternehmen, die sich klar erklären wollen – von der Strategie bis zur Umsetzung.",
|
||||
"inLanguage": "de-DE"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Person",
|
||||
"name": "Kevin Adametz",
|
||||
"jobTitle": "Markenarchitekt",
|
||||
"url": "https://adametz.media/",
|
||||
"email": "info@adametz.media",
|
||||
"telephone": "+49-5206-7076721",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "In der Lake 4",
|
||||
"addressLocality": "Bielefeld",
|
||||
"postalCode": "33739",
|
||||
"addressCountry": "DE"
|
||||
},
|
||||
"worksFor": {
|
||||
"@type": "Organization",
|
||||
"name": "ADAMETZ.MEDIA"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
47
_adametz.media/assets/components/header-index.html
Normal file
47
_adametz.media/assets/components/header-index.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<a class="skip-link" href="#start">Zum Inhalt springen</a>
|
||||
|
||||
<nav class="nav" id="nav" aria-label="Hauptnavigation">
|
||||
<div class="container">
|
||||
<div class="nav-inner">
|
||||
<a href="#start" class="nav-logo">
|
||||
<img
|
||||
src="assets/img/logo.png"
|
||||
alt="Adametz.Media Logo"
|
||||
class="nav-logo-img"
|
||||
width="252"
|
||||
height="160"
|
||||
decoding="async"
|
||||
/>
|
||||
Adametz.Media
|
||||
</a>
|
||||
|
||||
<ul class="nav-links">
|
||||
<li><a href="#start">Start</a></li>
|
||||
<li><a href="#haltung">Haltung</a></li>
|
||||
<li><a href="#umsetzung">Umsetzung</a></li>
|
||||
<li><a href="#projekte">Evidenz</a></li>
|
||||
<li><a href="#kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
|
||||
<button
|
||||
class="nav-toggle"
|
||||
id="navToggle"
|
||||
aria-label="Menü öffnen"
|
||||
aria-controls="navMobile"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="nav-mobile" id="navMobile">
|
||||
<a href="#start">Start</a>
|
||||
<a href="#haltung">Haltung</a>
|
||||
<a href="#umsetzung">Umsetzung</a>
|
||||
<a href="#projekte">Evidenz</a>
|
||||
<a href="#kontakt">Kontakt</a>
|
||||
</div>
|
||||
47
_adametz.media/assets/components/header-sub.html
Normal file
47
_adametz.media/assets/components/header-sub.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<a class="skip-link" href="#main">Zum Inhalt springen</a>
|
||||
|
||||
<nav class="nav" id="nav" aria-label="Hauptnavigation">
|
||||
<div class="container">
|
||||
<div class="nav-inner">
|
||||
<a href="index.html" class="nav-logo">
|
||||
<img
|
||||
src="assets/img/logo.png"
|
||||
alt="Adametz.Media Logo"
|
||||
class="nav-logo-img"
|
||||
width="252"
|
||||
height="160"
|
||||
decoding="async"
|
||||
/>
|
||||
Adametz.Media
|
||||
</a>
|
||||
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html#start">Start</a></li>
|
||||
<li><a href="index.html#haltung">Haltung</a></li>
|
||||
<li><a href="index.html#umsetzung">Umsetzung</a></li>
|
||||
<li><a href="index.html#projekte">Evidenz</a></li>
|
||||
<li><a href="index.html#kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
|
||||
<button
|
||||
class="nav-toggle"
|
||||
id="navToggle"
|
||||
aria-label="Menü öffnen"
|
||||
aria-controls="navMobile"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="nav-mobile" id="navMobile">
|
||||
<a href="index.html#start">Start</a>
|
||||
<a href="index.html#haltung">Haltung</a>
|
||||
<a href="index.html#umsetzung">Umsetzung</a>
|
||||
<a href="index.html#projekte">Evidenz</a>
|
||||
<a href="index.html#kontakt">Kontakt</a>
|
||||
</div>
|
||||
BIN
_adametz.media/assets/fav/apple-icon-114x114.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-114x114.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
_adametz.media/assets/fav/apple-icon-120x120.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-120x120.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
_adametz.media/assets/fav/apple-icon-144x144.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-144x144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
_adametz.media/assets/fav/apple-icon-152x152.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-152x152.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
_adametz.media/assets/fav/apple-icon-180x180.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-180x180.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
BIN
_adametz.media/assets/fav/apple-icon-57x57.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-57x57.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
_adametz.media/assets/fav/apple-icon-60x60.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-60x60.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
_adametz.media/assets/fav/apple-icon-72x72.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-72x72.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
_adametz.media/assets/fav/apple-icon-76x76.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-76x76.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
_adametz.media/assets/fav/apple-icon-precomposed.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon-precomposed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
_adametz.media/assets/fav/apple-icon.png
Normal file
BIN
_adametz.media/assets/fav/apple-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
_adametz.media/assets/fav/favicon-16x16.png
Normal file
BIN
_adametz.media/assets/fav/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
_adametz.media/assets/fav/favicon-32x32.png
Normal file
BIN
_adametz.media/assets/fav/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 KiB |
BIN
_adametz.media/assets/fav/favicon-96x96.png
Normal file
BIN
_adametz.media/assets/fav/favicon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
_adametz.media/assets/fav/favicon.ico
Normal file
BIN
_adametz.media/assets/fav/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
_adametz.media/assets/fav/ms-icon-144x144.png
Normal file
BIN
_adametz.media/assets/fav/ms-icon-144x144.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
BIN
_adametz.media/assets/fav/ms-icon-150x150.png
Normal file
BIN
_adametz.media/assets/fav/ms-icon-150x150.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
_adametz.media/assets/fav/ms-icon-310x310.png
Normal file
BIN
_adametz.media/assets/fav/ms-icon-310x310.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
_adametz.media/assets/fav/ms-icon-70x70.png
Normal file
BIN
_adametz.media/assets/fav/ms-icon-70x70.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
41
_adametz.media/assets/fonts/README.md
Normal file
41
_adametz.media/assets/fonts/README.md
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
# Font-Dateien
|
||||
|
||||
Dieser Ordner sollte die folgenden Font-Dateien enthalten:
|
||||
|
||||
## Outfit Font (4 Varianten)
|
||||
|
||||
- `outfit-regular.woff2` (Font-Weight: 400)
|
||||
- `outfit-regular.woff` (Font-Weight: 400)
|
||||
- `outfit-medium.woff2` (Font-Weight: 500)
|
||||
- `outfit-medium.woff` (Font-Weight: 500)
|
||||
- `outfit-semibold.woff2` (Font-Weight: 600)
|
||||
- `outfit-semibold.woff` (Font-Weight: 600)
|
||||
- `outfit-bold.woff2` (Font-Weight: 700)
|
||||
- `outfit-bold.woff` (Font-Weight: 700)
|
||||
|
||||
## Source Sans 3 Font (3 Varianten)
|
||||
|
||||
- `source-sans-3-regular.woff2` (Font-Weight: 400)
|
||||
- `source-sans-3-regular.woff` (Font-Weight: 400)
|
||||
- `source-sans-3-medium.woff2` (Font-Weight: 500)
|
||||
- `source-sans-3-medium.woff` (Font-Weight: 500)
|
||||
- `source-sans-3-semibold.woff2` (Font-Weight: 600)
|
||||
- `source-sans-3-semibold.woff` (Font-Weight: 600)
|
||||
|
||||
## Fonts herunterladen
|
||||
|
||||
Die Fonts können von folgenden Quellen heruntergeladen werden:
|
||||
|
||||
1. **Google Fonts** (https://fonts.google.com/):
|
||||
|
||||
- Outfit: https://fonts.google.com/specimen/Outfit
|
||||
- Source Sans 3: https://fonts.google.com/specimen/Source+Sans+3
|
||||
|
||||
2. **Alternative Tools zum Herunterladen**:
|
||||
|
||||
- Google Webfonts Helper: https://gwfh.mranftl.com/fonts
|
||||
- Fontsquirrel: https://www.fontsquirrel.com/
|
||||
|
||||
3. **Direkter Download** (mit Tools wie `google-webfonts-helper` oder Browser-Erweiterungen)
|
||||
|
||||
Die Fonts müssen im WOFF2- und WOFF-Format vorliegen für optimale Browser-Kompatibilität.
|
||||
BIN
_adametz.media/assets/fonts/outfit-500.woff2
Normal file
BIN
_adametz.media/assets/fonts/outfit-500.woff2
Normal file
Binary file not shown.
BIN
_adametz.media/assets/fonts/outfit-600.woff2
Normal file
BIN
_adametz.media/assets/fonts/outfit-600.woff2
Normal file
Binary file not shown.
BIN
_adametz.media/assets/fonts/outfit-700.woff2
Normal file
BIN
_adametz.media/assets/fonts/outfit-700.woff2
Normal file
Binary file not shown.
BIN
_adametz.media/assets/fonts/outfit-regular.woff2
Normal file
BIN
_adametz.media/assets/fonts/outfit-regular.woff2
Normal file
Binary file not shown.
BIN
_adametz.media/assets/fonts/source-sans-3-500.woff2
Normal file
BIN
_adametz.media/assets/fonts/source-sans-3-500.woff2
Normal file
Binary file not shown.
BIN
_adametz.media/assets/fonts/source-sans-3-600.woff2
Normal file
BIN
_adametz.media/assets/fonts/source-sans-3-600.woff2
Normal file
Binary file not shown.
BIN
_adametz.media/assets/fonts/source-sans-3-700.woff2
Normal file
BIN
_adametz.media/assets/fonts/source-sans-3-700.woff2
Normal file
Binary file not shown.
BIN
_adametz.media/assets/fonts/source-sans-3-regular.woff2
Normal file
BIN
_adametz.media/assets/fonts/source-sans-3-regular.woff2
Normal file
Binary file not shown.
BIN
_adametz.media/assets/img/am.jpg
Normal file
BIN
_adametz.media/assets/img/am.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 340 KiB |
BIN
_adametz.media/assets/img/am.webp
Normal file
BIN
_adametz.media/assets/img/am.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
_adametz.media/assets/img/back.jpg
Normal file
BIN
_adametz.media/assets/img/back.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 349 KiB |
BIN
_adametz.media/assets/img/back.webp
Normal file
BIN
_adametz.media/assets/img/back.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
_adametz.media/assets/img/case-1.png
Normal file
BIN
_adametz.media/assets/img/case-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
_adametz.media/assets/img/case-1.webp
Normal file
BIN
_adametz.media/assets/img/case-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
BIN
_adametz.media/assets/img/case-2.png
Normal file
BIN
_adametz.media/assets/img/case-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
_adametz.media/assets/img/case-2.webp
Normal file
BIN
_adametz.media/assets/img/case-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
_adametz.media/assets/img/case-3.png
Normal file
BIN
_adametz.media/assets/img/case-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
_adametz.media/assets/img/case-3.webp
Normal file
BIN
_adametz.media/assets/img/case-3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 35 KiB |
BIN
_adametz.media/assets/img/case-4.png
Normal file
BIN
_adametz.media/assets/img/case-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
_adametz.media/assets/img/case-4.webp
Normal file
BIN
_adametz.media/assets/img/case-4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
_adametz.media/assets/img/case-5.png
Normal file
BIN
_adametz.media/assets/img/case-5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 900 KiB |
BIN
_adametz.media/assets/img/case-5.webp
Normal file
BIN
_adametz.media/assets/img/case-5.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
_adametz.media/assets/img/haltung-1.png
Normal file
BIN
_adametz.media/assets/img/haltung-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 MiB |
BIN
_adametz.media/assets/img/haltung-1.webp
Normal file
BIN
_adametz.media/assets/img/haltung-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
_adametz.media/assets/img/haltung-11.png
Normal file
BIN
_adametz.media/assets/img/haltung-11.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
BIN
_adametz.media/assets/img/haltung-2.png
Normal file
BIN
_adametz.media/assets/img/haltung-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
_adametz.media/assets/img/haltung-2.webp
Normal file
BIN
_adametz.media/assets/img/haltung-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
_adametz.media/assets/img/haltung-3.png
Normal file
BIN
_adametz.media/assets/img/haltung-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
_adametz.media/assets/img/haltung-3.webp
Normal file
BIN
_adametz.media/assets/img/haltung-3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
_adametz.media/assets/img/haltung-4.png
Normal file
BIN
_adametz.media/assets/img/haltung-4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
_adametz.media/assets/img/haltung-4.webp
Normal file
BIN
_adametz.media/assets/img/haltung-4.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
_adametz.media/assets/img/hero-bg.png
Normal file
BIN
_adametz.media/assets/img/hero-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
_adametz.media/assets/img/hero-bg1.png
Normal file
BIN
_adametz.media/assets/img/hero-bg1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
_adametz.media/assets/img/hero-bg2-640.webp
Normal file
BIN
_adametz.media/assets/img/hero-bg2-640.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
_adametz.media/assets/img/hero-bg2-960.webp
Normal file
BIN
_adametz.media/assets/img/hero-bg2-960.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
_adametz.media/assets/img/hero-bg2.png
Normal file
BIN
_adametz.media/assets/img/hero-bg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
_adametz.media/assets/img/hero-bg2.webp
Normal file
BIN
_adametz.media/assets/img/hero-bg2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
_adametz.media/assets/img/logo-dark-1.png
Normal file
BIN
_adametz.media/assets/img/logo-dark-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
_adametz.media/assets/img/logo-dark.png
Executable file
BIN
_adametz.media/assets/img/logo-dark.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
_adametz.media/assets/img/logo-footer-dark.png
Normal file
BIN
_adametz.media/assets/img/logo-footer-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
BIN
_adametz.media/assets/img/logo.png
Executable file
BIN
_adametz.media/assets/img/logo.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
_adametz.media/assets/img/og-share.webp
Normal file
BIN
_adametz.media/assets/img/og-share.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
_adametz.media/assets/img/umsetzung-1.png
Normal file
BIN
_adametz.media/assets/img/umsetzung-1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
_adametz.media/assets/img/umsetzung-1.webp
Normal file
BIN
_adametz.media/assets/img/umsetzung-1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
_adametz.media/assets/img/umsetzung-11.png
Normal file
BIN
_adametz.media/assets/img/umsetzung-11.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
_adametz.media/assets/img/umsetzung-2.png
Normal file
BIN
_adametz.media/assets/img/umsetzung-2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
_adametz.media/assets/img/umsetzung-2.webp
Normal file
BIN
_adametz.media/assets/img/umsetzung-2.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
_adametz.media/assets/img/umsetzung-3.png
Normal file
BIN
_adametz.media/assets/img/umsetzung-3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
BIN
_adametz.media/assets/img/umsetzung-3.webp
Normal file
BIN
_adametz.media/assets/img/umsetzung-3.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
BIN
_adametz.media/assets/img/umsetzung-31.png
Normal file
BIN
_adametz.media/assets/img/umsetzung-31.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
72
_adametz.media/assets/js/app.js
Normal file
72
_adametz.media/assets/js/app.js
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
(function () {
|
||||
'use strict';
|
||||
|
||||
var nav = document.getElementById('nav');
|
||||
var navToggle = document.getElementById('navToggle');
|
||||
var navMobile = document.getElementById('navMobile');
|
||||
|
||||
/* Navigation scroll effect */
|
||||
if (nav) {
|
||||
var scrolled = false;
|
||||
window.addEventListener(
|
||||
'scroll',
|
||||
function () {
|
||||
var shouldScroll = window.scrollY > 100;
|
||||
if (shouldScroll === scrolled) return;
|
||||
scrolled = shouldScroll;
|
||||
nav.classList.toggle('scrolled', scrolled);
|
||||
},
|
||||
{ passive: true }
|
||||
);
|
||||
}
|
||||
|
||||
/* Mobile menu */
|
||||
if (navToggle && navMobile) {
|
||||
navToggle.addEventListener('click', function () {
|
||||
var isOpen = navMobile.classList.toggle('active');
|
||||
navToggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');
|
||||
});
|
||||
|
||||
navMobile.querySelectorAll('a').forEach(function (link) {
|
||||
link.addEventListener('click', function () {
|
||||
navMobile.classList.remove('active');
|
||||
navToggle.setAttribute('aria-expanded', 'false');
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
/* Scroll reveal via IntersectionObserver */
|
||||
var reveals = document.querySelectorAll('.reveal');
|
||||
if (reveals.length && 'IntersectionObserver' in window) {
|
||||
var observer = new IntersectionObserver(
|
||||
function (entries) {
|
||||
entries.forEach(function (entry) {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.classList.add('active');
|
||||
observer.unobserve(entry.target);
|
||||
}
|
||||
});
|
||||
},
|
||||
{ rootMargin: '0px 0px -80px 0px', threshold: 0.05 }
|
||||
);
|
||||
reveals.forEach(function (el) {
|
||||
observer.observe(el);
|
||||
});
|
||||
} else {
|
||||
reveals.forEach(function (el) {
|
||||
el.classList.add('active');
|
||||
});
|
||||
}
|
||||
|
||||
/* Smooth scroll for anchor links */
|
||||
document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
|
||||
anchor.addEventListener('click', function (e) {
|
||||
var href = this.getAttribute('href');
|
||||
if (!href || href === '#') return;
|
||||
var target = document.querySelector(href);
|
||||
if (!target) return;
|
||||
e.preventDefault();
|
||||
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||
});
|
||||
});
|
||||
})();
|
||||
1200
_adametz.media/assets/styles.css
Normal file
1200
_adametz.media/assets/styles.css
Normal file
File diff suppressed because it is too large
Load diff
1
_adametz.media/assets/version.txt
Normal file
1
_adametz.media/assets/version.txt
Normal file
|
|
@ -0,0 +1 @@
|
|||
20250610
|
||||
2
_adametz.media/browserconfig.xml
Normal file
2
_adametz.media/browserconfig.xml
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig><msapplication><tile><square70x70logo src="/assets/fav/ms-icon-70x70.png"/><square150x150logo src="/assets/fav/ms-icon-150x150.png"/><square310x310logo src="/assets/fav/ms-icon-310x310.png"/><TileColor>#0a0a0a</TileColor></tile></msapplication></browserconfig>
|
||||
500
_adametz.media/datenschutz.html
Normal file
500
_adametz.media/datenschutz.html
Normal file
|
|
@ -0,0 +1,500 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Datenschutzerklärung – Kevin Adametz</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Datenschutzerklärung von ADAMETZ.MEDIA mit Informationen zu Hosting, Server-Logs, Kontakt und Analyse."
|
||||
/>
|
||||
<meta name="author" content="Kevin Adametz" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
|
||||
<meta property="og:title" content="Datenschutzerklärung – Kevin Adametz" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Datenschutzerklärung von ADAMETZ.MEDIA mit Informationen zu Hosting, Server-Logs, Kontakt und Analyse."
|
||||
/>
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://adametz.media/datenschutz.html" />
|
||||
<link rel="canonical" href="https://adametz.media/datenschutz.html" />
|
||||
<meta name="twitter:title" content="Datenschutzerklärung – Kevin Adametz" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Datenschutzerklärung von ADAMETZ.MEDIA mit Informationen zu Hosting, Server-Logs, Kontakt und Analyse."
|
||||
/>
|
||||
|
||||
<meta property="og:locale" content="de_DE" />
|
||||
<meta property="og:site_name" content="ADAMETZ.MEDIA" />
|
||||
<meta property="og:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
<meta property="og:image:alt" content="Kevin Adametz — Markensysteme, die funktionieren" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta name="theme-color" content="#0a0a0a" />
|
||||
|
||||
<link rel="preload" href="assets/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
<link rel="preload" href="assets/fonts/source-sans-3-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-icon-180x180.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png" />
|
||||
<link rel="shortcut icon" href="assets/fav/favicon.ico" />
|
||||
<link rel="manifest" href="manifest.json" />
|
||||
|
||||
<link rel="stylesheet" href="assets/styles.css?v=20250610" />
|
||||
<script src="assets/js/app.js?v=20250610" defer></script>
|
||||
|
||||
<script defer src="https://sys.adametz.media/config.js" data-website-id="69ec86fc-7f06-4cc5-9e2c-fd9daaae7faa"></script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "ADAMETZ.MEDIA",
|
||||
"url": "https://adametz.media/",
|
||||
"description": "Markensysteme für Unternehmen, die sich klar erklären wollen – von der Strategie bis zur Umsetzung.",
|
||||
"inLanguage": "de-DE"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Person",
|
||||
"name": "Kevin Adametz",
|
||||
"jobTitle": "Markenarchitekt",
|
||||
"url": "https://adametz.media/",
|
||||
"email": "info@adametz.media",
|
||||
"telephone": "+49-5206-7076721",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "In der Lake 4",
|
||||
"addressLocality": "Bielefeld",
|
||||
"postalCode": "33739",
|
||||
"addressCountry": "DE"
|
||||
},
|
||||
"worksFor": {
|
||||
"@type": "Organization",
|
||||
"name": "ADAMETZ.MEDIA"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-link" href="#main">Zum Inhalt springen</a>
|
||||
|
||||
<nav class="nav" id="nav" aria-label="Hauptnavigation">
|
||||
<div class="container">
|
||||
<div class="nav-inner">
|
||||
<a href="index.html" class="nav-logo">
|
||||
<img
|
||||
src="assets/img/logo.png"
|
||||
alt="Adametz.Media Logo"
|
||||
class="nav-logo-img"
|
||||
width="252"
|
||||
height="160"
|
||||
decoding="async"
|
||||
/>
|
||||
Adametz.Media
|
||||
</a>
|
||||
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html#start">Start</a></li>
|
||||
<li><a href="index.html#haltung">Haltung</a></li>
|
||||
<li><a href="index.html#umsetzung">Umsetzung</a></li>
|
||||
<li><a href="index.html#projekte">Evidenz</a></li>
|
||||
<li><a href="index.html#kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
|
||||
<button
|
||||
class="nav-toggle"
|
||||
id="navToggle"
|
||||
aria-label="Menü öffnen"
|
||||
aria-controls="navMobile"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="nav-mobile" id="navMobile">
|
||||
<a href="index.html#start">Start</a>
|
||||
<a href="index.html#haltung">Haltung</a>
|
||||
<a href="index.html#umsetzung">Umsetzung</a>
|
||||
<a href="index.html#projekte">Evidenz</a>
|
||||
<a href="index.html#kontakt">Kontakt</a>
|
||||
</div>
|
||||
|
||||
<section class="content-section" id="main">
|
||||
<div class="container">
|
||||
<div class="content-wrapper">
|
||||
<h1>Datenschutzerklärung</h1>
|
||||
<p>
|
||||
Informationen dazu, welche personenbezogenen Daten beim Besuch dieser Website
|
||||
verarbeitet werden.
|
||||
</p>
|
||||
|
||||
<h3>1. Datenschutz auf einen Blick</h3>
|
||||
<h4>Allgemeine Hinweise</h4>
|
||||
<p>
|
||||
Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren
|
||||
personenbezogenen Daten passiert, wenn Sie unsere Website besuchen. Personenbezogene
|
||||
Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.
|
||||
Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem
|
||||
Text aufgeführten Datenschutzerklärung.
|
||||
</p>
|
||||
|
||||
<h4>Datenerfassung auf unserer Website</h4>
|
||||
<p><strong>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</strong></p>
|
||||
<p>
|
||||
Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen
|
||||
Kontaktdaten können Sie dem Impressum dieser Website entnehmen.
|
||||
</p>
|
||||
|
||||
<p><strong>Wie erfassen wir Ihre Daten?</strong></p>
|
||||
<p>
|
||||
Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen — z. B.
|
||||
per E-Mail oder Telefon. Diese Website verwendet kein Kontaktformular.
|
||||
</p>
|
||||
<p>
|
||||
Andere Daten werden automatisch beim Besuch der Website durch unsere IT-Systeme erfasst.
|
||||
Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder
|
||||
Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie
|
||||
unsere Website betreten.
|
||||
</p>
|
||||
|
||||
<p><strong>Wofür nutzen wir Ihre Daten?</strong></p>
|
||||
<p>
|
||||
Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu
|
||||
gewährleisten. Andere Daten werden zur anonymisierten Analyse Ihres Nutzerverhaltens
|
||||
verwendet.
|
||||
</p>
|
||||
|
||||
<p><strong>Welche Rechte haben Sie bezüglich Ihrer Daten?</strong></p>
|
||||
<p>
|
||||
Sie haben jederzeit das Recht unentgeltlich Auskunft über Herkunft, Empfänger und Zweck
|
||||
Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht,
|
||||
die Berichtigung, Sperrung oder Löschung dieser Daten zu verlangen. Hierzu sowie zu
|
||||
weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit unter der im Impressum
|
||||
angegebenen Adresse an uns wenden. Des Weiteren steht Ihnen ein Beschwerderecht bei der
|
||||
zuständigen Aufsichtsbehörde zu.
|
||||
</p>
|
||||
<p>
|
||||
Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der
|
||||
Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Details hierzu entnehmen Sie
|
||||
der Datenschutzerklärung unter „Recht auf Einschränkung der Verarbeitung".
|
||||
</p>
|
||||
|
||||
<h3>2. Hosting</h3>
|
||||
<h4>Externes Hosting</h4>
|
||||
<p>
|
||||
Diese Website wird bei einem externen Dienstleister gehostet (Hoster). Die
|
||||
personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den Servern
|
||||
des Hosters gespeichert. Hierbei kann es sich v. a. um IP-Adressen, Kontaktanfragen,
|
||||
Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Websitezugriffe und
|
||||
sonstige Daten, die über eine Website generiert werden, handeln.
|
||||
</p>
|
||||
<p>
|
||||
Der Einsatz des Hosters erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren
|
||||
potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer
|
||||
sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen
|
||||
professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO). Unser Hoster wird Ihre Daten nur
|
||||
insoweit verarbeiten, wie dies zur Erfüllung seiner Leistungspflichten erforderlich ist
|
||||
und unsere Weisungen in Bezug auf diese Daten befolgen.
|
||||
</p>
|
||||
<p>
|
||||
Wir setzen folgenden Hoster ein:<br />
|
||||
ALL-INKL.COM - Neue Medien Münnich<br />
|
||||
Inhaber: René Münnich<br />
|
||||
Hauptstraße 68<br />
|
||||
02742 Friedersdorf
|
||||
</p>
|
||||
|
||||
<h4>Abschluss eines Vertrages über Auftragsverarbeitung (AVV)</h4>
|
||||
<p>
|
||||
Wir haben einen Vertrag über Auftragsverarbeitung (AVV) mit dem oben genannten Anbieter
|
||||
geschlossen. Hierbei handelt es sich um einen datenschutzrechtlich vorgeschriebenen
|
||||
Vertrag, der gewährleistet, dass dieser die personenbezogenen Daten unserer
|
||||
Websitebesucher nur nach unseren Weisungen und unter Einhaltung der DSGVO verarbeitet.
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<h3>3. Allgemeine Hinweise und Pflichtinformationen</h3>
|
||||
<h4>Datenschutz</h4>
|
||||
<p>
|
||||
Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen
|
||||
Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten
|
||||
vertraulich und entsprechend der gesetzlichen
|
||||
Datenschutzvorschriften sowie dieser Datenschutzerklärung.
|
||||
</p>
|
||||
<p>
|
||||
Wenn Sie diese Website benutzen, werden verschiedene
|
||||
personenbezogene Daten erhoben. Personenbezogene Daten sind Daten,
|
||||
mit denen Sie persönlich identifiziert werden können. Die
|
||||
vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben
|
||||
und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem
|
||||
Zweck das geschieht.
|
||||
</p>
|
||||
<p>
|
||||
Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B.
|
||||
bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann.
|
||||
Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist
|
||||
nicht möglich.
|
||||
</p>
|
||||
<h4>Hinweis zur verantwortlichen Stelle</h4>
|
||||
<p>
|
||||
Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:<br />
|
||||
<br />
|
||||
ADAMETZ.MEDIA<br />
|
||||
Kevin Adametz<br />
|
||||
In der Lake 4<br />
|
||||
33739 Bielefeld<br />
|
||||
<br />
|
||||
Tel: +49 5206 7076721<br />
|
||||
E-Mail: <a href="mailto:info@adametz.media">info@adametz.media</a>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Verantwortliche Stelle ist die natürliche oder juristische Person,
|
||||
die allein oder gemeinsam mit anderen über die Zwecke und Mittel der
|
||||
Verarbeitung von personenbezogenen Daten (z.B. Namen,
|
||||
E-Mail-Adressen o. Ä.) entscheidet.
|
||||
</p>
|
||||
<h4>Widerruf Ihrer Einwilligung zur Datenverarbeitung</h4>
|
||||
<p>
|
||||
Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen
|
||||
Einwilligung möglich. Sie können eine bereits erteilte Einwilligung
|
||||
jederzeit widerrufen. Dazu reicht eine formlose Mitteilung per
|
||||
E-Mail an uns. Die Rechtmäßigkeit der bis zum Widerruf erfolgten
|
||||
Datenverarbeitung bleibt vom Widerruf unberührt.
|
||||
</p>
|
||||
<h4>
|
||||
Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie
|
||||
gegen Direktwerbung (Art. 21 DSGVO)
|
||||
</h4>
|
||||
<p>
|
||||
Wenn die Datenverarbeitung auf Grundlage von Art. 6 Abs. 1 lit. e
|
||||
oder f DSGVO erfolgt, haben Sie jederzeit das Recht, aus Gründen,
|
||||
die sich aus Ihrer besonderen Situation ergeben, gegen die
|
||||
Verarbeitung Ihrer personenbezogenen Daten Widerspruch einzulegen;
|
||||
dies gilt auch für ein auf diese Bestimmungen gestütztes Profiling.
|
||||
Die jeweilige Rechtsgrundlage, auf denen eine Verarbeitung beruht,
|
||||
entnehmen Sie dieser Datenschutzerklärung. Wenn Sie Widerspruch
|
||||
einlegen, werden wir Ihre betroffenen personenbezogenen Daten nicht
|
||||
mehr verarbeiten, es sei denn, wir können zwingende schutzwürdige
|
||||
Gründe für die Verarbeitung nachweisen, die Ihre Interessen, Rechte
|
||||
und Freiheiten überwiegen oder die Verarbeitung dient der
|
||||
Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen
|
||||
(Widerspruch nach Art. 21 Abs. 1 DSGVO).
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Werden Ihre personenbezogenen Daten verarbeitet, um Direktwerbung zu
|
||||
betreiben, so haben Sie das Recht, jederzeit Widerspruch gegen die
|
||||
Verarbeitung Sie betreffender personenbezogener Daten zum Zwecke
|
||||
derartiger Werbung einzulegen; dies gilt auch für das Profiling,
|
||||
soweit es mit solcher Direktwerbung in Verbindung steht. Wenn Sie
|
||||
widersprechen, werden Ihre personenbezogenen Daten anschließend
|
||||
nicht mehr zum Zwecke der Direktwerbung verwendet (Widerspruch nach
|
||||
Art. 21 Abs. 2 DSGVO).
|
||||
</p>
|
||||
<h4>Beschwerderecht bei der zuständigen Aufsichtsbehörde</h4>
|
||||
<p>
|
||||
Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein
|
||||
Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem
|
||||
Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes
|
||||
oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht
|
||||
besteht unbeschadet anderweitiger verwaltungsrechtlicher oder
|
||||
gerichtlicher Rechtsbehelfe.
|
||||
</p>
|
||||
<h4>Recht auf Datenübertragbarkeit</h4>
|
||||
<p>
|
||||
Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung
|
||||
oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich
|
||||
oder an einen Dritten in einem gängigen, maschinenlesbaren Format
|
||||
aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten
|
||||
an einen anderen Verantwortlichen verlangen, erfolgt dies nur,
|
||||
soweit es technisch machbar ist.
|
||||
</p>
|
||||
<h4>SSL- bzw. TLS-Verschlüsselung</h4>
|
||||
<p>
|
||||
Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der
|
||||
Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen
|
||||
oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine
|
||||
SSL-bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung
|
||||
erkennen Sie daran, dass die Adresszeile des Browsers von "http://"
|
||||
auf "https://" wechselt und an dem Schloss-Symbol in Ihrer
|
||||
Browserzeile.
|
||||
</p>
|
||||
<p>
|
||||
Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die
|
||||
Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen
|
||||
werden.
|
||||
</p>
|
||||
<h4>Auskunft, Sperrung, Löschung und Berichtigung</h4>
|
||||
<p>
|
||||
Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen
|
||||
jederzeit das Recht auf unentgeltliche Auskunft über Ihre
|
||||
gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger
|
||||
und den Zweck der Datenverarbeitung und ggf. ein Recht auf
|
||||
Berichtigung, Sperrung oder Löschung dieser Daten. Hierzu sowie zu
|
||||
weiteren Fragen zum Thema personenbezogene Daten können Sie sich
|
||||
jederzeit unter der im Impressum angegebenen Adresse an uns wenden.
|
||||
</p>
|
||||
<h4>Recht auf Einschränkung der Verarbeitung</h4>
|
||||
<p>
|
||||
Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten
|
||||
zu verlangen. Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen:
|
||||
</p>
|
||||
<p>
|
||||
Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten,
|
||||
benötigen wir in der Regel Zeit, um dies zu überprüfen. Für die Dauer der Prüfung haben
|
||||
Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu
|
||||
verlangen.
|
||||
</p>
|
||||
<p>
|
||||
Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah / geschieht,
|
||||
können Sie statt der Löschung die Einschränkung der Datenverarbeitung verlangen.
|
||||
</p>
|
||||
<p>
|
||||
Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung,
|
||||
Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht,
|
||||
statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu
|
||||
verlangen.
|
||||
</p>
|
||||
<p>
|
||||
Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung
|
||||
zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht,
|
||||
wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung
|
||||
Ihrer personenbezogenen Daten zu verlangen.
|
||||
</p>
|
||||
<p>
|
||||
Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten
|
||||
eingeschränkt haben, dürfen diese Daten – von ihrer Speicherung
|
||||
abgesehen – nur mit Ihrer Einwilligung oder zur Geltendmachung,
|
||||
Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der
|
||||
Rechte einer anderen natürlichen oder juristischen Person oder aus
|
||||
Gründen eines wichtigen öffentlichen Interesses der Europäischen
|
||||
Union oder eines Mitgliedstaats verarbeitet werden.
|
||||
</p>
|
||||
<h4>Widerspruch gegen Werbe-E-Mails</h4>
|
||||
<p>
|
||||
Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten
|
||||
Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter
|
||||
Werbung und Informationsmaterialien wird hiermit widersprochen. Die
|
||||
Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte
|
||||
im Falle der unverlangten Zusendung von Werbeinformationen, etwa
|
||||
durch Spam-E-Mails, vor.
|
||||
</p>
|
||||
<hr />
|
||||
|
||||
<h3>4. Datenerfassung auf unserer Website</h3>
|
||||
<h4>Cookies</h4>
|
||||
<p>Diese Webseite verwendet keine Cookies.</p>
|
||||
|
||||
<h4>Server-Log-Dateien</h4>
|
||||
<p>
|
||||
Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten
|
||||
Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:
|
||||
</p>
|
||||
<p>
|
||||
Browsertyp und Browserversion<br />
|
||||
verwendetes Betriebssystem<br />
|
||||
Referrer URL<br />
|
||||
Hostname des zugreifenden Rechners<br />
|
||||
Uhrzeit der Serveranfrage<br />
|
||||
IP-Adresse
|
||||
</p>
|
||||
<p>
|
||||
Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Die
|
||||
Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der
|
||||
Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien
|
||||
Darstellung und der Optimierung seiner Website – hierzu müssen die Server-Log-Files
|
||||
erfasst werden.
|
||||
</p>
|
||||
|
||||
<h4>E-Mail-Kontakt</h4>
|
||||
<p>
|
||||
Wenn Sie uns per E-Mail Anfragen zukommen lassen, werden Ihre Angaben (z. B.
|
||||
E-Mail-Adresse und der Text Ihrer Anfrage) zwecks Bearbeitung der Anfrage und für den
|
||||
Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre
|
||||
Einwilligung weiter.
|
||||
</p>
|
||||
<p>
|
||||
Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO,
|
||||
sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur
|
||||
Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht
|
||||
die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der
|
||||
an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung
|
||||
(Art. 6 Abs. 1 lit. a DSGVO), sofern diese abgefragt wurde.
|
||||
</p>
|
||||
<p>
|
||||
Die von Ihnen an uns übersendeten Daten verbleiben bei uns, bis Sie uns zur Löschung
|
||||
auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die
|
||||
Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihrer Anfrage).
|
||||
Zwingende gesetzliche Bestimmungen – insbesondere Aufbewahrungsfristen – bleiben
|
||||
unberührt.
|
||||
</p>
|
||||
|
||||
<h4>Verarbeiten von Daten (Kunden- und Vertragsdaten)</h4>
|
||||
<p>
|
||||
Wir erheben, verarbeiten und nutzen personenbezogene Daten nur, soweit sie für die
|
||||
Begründung, inhaltliche Ausgestaltung oder Änderung des Rechtsverhältnisses erforderlich
|
||||
sind (Bestandsdaten). Dies erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, der die
|
||||
Verarbeitung von Daten zur Erfüllung eines Vertrags oder vorvertraglicher Maßnahmen
|
||||
gestattet. Personenbezogene Daten über die Inanspruchnahme unserer Internetseiten
|
||||
(Nutzungsdaten) erheben, verarbeiten und nutzen wir nur, soweit dies erforderlich ist,
|
||||
um dem Nutzer die Inanspruchnahme des Dienstes zu ermöglichen oder abzurechnen.
|
||||
</p>
|
||||
<p>
|
||||
Die erhobenen Kundendaten werden nach Abschluss des Auftrags oder Beendigung der
|
||||
Geschäftsbeziehung gelöscht. Gesetzliche Aufbewahrungsfristen bleiben unberührt.
|
||||
</p>
|
||||
|
||||
<h3>5. Analyse-Tools</h3>
|
||||
<h4>Umami Analytics (selbst gehostet)</h4>
|
||||
<p>
|
||||
Diese Website nutzt das Open-Source-Webanalyse-Tool Umami für interne Auswertungen. Um
|
||||
höchste Datenschutzstandards zu gewährleisten, wird Umami vollständig auf einem eigenen
|
||||
Server gehostet. Dadurch bleiben alle erfassten Daten in unserer alleinigen Kontrolle
|
||||
und werden nicht an Dritte weitergegeben.
|
||||
</p>
|
||||
<p>Umami wurde datenschutzfreundlich konzipiert:</p>
|
||||
<p>
|
||||
Es werden keine Cookies in Ihrem Browser gespeichert.<br />
|
||||
Es findet kein website- oder geräteübergreifendes Tracking (Cross-Site Tracking) statt.<br />
|
||||
Alle IP-Adressen werden unmittelbar bei der Erfassung vollständig anonymisiert, sodass
|
||||
ein Rückschluss auf Ihre Person oder Ihr genaues Gerät ausgeschlossen ist.
|
||||
</p>
|
||||
<p>
|
||||
Es werden lediglich grundlegende, anonyme Telemetriedaten erfasst (z. B. aufgerufene
|
||||
Seiten, Browsertyp, Betriebssystem, Herkunftsland und Bildschirmauflösung). Die Nutzung
|
||||
von Umami erfolgt auf Grundlage unseres berechtigten Interesses gemäß Art. 6 Abs. 1
|
||||
lit. f DSGVO. Unser berechtigtes Interesse liegt in der anonymisierten Analyse des
|
||||
Nutzerverhaltens, um unsere Website sowie unser Angebot technisch und inhaltlich
|
||||
fortlaufend zu optimieren.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<p class="footer-copy">© 2026 ADAMETZ.MEDIA – Kevin Adametz</p>
|
||||
<div class="footer-links">
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="datenschutz.html">Datenschutz</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
244
_adametz.media/impressum.html
Normal file
244
_adametz.media/impressum.html
Normal file
|
|
@ -0,0 +1,244 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Impressum – Kevin Adametz</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Impressum und Anbieterkennzeichnung von ADAMETZ.MEDIA."
|
||||
/>
|
||||
<meta name="author" content="Kevin Adametz" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
|
||||
<meta property="og:title" content="Impressum – Kevin Adametz" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Impressum und Anbieterkennzeichnung von ADAMETZ.MEDIA."
|
||||
/>
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://adametz.media/impressum.html" />
|
||||
<link rel="canonical" href="https://adametz.media/impressum.html" />
|
||||
<meta name="twitter:title" content="Impressum – Kevin Adametz" />
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Impressum und Anbieterkennzeichnung von ADAMETZ.MEDIA."
|
||||
/>
|
||||
|
||||
<meta property="og:locale" content="de_DE" />
|
||||
<meta property="og:site_name" content="ADAMETZ.MEDIA" />
|
||||
<meta property="og:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
<meta property="og:image:alt" content="Kevin Adametz — Markensysteme, die funktionieren" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta name="theme-color" content="#0a0a0a" />
|
||||
|
||||
<link rel="preload" href="assets/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
<link rel="preload" href="assets/fonts/source-sans-3-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-icon-180x180.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png" />
|
||||
<link rel="shortcut icon" href="assets/fav/favicon.ico" />
|
||||
<link rel="manifest" href="manifest.json" />
|
||||
|
||||
<link rel="stylesheet" href="assets/styles.css?v=20250610" />
|
||||
<script src="assets/js/app.js?v=20250610" defer></script>
|
||||
|
||||
<script defer src="https://sys.adametz.media/config.js" data-website-id="69ec86fc-7f06-4cc5-9e2c-fd9daaae7faa"></script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "ADAMETZ.MEDIA",
|
||||
"url": "https://adametz.media/",
|
||||
"description": "Markensysteme für Unternehmen, die sich klar erklären wollen – von der Strategie bis zur Umsetzung.",
|
||||
"inLanguage": "de-DE"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Person",
|
||||
"name": "Kevin Adametz",
|
||||
"jobTitle": "Markenarchitekt",
|
||||
"url": "https://adametz.media/",
|
||||
"email": "info@adametz.media",
|
||||
"telephone": "+49-5206-7076721",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "In der Lake 4",
|
||||
"addressLocality": "Bielefeld",
|
||||
"postalCode": "33739",
|
||||
"addressCountry": "DE"
|
||||
},
|
||||
"worksFor": {
|
||||
"@type": "Organization",
|
||||
"name": "ADAMETZ.MEDIA"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-link" href="#main">Zum Inhalt springen</a>
|
||||
|
||||
<nav class="nav" id="nav" aria-label="Hauptnavigation">
|
||||
<div class="container">
|
||||
<div class="nav-inner">
|
||||
<a href="index.html" class="nav-logo">
|
||||
<img
|
||||
src="assets/img/logo.png"
|
||||
alt="Adametz.Media Logo"
|
||||
class="nav-logo-img"
|
||||
width="252"
|
||||
height="160"
|
||||
decoding="async"
|
||||
/>
|
||||
Adametz.Media
|
||||
</a>
|
||||
|
||||
<ul class="nav-links">
|
||||
<li><a href="index.html#start">Start</a></li>
|
||||
<li><a href="index.html#haltung">Haltung</a></li>
|
||||
<li><a href="index.html#umsetzung">Umsetzung</a></li>
|
||||
<li><a href="index.html#projekte">Evidenz</a></li>
|
||||
<li><a href="index.html#kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
|
||||
<button
|
||||
class="nav-toggle"
|
||||
id="navToggle"
|
||||
aria-label="Menü öffnen"
|
||||
aria-controls="navMobile"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="nav-mobile" id="navMobile">
|
||||
<a href="index.html#start">Start</a>
|
||||
<a href="index.html#haltung">Haltung</a>
|
||||
<a href="index.html#umsetzung">Umsetzung</a>
|
||||
<a href="index.html#projekte">Evidenz</a>
|
||||
<a href="index.html#kontakt">Kontakt</a>
|
||||
</div>
|
||||
|
||||
<section class="content-section" id="main">
|
||||
<div class="container">
|
||||
<div class="content-wrapper">
|
||||
<h1>Impressum</h1>
|
||||
<p>Angaben gemäß § 5 DDG.</p>
|
||||
|
||||
<p>
|
||||
ADAMETZ.MEDIA<br />
|
||||
Kevin Adametz<br />
|
||||
In der Lake 4<br />
|
||||
33739 Bielefeld
|
||||
</p>
|
||||
|
||||
<h3>Inhaber / Vertreten durch</h3>
|
||||
<p>Kevin Adametz</p>
|
||||
|
||||
<h3>Kontakt</h3>
|
||||
<p>
|
||||
Telefon: +49 5206 7076721<br />
|
||||
E-Mail: <a href="mailto:info@adametz.media">info@adametz.media</a>
|
||||
</p>
|
||||
|
||||
<h3>Umsatzsteuer-ID</h3>
|
||||
<p>
|
||||
Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br />
|
||||
DE298729654
|
||||
</p>
|
||||
|
||||
<h3>Steuernummer</h3>
|
||||
<p>349/5910/0994</p>
|
||||
|
||||
<h3>EU-Streitschlichtung</h3>
|
||||
<p>
|
||||
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
|
||||
<a href="https://ec.europa.eu/consumers/odr/" rel="noopener noreferrer">https://ec.europa.eu/consumers/odr/</a>.
|
||||
Unsere E-Mail-Adresse finden Sie oben im Impressum.
|
||||
</p>
|
||||
|
||||
<h3>Verbraucherstreitbeilegung / Universalschlichtungsstelle</h3>
|
||||
<p>
|
||||
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer
|
||||
Verbraucherschlichtungsstelle teilzunehmen.
|
||||
</p>
|
||||
|
||||
<hr />
|
||||
|
||||
<h3>Haftungsausschluss (Disclaimer)</h3>
|
||||
|
||||
<h4>Haftung für Inhalte</h4>
|
||||
<p>
|
||||
Als Diensteanbieter sind wir gemäß § 7 Abs. 1 DDG für eigene Inhalte auf diesen Seiten
|
||||
nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 DDG sind wir als
|
||||
Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde
|
||||
Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige
|
||||
Tätigkeit hinweisen.
|
||||
</p>
|
||||
<p>
|
||||
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den
|
||||
allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch
|
||||
erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei
|
||||
Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend
|
||||
entfernen.
|
||||
</p>
|
||||
|
||||
<h4>Haftung für Links</h4>
|
||||
<p>
|
||||
Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen
|
||||
Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen.
|
||||
Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der
|
||||
Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf
|
||||
mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der
|
||||
Verlinkung nicht erkennbar.
|
||||
</p>
|
||||
<p>
|
||||
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete
|
||||
Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von
|
||||
Rechtsverletzungen werden wir derartige Links umgehend entfernen.
|
||||
</p>
|
||||
|
||||
<h3>Urheberrecht</h3>
|
||||
<p>
|
||||
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen
|
||||
dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art
|
||||
der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen
|
||||
Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind
|
||||
nur für den privaten, nicht kommerziellen Gebrauch gestattet.
|
||||
</p>
|
||||
<p>
|
||||
Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die
|
||||
Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche
|
||||
gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden,
|
||||
bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen
|
||||
werden wir derartige Inhalte umgehend entfernen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<p class="footer-copy">© 2026 ADAMETZ.MEDIA – Kevin Adametz</p>
|
||||
<div class="footer-links">
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="datenschutz.html">Datenschutz</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
747
_adametz.media/index.html
Normal file
747
_adametz.media/index.html
Normal file
|
|
@ -0,0 +1,747 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
Kevin Adametz – Ich entwickle Markensysteme, die funktionieren
|
||||
</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="Ich entwickle Markensysteme für Unternehmen, die sich klar erklären wollen – von der Strategie bis zur Umsetzung."
|
||||
/>
|
||||
<meta name="author" content="Kevin Adametz" />
|
||||
<meta name="robots" content="index, follow" />
|
||||
|
||||
<meta
|
||||
property="og:title"
|
||||
content="Kevin Adametz – Markensysteme, die funktionieren"
|
||||
/>
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Ich entwickle Markensysteme für Unternehmen, die sich klar erklären wollen."
|
||||
/>
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://adametz.media/" />
|
||||
<link rel="canonical" href="https://adametz.media/" />
|
||||
<meta
|
||||
name="twitter:title"
|
||||
content="Kevin Adametz – Markensysteme, die funktionieren"
|
||||
/>
|
||||
<meta
|
||||
name="twitter:description"
|
||||
content="Ich entwickle Markensysteme für Unternehmen, die sich klar erklären wollen."
|
||||
/>
|
||||
|
||||
<meta property="og:locale" content="de_DE" />
|
||||
<meta property="og:site_name" content="ADAMETZ.MEDIA" />
|
||||
<meta property="og:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
<meta property="og:image:alt" content="Kevin Adametz — Markensysteme, die funktionieren" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:image" content="https://adametz.media/assets/img/og-share.webp" />
|
||||
<meta name="theme-color" content="#0a0a0a" />
|
||||
|
||||
<link rel="preload" href="assets/fonts/outfit-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
<link rel="preload" href="assets/fonts/source-sans-3-regular.woff2" as="font" type="font/woff2" crossorigin />
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-icon-180x180.png" />
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png" />
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png" />
|
||||
<link rel="shortcut icon" href="assets/fav/favicon.ico" />
|
||||
<link rel="manifest" href="manifest.json" />
|
||||
<link rel="preload" as="image" href="assets/img/hero-bg2-960.webp" type="image/webp" fetchpriority="high" imagesrcset="assets/img/hero-bg2-640.webp 640w, assets/img/hero-bg2-960.webp 960w, assets/img/hero-bg2.webp 1920w" imagesizes="100vw" />
|
||||
|
||||
<link rel="stylesheet" href="assets/styles.css?v=20250610" />
|
||||
<script src="assets/js/app.js?v=20250610" defer></script>
|
||||
|
||||
<script defer src="https://sys.adametz.media/config.js" data-website-id="69ec86fc-7f06-4cc5-9e2c-fd9daaae7faa"></script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "ADAMETZ.MEDIA",
|
||||
"url": "https://adametz.media/",
|
||||
"description": "Markensysteme für Unternehmen, die sich klar erklären wollen – von der Strategie bis zur Umsetzung.",
|
||||
"inLanguage": "de-DE"
|
||||
}
|
||||
</script>
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Person",
|
||||
"name": "Kevin Adametz",
|
||||
"jobTitle": "Markenarchitekt",
|
||||
"url": "https://adametz.media/",
|
||||
"email": "info@adametz.media",
|
||||
"telephone": "+49-5206-7076721",
|
||||
"address": {
|
||||
"@type": "PostalAddress",
|
||||
"streetAddress": "In der Lake 4",
|
||||
"addressLocality": "Bielefeld",
|
||||
"postalCode": "33739",
|
||||
"addressCountry": "DE"
|
||||
},
|
||||
"worksFor": {
|
||||
"@type": "Organization",
|
||||
"name": "ADAMETZ.MEDIA"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip-link" href="#start">Zum Inhalt springen</a>
|
||||
|
||||
<nav class="nav" id="nav" aria-label="Hauptnavigation">
|
||||
<div class="container">
|
||||
<div class="nav-inner">
|
||||
<a href="#start" class="nav-logo">
|
||||
<img
|
||||
src="assets/img/logo.png"
|
||||
alt="Adametz.Media Logo"
|
||||
class="nav-logo-img"
|
||||
width="252"
|
||||
height="160"
|
||||
decoding="async"
|
||||
/>
|
||||
Adametz.Media
|
||||
</a>
|
||||
|
||||
<ul class="nav-links">
|
||||
<li><a href="#start">Start</a></li>
|
||||
<li><a href="#haltung">Haltung</a></li>
|
||||
<li><a href="#umsetzung">Umsetzung</a></li>
|
||||
<li><a href="#projekte">Evidenz</a></li>
|
||||
<li><a href="#kontakt">Kontakt</a></li>
|
||||
</ul>
|
||||
|
||||
<button
|
||||
class="nav-toggle"
|
||||
id="navToggle"
|
||||
aria-label="Menü öffnen"
|
||||
aria-controls="navMobile"
|
||||
aria-expanded="false"
|
||||
>
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<div class="nav-mobile" id="navMobile">
|
||||
<a href="#start">Start</a>
|
||||
<a href="#haltung">Haltung</a>
|
||||
<a href="#umsetzung">Umsetzung</a>
|
||||
<a href="#projekte">Evidenz</a>
|
||||
<a href="#kontakt">Kontakt</a>
|
||||
</div>
|
||||
|
||||
<section class="hero" id="start">
|
||||
<div class="hero-background">
|
||||
<img
|
||||
src="assets/img/hero-bg2.webp"
|
||||
srcset="assets/img/hero-bg2-640.webp 640w, assets/img/hero-bg2-960.webp 960w, assets/img/hero-bg2.webp 1920w"
|
||||
sizes="100vw"
|
||||
alt="Abstrakte architektonische Struktur"
|
||||
width="1920"
|
||||
height="1080"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
decoding="async"
|
||||
/>
|
||||
<div class="hero-shape hero-shape-1"></div>
|
||||
<div class="hero-shape hero-shape-2"></div>
|
||||
<div class="hero-shape hero-shape-3"></div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<h1>Ich entwickle Markensysteme, die funktionieren.</h1>
|
||||
|
||||
<div class="hero-text">
|
||||
<p>
|
||||
Seit über 20 Jahren arbeite ich mit Unternehmen an der Frage, wie
|
||||
sie sich erklären – konsistent, strukturiert, unabhängig von
|
||||
einzelnen Köpfen.
|
||||
</p>
|
||||
<p>
|
||||
Das beginnt mit Klarheit. Und es endet mit Umsetzung: Websites,
|
||||
Tools, Kommunikationsmittel, die das System im Alltag tragen.
|
||||
</p>
|
||||
<p>Die Methode dahinter heißt „MARKE MACHT"</p>
|
||||
</div>
|
||||
|
||||
<div class="hero-cta">
|
||||
<a href="#haltung" class="btn btn--next">
|
||||
Haltung
|
||||
<span class="btn-arrow-down" aria-hidden="true">↓</span>
|
||||
</a>
|
||||
<a
|
||||
href="https://markemacht.de"
|
||||
class="btn btn--mm"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
MARKE MACHT
|
||||
<span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-meta">
|
||||
<img
|
||||
src="assets/img/am.webp"
|
||||
alt="Kevin Adametz"
|
||||
class="hero-portrait"
|
||||
width="200"
|
||||
height="200"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
<div class="hero-meta-text">
|
||||
<p><strong>Kevin Adametz</strong></p>
|
||||
<p>Markenarchitekt · Gründer von „MARKE MACHT"</p>
|
||||
<p>Bielefeld</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="haltung" id="haltung">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-label">Haltung</p>
|
||||
<h2>Wofür ich stehe.</h2>
|
||||
</div>
|
||||
|
||||
<div class="haltung-grid">
|
||||
<div class="haltung-item reveal">
|
||||
<div class="haltung-image">
|
||||
<img
|
||||
src="assets/img/haltung-1.webp"
|
||||
alt="Struktur"
|
||||
loading="lazy"
|
||||
width="320"
|
||||
height="320"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="haltung-content">
|
||||
<h3>Struktur vor Kreativität.</h3>
|
||||
<p>
|
||||
Gute Markenarbeit beginnt mit Klarheit – über das, wofür ein
|
||||
Unternehmen steht, wie es spricht und wo es Grenzen zieht. Erst
|
||||
wenn diese Grundlage existiert, wird Gestaltung wirksam.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="haltung-item reveal">
|
||||
<div class="haltung-image">
|
||||
<img
|
||||
src="assets/img/haltung-2.webp"
|
||||
alt="Systeme"
|
||||
loading="lazy"
|
||||
width="320"
|
||||
height="320"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="haltung-content">
|
||||
<h3>Systeme statt Einzelmaßnahmen.</h3>
|
||||
<p>
|
||||
Ich entwickle Regelwerke, die über Jahre tragen – und mit dem
|
||||
Unternehmen wachsen. Eine Marke, die nur in Kampagnen existiert,
|
||||
bleibt fragil. Eine Marke, die in Struktur existiert, ist
|
||||
führbar.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="haltung-item reveal">
|
||||
<div class="haltung-image">
|
||||
<img
|
||||
src="assets/img/haltung-3.webp"
|
||||
alt="Strategie"
|
||||
loading="lazy"
|
||||
width="320"
|
||||
height="320"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="haltung-content">
|
||||
<h3>Strategie und Umsetzung aus einer Hand.</h3>
|
||||
<p>
|
||||
Ich trenne Denken und Machen nicht. Wer Markensysteme baut, muss
|
||||
sie auch in die Realität bringen – in Websites, Tools,
|
||||
Interfaces und ja, auch in Print. Sonst bleibt Strategie Papier.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="haltung-item reveal">
|
||||
<div class="haltung-image">
|
||||
<img
|
||||
src="assets/img/haltung-4.webp"
|
||||
alt="Partnerschaft"
|
||||
loading="lazy"
|
||||
width="320"
|
||||
height="320"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="haltung-content">
|
||||
<h3>Partnerschaft auf Augenhöhe.</h3>
|
||||
<p>
|
||||
Viele meiner Kunden begleite ich seit über zehn Jahren.
|
||||
Vertrauen entsteht durch Ergebnisse, durch Verlässlichkeit und
|
||||
durch die Bereitschaft, gemeinsam klare Entscheidungen zu
|
||||
treffen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="haltung-cta reveal">
|
||||
<p>
|
||||
Wenn Sie verstehen wollen, wie ich über Marke denke, finden Sie den
|
||||
vollständigen Denkrahmen auf markemacht.de.
|
||||
</p>
|
||||
<div class="section-cta">
|
||||
<a href="#umsetzung" class="btn btn--next">
|
||||
Umsetzung
|
||||
<span class="btn-arrow-down" aria-hidden="true">↓</span>
|
||||
</a>
|
||||
<a
|
||||
href="https://markemacht.de"
|
||||
class="btn btn--mm"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
MARKE MACHT
|
||||
<span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="umsetzung" id="umsetzung">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-label">Umsetzung</p>
|
||||
<h2>Wie Klarheit Realität wird.</h2>
|
||||
</div>
|
||||
|
||||
<div class="umsetzung-intro reveal">
|
||||
<p>
|
||||
Klarheit, die nur in Dokumenten existiert, verändert nichts. Deshalb
|
||||
endet meine Arbeit nicht bei der Strategie – sondern dort, wo die
|
||||
Marke sichtbar und nutzbar wird.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="umsetzung-grid">
|
||||
<div class="umsetzung-item reveal">
|
||||
<div class="umsetzung-number">01</div>
|
||||
<h3>Websites, Tools, Interfaces</h3>
|
||||
<p>
|
||||
Ich entwickle und programmiere Websites, Landingpages, interne
|
||||
Tools und Web-Applikationen – immer auf Basis der Marken-DNA.
|
||||
Technik folgt der Strategie, nicht umgekehrt.
|
||||
</p>
|
||||
<div class="umsetzung-image">
|
||||
<img
|
||||
src="assets/img/umsetzung-1.webp"
|
||||
alt="Websites und Tools"
|
||||
loading="lazy"
|
||||
width="960"
|
||||
height="540"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="umsetzung-item reveal">
|
||||
<div class="umsetzung-number">02</div>
|
||||
<h3>Workflows, die Konsistenz sichern</h3>
|
||||
<p>
|
||||
KI nutze ich nicht für Spielereien, sondern für Marken-Governance:
|
||||
Regeln, Checks und Prozesse, die dafür sorgen, dass die Marke in
|
||||
Content und Kommunikation stabil bleibt.
|
||||
</p>
|
||||
<div class="umsetzung-image">
|
||||
<img
|
||||
src="assets/img/umsetzung-2.webp"
|
||||
alt="KI Workflows"
|
||||
loading="lazy"
|
||||
width="960"
|
||||
height="540"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="umsetzung-item reveal">
|
||||
<div class="umsetzung-number">03</div>
|
||||
<h3>Print, Präsentationen, Messe</h3>
|
||||
<p>
|
||||
Wenn das System steht, entstehen auch analoge Anwendungen –
|
||||
Geschäftsausstattung, Broschüren, Messestände. Sie sind Konsequenz
|
||||
der Markenführung, nicht Ausgangspunkt.
|
||||
</p>
|
||||
<div class="umsetzung-image">
|
||||
<img
|
||||
src="assets/img/umsetzung-3.webp"
|
||||
alt="Print und Messe"
|
||||
loading="lazy"
|
||||
width="960"
|
||||
height="540"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="umsetzung-note reveal">
|
||||
<p>
|
||||
Alle Umsetzungen folgen denselben Regeln: der Marken-DNA des
|
||||
Unternehmens. Das ist der Unterschied zwischen Ausführung und
|
||||
Systemarbeit.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="umsetzung-cta reveal">
|
||||
<div class="section-cta">
|
||||
<a href="#projekte" class="btn btn--next">
|
||||
Evidenz
|
||||
<span class="btn-arrow-down" aria-hidden="true">↓</span>
|
||||
</a>
|
||||
<a
|
||||
href="https://markemacht.de"
|
||||
class="btn btn--mm"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>
|
||||
MARKE MACHT
|
||||
<span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="projekte" id="projekte">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-label">Evidenz</p>
|
||||
<h2>Ausgewählte Erfolge.</h2>
|
||||
<p>
|
||||
Keine Logos, keine Bildergalerien. Nur das, was zählt: Ausgangslage,
|
||||
Intervention, Ergebnis.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="case-list">
|
||||
<article class="case-item reveal">
|
||||
<div class="case-image">
|
||||
<img
|
||||
src="assets/img/case-1.webp"
|
||||
alt="Makro-Detailaufnahme"
|
||||
loading="lazy"
|
||||
width="800"
|
||||
height="450"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="case-header">
|
||||
<h3>Maschinenbauer</h3>
|
||||
<span>120 Mitarbeiter</span>
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<div class="case-block">
|
||||
<h4>Ausgangslage</h4>
|
||||
<p>
|
||||
Technisch führend, aber sprachlich austauschbar. Vertrieb
|
||||
argumentierte je nach Person unterschiedlich. Website und
|
||||
Angebote erzählten verschiedene Geschichten.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Intervention</h4>
|
||||
<p>
|
||||
Marken-DNA entwickelt: Identitätskern, Positionierung,
|
||||
Sprachregeln. Website neu aufgebaut. Vertriebsunterlagen
|
||||
vereinheitlicht.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Ergebnis</h4>
|
||||
<p>
|
||||
Das Unternehmen erklärt sich heute in einem Satz – konsistent
|
||||
über alle Kanäle. Abstimmungsschleifen im Marketing haben sich
|
||||
halbiert.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="case-item reveal">
|
||||
<div class="case-image">
|
||||
<img
|
||||
src="assets/img/case-2.webp"
|
||||
alt="Makro-Detailaufnahme"
|
||||
loading="lazy"
|
||||
width="800"
|
||||
height="450"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="case-header">
|
||||
<h3>IT-Dienstleister</h3>
|
||||
<span>40 Mitarbeiter</span>
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<div class="case-block">
|
||||
<h4>Ausgangslage</h4>
|
||||
<p>
|
||||
Schnelles Wachstum, aber keine einheitliche Sprache. Website,
|
||||
Sales-Pitches und LinkedIn widersprachen sich. Jeder
|
||||
Mitarbeiter erklärte das Unternehmen anders.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Intervention</h4>
|
||||
<p>
|
||||
Positionierung geschärft. Sprachregeln und Themenrahmen
|
||||
definiert. Website und Pitch-Deck neu strukturiert. Interne
|
||||
Guidelines erstellt.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Ergebnis</h4>
|
||||
<p>
|
||||
Kommunikation ist reproduzierbar – unabhängig davon, wer sie
|
||||
erstellt. Neue Mitarbeiter sind in Tagen statt Wochen
|
||||
sprachfähig.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="case-item reveal">
|
||||
<div class="case-image">
|
||||
<img
|
||||
src="assets/img/case-3.webp"
|
||||
alt="Makro-Detailaufnahme"
|
||||
loading="lazy"
|
||||
width="800"
|
||||
height="450"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="case-header">
|
||||
<h3>Beratungsunternehmen</h3>
|
||||
<span>8 Mitarbeiter</span>
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<div class="case-block">
|
||||
<h4>Ausgangslage</h4>
|
||||
<p>
|
||||
Starke Gründerpersönlichkeit, aber Wissen war nicht
|
||||
übertragbar. Inhalte und Akquise hingen am Inhaber. Skalierung
|
||||
blockiert.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Intervention</h4>
|
||||
<p>
|
||||
Haltung in Struktur übersetzt. Marken-DNA dokumentiert. Team
|
||||
befähigt, eigenständig zu kommunizieren. Website als System
|
||||
aufgebaut.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Ergebnis</h4>
|
||||
<p>
|
||||
Die Marke funktioniert auch ohne den Gründer im Raum. Erstmals
|
||||
können andere Berater unter derselben Positionierung
|
||||
auftreten.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="case-item reveal">
|
||||
<div class="case-image">
|
||||
<img
|
||||
src="assets/img/case-4.webp"
|
||||
alt="Makro-Detailaufnahme"
|
||||
loading="lazy"
|
||||
width="800"
|
||||
height="450"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="case-header">
|
||||
<h3>Produzierendes Unternehmen</h3>
|
||||
<span>200 Mitarbeiter</span>
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<div class="case-block">
|
||||
<h4>Ausgangslage</h4>
|
||||
<p>
|
||||
Marke existierte nur als Logo und Farbwelt. Keine
|
||||
dokumentierte Positionierung. Marketing produzierte viel, aber
|
||||
ohne roten Faden.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Intervention</h4>
|
||||
<p>
|
||||
Marken-DNA von Grund auf entwickelt. Interne Workshops zur
|
||||
Verankerung. Website-Relaunch, Messeauftritt, Broschüren –
|
||||
alles aus einem System.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Ergebnis</h4>
|
||||
<p>
|
||||
Zum ersten Mal spricht das Unternehmen nach außen wie nach
|
||||
innen. Der Messestand wurde zum konsistentesten Auftritt der
|
||||
Firmengeschichte.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<article class="case-item reveal">
|
||||
<div class="case-image">
|
||||
<img
|
||||
src="assets/img/case-5.webp"
|
||||
alt="Makro-Detailaufnahme"
|
||||
loading="lazy"
|
||||
width="800"
|
||||
height="450"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="case-header">
|
||||
<h3>Startup</h3>
|
||||
<span>12 Mitarbeiter</span>
|
||||
</div>
|
||||
<div class="case-content">
|
||||
<div class="case-block">
|
||||
<h4>Ausgangslage</h4>
|
||||
<p>
|
||||
Produkt war da, aber die Erklärung fehlte. Pitch-Deck
|
||||
überzeugte nicht. Website war technisch, nicht strategisch.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Intervention</h4>
|
||||
<p>
|
||||
Positionierung erarbeitet. Messaging-System entwickelt.
|
||||
Website und Pitch-Deck komplett neu gebaut. KI-gestützter
|
||||
Content-Workflow eingerichtet.
|
||||
</p>
|
||||
</div>
|
||||
<div class="case-block">
|
||||
<h4>Ergebnis</h4>
|
||||
<p>
|
||||
Investorengespräche laufen fokussierter. Content entsteht
|
||||
jetzt regelbasiert statt aus dem Bauch.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="projekte-cta reveal">
|
||||
<p>
|
||||
Diese Projekte stehen für eine Arbeitsweise: Klarheit zuerst, dann
|
||||
Umsetzung. Wenn Sie wissen wollen, ob das zu Ihrer Situation passt,
|
||||
sprechen wir.
|
||||
</p>
|
||||
<div class="section-cta">
|
||||
<a href="#kontakt" class="btn btn--next">
|
||||
Kontakt
|
||||
<span class="btn-arrow-down" aria-hidden="true">↓</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="kontakt" id="kontakt">
|
||||
<div class="container">
|
||||
<div class="section-header reveal">
|
||||
<p class="section-label">Kontakt</p>
|
||||
<h2>Sprechen wir.</h2>
|
||||
<p>
|
||||
Wenn Sie über Markenklarheit sprechen wollen – oder ein konkretes
|
||||
Umsetzungsprojekt haben – schreiben Sie mir.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="kontakt-grid">
|
||||
<div class="kontakt-text reveal">
|
||||
<div class="kontakt-portrait">
|
||||
<img
|
||||
src="assets/img/back.webp"
|
||||
alt="Kevin Adametz"
|
||||
loading="lazy"
|
||||
width="800"
|
||||
height="533"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kontakt-info reveal">
|
||||
<div class="kontakt-card">
|
||||
<img
|
||||
src="assets/img/logo.png"
|
||||
alt="Adametz.Media Logo"
|
||||
class="kontakt-logo"
|
||||
width="252"
|
||||
height="160"
|
||||
decoding="async"
|
||||
/>
|
||||
<h3>Kevin Adametz</h3>
|
||||
<div class="kontakt-details">
|
||||
<p>ADAMETZ.MEDIA</p>
|
||||
<p>In der Lake 4</p>
|
||||
<p>33739 Bielefeld</p>
|
||||
<p style="margin-top: 1rem">
|
||||
<a href="mailto:info@adametz.media">info@adametz.media</a>
|
||||
</p>
|
||||
<p><a href="tel:+4952067076721">+49 5206 7076721</a></p>
|
||||
</div>
|
||||
<p class="kontakt-note">
|
||||
Ich antworte in der Regel innerhalb von 48 Stunden.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-inner">
|
||||
<p class="footer-copy">© 2026 ADAMETZ.MEDIA – Kevin Adametz</p>
|
||||
<div class="footer-links">
|
||||
<a href="https://markemacht.de">MARKE MACHT</a>
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="datenschutz.html">Datenschutz</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
47
_adametz.media/manifest.json
Normal file
47
_adametz.media/manifest.json
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
{
|
||||
"name": "ADAMETZ.MEDIA",
|
||||
"short_name": "Adametz",
|
||||
"start_url": "/",
|
||||
"scope": "/",
|
||||
"display": "standalone",
|
||||
"theme_color": "#0a0a0a",
|
||||
"background_color": "#0a0a0a",
|
||||
"icons": [
|
||||
{
|
||||
"src": "assets/android-icon-36x36.png",
|
||||
"sizes": "36x36",
|
||||
"type": "image/png",
|
||||
"density": "0.75"
|
||||
},
|
||||
{
|
||||
"src": "assets/android-icon-48x48.png",
|
||||
"sizes": "48x48",
|
||||
"type": "image/png",
|
||||
"density": "1.0"
|
||||
},
|
||||
{
|
||||
"src": "assets/android-icon-72x72.png",
|
||||
"sizes": "72x72",
|
||||
"type": "image/png",
|
||||
"density": "1.5"
|
||||
},
|
||||
{
|
||||
"src": "assets/android-icon-96x96.png",
|
||||
"sizes": "96x96",
|
||||
"type": "image/png",
|
||||
"density": "2.0"
|
||||
},
|
||||
{
|
||||
"src": "assets/android-icon-144x144.png",
|
||||
"sizes": "144x144",
|
||||
"type": "image/png",
|
||||
"density": "3.0"
|
||||
},
|
||||
{
|
||||
"src": "assets/android-icon-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png",
|
||||
"density": "4.0"
|
||||
}
|
||||
]
|
||||
}
|
||||
4
_adametz.media/robots.txt
Normal file
4
_adametz.media/robots.txt
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
User-agent: *
|
||||
Allow: /
|
||||
|
||||
Sitemap: https://adametz.media/sitemap.xml
|
||||
135
_adametz.media/scripts/build-site.py
Executable file
135
_adametz.media/scripts/build-site.py
Executable file
|
|
@ -0,0 +1,135 @@
|
|||
#!/usr/bin/env python3
|
||||
"""Synchronisiert head-common, Header und Footer in alle HTML-Seiten."""
|
||||
|
||||
from __future__ import annotations
|
||||
|
||||
import re
|
||||
from pathlib import Path
|
||||
|
||||
ROOT = Path(__file__).resolve().parent.parent
|
||||
VERSION = (ROOT / 'assets' / 'version.txt').read_text().strip()
|
||||
HEAD_COMMON = ROOT / 'assets' / 'components' / 'head-common.html'
|
||||
HEADER_INDEX = ROOT / 'assets' / 'components' / 'header-index.html'
|
||||
HEADER_SUB = ROOT / 'assets' / 'components' / 'header-sub.html'
|
||||
FOOTER = ROOT / 'assets' / 'components' / 'footer.html'
|
||||
|
||||
HEAD_MOUNT = re.compile(r' <!-- data-site-head -->\n')
|
||||
HEAD_BLOCK = re.compile(
|
||||
r' <meta property="og:locale" content="de_DE" />.*?"name": "ADAMETZ\.MEDIA"\n \}\n \}\n </script>\n',
|
||||
re.DOTALL,
|
||||
)
|
||||
HEADER_MOUNT = re.compile(r' <div data-site-header></div>\n')
|
||||
FOOTER_MOUNT = re.compile(r' <div data-site-footer></div>\n')
|
||||
|
||||
STYLESHEET = re.compile(
|
||||
r'<link rel="stylesheet" href="assets/styles\.css(?:\?v=[^"]*)?" />'
|
||||
)
|
||||
APP_JS = re.compile(
|
||||
r'<script src="assets/js/app\.js(?:\?v=[^"]*)?" defer></script>'
|
||||
)
|
||||
|
||||
HERO_IMG = re.compile(
|
||||
r'<img\s+src="assets/img/hero-bg2\.webp"[^>]*>',
|
||||
re.DOTALL,
|
||||
)
|
||||
|
||||
HERO_IMG_REPLACEMENT = '''<img
|
||||
src="assets/img/hero-bg2.webp"
|
||||
srcset="assets/img/hero-bg2-640.webp 640w, assets/img/hero-bg2-960.webp 960w, assets/img/hero-bg2.webp 1920w"
|
||||
sizes="100vw"
|
||||
alt="Abstrakte architektonische Struktur"
|
||||
width="1920"
|
||||
height="1080"
|
||||
loading="eager"
|
||||
fetchpriority="high"
|
||||
decoding="async"
|
||||
/>'''
|
||||
|
||||
INDEX_PAGES = {'index.html'}
|
||||
|
||||
|
||||
def indent_block(text: str, prefix: str = ' ') -> str:
|
||||
lines = text.strip('\n').splitlines()
|
||||
return '\n'.join(prefix + line if line.strip() else '' for line in lines) + '\n'
|
||||
|
||||
|
||||
def build_head() -> str:
|
||||
content = HEAD_COMMON.read_text()
|
||||
content = content.replace('{{VERSION}}', VERSION)
|
||||
return indent_block(content)
|
||||
|
||||
|
||||
def build_header(path: Path) -> str:
|
||||
if path.name in INDEX_PAGES:
|
||||
return indent_block(HEADER_INDEX.read_text())
|
||||
return indent_block(HEADER_SUB.read_text())
|
||||
|
||||
|
||||
def process_html(path: Path) -> bool:
|
||||
text = path.read_text()
|
||||
if '<!-- data-site-head -->' not in text and 'og:locale' not in text:
|
||||
return False
|
||||
|
||||
original = text
|
||||
|
||||
if HEAD_MOUNT.search(text):
|
||||
text = HEAD_MOUNT.sub(build_head(), text, count=1)
|
||||
elif 'og:locale' in text:
|
||||
text = HEAD_BLOCK.sub(build_head(), text, count=1)
|
||||
|
||||
if HEADER_MOUNT.search(text):
|
||||
text = HEADER_MOUNT.sub(build_header(path), text, count=1)
|
||||
|
||||
if FOOTER_MOUNT.search(text):
|
||||
footer = indent_block(FOOTER.read_text())
|
||||
text = FOOTER_MOUNT.sub(footer, text, count=1)
|
||||
|
||||
text = STYLESHEET.sub(
|
||||
f'<link rel="stylesheet" href="assets/styles.css?v={VERSION}" />',
|
||||
text,
|
||||
)
|
||||
text = APP_JS.sub(
|
||||
f'<script src="assets/js/app.js?v={VERSION}" defer></script>',
|
||||
text,
|
||||
)
|
||||
|
||||
if path.name == 'index.html':
|
||||
text = HERO_IMG.sub(HERO_IMG_REPLACEMENT, text, count=1)
|
||||
preload = (
|
||||
' <link rel="preload" as="image" href="assets/img/hero-bg2-960.webp" '
|
||||
'type="image/webp" fetchpriority="high" '
|
||||
'imagesrcset="assets/img/hero-bg2-640.webp 640w, '
|
||||
'assets/img/hero-bg2-960.webp 960w, assets/img/hero-bg2.webp 1920w" '
|
||||
'imagesizes="100vw" />\n'
|
||||
)
|
||||
for _ in range(3):
|
||||
text = re.sub(
|
||||
r' <link rel="preload" as="image" href="assets/img/hero-bg2[^"]*"[^/]*/>\n',
|
||||
'',
|
||||
text,
|
||||
)
|
||||
manifest_line = ' <link rel="manifest" href="manifest.json" />\n'
|
||||
if preload.strip() not in text and manifest_line in text:
|
||||
text = text.replace(manifest_line, manifest_line + preload, 1)
|
||||
|
||||
if text != original:
|
||||
path.write_text(text)
|
||||
return True
|
||||
return False
|
||||
|
||||
|
||||
def main() -> None:
|
||||
updated = []
|
||||
for path in sorted(ROOT.glob('*.html')):
|
||||
if process_html(path):
|
||||
updated.append(path.name)
|
||||
|
||||
print(f'Version: {VERSION}')
|
||||
for name in updated:
|
||||
print(f' aktualisiert: {name}')
|
||||
if not updated:
|
||||
print(' keine Änderungen')
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
main()
|
||||
18
_adametz.media/sitemap.xml
Normal file
18
_adametz.media/sitemap.xml
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://adametz.media/</loc>
|
||||
<changefreq>monthly</changefreq>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://adametz.media/impressum.html</loc>
|
||||
<changefreq>yearly</changefreq>
|
||||
<priority>0.3</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://adametz.media/datenschutz.html</loc>
|
||||
<changefreq>yearly</changefreq>
|
||||
<priority>0.3</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
5
_markemacht.de/.gitignore
vendored
Normal file
5
_markemacht.de/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
# Composer-Abhängigkeiten (per `composer install` reproduzierbar)
|
||||
/vendor/
|
||||
|
||||
# Zugangsdaten – niemals committen (siehe config.example.php als Vorlage)
|
||||
/assets/php/config.php
|
||||
108
_markemacht.de/.htaccess
Normal file
108
_markemacht.de/.htaccess
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
# MARKE MACHT — Apache-Konfiguration (markemacht.de)
|
||||
# Kanonische Domain: https://markemacht.de (ohne www)
|
||||
|
||||
# ── Rewrite-Engine ────────────────────────────────────────────────────────────
|
||||
<IfModule mod_rewrite.c>
|
||||
RewriteEngine On
|
||||
RewriteBase /
|
||||
|
||||
# HTTPS erzwingen und www → non-www (301 Permanent)
|
||||
RewriteCond %{HTTPS} off [OR]
|
||||
RewriteCond %{HTTP_HOST} ^www\.markemacht\.de$ [NC]
|
||||
RewriteRule ^ https://markemacht.de%{REQUEST_URI} [R=301,L]
|
||||
|
||||
# Alte Denken-Artikel → Übersicht
|
||||
RewriteRule ^denken-agilitaet\.html$ /denken.html [R=301,L]
|
||||
RewriteRule ^denken-fuehrung-durch-reduktion\.html$ /denken.html [R=301,L]
|
||||
RewriteRule ^denken-architektursanierung\.html$ /denken.html [R=301,L]
|
||||
|
||||
# Build-Skript und interne Dateien nicht öffentlich
|
||||
RewriteRule ^scripts/ - [F,L]
|
||||
RewriteRule ^assets/components/ - [F,L]
|
||||
RewriteRule ^assets/version\.txt$ - [F,L]
|
||||
</IfModule>
|
||||
|
||||
# ── Fehlerseiten ──────────────────────────────────────────────────────────────
|
||||
ErrorDocument 404 /404.html
|
||||
|
||||
# ── Verzeichnislisting deaktivieren ───────────────────────────────────────────
|
||||
Options -Indexes -MultiViews
|
||||
|
||||
# ── Standard-Dokument ─────────────────────────────────────────────────────────
|
||||
DirectoryIndex index.html
|
||||
|
||||
# ── Zeichensatz ───────────────────────────────────────────────────────────────
|
||||
AddDefaultCharset UTF-8
|
||||
|
||||
# ── MIME-Typen ────────────────────────────────────────────────────────────────
|
||||
<IfModule mod_mime.c>
|
||||
AddType image/webp .webp
|
||||
AddType image/svg+xml .svg
|
||||
AddType font/woff2 .woff2
|
||||
AddType font/woff .woff
|
||||
</IfModule>
|
||||
|
||||
# ── Kompression ───────────────────────────────────────────────────────────────
|
||||
<IfModule mod_deflate.c>
|
||||
AddOutputFilterByType DEFLATE text/html text/plain text/css text/xml
|
||||
AddOutputFilterByType DEFLATE application/javascript application/json application/xml
|
||||
AddOutputFilterByType DEFLATE image/svg+xml font/woff2 font/woff
|
||||
</IfModule>
|
||||
|
||||
<IfModule mod_brotli.c>
|
||||
AddOutputFilterByType BROTLI_COMPRESS text/html text/plain text/css text/xml
|
||||
AddOutputFilterByType BROTLI_COMPRESS application/javascript application/json application/xml
|
||||
AddOutputFilterByType BROTLI_COMPRESS image/svg+xml font/woff2 font/woff
|
||||
</IfModule>
|
||||
|
||||
# ── Cache-Steuerung ───────────────────────────────────────────────────────────
|
||||
<IfModule mod_expires.c>
|
||||
ExpiresActive On
|
||||
ExpiresDefault "access plus 0 seconds"
|
||||
|
||||
# HTML-Seiten: immer frisch validieren
|
||||
ExpiresByType text/html "access plus 0 seconds"
|
||||
|
||||
# Statische Assets: 7 Tage (Cache-Busting via ?v= in CSS/JS)
|
||||
ExpiresByType text/css "access plus 7 days"
|
||||
ExpiresByType application/javascript "access plus 7 days"
|
||||
ExpiresByType image/svg+xml "access plus 7 days"
|
||||
ExpiresByType image/webp "access plus 7 days"
|
||||
ExpiresByType image/jpeg "access plus 7 days"
|
||||
ExpiresByType image/png "access plus 7 days"
|
||||
ExpiresByType font/woff2 "access plus 7 days"
|
||||
ExpiresByType font/woff "access plus 7 days"
|
||||
</IfModule>
|
||||
|
||||
<IfModule mod_headers.c>
|
||||
# Statische Assets unter /assets/
|
||||
SetEnvIf Request_URI "^/assets/" ASSET_PATH=1
|
||||
Header set Cache-Control "public, max-age=604800, immutable" env=ASSET_PATH
|
||||
|
||||
# HTML: Revalidierung erlauben
|
||||
<FilesMatch "\.(html)$">
|
||||
Header set Cache-Control "no-cache, must-revalidate"
|
||||
</FilesMatch>
|
||||
|
||||
# Sicherheits-Header
|
||||
Header always set X-Content-Type-Options "nosniff"
|
||||
Header always set X-Frame-Options "SAMEORIGIN"
|
||||
Header always set Referrer-Policy "strict-origin-when-cross-origin"
|
||||
Header always set Permissions-Policy "camera=(), microphone=(), geolocation=()"
|
||||
Header always set Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' https://sys.adametz.media; style-src 'self' 'unsafe-inline'; img-src 'self' data:; font-src 'self'; connect-src 'self' https://sys.adametz.media; frame-ancestors 'self'; base-uri 'self'; form-action 'self' mailto:"
|
||||
Header always set Strict-Transport-Security "max-age=31536000; includeSubDomains" env=HTTPS
|
||||
</IfModule>
|
||||
|
||||
# ── Zugriffsschutz (interne / sensible Dateien) ──────────────────────────────
|
||||
<FilesMatch "(^\.|\.md$|composer\.(json|lock)$)">
|
||||
Require all denied
|
||||
</FilesMatch>
|
||||
|
||||
<FilesMatch "(^|/)version\.txt$">
|
||||
Require all denied
|
||||
</FilesMatch>
|
||||
|
||||
<IfModule mod_rewrite.c>
|
||||
RewriteRule ^vendor/ - [F,L]
|
||||
RewriteRule ^docker/ - [F,L]
|
||||
</IfModule>
|
||||
276
_markemacht.de/404.html
Normal file
276
_markemacht.de/404.html
Normal file
|
|
@ -0,0 +1,276 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="de" data-theme="monolith">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
||||
<title>Seite nicht gefunden · MARKE MACHT</title>
|
||||
<meta name="description" content="Die angeforderte Seite wurde nicht gefunden." />
|
||||
<meta name="robots" content="noindex" />
|
||||
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:site_name" content="MARKE MACHT" />
|
||||
<meta property="og:title" content="Seite nicht gefunden · MARKE MACHT" />
|
||||
<meta property="og:description" content="Die angeforderte Seite wurde nicht gefunden." />
|
||||
<meta property="og:url" content="https://markemacht.de/404.html" />
|
||||
<link rel="canonical" href="https://markemacht.de/" />
|
||||
<meta property="og:locale" content="de_DE" />
|
||||
<meta property="og:image" content="https://markemacht.de/assets/img/og-share.webp" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
<meta property="og:image:alt" content="MARKE MACHT — Denkraum für Unternehmer" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:image" content="https://markemacht.de/assets/img/og-share.webp" />
|
||||
<meta name="theme-color" content="#0A0A0A" media="(prefers-color-scheme: dark)" />
|
||||
<meta name="theme-color" content="#FBFAF2" media="(prefers-color-scheme: light)" />
|
||||
|
||||
<link rel="icon" type="image/svg+xml" href="./assets/favicon.svg" />
|
||||
<link rel="preconnect" href="https://sys.adametz.media" crossorigin />
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
if ('scrollRestoration' in history) history.scrollRestoration = 'manual';
|
||||
if (!location.hash) window.scrollTo(0, 0);
|
||||
|
||||
var key = 'mm-wirkung';
|
||||
var valid = ['monolith', 'editorial'];
|
||||
var v = null;
|
||||
try { v = localStorage.getItem(key); } catch (_) {}
|
||||
if (valid.indexOf(v) === -1) v = 'monolith';
|
||||
document.documentElement.setAttribute('data-theme', v);
|
||||
|
||||
var fontBase = './assets/fonts/';
|
||||
var displayFont = v === 'editorial'
|
||||
? fontBase + 'plus-jakarta-sans/plus-jakarta-sans-v12-latin-600.woff2'
|
||||
: fontBase + 'outfit/outfit-v15-latin-700.woff2';
|
||||
[fontBase + 'space-grotesk/space-grotesk-v22-latin-regular.woff2', displayFont].forEach(function (href) {
|
||||
var link = document.createElement('link');
|
||||
link.rel = 'preload';
|
||||
link.as = 'font';
|
||||
link.type = 'font/woff2';
|
||||
link.crossOrigin = 'anonymous';
|
||||
link.href = href;
|
||||
document.head.appendChild(link);
|
||||
});
|
||||
|
||||
['./assets/fonts/fonts-shared.css', './assets/fonts/fonts-' + v + '.css'].forEach(function (href) {
|
||||
var link = document.createElement('link');
|
||||
link.rel = 'stylesheet';
|
||||
link.href = href;
|
||||
document.head.appendChild(link);
|
||||
});
|
||||
|
||||
var heroes = {
|
||||
'index.html': { monolith: 'start-monolith.webp', editorial: 'start-editorial.webp' },
|
||||
'manifest.html': { monolith: 'manifest-monolith.webp', editorial: 'manifest-editorial.webp' },
|
||||
'methode.html': { monolith: 'methode-monolith.webp', editorial: 'methode-editorial.webp' },
|
||||
'denken.html': { monolith: 'denken-monolith.webp', editorial: 'denken-editorial.webp' }
|
||||
};
|
||||
var page = location.pathname.split('/').pop() || 'index.html';
|
||||
var pair = heroes[page];
|
||||
if (pair) {
|
||||
var img = pair[v] || pair.monolith;
|
||||
var preload = document.createElement('link');
|
||||
preload.rel = 'preload';
|
||||
preload.as = 'image';
|
||||
preload.href = './assets/img/' + img;
|
||||
preload.type = 'image/webp';
|
||||
if ('fetchPriority' in preload) preload.fetchPriority = 'high';
|
||||
document.head.appendChild(preload);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" href="./assets/css/app.css?v=20250610" />
|
||||
<script defer src="https://sys.adametz.media/config.js" data-website-id="40125fcf-49c4-43f3-a9a5-9eec5eb55696"></script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "MARKE MACHT",
|
||||
"url": "https://markemacht.de/",
|
||||
"description": "Denkraum für Unternehmer im Mittelstand. Marke ist die Fähigkeit eines Unternehmens, sich selbst eindeutig zu erklären.",
|
||||
"inLanguage": "de-DE"
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="visually-hidden" href="#main">Zum Inhalt springen</a>
|
||||
|
||||
<nav class="nav" aria-label="Hauptnavigation" data-site-nav>
|
||||
<div class="nav-inner">
|
||||
<a class="nav-brand" href="./index.html">MARKE MACHT</a>
|
||||
|
||||
<div class="nav-links">
|
||||
<a class="nav-link" href="./index.html" data-nav-page="start">Start</a>
|
||||
<a class="nav-link" href="./manifest.html" data-nav-page="manifest">Manifest</a>
|
||||
<a class="nav-link" href="./methode.html" data-nav-page="methode">Methode</a>
|
||||
<a class="nav-link" href="./denken.html" data-nav-page="denken">Denken</a>
|
||||
</div>
|
||||
|
||||
<div class="wirkung-switch" role="group" aria-label="Wirkung wechseln">
|
||||
<span class="wirkung-label">Wirkung:</span>
|
||||
<button type="button" class="wirkung-option" data-wirkung="monolith" aria-pressed="false">monolithisch</button>
|
||||
<span class="wirkung-sep" aria-hidden="true">·</span>
|
||||
<button type="button" class="wirkung-option" data-wirkung="editorial" aria-pressed="false">editorial</button>
|
||||
</div>
|
||||
|
||||
<a class="nav-cta" href="./audit.html">Audit anfragen</a>
|
||||
|
||||
<button class="menu-btn" data-drawer-open aria-label="Menü öffnen" aria-controls="mobile-drawer" aria-expanded="false">
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#menu"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<aside id="mobile-drawer" class="mobile-drawer" data-mobile-drawer aria-hidden="true" aria-label="Mobile Navigation">
|
||||
<div class="mobile-drawer-head">
|
||||
<span class="nav-brand">MARKE MACHT</span>
|
||||
<button class="menu-btn" data-drawer-close aria-label="Menü schließen">
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#close"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
<nav class="mobile-drawer-links" aria-label="Mobile Hauptnavigation">
|
||||
<a class="mobile-drawer-link" href="./index.html" data-nav-page="start">Start</a>
|
||||
<a class="mobile-drawer-link" href="./manifest.html" data-nav-page="manifest">Manifest</a>
|
||||
<a class="mobile-drawer-link" href="./methode.html" data-nav-page="methode">Methode</a>
|
||||
<a class="mobile-drawer-link" href="./denken.html" data-nav-page="denken">Denken</a>
|
||||
</nav>
|
||||
<div class="mobile-drawer-footer">
|
||||
<div class="wirkung-switch" role="group" aria-label="Wirkung wechseln">
|
||||
<span class="wirkung-label">Wirkung:</span>
|
||||
<button type="button" class="wirkung-option" data-wirkung="monolith" aria-pressed="false">monolithisch</button>
|
||||
<span class="wirkung-sep" aria-hidden="true">·</span>
|
||||
<button type="button" class="wirkung-option" data-wirkung="editorial" aria-pressed="false">editorial</button>
|
||||
</div>
|
||||
<a class="nav-cta mobile-drawer-cta" href="./audit.html">Audit anfragen</a>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<main id="main">
|
||||
<section class="section">
|
||||
<div class="shell grid-12">
|
||||
<div class="col-12 stack-32" style="padding-block: clamp(64px, 12vw, 128px);">
|
||||
<span class="meta accent">404</span>
|
||||
<h1 class="section-headline" style="max-width: 16ch;">Diese Seite existiert nicht.</h1>
|
||||
<p class="body-text dim max-prose">
|
||||
Der Link ist veraltet oder die Adresse wurde falsch eingegeben. Vielleicht finden Sie hier, was Sie suchen:
|
||||
</p>
|
||||
<div class="btn-row">
|
||||
<a class="btn" href="./index.html">
|
||||
Zur Startseite
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||||
</a>
|
||||
<a class="btn btn-ghost" href="./denken.html">
|
||||
Zum Denkraum
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-meta">
|
||||
<p class="footer-copy">© MARKE MACHT · Denkraum für Unternehmer</p>
|
||||
<p class="footer-note">Keine Cookies</p>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<a class="footer-link" href="./impressum.html">Impressum</a>
|
||||
<a class="footer-link" href="./datenschutz.html">Datenschutz</a>
|
||||
<button class="footer-link" type="button" data-audit-modal-open>Anfrage</button>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="modal-backdrop" data-audit-modal aria-hidden="true">
|
||||
<div class="modal-dialog" role="dialog" aria-modal="true" aria-labelledby="audit-modal-title" aria-describedby="audit-modal-desc">
|
||||
<button class="modal-close" type="button" data-audit-modal-close aria-label="Anfragefenster schließen">
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#close"></use></svg>
|
||||
</button>
|
||||
|
||||
<div class="stack-32">
|
||||
<div class="stack-16">
|
||||
<span class="meta accent">Anfrage</span>
|
||||
<h2 class="section-headline" id="audit-modal-title" style="max-width: 16ch;">Kurzer Erstkontakt.</h2>
|
||||
<p class="body-text max-prose" id="audit-modal-desc">
|
||||
Wählen Sie den direkten E-Mail-Weg oder senden Sie eine knappe Anfrage über das Formular.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card stack-16">
|
||||
<span class="meta">Direkt per E-Mail</span>
|
||||
<p class="body-text">
|
||||
Öffnet Ihr E-Mail-Programm mit vorausgefülltem Betreff.
|
||||
</p>
|
||||
<div>
|
||||
<a class="btn btn-nav-cta" href="mailto:info@markemacht.de?subject=Anfrage%20Marken-Klarheits-Audit">
|
||||
E-Mail öffnen
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-audit-form-panel>
|
||||
<form class="modal-form stack-16" data-audit-form novalidate>
|
||||
<div class="form-field">
|
||||
<label class="meta" for="audit-name">Name</label>
|
||||
<input id="audit-name" name="name" type="text" autocomplete="name" required />
|
||||
</div>
|
||||
|
||||
<div class="form-field">
|
||||
<label class="meta" for="audit-email">E-Mail</label>
|
||||
<input id="audit-email" name="email" type="email" autocomplete="email" required />
|
||||
</div>
|
||||
|
||||
<div class="form-field">
|
||||
<label class="meta" for="audit-message">Worum geht es?</label>
|
||||
<textarea id="audit-message" name="message" rows="5" required></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-honeypot" aria-hidden="true">
|
||||
<label for="audit-company">Firma</label>
|
||||
<input id="audit-company" name="company" type="text" tabindex="-1" autocomplete="off" />
|
||||
<label for="audit-url">Website</label>
|
||||
<input id="audit-url" name="url" type="url" tabindex="-1" autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<label class="form-check">
|
||||
<input name="privacy" type="checkbox" required />
|
||||
<span class="form-switch" aria-hidden="true"></span>
|
||||
<span>Ich akzeptiere die <a href="./datenschutz.html">Datenschutzerklärung</a>.</span>
|
||||
</label>
|
||||
|
||||
<p class="form-status body-text" data-audit-form-status aria-live="polite"></p>
|
||||
|
||||
<div>
|
||||
<button class="btn btn-nav-cta" type="submit">
|
||||
Absenden
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="form-success" data-audit-form-success hidden>
|
||||
<div class="form-success-icon" aria-hidden="true">
|
||||
<svg class="icon icon--lg" aria-hidden="true"><use href="./assets/icons.svg#check-circle"></use></svg>
|
||||
</div>
|
||||
<div class="stack-16">
|
||||
<h3 class="sub-headline">Vielen Dank für Ihre Anfrage.</h3>
|
||||
<p class="body-text">Wir werden uns in Kürze bei Ihnen melden.</p>
|
||||
</div>
|
||||
<button class="btn btn-ghost" type="button" data-audit-modal-close>
|
||||
Schließen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="./assets/js/app.js?v=20250610" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
233
_markemacht.de/DEPLOYMENT.md
Normal file
233
_markemacht.de/DEPLOYMENT.md
Normal file
|
|
@ -0,0 +1,233 @@
|
|||
# Live-Deployment — markemacht.de
|
||||
|
||||
Kurzanleitung für den Upload auf den Produktionsserver (Apache + `.htaccess`).
|
||||
|
||||
---
|
||||
|
||||
## Server-Anforderungen
|
||||
|
||||
| Komponente | Erforderlich |
|
||||
|------------|--------------|
|
||||
| **Webserver** | Apache mit `mod_rewrite`, `mod_headers`, `mod_expires`, `mod_deflate` |
|
||||
| **PHP** | 8.1+ (nur für Kontaktformular unter `assets/php/`) |
|
||||
| **HTTPS** | Pflicht — wird per `.htaccess` erzwungen |
|
||||
| **Optional** | `mod_brotli` (zusätzliche Kompression) |
|
||||
|
||||
Domain: **https://markemacht.de** (ohne `www`).
|
||||
|
||||
---
|
||||
|
||||
## Deploy-Ablauf (Checkliste)
|
||||
|
||||
### 1. Vor dem Upload (lokal)
|
||||
|
||||
```bash
|
||||
cd _markemacht.de
|
||||
|
||||
# Bei CSS/JS-Änderungen: Version erhöhen
|
||||
# → assets/version.txt (z. B. 20250610)
|
||||
|
||||
# Head, Header, Footer in alle HTML-Seiten einspielen
|
||||
python3 scripts/build-site.py
|
||||
|
||||
# PHP-Abhängigkeiten (nur wenn Formular genutzt wird)
|
||||
php composer install --no-dev --optimize-autoloader
|
||||
|
||||
/usr/bin/php84 /usr/bin/composer
|
||||
```
|
||||
|
||||
### 2. Auf den Server hochladen
|
||||
|
||||
Document Root = Inhalt von `_markemacht.de/` (alle Dateien im Root der Domain).
|
||||
|
||||
### 3. Nach dem Upload (einmalig / bei Formular)
|
||||
|
||||
```bash
|
||||
# Auf dem Server, im Ordner assets/php/:
|
||||
cp config.example.php config.php
|
||||
# → SMTP-Zugangsdaten eintragen (nicht ins Git committen)
|
||||
```
|
||||
|
||||
### 4. Kurz testen
|
||||
|
||||
- [ ] https://markemacht.de/ lädt korrekt
|
||||
- [ ] Wirkungs-Umschalter (monolithisch / editorial) funktioniert
|
||||
- [ ] Anfrage-Modal öffnet sich, Formular sendet (oder Fehlermeldung bei fehlender SMTP-Config)
|
||||
- [ ] https://markemacht.de/robots.txt erreichbar
|
||||
- [ ] https://markemacht.de/sitemap.xml erreichbar
|
||||
- [ ] Ungültige URL zeigt `404.html`
|
||||
- [ ] Alte URLs leiten um: `/denken-agilitaet.html` → `/denken.html`
|
||||
|
||||
---
|
||||
|
||||
## Was hochladen — was nicht
|
||||
|
||||
### Mit hochladen
|
||||
|
||||
- Alle `*.html` im Root (inkl. `404.html`)
|
||||
- `.htaccess`
|
||||
- `robots.txt`, `sitemap.xml`
|
||||
- `assets/` (css, js, fonts, img, icons.svg, components, php)
|
||||
- `vendor/` — **nur wenn** das Kontaktformular aktiv ist
|
||||
|
||||
### Nicht öffentlich / nicht nötig auf Static-Only-Hosting
|
||||
|
||||
| Pfad | Grund |
|
||||
|------|--------|
|
||||
| `scripts/` | Build-Skript — wird per `.htaccess` blockiert |
|
||||
| `docker/` | Nur für lokale Entwicklung |
|
||||
| `vendor/` | Nur für PHP-Formular nötig |
|
||||
| `assets/php/config.php` | Enthält SMTP-Passwort — nur auf Server anlegen |
|
||||
| `*.md` (außer intern) | Werden per `.htaccess` blockiert |
|
||||
| `composer.json` / `composer.lock` | Werden blockiert |
|
||||
|
||||
Die **vollständigen Font-Archive** unter `assets/fonts/*/` können auf dem Server liegen bleiben (Reserve). Beim Seitenaufruf werden nur die reduzierten Theme-Bundles geladen (`fonts-monolith.css` / `fonts-editorial.css` + `fonts-shared.css`).
|
||||
|
||||
---
|
||||
|
||||
## Build-System & Komponenten
|
||||
|
||||
Die Seite nutzt **kein** Build-Tool wie Webpack. Stattdessen:
|
||||
|
||||
### Quell-Dateien (hier bearbeiten)
|
||||
|
||||
| Datei | Inhalt |
|
||||
|-------|--------|
|
||||
| `assets/components/head-common.html` | OG-Tags, Favicon, Theme-Init, CSS, Analytics, JSON-LD |
|
||||
| `assets/components/header.html` | Navigation, Mobile Drawer |
|
||||
| `assets/components/footer.html` | Footer + Anfrage-Modal |
|
||||
|
||||
### Build ausführen
|
||||
|
||||
```bash
|
||||
python3 scripts/build-site.py
|
||||
```
|
||||
|
||||
Das Skript:
|
||||
|
||||
1. Spiegelt `head-common.html` in alle HTML-Seiten (ab `og:locale`)
|
||||
2. Bettet Header und Footer direkt in jede Seite ein (kein JS-Fetch mehr)
|
||||
3. Setzt Cache-Busting an `app.js?v=…` aus `assets/version.txt`
|
||||
4. Ergänzt auf `index.html` das LCP-Preload für das Hero-Bild
|
||||
|
||||
**Wichtig:** Nach Änderungen an den drei Komponenten immer Build ausführen, sonst sind die Live-HTML-Dateien veraltet.
|
||||
|
||||
### Cache-Busting
|
||||
|
||||
- Version steht in `assets/version.txt` (z. B. `20250609`)
|
||||
- `head-common.html` nutzt Platzhalter `{{VERSION}}` für `app.css?v={{VERSION}}`
|
||||
- Bei jedem Deploy mit CSS/Änderungen: **Version erhöhen** → Build → Upload
|
||||
|
||||
---
|
||||
|
||||
## Apache (`.htaccess`)
|
||||
|
||||
Die Live-Konfiguration liegt in `.htaccess` im Root. Wichtigste Regeln:
|
||||
|
||||
- **HTTPS + non-www** — Redirect auf `https://markemacht.de`
|
||||
- **301-Redirects** — alte Denken-Artikel → `denken.html`
|
||||
- **404** — `ErrorDocument 404 /404.html`
|
||||
- **Gzip + optional Brotli**
|
||||
- **Cache** — HTML: `no-cache`; Assets unter `/assets/`: 7 Tage `immutable`
|
||||
- **Security-Header** — CSP, `X-Frame-Options`, `Referrer-Policy` u. a.
|
||||
- **CSP** erlaubt Analytics von `https://sys.adametz.media`
|
||||
|
||||
Geschützte Pfade: `/scripts/`, `/vendor/`, `/docker/`, `/assets/version.txt`
|
||||
|
||||
---
|
||||
|
||||
## Kontaktformular (PHP)
|
||||
|
||||
Endpoint: `assets/php/send-anfrage.php`
|
||||
Konfiguration: `assets/php/config.php` (aus `config.example.php` kopieren)
|
||||
|
||||
```bash
|
||||
composer install --no-dev
|
||||
cp assets/php/config.example.php assets/php/config.php
|
||||
# config.php mit SMTP-Daten füllen
|
||||
```
|
||||
|
||||
`config.php` ist per `.htaccess` in `assets/php/` vor direktem Download geschützt.
|
||||
|
||||
Das Modal liegt im Footer (`assets/components/footer.html`) — nach Änderungen Build ausführen.
|
||||
|
||||
---
|
||||
|
||||
## Schriften & Icons
|
||||
|
||||
- **Keine Google Fonts** — alles lokal unter `assets/fonts/`
|
||||
- **Theme-Fonts** — Inline-Script in `head-common.html` setzt Theme, lädt Fonts und LCP-Preload; beim Wechsel lädt `app.js` das andere Bundle nach
|
||||
- **Icons** — SVG-Sprite `assets/icons.svg` (kein Icon-Font mehr)
|
||||
|
||||
---
|
||||
|
||||
## Analytics
|
||||
|
||||
Umami (selbst gehostet), eingebunden in `head-common.html`:
|
||||
|
||||
```html
|
||||
<script defer src="https://sys.adametz.media/config.js" data-website-id="40125fcf-49c4-43f3-a9a5-9eec5eb55696"></script>
|
||||
```
|
||||
|
||||
Keine Cookies. In der Datenschutzerklärung bereits beschrieben.
|
||||
|
||||
---
|
||||
|
||||
## SEO-Dateien
|
||||
|
||||
| Datei | URL |
|
||||
|-------|-----|
|
||||
| `robots.txt` | https://markemacht.de/robots.txt |
|
||||
| `sitemap.xml` | https://markemacht.de/sitemap.xml |
|
||||
| OG-Share-Bild | `assets/img/og-share.webp` (1200×630) |
|
||||
|
||||
Bei neuen indexierbaren Seiten: `sitemap.xml` manuell ergänzen.
|
||||
|
||||
---
|
||||
|
||||
## Bilder
|
||||
|
||||
- Hero- und Split-Bilder als **WebP** unter `assets/img/`
|
||||
- Benennung: `{seite}-monolith.webp` / `{seite}-editorial.webp`
|
||||
- Lazy Load über `app.js` (Intersection Observer)
|
||||
|
||||
Neue Bildpaare: in `assets/css/app.css` unter `.hero--*` bzw. `.split-visual .monolith` eintragen.
|
||||
|
||||
---
|
||||
|
||||
## Datenschutz & Cookies
|
||||
|
||||
- **Keine Cookies**
|
||||
- Wirkungs-Modus wird in **`localStorage`** gespeichert (`mm-wirkung`) — in Datenschutzerklärung dokumentiert
|
||||
- Beim Moduswechsel wird ein eventuelles Legacy-Cookie einmalig gelöscht (`app.js`)
|
||||
|
||||
---
|
||||
|
||||
## Typische Probleme
|
||||
|
||||
| Symptom | Lösung |
|
||||
|---------|--------|
|
||||
| Altes CSS/JS nach Deploy | `assets/version.txt` erhöhen, `build-site.py` ausführen, neu hochladen |
|
||||
| Header/Footer veraltet | Komponente bearbeitet, aber Build vergessen |
|
||||
| Formular sendet nicht | `config.php` auf Server prüfen, `vendor/` vorhanden, PHP-Fehlerlog |
|
||||
| 500 nach Upload | `.htaccess`-Module prüfen (`mod_rewrite`, `mod_headers`); PHP-Version |
|
||||
| CSP blockiert Script | Nur `self`, inline und `sys.adametz.media` erlaubt — keine fremden Scripts ohne CSP-Anpassung |
|
||||
| Fonts laden nicht | `assets/fonts/fonts-*.css` und zugehörige `.woff2` mit hochladen |
|
||||
|
||||
---
|
||||
|
||||
## Schnellreferenz — Änderungstyp → Schritte
|
||||
|
||||
| Änderung an … | Schritte |
|
||||
|---------------|----------|
|
||||
| `app.css` | Version ↑ → optional Build → Upload `app.css` + HTML (wegen `?v=`) |
|
||||
| `app.js` | Version ↑ → Build → Upload |
|
||||
| `head-common.html` | Bearbeiten → **Build** → alle HTML hochladen |
|
||||
| `header.html` / `footer.html` | Bearbeiten → **Build** → alle HTML hochladen |
|
||||
| Einzelne Inhaltsseite `*.html` | Direkt bearbeiten → hochladen (Head/Footer nur via Build sync) |
|
||||
| Neues Hero-Bild | WebP ablegen → CSS anpassen → Upload |
|
||||
| SMTP / Formular | Nur `config.php` auf Server |
|
||||
|
||||
---
|
||||
|
||||
*Stand: Juni 2025 — Projekt `_markemacht.de`*
|
||||
|
|
@ -2,12 +2,97 @@
|
|||
<div class="footer-inner">
|
||||
<div class="footer-meta">
|
||||
<p class="footer-copy">© MARKE MACHT · Denkraum für Unternehmer</p>
|
||||
<p class="footer-note">Keine Cookies, kein Tracking.</p>
|
||||
<p class="footer-note">Keine Cookies</p>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<a class="footer-link" href="#">Impressum</a>
|
||||
<a class="footer-link" href="#">Datenschutz</a>
|
||||
<a class="footer-link" href="#">Kontakt</a>
|
||||
<a class="footer-link" href="./impressum.html">Impressum</a>
|
||||
<a class="footer-link" href="./datenschutz.html">Datenschutz</a>
|
||||
<button class="footer-link" type="button" data-audit-modal-open>Anfrage</button>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<div class="modal-backdrop" data-audit-modal aria-hidden="true">
|
||||
<div class="modal-dialog" role="dialog" aria-modal="true" aria-labelledby="audit-modal-title" aria-describedby="audit-modal-desc">
|
||||
<button class="modal-close" type="button" data-audit-modal-close aria-label="Anfragefenster schließen">
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#close"></use></svg>
|
||||
</button>
|
||||
|
||||
<div class="stack-32">
|
||||
<div class="stack-16">
|
||||
<span class="meta accent">Anfrage</span>
|
||||
<h2 class="section-headline" id="audit-modal-title" style="max-width: 16ch;">Kurzer Erstkontakt.</h2>
|
||||
<p class="body-text max-prose" id="audit-modal-desc">
|
||||
Wählen Sie den direkten E-Mail-Weg oder senden Sie eine knappe Anfrage über das Formular.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="card stack-16">
|
||||
<span class="meta">Direkt per E-Mail</span>
|
||||
<p class="body-text">
|
||||
Öffnet Ihr E-Mail-Programm mit vorausgefülltem Betreff.
|
||||
</p>
|
||||
<div>
|
||||
<a class="btn btn-nav-cta" href="mailto:info@markemacht.de?subject=Anfrage%20Marken-Klarheits-Audit">
|
||||
E-Mail öffnen
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div data-audit-form-panel>
|
||||
<form class="modal-form stack-16" data-audit-form novalidate>
|
||||
<div class="form-field">
|
||||
<label class="meta" for="audit-name">Name</label>
|
||||
<input id="audit-name" name="name" type="text" autocomplete="name" required />
|
||||
</div>
|
||||
|
||||
<div class="form-field">
|
||||
<label class="meta" for="audit-email">E-Mail</label>
|
||||
<input id="audit-email" name="email" type="email" autocomplete="email" required />
|
||||
</div>
|
||||
|
||||
<div class="form-field">
|
||||
<label class="meta" for="audit-message">Worum geht es?</label>
|
||||
<textarea id="audit-message" name="message" rows="5" required></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-honeypot" aria-hidden="true">
|
||||
<label for="audit-company">Firma</label>
|
||||
<input id="audit-company" name="company" type="text" tabindex="-1" autocomplete="off" />
|
||||
<label for="audit-url">Website</label>
|
||||
<input id="audit-url" name="url" type="url" tabindex="-1" autocomplete="off" />
|
||||
</div>
|
||||
|
||||
<label class="form-check">
|
||||
<input name="privacy" type="checkbox" required />
|
||||
<span class="form-switch" aria-hidden="true"></span>
|
||||
<span>Ich akzeptiere die <a href="./datenschutz.html">Datenschutzerklärung</a>.</span>
|
||||
</label>
|
||||
|
||||
<p class="form-status body-text" data-audit-form-status aria-live="polite"></p>
|
||||
|
||||
<div>
|
||||
<button class="btn btn-nav-cta" type="submit">
|
||||
Absenden
|
||||
<svg class="icon" aria-hidden="true"><use href="./assets/icons.svg#arrow-forward"></use></svg>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="form-success" data-audit-form-success hidden>
|
||||
<div class="form-success-icon" aria-hidden="true">
|
||||
<svg class="icon icon--lg" aria-hidden="true"><use href="./assets/icons.svg#check-circle"></use></svg>
|
||||
</div>
|
||||
<div class="stack-16">
|
||||
<h3 class="sub-headline">Vielen Dank für Ihre Anfrage.</h3>
|
||||
<p class="body-text">Wir werden uns in Kürze bei Ihnen melden.</p>
|
||||
</div>
|
||||
<button class="btn btn-ghost" type="button" data-audit-modal-close>
|
||||
Schließen
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
81
_markemacht.de/assets/components/head-common.html
Normal file
81
_markemacht.de/assets/components/head-common.html
Normal file
|
|
@ -0,0 +1,81 @@
|
|||
<meta property="og:locale" content="de_DE" />
|
||||
<meta property="og:image" content="https://markemacht.de/assets/img/og-share.webp" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
<meta property="og:image:alt" content="MARKE MACHT — Denkraum für Unternehmer" />
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:image" content="https://markemacht.de/assets/img/og-share.webp" />
|
||||
<meta name="theme-color" content="#0A0A0A" media="(prefers-color-scheme: dark)" />
|
||||
<meta name="theme-color" content="#FBFAF2" media="(prefers-color-scheme: light)" />
|
||||
|
||||
<link rel="icon" type="image/svg+xml" href="./assets/favicon.svg" />
|
||||
<link rel="preconnect" href="https://sys.adametz.media" crossorigin />
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
if ('scrollRestoration' in history) history.scrollRestoration = 'manual';
|
||||
if (!location.hash) window.scrollTo(0, 0);
|
||||
|
||||
var key = 'mm-wirkung';
|
||||
var valid = ['monolith', 'editorial'];
|
||||
var v = null;
|
||||
try { v = localStorage.getItem(key); } catch (_) {}
|
||||
if (valid.indexOf(v) === -1) v = 'monolith';
|
||||
document.documentElement.setAttribute('data-theme', v);
|
||||
|
||||
var fontBase = './assets/fonts/';
|
||||
var displayFont = v === 'editorial'
|
||||
? fontBase + 'plus-jakarta-sans/plus-jakarta-sans-v12-latin-600.woff2'
|
||||
: fontBase + 'outfit/outfit-v15-latin-700.woff2';
|
||||
[fontBase + 'space-grotesk/space-grotesk-v22-latin-regular.woff2', displayFont].forEach(function (href) {
|
||||
var link = document.createElement('link');
|
||||
link.rel = 'preload';
|
||||
link.as = 'font';
|
||||
link.type = 'font/woff2';
|
||||
link.crossOrigin = 'anonymous';
|
||||
link.href = href;
|
||||
document.head.appendChild(link);
|
||||
});
|
||||
|
||||
['./assets/fonts/fonts-shared.css', './assets/fonts/fonts-' + v + '.css'].forEach(function (href) {
|
||||
var link = document.createElement('link');
|
||||
link.rel = 'stylesheet';
|
||||
link.href = href;
|
||||
document.head.appendChild(link);
|
||||
});
|
||||
|
||||
var heroes = {
|
||||
'index.html': { monolith: 'start-monolith.webp', editorial: 'start-editorial.webp' },
|
||||
'manifest.html': { monolith: 'manifest-monolith.webp', editorial: 'manifest-editorial.webp' },
|
||||
'methode.html': { monolith: 'methode-monolith.webp', editorial: 'methode-editorial.webp' },
|
||||
'denken.html': { monolith: 'denken-monolith.webp', editorial: 'denken-editorial.webp' }
|
||||
};
|
||||
var page = location.pathname.split('/').pop() || 'index.html';
|
||||
var pair = heroes[page];
|
||||
if (pair) {
|
||||
var img = pair[v] || pair.monolith;
|
||||
var preload = document.createElement('link');
|
||||
preload.rel = 'preload';
|
||||
preload.as = 'image';
|
||||
preload.href = './assets/img/' + img;
|
||||
preload.type = 'image/webp';
|
||||
if ('fetchPriority' in preload) preload.fetchPriority = 'high';
|
||||
document.head.appendChild(preload);
|
||||
}
|
||||
})();
|
||||
</script>
|
||||
|
||||
<link rel="stylesheet" href="./assets/css/app.css?v={{VERSION}}" />
|
||||
<script defer src="https://sys.adametz.media/config.js" data-website-id="40125fcf-49c4-43f3-a9a5-9eec5eb55696"></script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "WebSite",
|
||||
"name": "MARKE MACHT",
|
||||
"url": "https://markemacht.de/",
|
||||
"description": "Denkraum für Unternehmer im Mittelstand. Marke ist die Fähigkeit eines Unternehmens, sich selbst eindeutig zu erklären.",
|
||||
"inLanguage": "de-DE"
|
||||
}
|
||||
</script>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue