Kevin Adametz
0a3e52d603
Umbenennung presseportale → pressekonto in Domains, Themes und Dokumentation. Design-Tokens, Portal-Shell, Customer-Dashboard, Auth- und Admin-PM-Views. Artisan-Befehl migrate:legacy-media mit Tests und Hub-Flux-Entwicklungsdocs. Co-authored-by: Cursor <cursoragent@cursor.com>
1136 lines
67 KiB
HTML
1136 lines
67 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<title>pressekonto.de — Publisher-Hub</title>
|
||
|
||
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
|
||
|
||
<!-- Tailwind v3 CDN + Hub-Konfiguration -->
|
||
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
|
||
<script>
|
||
/* Hub-Tokens — gemeinsame Marken-Tokens über alle drei Zonen */
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
/* Surfaces — warmes Buchpapier, gleiche Familie wie die Brand-Portale */
|
||
bg: "#F6F4EF",
|
||
"bg-elev": "#FBFAF6",
|
||
"bg-rule": "#E2DDD0",
|
||
"bg-rule-strong": "#1A1F1C",
|
||
"bg-card": "#FFFFFF",
|
||
"bg-card-warm": "#EFEADC",
|
||
/* Hub-Blau — Primary, identisch zum Bridge-Block der Brand-Portale */
|
||
"hub": "#1A2540",
|
||
"hub-2": "#243152",
|
||
"hub-3": "#2E3D66",
|
||
"hub-soft": "#E5E9F1",
|
||
"hub-soft-2":"#CFD6E4",
|
||
"hub-line": "#7B8FBF",
|
||
/* Akzent — gedecktes Bernstein/Sand. Bewusst NICHT Orange (bp24) oder Grün (presseecho) */
|
||
"accent": "#B07A3A",
|
||
"accent-deep": "#8A5E27",
|
||
"accent-soft": "#F1E6D3",
|
||
/* Ink — Anthrazit-Reihe */
|
||
ink: "#1A1F1C",
|
||
"ink-2":"#3A413D",
|
||
"ink-3":"#5A6360",
|
||
"ink-4":"#8A918D",
|
||
"ink-on-dark": "#F6F4EF",
|
||
"ink-on-dark-2": "#B2B9C7",
|
||
"ink-on-dark-3": "#7B8FBF",
|
||
ok: "#2E8540",
|
||
},
|
||
fontFamily: {
|
||
sans: ['"Inter Tight"','Inter','system-ui','sans-serif'],
|
||
mono: ['"JetBrains Mono"','"SF Mono"','ui-monospace','monospace'],
|
||
},
|
||
maxWidth: { layout: "1280px" },
|
||
backgroundImage: {
|
||
"hub-grad": "linear-gradient(135deg,#1A2540 0%,#243152 100%)",
|
||
"hub-grad-2": "linear-gradient(180deg,#1A2540 0%,#0F1729 100%)",
|
||
"accent-grad": "linear-gradient(135deg,#B07A3A 0%,#8A5E27 100%)",
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style>
|
||
html,body { margin:0; padding:0; }
|
||
body { background:#E8E4DA; font-family:"Inter Tight",system-ui,sans-serif; }
|
||
|
||
/* Hub-Eyebrow — sperrgesetzt, in Hub-Blau */
|
||
.eyebrow {
|
||
font-size: 11px; font-weight: 700;
|
||
letter-spacing: 0.20em; text-transform: uppercase;
|
||
color: #1A2540;
|
||
}
|
||
.eyebrow.muted { color:#5A6360; letter-spacing:0.16em; font-weight:600; font-size:10.5px; }
|
||
.eyebrow.accent { color:#8A5E27; }
|
||
.eyebrow.on-dark { color:#7B8FBF; }
|
||
|
||
/* Section-Eyebrow mit kurzem Linien-Schwanz */
|
||
.section-eyebrow {
|
||
display:inline-flex; align-items:center; gap:12px;
|
||
font-size: 11px; font-weight: 700;
|
||
letter-spacing: 0.22em; text-transform: uppercase;
|
||
color:#1A2540;
|
||
}
|
||
.section-eyebrow::after {
|
||
content:""; display:block; width:42px; height:1px;
|
||
background:#1A2540; opacity:.45;
|
||
}
|
||
.section-eyebrow.on-dark { color:#7B8FBF; }
|
||
.section-eyebrow.on-dark::after { background:#7B8FBF; opacity:.55; }
|
||
|
||
.rule { height:1px; background:#E2DDD0; border:0; margin:0; }
|
||
.rule-strong { height:1px; background:#1A1F1C; border:0; margin:0; }
|
||
.rule-hub { height:2px; background:#1A2540; border:0; margin:0; }
|
||
|
||
/* Subtile geometrische Hintergrundlinien für Hero */
|
||
.hero-grid {
|
||
background-image:
|
||
linear-gradient(to right, rgba(26,37,64,0.04) 1px, transparent 1px),
|
||
linear-gradient(to bottom, rgba(26,37,64,0.04) 1px, transparent 1px);
|
||
background-size: 48px 48px;
|
||
background-position: -1px -1px;
|
||
}
|
||
|
||
/* Akzent-Marker für aktive Schritte / Empfohlen-Tarif */
|
||
.ribbon-recommend {
|
||
position:absolute; top:-1px; left:-1px; right:-1px;
|
||
background:#1A2540; color:#fff;
|
||
font-size:10.5px; font-weight:700; letter-spacing:0.18em;
|
||
text-transform:uppercase; text-align:center;
|
||
padding:8px 0;
|
||
}
|
||
|
||
details > summary { list-style:none; cursor:pointer; }
|
||
details > summary::-webkit-details-marker { display:none; }
|
||
details[open] .faq-chev { transform:rotate(180deg); }
|
||
.faq-chev { transition: transform .2s ease; }
|
||
</style>
|
||
</head>
|
||
|
||
<body class="bg-bg text-ink font-sans antialiased">
|
||
|
||
<!-- ====================================================================
|
||
ROOT — 1280px Artboard. Eine Datei = die Hub-Landing-Page (Zone A).
|
||
==================================================================== -->
|
||
<div class="mx-auto bg-bg" style="width:1280px;">
|
||
|
||
<!-- ============== TOP UTILITY BAR ============== -->
|
||
<!-- Markiert von Anfang an: dies ist der gemeinsame Hub der beiden Portale -->
|
||
<div class="bg-hub-grad text-ink-on-dark-2 border-b border-black/40">
|
||
<div class="max-w-layout mx-auto px-8 flex items-stretch text-[11.5px] tracking-wide">
|
||
|
||
<span class="flex items-center pr-4 py-2.5 whitespace-nowrap border-r border-white/10">
|
||
Mittwoch, 13. Mai 2026
|
||
</span>
|
||
|
||
<span class="flex items-center gap-2.5 px-4 py-2.5 whitespace-nowrap text-white/70">
|
||
<svg width="13" height="13" viewBox="0 0 16 16" fill="none" class="opacity-65">
|
||
<rect x="2" y="2" width="5.5" height="5.5" stroke="currentColor" stroke-width="1.2" />
|
||
<rect x="8.5" y="2" width="5.5" height="5.5" stroke="currentColor" stroke-width="1.2" />
|
||
<rect x="2" y="8.5" width="12" height="5.5" stroke="currentColor" stroke-width="1.2" />
|
||
</svg>
|
||
Publisher-Hub für
|
||
<a href="#" class="text-white font-semibold hover:underline">presseecho.de</a>
|
||
<span class="text-white/30">·</span>
|
||
<a href="#" class="text-white font-semibold hover:underline">businessportal24.com</a>
|
||
</span>
|
||
|
||
<span class="flex-1"></span>
|
||
|
||
<span class="flex items-center gap-4 py-2.5 whitespace-nowrap text-white/65">
|
||
<a href="#" class="hover:text-white">Status</a>
|
||
<a href="#" class="hover:text-white">Dokumentation</a>
|
||
<a href="#" class="hover:text-white">Kontakt</a>
|
||
</span>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============== HEADER ============== -->
|
||
<header class="bg-bg-elev border-b border-bg-rule">
|
||
<div class="max-w-layout mx-auto px-8 py-[18px] grid items-center gap-6"
|
||
style="grid-template-columns:auto 1fr auto;">
|
||
|
||
<!-- Wortmark: schlicht, kein Symbol — wirkt im Verlags-Segment seriöser -->
|
||
<a href="#" class="flex items-baseline gap-2.5">
|
||
<span class="text-[24px] font-bold tracking-[-0.5px] text-hub leading-none">pressekonto<span class="text-accent">.com</span></span>
|
||
<span class="hidden md:inline-block w-px h-[18px] bg-bg-rule"></span>
|
||
<span class="eyebrow muted text-[9.5px] tracking-[0.22em]">Publisher · Hub</span>
|
||
</a>
|
||
|
||
<!-- Primary Nav -->
|
||
<nav class="flex items-center justify-center gap-1 text-[13.5px] font-medium">
|
||
<a href="#tarife" class="px-3.5 py-2 text-ink-2 hover:text-hub">Tarife</a>
|
||
<a href="#funktion" class="px-3.5 py-2 text-ink-2 hover:text-hub">So funktioniert es</a>
|
||
<a href="#familie" class="px-3.5 py-2 text-ink-2 hover:text-hub">Plattform-Familie</a>
|
||
<a href="#faq" class="px-3.5 py-2 text-ink-2 hover:text-hub">FAQ</a>
|
||
<a href="#" class="px-3.5 py-2 text-ink-2 hover:text-hub">Dokumentation</a>
|
||
</nav>
|
||
|
||
<!-- CTAs -->
|
||
<div class="flex items-center gap-2">
|
||
<a href="#" class="inline-flex items-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-ink rounded-[4px] hover:bg-bg">
|
||
Anmelden
|
||
</a>
|
||
<a href="#" class="inline-flex items-center gap-2 px-[18px] py-2.5 text-[13px] font-semibold text-white bg-hub hover:bg-hub-2 rounded-[4px] transition-colors">
|
||
Konto erstellen
|
||
<svg width="11" height="11" viewBox="0 0 12 12" fill="none">
|
||
<path d="M3 9L9 3M9 3H4M9 3v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ============== BRAND-KONTEXT-BANNER (conditional, hier aktiv) ============== -->
|
||
<!-- Wird gerendert, wenn ?from=presseecho oder ?from=businessportal24 — schließt die Brücke explizit -->
|
||
<div class="bg-hub-soft border-b border-hub-soft-2">
|
||
<div class="max-w-layout mx-auto px-8 py-3 flex items-center gap-4">
|
||
<span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-hub text-white flex-shrink-0">
|
||
<svg width="11" height="11" viewBox="0 0 12 12" fill="none">
|
||
<path d="M7.5 2.5L4 6l3.5 3.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</span>
|
||
<div class="text-[12.5px] text-ink-2 leading-[1.45]">
|
||
Sie kommen von <a class="font-semibold text-hub underline underline-offset-[3px] decoration-hub/30" href="#">presseecho.de</a>.
|
||
Ihr Konto hier funktioniert für <strong class="text-hub font-semibold">beide Portale</strong> — presseecho und businessportal24.
|
||
</div>
|
||
<span class="flex-1"></span>
|
||
<a href="#" class="inline-flex items-center gap-1.5 text-[12px] font-medium text-ink-3 hover:text-hub">
|
||
<svg width="10" height="10" viewBox="0 0 12 12" fill="none">
|
||
<path d="M7.5 2.5L4 6l3.5 3.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
Zurück zu presseecho.de
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============== HERO ============== -->
|
||
<section class="hero-grid">
|
||
<div class="max-w-layout mx-auto px-8 pt-20 pb-24 grid items-start gap-12" style="grid-template-columns:1.4fr 1fr;">
|
||
|
||
<!-- Linke Spalte — Wertversprechen -->
|
||
<div>
|
||
<div class="section-eyebrow mb-6">Publisher-Hub</div>
|
||
|
||
<h1 class="text-[56px] font-bold leading-[1.05] tracking-[-1.2px] text-ink m-0">
|
||
Ein Konto.<br/>
|
||
Zwei Reichweiten.<br/>
|
||
<span class="text-hub">presseecho</span> und <span class="text-hub">businessportal24</span>.
|
||
</h1>
|
||
|
||
<p class="text-[17px] leading-[1.55] text-ink-2 mt-7 m-0 max-w-[560px]">
|
||
pressekonto.de ist der gemeinsame Publisher-Bereich für unsere beiden Pressefachportale. Pressemitteilungen schreiben, redaktionell prüfen lassen, auf beiden Reichweiten veröffentlichen — und Reichweite, Empfänger und Abrechnung an einem Ort verwalten.
|
||
</p>
|
||
|
||
<div class="mt-8 flex items-center gap-3">
|
||
<a href="#" class="inline-flex items-center gap-2.5 px-7 py-3.5 text-[15px] font-semibold text-white bg-hub hover:bg-hub-2 rounded-[6px] transition-colors">
|
||
Konto erstellen
|
||
<svg width="13" height="13" viewBox="0 0 16 16" fill="none">
|
||
<path d="M3 13L13 3M13 3H6M13 3v7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</a>
|
||
<a href="#" class="inline-flex items-center gap-2 px-6 py-3.5 text-[15px] font-semibold text-hub border border-hub/25 hover:border-hub/60 rounded-[6px]">
|
||
Anmelden
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Mini-Vertrauenszeile -->
|
||
<div class="mt-9 flex items-center gap-7 text-[12.5px] text-ink-3">
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub">
|
||
<path d="M8 1.5l5.5 2.5v4c0 3.3-2.2 5.8-5.5 6.5C4.7 13.8 2.5 11.3 2.5 8V4z" stroke="currentColor" stroke-width="1.3" fill="none"/>
|
||
<path d="M5.5 8l2 2 3.5-4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
Redaktionelle Prüfung
|
||
</span>
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub">
|
||
<rect x="2" y="3" width="12" height="10" stroke="currentColor" stroke-width="1.3" />
|
||
<path d="M2 6h12" stroke="currentColor" stroke-width="1.3" />
|
||
</svg>
|
||
Transparente Tarife
|
||
</span>
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub">
|
||
<circle cx="8" cy="8" r="6" stroke="currentColor" stroke-width="1.3" />
|
||
<path d="M8 4v4l2.5 1.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round"/>
|
||
</svg>
|
||
Monatlich kündbar
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Rechte Spalte — schematische Hub-Darstellung -->
|
||
<div class="relative">
|
||
<div class="relative bg-bg-elev border border-bg-rule rounded-[4px] p-7">
|
||
<div class="eyebrow muted mb-5">Architektur</div>
|
||
|
||
<!-- Hub-Knoten in der Mitte -->
|
||
<div class="relative mx-auto" style="width:100%;height:320px;">
|
||
<!-- Verbindungslinien -->
|
||
<svg class="absolute inset-0" width="100%" height="100%" viewBox="0 0 380 320" preserveAspectRatio="none">
|
||
<line x1="190" y1="160" x2="80" y2="60" stroke="#1A2540" stroke-width="1" stroke-dasharray="3 3" opacity="0.45"/>
|
||
<line x1="190" y1="160" x2="300" y2="60" stroke="#1A2540" stroke-width="1" stroke-dasharray="3 3" opacity="0.45"/>
|
||
<line x1="190" y1="160" x2="80" y2="260" stroke="#1A2540" stroke-width="1" stroke-dasharray="3 3" opacity="0.3"/>
|
||
<line x1="190" y1="160" x2="300" y2="260" stroke="#1A2540" stroke-width="1" stroke-dasharray="3 3" opacity="0.3"/>
|
||
</svg>
|
||
|
||
<!-- Zentral: Hub -->
|
||
<div class="absolute" style="top:50%;left:50%;transform:translate(-50%,-50%);">
|
||
<div class="w-[140px] h-[140px] rounded-full bg-hub-grad flex flex-col items-center justify-center text-white shadow-lg shadow-hub/30">
|
||
<div class="text-[10px] font-bold tracking-[0.22em] uppercase text-hub-line">Hub</div>
|
||
<div class="text-[15px] font-bold tracking-[-0.3px] mt-1">pressekonto</div>
|
||
<div class="text-[10px] text-white/55 tracking-[0.18em] uppercase mt-0.5">.com</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Brand-Portal: presseecho (links oben) -->
|
||
<div class="absolute" style="top:10px;left:0;">
|
||
<div class="px-3.5 py-2.5 bg-white border border-bg-rule rounded-[3px] min-w-[160px]">
|
||
<div class="text-[10px] font-bold tracking-[0.18em] uppercase text-ink-3">Brand-Portal</div>
|
||
<div class="text-[14px] font-bold text-ink mt-0.5 tracking-[-0.2px]">presseecho<span style="color:#1F4D3A">.de</span></div>
|
||
<div class="text-[10.5px] text-ink-3 mt-0.5">Branchen-Presse · Archiv</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Brand-Portal: businessportal24 (rechts oben) -->
|
||
<div class="absolute" style="top:10px;right:0;">
|
||
<div class="px-3.5 py-2.5 bg-white border border-bg-rule rounded-[3px] min-w-[160px] text-right">
|
||
<div class="text-[10px] font-bold tracking-[0.18em] uppercase text-ink-3">Brand-Portal</div>
|
||
<div class="text-[14px] font-bold text-ink mt-0.5 tracking-[-0.2px]">businessportal<span style="color:#C84A1E">24</span></div>
|
||
<div class="text-[10.5px] text-ink-3 mt-0.5">Wirtschaft · Live</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Output: Reichweite -->
|
||
<div class="absolute" style="bottom:10px;left:0;">
|
||
<div class="px-3.5 py-2 bg-bg border border-bg-rule rounded-[3px]">
|
||
<div class="text-[10px] text-ink-3 tracking-[0.14em] uppercase font-semibold">Veröffentlichung</div>
|
||
<div class="font-mono text-[13px] font-semibold text-ink mt-0.5">2× Portale, 1× Klick</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Output: Statistik -->
|
||
<div class="absolute" style="bottom:10px;right:0;">
|
||
<div class="px-3.5 py-2 bg-bg border border-bg-rule rounded-[3px] text-right">
|
||
<div class="text-[10px] text-ink-3 tracking-[0.14em] uppercase font-semibold">Reichweite</div>
|
||
<div class="font-mono text-[13px] font-semibold text-ink mt-0.5">zusammengeführt</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="rule mt-2" />
|
||
|
||
<!-- Status-Zeile -->
|
||
<div class="grid grid-cols-3 gap-4 mt-4">
|
||
<div>
|
||
<div class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px]" style="font-variant-numeric:tabular-nums;">8.412</div>
|
||
<div class="text-[10.5px] text-ink-3 mt-1 leading-tight">Mitteilungen<br/>veröffentlicht 2025</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px]" style="font-variant-numeric:tabular-nums;">1.247</div>
|
||
<div class="text-[10.5px] text-ink-3 mt-1 leading-tight">aktive<br/>Newsrooms</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-mono text-[20px] font-semibold text-hub leading-none tracking-[-0.3px]" style="font-variant-numeric:tabular-nums;">~ 4 h</div>
|
||
<div class="text-[10.5px] text-ink-3 mt-1 leading-tight">Ø Prüfzeit<br/>Werktags</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Schwebende Mini-Annotation rechts unten -->
|
||
<div class="absolute -bottom-3 -right-3 px-3 py-1.5 bg-accent-soft border border-accent/30 text-accent-deep text-[10.5px] font-bold tracking-[0.14em] uppercase rounded-[2px]">
|
||
Live-Architektur
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<hr class="rule" />
|
||
|
||
<!-- ============== WAS SIE HIER KÖNNEN ============== -->
|
||
<section class="max-w-layout mx-auto px-8 pt-20 pb-16">
|
||
<header class="mb-10 flex items-baseline justify-between">
|
||
<div>
|
||
<div class="section-eyebrow mb-4">Was Sie hier können</div>
|
||
<h2 class="text-[34px] font-bold m-0 tracking-[-0.7px] text-ink leading-[1.15] max-w-[700px]">
|
||
Pressearbeit von der Mitteilung bis zur Auswertung — an einem zentralen Ort.
|
||
</h2>
|
||
</div>
|
||
<a href="#funktion" class="text-[12.5px] font-semibold text-hub hover:underline whitespace-nowrap">
|
||
So funktioniert es im Detail →
|
||
</a>
|
||
</header>
|
||
|
||
<div class="grid gap-6" style="grid-template-columns:repeat(3,1fr);">
|
||
|
||
<!-- Karte 1: Veröffentlichen -->
|
||
<article class="bg-bg-card border border-bg-rule rounded-[4px] p-7 flex flex-col">
|
||
<div class="w-11 h-11 rounded-[4px] bg-hub-soft border border-hub-soft-2 flex items-center justify-center text-hub mb-5">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none">
|
||
<path d="M4 4h12l4 4v12H4z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
|
||
<path d="M16 4v4h4" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/>
|
||
<path d="M7 11h10M7 14h10M7 17h6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
|
||
</svg>
|
||
</div>
|
||
<div class="eyebrow mb-2">01 · Veröffentlichen</div>
|
||
<h3 class="text-[19px] font-semibold m-0 tracking-[-0.3px] text-ink leading-[1.25]">
|
||
Pressemitteilungen auf beiden Portalen
|
||
</h3>
|
||
<p class="text-[13.5px] leading-[1.6] text-ink-2 mt-3 m-0">
|
||
Eine Mitteilung schreiben, redaktionell prüfen lassen, auf presseecho und businessportal24 gleichzeitig veröffentlichen. Vorschau und Versionsverlauf inklusive.
|
||
</p>
|
||
<ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3">
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Editor mit Quellen-Linking</li>
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Embargo- und Erscheinungsdatum</li>
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Anhänge: PDF, Bild, Pressekontakt</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<!-- Karte 2: Newsrooms -->
|
||
<article class="bg-bg-card border border-bg-rule rounded-[4px] p-7 flex flex-col">
|
||
<div class="w-11 h-11 rounded-[4px] bg-hub-soft border border-hub-soft-2 flex items-center justify-center text-hub mb-5">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none">
|
||
<rect x="3" y="5" width="18" height="14" stroke="currentColor" stroke-width="1.6"/>
|
||
<path d="M3 9h18" stroke="currentColor" stroke-width="1.6"/>
|
||
<circle cx="6.5" cy="7" r="0.6" fill="currentColor"/>
|
||
<circle cx="8.5" cy="7" r="0.6" fill="currentColor"/>
|
||
<path d="M6 12h7M6 15h10" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
|
||
</svg>
|
||
</div>
|
||
<div class="eyebrow mb-2">02 · Newsrooms verwalten</div>
|
||
<h3 class="text-[19px] font-semibold m-0 tracking-[-0.3px] text-ink leading-[1.25]">
|
||
Eigene Unternehmens-Pressestelle
|
||
</h3>
|
||
<p class="text-[13.5px] leading-[1.6] text-ink-2 mt-3 m-0">
|
||
Jeder Newsroom mit Logo, Kontaktperson, Themen-Schwerpunkten und vollständiger Mitteilungs-Historie. Mehrere Newsrooms pro Konto möglich, mit getrennten Berechtigungen.
|
||
</p>
|
||
<ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3">
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Mehrere Redakteure pro Newsroom</li>
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Verifizierungs-Badge möglich</li>
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> RSS-Feed je Newsroom</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<!-- Karte 3: Reichweite messen -->
|
||
<article class="bg-bg-card border border-bg-rule rounded-[4px] p-7 flex flex-col">
|
||
<div class="w-11 h-11 rounded-[4px] bg-hub-soft border border-hub-soft-2 flex items-center justify-center text-hub mb-5">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none">
|
||
<path d="M4 20V8M10 20v-6M16 20V4M22 20V12" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/>
|
||
<path d="M3 21h19" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
|
||
</svg>
|
||
</div>
|
||
<div class="eyebrow mb-2">03 · Reichweite messen</div>
|
||
<h3 class="text-[19px] font-semibold m-0 tracking-[-0.3px] text-ink leading-[1.25]">
|
||
Statistiken, Empfänger, Aufrufe
|
||
</h3>
|
||
<p class="text-[13.5px] leading-[1.6] text-ink-2 mt-3 m-0">
|
||
Aufrufe je Mitteilung über beide Portale aggregiert. Empfänger-Listen, Themen-Resonanz, Verweildauer, Quellen-Backlinks. CSV-Export für Reporting.
|
||
</p>
|
||
<ul class="mt-5 space-y-1.5 text-[12.5px] text-ink-3">
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Portal-übergreifende Zahlen</li>
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> Monats- und Jahres-Reports</li>
|
||
<li class="flex items-center gap-2"><span class="w-1 h-1 bg-hub rounded-full"></span> CSV-Export & API</li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== SO FUNKTIONIERT ES — 4 STEPS ============== -->
|
||
<section id="funktion" class="max-w-layout mx-auto px-8 pt-10 pb-20">
|
||
<header class="mb-8">
|
||
<div class="section-eyebrow mb-4">So funktioniert es</div>
|
||
<h2 class="text-[30px] font-bold m-0 tracking-[-0.6px] text-ink leading-[1.18] max-w-[680px]">
|
||
Vier Schritte von der Registrierung bis zur veröffentlichten Mitteilung.
|
||
</h2>
|
||
</header>
|
||
|
||
<hr class="rule-strong" />
|
||
|
||
<ol class="grid gap-0 list-none p-0 m-0" style="grid-template-columns:repeat(4,1fr);">
|
||
<!-- Step 01 -->
|
||
<li class="relative px-7 py-7 border-r border-bg-rule">
|
||
<div class="flex items-baseline gap-3 mb-3">
|
||
<span class="font-mono text-[11px] font-bold tracking-[0.18em] text-accent">01</span>
|
||
<span class="h-px flex-1 bg-bg-rule"></span>
|
||
</div>
|
||
<div class="text-[16.5px] font-semibold text-ink tracking-[-0.2px] mb-2">Registrieren</div>
|
||
<p class="text-[12.5px] text-ink-2 leading-[1.55] m-0">
|
||
Konto in unter zwei Minuten anlegen. Mit E-Mail oder über Magic-Link. Direkt freigeschaltet für beide Portale.
|
||
</p>
|
||
</li>
|
||
<!-- Step 02 -->
|
||
<li class="relative px-7 py-7 border-r border-bg-rule">
|
||
<div class="flex items-baseline gap-3 mb-3">
|
||
<span class="font-mono text-[11px] font-bold tracking-[0.18em] text-accent">02</span>
|
||
<span class="h-px flex-1 bg-bg-rule"></span>
|
||
</div>
|
||
<div class="text-[16.5px] font-semibold text-ink tracking-[-0.2px] mb-2">Erstellen</div>
|
||
<p class="text-[12.5px] text-ink-2 leading-[1.55] m-0">
|
||
Mitteilung im Editor verfassen — mit Quellenangaben, Anhängen, Pressekontakt. Newsroom und Themen-Tags zuweisen.
|
||
</p>
|
||
</li>
|
||
<!-- Step 03 — Differenzierungs-Punkt -->
|
||
<li class="relative px-7 py-7 border-r border-bg-rule bg-accent-soft/40">
|
||
<div class="flex items-baseline gap-3 mb-3">
|
||
<span class="font-mono text-[11px] font-bold tracking-[0.18em] text-accent-deep">03</span>
|
||
<span class="inline-flex items-center gap-1.5 text-[9.5px] font-bold tracking-[0.16em] uppercase text-accent-deep px-1.5 py-0.5 border border-accent/35 rounded-[2px]">
|
||
<span class="w-1 h-1 bg-accent-deep rounded-full"></span> Unsere Qualitätssicherung
|
||
</span>
|
||
<span class="h-px flex-1 bg-accent/25"></span>
|
||
</div>
|
||
<div class="text-[16.5px] font-semibold text-ink tracking-[-0.2px] mb-2">Prüfen lassen</div>
|
||
<p class="text-[12.5px] text-ink-2 leading-[1.55] m-0">
|
||
Redaktionelle Prüfung auf Quellenqualität, Relevanz und formale Korrektheit. Ø vier Stunden werktags. Feedback im Editor sichtbar.
|
||
</p>
|
||
</li>
|
||
<!-- Step 04 -->
|
||
<li class="relative px-7 py-7">
|
||
<div class="flex items-baseline gap-3 mb-3">
|
||
<span class="font-mono text-[11px] font-bold tracking-[0.18em] text-accent">04</span>
|
||
<span class="h-px flex-1 bg-bg-rule"></span>
|
||
</div>
|
||
<div class="text-[16.5px] font-semibold text-ink tracking-[-0.2px] mb-2">Veröffentlichen</div>
|
||
<p class="text-[12.5px] text-ink-2 leading-[1.55] m-0">
|
||
Auf presseecho und businessportal24 gleichzeitig live. Themen-Verknüpfung im Archiv automatisch. Statistik beginnt zu laufen.
|
||
</p>
|
||
</li>
|
||
</ol>
|
||
|
||
<hr class="rule-strong" />
|
||
|
||
<!-- Hinweis-Streifen -->
|
||
<div class="mt-5 px-5 py-3 bg-bg-card-warm border-l-2 border-accent text-[12.5px] text-ink-2 leading-[1.55]">
|
||
<strong class="text-ink font-semibold">Redaktionelle Prüfung</strong> ist Teil unseres Qualitätsversprechens — keine PR‑Wand, kein automatisierter Durchlauf. Das gilt für alle Tarife, auch den Starter.
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== TARIFE ============== -->
|
||
<section id="tarife" class="bg-hub-soft/40 border-y border-bg-rule">
|
||
<div class="max-w-layout mx-auto px-8 pt-20 pb-20">
|
||
|
||
<header class="mb-12 grid items-end gap-6" style="grid-template-columns:1fr auto;">
|
||
<div>
|
||
<div class="section-eyebrow mb-4">Tarife</div>
|
||
<h2 class="text-[34px] font-bold m-0 tracking-[-0.7px] text-ink leading-[1.15] max-w-[760px]">
|
||
Ein Konto, beide Portale. Keine versteckten Aufschläge für Reichweite.
|
||
</h2>
|
||
<p class="text-[14.5px] text-ink-2 leading-[1.55] m-0 mt-4 max-w-[640px]">
|
||
Alle Tarife enthalten redaktionelle Prüfung, einen verifizierten Newsroom und die Veröffentlichung auf <strong class="text-ink font-semibold">presseecho.de</strong> und <strong class="text-ink font-semibold">businessportal24.com</strong> ohne Mehrkosten.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Monthly/Yearly Toggle -->
|
||
<div class="flex items-center gap-1 p-1 bg-white border border-bg-rule rounded-[4px]">
|
||
<button class="px-4 py-2 text-[12.5px] font-semibold text-ink-3 rounded-[3px]">Monatlich</button>
|
||
<button class="px-4 py-2 text-[12.5px] font-semibold text-white bg-hub rounded-[3px]">Jährlich · −20 %</button>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="grid gap-5" style="grid-template-columns:repeat(3,1fr);">
|
||
|
||
<!-- Starter -->
|
||
<article class="relative bg-white border border-bg-rule rounded-[4px] p-7 flex flex-col">
|
||
<div class="eyebrow muted mb-3">Starter</div>
|
||
<div class="text-[15.5px] text-ink-2 m-0">Für Einzelne und Erst-Anwender</div>
|
||
<div class="mt-6 flex items-baseline gap-1.5">
|
||
<span class="text-[42px] font-bold text-ink tracking-[-1.2px] leading-none">0 €</span>
|
||
<span class="text-[12.5px] text-ink-3">/ Monat</span>
|
||
</div>
|
||
<div class="text-[11.5px] text-ink-3 mt-1.5 min-h-[16px]">Dauerhaft kostenlos</div>
|
||
|
||
<a href="#" class="mt-6 inline-flex items-center justify-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-hub border border-hub/30 hover:border-hub rounded-[4px]">
|
||
Tarif wählen
|
||
</a>
|
||
|
||
<hr class="rule my-6" />
|
||
|
||
<ul class="space-y-2.5 text-[12.5px] text-ink-2 list-none p-0 m-0">
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]">
|
||
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
<span><strong class="font-semibold">1 Mitteilung</strong> pro Monat</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]">
|
||
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
<span>Beide Portale</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]">
|
||
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
<span>1 Newsroom</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]">
|
||
<path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</svg>
|
||
<span>Redaktionelle Prüfung</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5 text-ink-3">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-ink-4 flex-shrink-0 mt-[3px]">
|
||
<path d="M4 8h8" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
|
||
</svg>
|
||
<span>Basis-Statistiken</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5 text-ink-4">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="flex-shrink-0 mt-[3px]">
|
||
<path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
|
||
</svg>
|
||
<span>Verifizierungs-Badge</span>
|
||
</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<!-- Standard -->
|
||
<article class="relative bg-white border border-bg-rule rounded-[4px] p-7 flex flex-col">
|
||
<div class="eyebrow muted mb-3">Standard</div>
|
||
<div class="text-[15.5px] text-ink-2 m-0">Regelmäßige Pressearbeit</div>
|
||
<div class="mt-6 flex items-baseline gap-1.5">
|
||
<span class="text-[42px] font-bold text-ink tracking-[-1.2px] leading-none">49 €</span>
|
||
<span class="text-[12.5px] text-ink-3">/ Monat</span>
|
||
</div>
|
||
<div class="text-[11.5px] text-ink-3 mt-1.5 min-h-[16px]">jährl. abger. · 588 € / Jahr</div>
|
||
|
||
<a href="#" class="mt-6 inline-flex items-center justify-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-hub border border-hub/30 hover:border-hub rounded-[4px]">
|
||
Tarif wählen
|
||
</a>
|
||
|
||
<hr class="rule my-6" />
|
||
|
||
<ul class="space-y-2.5 text-[12.5px] text-ink-2 list-none p-0 m-0">
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span><strong class="font-semibold">5 Mitteilungen</strong> pro Monat</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Beide Portale</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>3 Newsrooms · 2 Redakteure</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Redaktionelle Prüfung</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Erweiterte Statistiken</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5 text-ink-4">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="flex-shrink-0 mt-[3px]"><path d="M4 4l8 8M12 4l-8 8" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
|
||
<span>Verifizierungs-Badge</span>
|
||
</li>
|
||
</ul>
|
||
</article>
|
||
|
||
<!-- Pro — EMPFOHLEN -->
|
||
<article class="relative bg-white border-2 border-hub rounded-[4px] p-7 pt-12 flex flex-col shadow-lg shadow-hub/10" style="margin-top:-8px;">
|
||
<div class="ribbon-recommend">Empfohlen für Unternehmen</div>
|
||
|
||
<div class="eyebrow mb-3" style="color:#1A2540;">Pro</div>
|
||
<div class="text-[15.5px] text-ink-2 m-0">Für aktive Presseteams</div>
|
||
<div class="mt-6 flex items-baseline gap-1.5">
|
||
<span class="text-[42px] font-bold text-hub tracking-[-1.2px] leading-none">149 €</span>
|
||
<span class="text-[12.5px] text-ink-3">/ Monat</span>
|
||
</div>
|
||
<div class="text-[11.5px] text-ink-3 mt-1.5 min-h-[16px]">jährl. abger. · 1.788 € / Jahr</div>
|
||
|
||
<a href="#" class="mt-6 inline-flex items-center justify-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-white bg-hub hover:bg-hub-2 rounded-[4px]">
|
||
Tarif wählen
|
||
<svg width="11" height="11" viewBox="0 0 12 12" fill="none"><path d="M3 9L9 3M9 3H4M9 3v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</a>
|
||
|
||
<hr class="rule my-6" />
|
||
|
||
<ul class="space-y-2.5 text-[12.5px] text-ink-2 list-none p-0 m-0">
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span><strong class="font-semibold">20 Mitteilungen</strong> pro Monat</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Beide Portale</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>10 Newsrooms · 10 Redakteure</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span><strong class="font-semibold">Prioritäts-Prüfung</strong> (Ø 2 h)</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Verifizierungs-Badge</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>API & RSS-Feeds</span>
|
||
</li>
|
||
</ul>
|
||
</article>
|
||
|
||
</div>
|
||
|
||
<!-- ============== ENTERPRISE-STREIFEN (separat, schärft Pricing) ============== -->
|
||
<article class="mt-6 relative bg-hub text-ink-on-dark rounded-[4px] overflow-hidden grid items-stretch"
|
||
style="grid-template-columns:1.1fr 1.5fr auto;">
|
||
|
||
<!-- Linke Sektion: Tarifname + Preis -->
|
||
<div class="px-8 py-7 border-r border-white/10">
|
||
<div class="eyebrow on-dark mb-3">Enterprise</div>
|
||
<div class="text-[14px] text-ink-on-dark-2 m-0">Verlagsgruppen & Konzerne</div>
|
||
<div class="mt-4 flex items-baseline gap-2">
|
||
<span class="text-[32px] font-bold text-white tracking-[-0.8px] leading-none">Auf Anfrage</span>
|
||
</div>
|
||
<div class="text-[11.5px] text-ink-on-dark-2 mt-2 font-mono">ab 25 Mitteilungen / Monat</div>
|
||
</div>
|
||
|
||
<!-- Mittlere Sektion: Features in 2 Spalten -->
|
||
<div class="px-8 py-7 border-r border-white/10">
|
||
<div class="eyebrow on-dark mb-3.5">Im Tarif enthalten</div>
|
||
<ul class="grid gap-x-7 gap-y-2 text-[12.5px] text-ink-on-dark-2 list-none p-0 m-0" style="grid-template-columns:1fr 1fr;">
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub-line flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span><strong class="font-semibold text-white">Unbegrenzte Mitteilungen</strong></span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub-line flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Multi-Mandanten · SSO</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub-line flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Dediziertes Account-Mgmt</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub-line flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>SLA · 99,9 % Verfügbarkeit</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub-line flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>Custom-API-Integration</span>
|
||
</li>
|
||
<li class="flex items-start gap-2.5">
|
||
<svg width="14" height="14" viewBox="0 0 16 16" fill="none" class="text-hub-line flex-shrink-0 mt-[3px]"><path d="M3 8.5L6.5 12 13 4" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
<span>DPA · ISO 27001</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<!-- Rechte Sektion: CTA + Kontaktzeile -->
|
||
<div class="px-8 py-7 flex flex-col justify-center items-stretch min-w-[260px]">
|
||
<a href="#" class="inline-flex items-center justify-center gap-2 px-5 py-3 text-[13.5px] font-semibold text-hub bg-white hover:bg-bg rounded-[4px] whitespace-nowrap">
|
||
Vertrieb kontaktieren
|
||
<svg width="11" height="11" viewBox="0 0 12 12" fill="none"><path d="M3 9L9 3M9 3H4M9 3v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</a>
|
||
<div class="text-[11px] text-ink-on-dark-2 text-center mt-3 leading-[1.5]">
|
||
Rückruf werktags innerhalb von 4 h<br/>
|
||
<a href="#" class="text-white/85 underline underline-offset-[3px] decoration-white/30"><span class="__cf_email__" data-cfemail="a9ccc7ddccdbd9dbc0dacce9d9dbccdadaccd9c6dbddc8c5cc87cac6c4">[email protected]</span></a>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- Fußnote zur Tarif-Sektion -->
|
||
<div class="mt-10 grid items-center gap-5 px-6 py-5 bg-white border border-bg-rule rounded-[4px]"
|
||
style="grid-template-columns:auto 1fr auto;">
|
||
<div class="w-10 h-10 rounded-full bg-hub-soft border border-hub-soft-2 flex items-center justify-center text-hub flex-shrink-0">
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none">
|
||
<circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="1.6"/>
|
||
<path d="M12 8v5l3 2" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/>
|
||
</svg>
|
||
</div>
|
||
<div class="text-[13px] text-ink-2 leading-[1.55]">
|
||
<strong class="text-ink font-semibold">Alle Tarife monatlich kündbar.</strong>
|
||
14 Tage testen, ohne Hinterlegung von Zahlungsdaten. Rechnung per SEPA-Lastschrift, Kreditkarte oder Überweisung. MwSt. ausweisbar.
|
||
</div>
|
||
<a href="#" class="text-[12.5px] font-semibold text-hub whitespace-nowrap hover:underline">
|
||
Vollständiger Tarif-Vergleich →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== HINTER PRESSEKONTO — PLATTFORM-FAMILIE ============== -->
|
||
<section id="familie" class="max-w-layout mx-auto px-8 pt-20 pb-16">
|
||
<header class="mb-10">
|
||
<div class="section-eyebrow mb-4">Hinter pressekonto.de</div>
|
||
<h2 class="text-[32px] font-bold m-0 tracking-[-0.6px] text-ink leading-[1.18] max-w-[820px]">
|
||
Zwei eigenständige Pressefachportale. Eine kuratierte Verlags-Familie.
|
||
</h2>
|
||
<p class="text-[14.5px] text-ink-2 leading-[1.55] m-0 mt-4 max-w-[760px]">
|
||
pressekonto.de ist nicht „irgendein Tool" — es ist die zentrale Plattform für unsere beiden redaktionell geführten Pressefachportale. Jedes Portal hat einen eigenen Charakter, eigene Leserschaft und eigene Themen-Schwerpunkte.
|
||
</p>
|
||
</header>
|
||
|
||
<div class="grid gap-6" style="grid-template-columns:1fr 1fr;">
|
||
|
||
<!-- presseecho -->
|
||
<article class="bg-bg-card border border-bg-rule rounded-[4px] overflow-hidden">
|
||
<!-- Header-Streifen in presseecho-Grün -->
|
||
<div class="px-7 pt-7 pb-6 text-white" style="background:linear-gradient(135deg,#1F4D3A 0%,#163A2C 100%);">
|
||
<div class="eyebrow on-dark mb-3" style="color:#9BD5B2;">Brand-Portal · 01</div>
|
||
<div class="flex items-baseline gap-3 mb-2">
|
||
<span class="text-[34px] font-bold tracking-[-0.8px] leading-none">presseecho<span style="color:#9BD5B2;">.de</span></span>
|
||
</div>
|
||
<div class="text-[12.5px] tracking-[0.12em] uppercase font-semibold" style="color:#9BD5B2;">
|
||
Branchen-Presse · Archiv seit 2012
|
||
</div>
|
||
</div>
|
||
<div class="px-7 py-7">
|
||
<p class="text-[13.5px] leading-[1.6] text-ink-2 m-0">
|
||
Themen-Sammlung und Langzeit-Archiv für Pressemitteilungen aus DACH. Editorial-Charakter, Themen-Tiefe, redaktionell erschlossen — der Ort, an dem eine Mitteilung über Jahre auffindbar bleibt.
|
||
</p>
|
||
<hr class="rule my-5" />
|
||
<div class="grid gap-4 mb-5" style="grid-template-columns:1fr 1fr;">
|
||
<div>
|
||
<div class="font-mono text-[18px] font-semibold text-ink leading-none" style="font-variant-numeric:tabular-nums;">100.247</div>
|
||
<div class="text-[11px] text-ink-3 mt-1">Mitteilungen im Archiv</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-mono text-[18px] font-semibold text-ink leading-none" style="font-variant-numeric:tabular-nums;">11 Branchen</div>
|
||
<div class="text-[11px] text-ink-3 mt-1">Bildung – Tourismus</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="inline-flex items-center gap-2 text-[13px] font-semibold" style="color:#1F4D3A;">
|
||
Zur Plattform: presseecho.de
|
||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 9L9 3M9 3H4M9 3v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- businessportal24 -->
|
||
<article class="bg-bg-card border border-bg-rule rounded-[4px] overflow-hidden">
|
||
<div class="px-7 pt-7 pb-6 text-white" style="background:linear-gradient(135deg,#1A1F26 0%,#232A33 100%);">
|
||
<div class="eyebrow on-dark mb-3" style="color:#F4B098;">Brand-Portal · 02</div>
|
||
<div class="flex items-baseline gap-3 mb-2">
|
||
<span class="text-[34px] font-bold tracking-[-0.8px] leading-none">businessportal<span style="color:#C84A1E;">24</span></span>
|
||
</div>
|
||
<div class="text-[12.5px] tracking-[0.12em] uppercase font-semibold" style="color:#F4B098;">
|
||
Wirtschaft & Märkte · Live-Charakter
|
||
</div>
|
||
</div>
|
||
<div class="px-7 py-7">
|
||
<p class="text-[13.5px] leading-[1.6] text-ink-2 m-0">
|
||
Pressemitteilungen aus Wirtschaft, Märkten, Finanzen. Tageszeitlicher Rhythmus, Live-Ticker, Branchen-fokussiert. Der Ort, an dem eine Mitteilung am Erscheinungstag die größte Sichtbarkeit bekommt.
|
||
</p>
|
||
<hr class="rule my-5" />
|
||
<div class="grid gap-4 mb-5" style="grid-template-columns:1fr 1fr;">
|
||
<div>
|
||
<div class="font-mono text-[18px] font-semibold text-ink leading-none" style="font-variant-numeric:tabular-nums;">~ 140</div>
|
||
<div class="text-[11px] text-ink-3 mt-1">Mitteilungen pro Tag</div>
|
||
</div>
|
||
<div>
|
||
<div class="font-mono text-[18px] font-semibold text-ink leading-none" style="font-variant-numeric:tabular-nums;">8 Märkte</div>
|
||
<div class="text-[11px] text-ink-3 mt-1">DAX–MDAX–TecDAX</div>
|
||
</div>
|
||
</div>
|
||
<a href="#" class="inline-flex items-center gap-2 text-[13px] font-semibold" style="color:#C84A1E;">
|
||
Zur Plattform: businessportal24.com
|
||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 9L9 3M9 3H4M9 3v5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<!-- Schließend: Brand-Brücken-Hinweis -->
|
||
<div class="mt-7 px-6 py-5 bg-hub text-ink-on-dark-2 rounded-[4px] flex items-center gap-5">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" class="text-hub-line flex-shrink-0">
|
||
<path d="M3 12c2-2 4-2 6 0M21 12c-2-2-4-2-6 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
||
<path d="M9 12h6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
|
||
</svg>
|
||
<div class="text-[13px] leading-[1.55]">
|
||
Pressemitteilungen, die Sie über pressekonto.de einreichen, erscheinen auf <strong class="text-white font-semibold">beiden Portalen</strong> — ohne Aufpreis, ohne doppelte Eingabe. Sie haben eine zentrale Mitteilungs-Verwaltung und eine zentrale Reichweiten-Statistik.
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<hr class="rule" />
|
||
|
||
<!-- ============== SOCIAL PROOF — AKTIVE NEWSROOMS (PROSE, KEINE LOGO-WALL) ============== -->
|
||
<section class="max-w-layout mx-auto px-8 pt-16 pb-16">
|
||
<header class="mb-8 grid items-baseline gap-6" style="grid-template-columns:auto 1fr;">
|
||
<div class="section-eyebrow">Aktive Newsrooms</div>
|
||
<div class="text-[12px] text-ink-3 font-mono text-right">Stand 13. Mai 2026 · 1.247 verifizierte Newsrooms</div>
|
||
</header>
|
||
<hr class="rule-strong mb-7" />
|
||
|
||
<div class="grid gap-10" style="grid-template-columns:2fr 1fr;">
|
||
|
||
<!-- Fließtext-Nennung — wie auf den Brand-Portalen, kein Logo-Grid -->
|
||
<div>
|
||
<p class="text-[16px] leading-[1.7] text-ink-2 m-0">
|
||
Über pressekonto.de veröffentlichen unter anderem
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">Siemens AG</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">BASF SE</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">Deutsche Bank</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">Allianz</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">EnBW</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">RWE</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">SAP</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">Lufthansa</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">Bayer</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">Stadtwerke München</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">Fraunhofer-Gesellschaft</a>,
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/25 hover:decoration-hub" href="#">Hochschulrektorenkonferenz</a> sowie über 1.200 weitere Unternehmen, Verbände und öffentliche Einrichtungen aus Deutschland, Österreich und der Schweiz. Jeder Newsroom ist redaktionell verifiziert; die Veröffentlichungen unterliegen unserem Qualitätsstandard.
|
||
</p>
|
||
<p class="text-[13px] leading-[1.65] text-ink-3 m-0 mt-5">
|
||
Verteilung nach Sektoren: Industrie und Energie führen mit zusammen 38 %, gefolgt von Finanzen (17 %), Mobilität (12 %), Bildung (10 %), Gesundheit (9 %), Technologie (8 %) und übrigen Branchen (6 %).
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Rechte Spalte: kompakte Stats-Box -->
|
||
<aside class="bg-bg-card-warm border border-bg-rule-strong rounded-[4px] p-6">
|
||
<div class="eyebrow mb-4">Plattform im Überblick</div>
|
||
<hr class="rule mb-5" />
|
||
<dl class="space-y-4 m-0">
|
||
<div class="flex items-baseline justify-between gap-3">
|
||
<dt class="text-[12.5px] text-ink-3">Mitteilungen 2025</dt>
|
||
<dd class="font-mono text-[16px] font-semibold text-ink m-0" style="font-variant-numeric:tabular-nums;">8.412</dd>
|
||
</div>
|
||
<div class="flex items-baseline justify-between gap-3">
|
||
<dt class="text-[12.5px] text-ink-3">Veröffentlichungen / Werktag</dt>
|
||
<dd class="font-mono text-[16px] font-semibold text-ink m-0" style="font-variant-numeric:tabular-nums;">~ 38</dd>
|
||
</div>
|
||
<div class="flex items-baseline justify-between gap-3">
|
||
<dt class="text-[12.5px] text-ink-3">Verifizierte Newsrooms</dt>
|
||
<dd class="font-mono text-[16px] font-semibold text-ink m-0" style="font-variant-numeric:tabular-nums;">1.247</dd>
|
||
</div>
|
||
<div class="flex items-baseline justify-between gap-3">
|
||
<dt class="text-[12.5px] text-ink-3">Ø Prüfzeit Werktags</dt>
|
||
<dd class="font-mono text-[16px] font-semibold text-ink m-0" style="font-variant-numeric:tabular-nums;">3 h 47</dd>
|
||
</div>
|
||
<div class="flex items-baseline justify-between gap-3">
|
||
<dt class="text-[12.5px] text-ink-3">Annahme-Quote (Erstprüfung)</dt>
|
||
<dd class="font-mono text-[16px] font-semibold text-ink m-0" style="font-variant-numeric:tabular-nums;">82 %</dd>
|
||
</div>
|
||
</dl>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== FAQ ============== -->
|
||
<section id="faq" class="bg-bg-elev border-y border-bg-rule">
|
||
<div class="max-w-layout mx-auto px-8 pt-16 pb-16 grid gap-12" style="grid-template-columns:1fr 2fr;">
|
||
|
||
<!-- Linke Spalte: Header -->
|
||
<div>
|
||
<div class="section-eyebrow mb-4">Häufige Fragen</div>
|
||
<h2 class="text-[28px] font-bold m-0 tracking-[-0.5px] text-ink leading-[1.2]">
|
||
Antworten zu Konto, Prüfung, Tarifen und Rechtlichem.
|
||
</h2>
|
||
<p class="text-[13px] text-ink-3 leading-[1.55] mt-4 m-0">
|
||
Sie finden hier nicht, was Sie suchen?
|
||
<a class="text-hub font-semibold underline underline-offset-[3px] decoration-hub/30" href="#">Schreiben Sie unserem Support</a> — Werktags Antwort innerhalb von 4 Stunden.
|
||
</p>
|
||
</div>
|
||
|
||
<!-- Rechte Spalte: FAQ-Akkordeon -->
|
||
<div>
|
||
<hr class="rule-strong" />
|
||
|
||
<details class="border-b border-bg-rule group" open>
|
||
<summary class="flex items-center justify-between gap-4 py-5">
|
||
<span class="text-[15.5px] font-semibold text-ink tracking-[-0.2px]">Was kostet ein Konto?</span>
|
||
<svg class="faq-chev text-ink-3 flex-shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 6l5 5 5-5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</summary>
|
||
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
|
||
Ein Konto selbst kostet nichts. Sie zahlen für die Pressemitteilungen, die Sie veröffentlichen — entweder pro Stück (Starter-Tarif, 0 € / Monat) oder über einen Monats- bzw. Jahres-Tarif (Standard, Pro, Enterprise). Die redaktionelle Prüfung und die Veröffentlichung auf beiden Portalen sind in allen Tarifen enthalten.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="border-b border-bg-rule group">
|
||
<summary class="flex items-center justify-between gap-4 py-5">
|
||
<span class="text-[15.5px] font-semibold text-ink tracking-[-0.2px]">Wie läuft die redaktionelle Prüfung?</span>
|
||
<svg class="faq-chev text-ink-3 flex-shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 6l5 5 5-5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</summary>
|
||
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
|
||
Sobald Sie eine Mitteilung einreichen, prüfen unsere Redakteure formale Korrektheit, Quellenqualität, Themenrelevanz und Plausibilität. Werktags im Schnitt nach ca. vier Stunden, Pro-Tarif nach ca. zwei. Bei Rückfragen erhalten Sie Feedback direkt im Editor — kein PR-Filter, sondern verlegerische Qualitätssicherung.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="border-b border-bg-rule group">
|
||
<summary class="flex items-center justify-between gap-4 py-5">
|
||
<span class="text-[15.5px] font-semibold text-ink tracking-[-0.2px]">Auf welchen Portalen erscheint meine Mitteilung?</span>
|
||
<svg class="faq-chev text-ink-3 flex-shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 6l5 5 5-5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</summary>
|
||
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
|
||
Auf <strong class="text-ink font-semibold">presseecho.de</strong> und <strong class="text-ink font-semibold">businessportal24.com</strong> — beide. Welche Sektion und welche Branchen-Rubrik die Mitteilung erhält, wird automatisch aus Ihren Themen-Tags abgeleitet und in der Vorschau angezeigt. Sie können bei Bedarf Hinweise hinzufügen.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="border-b border-bg-rule group">
|
||
<summary class="flex items-center justify-between gap-4 py-5">
|
||
<span class="text-[15.5px] font-semibold text-ink tracking-[-0.2px]">Wie lange dauert die Veröffentlichung?</span>
|
||
<svg class="faq-chev text-ink-3 flex-shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 6l5 5 5-5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</summary>
|
||
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
|
||
Werktags zwischen 8:00 und 18:00 Uhr im Schnitt rund vier Stunden vom Einreichen bis zur Live-Schaltung. Sie können ein Embargo-Datum setzen, dann erscheint die Mitteilung sekundengenau zum gewünschten Zeitpunkt — geprüft und freigegeben ist sie davor.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="border-b border-bg-rule group">
|
||
<summary class="flex items-center justify-between gap-4 py-5">
|
||
<span class="text-[15.5px] font-semibold text-ink tracking-[-0.2px]">Kann ich monatlich kündigen?</span>
|
||
<svg class="faq-chev text-ink-3 flex-shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 6l5 5 5-5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</summary>
|
||
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
|
||
Ja. Alle Tarife sind monatlich kündbar. Bei Jahres-Abrechnung wird die Restlaufzeit anteilig erstattet. Ihr Konto und Ihre Newsroom-Archive bleiben dauerhaft bestehen — auch nach Kündigung sind veröffentlichte Mitteilungen weiter im Archiv auffindbar.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="border-b border-bg-rule group">
|
||
<summary class="flex items-center justify-between gap-4 py-5">
|
||
<span class="text-[15.5px] font-semibold text-ink tracking-[-0.2px]">Wie steht es um DSGVO und Datenverarbeitung?</span>
|
||
<svg class="faq-chev text-ink-3 flex-shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 6l5 5 5-5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</summary>
|
||
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
|
||
Alle Daten werden ausschließlich in der EU verarbeitet (Frankfurt & München, ISO 27001 zertifizierte Rechenzentren). Ein DPA / AV-Vertrag ist im Konto-Bereich abrufbar. Detaillierte Informationen zu Speicherdauer, Auftragsverarbeitung und Betroffenenrechten finden Sie in der <a class="text-hub underline underline-offset-[3px] decoration-hub/30" href="#">Datenschutzerklärung</a>.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="border-b border-bg-rule group">
|
||
<summary class="flex items-center justify-between gap-4 py-5">
|
||
<span class="text-[15.5px] font-semibold text-ink tracking-[-0.2px]">Was passiert, wenn ich vom Brand-Portal komme?</span>
|
||
<svg class="faq-chev text-ink-3 flex-shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 6l5 5 5-5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</summary>
|
||
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
|
||
Wenn Sie über den „Publisher-Bereich"-Button auf presseecho oder businessportal24 hier ankommen, wird Ihnen oben angezeigt, woher Sie kommen — und dass Ihr Konto auf beiden Portalen gilt. Sie können jederzeit zurück auf das ursprüngliche Portal, ohne Anmeldung zu verlieren.
|
||
</div>
|
||
</details>
|
||
|
||
<details class="group">
|
||
<summary class="flex items-center justify-between gap-4 py-5">
|
||
<span class="text-[15.5px] font-semibold text-ink tracking-[-0.2px]">Gibt es eine API für meine PR-Tools?</span>
|
||
<svg class="faq-chev text-ink-3 flex-shrink-0" width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M3 6l5 5 5-5" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</summary>
|
||
<div class="pb-5 text-[13.5px] text-ink-2 leading-[1.65] max-w-[640px]">
|
||
Ab dem Pro-Tarif. REST-API mit OAuth2, vollständig dokumentiert, mit Sandbox-Modus. Mitteilungen einreichen, Status abfragen, Statistiken auslesen, Newsrooms verwalten. Webhooks für Veröffentlichungs- und Status-Ereignisse. Enterprise-Kunden erhalten zusätzlich Custom-Integrationen.
|
||
</div>
|
||
</details>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== CTA-WIEDERHOLUNG (KURZ, VOR FOOTER) ============== -->
|
||
<section class="max-w-layout mx-auto px-8 pt-16 pb-16">
|
||
<div class="grid items-center gap-8 px-10 py-12 bg-hub-grad text-ink-on-dark rounded-[4px] relative overflow-hidden"
|
||
style="grid-template-columns:1fr auto;">
|
||
<!-- Dezente Gitter-Linien als Hintergrund -->
|
||
<svg class="absolute inset-0 opacity-10" width="100%" height="100%" preserveAspectRatio="none">
|
||
<defs>
|
||
<pattern id="hub-grid" x="0" y="0" width="48" height="48" patternUnits="userSpaceOnUse">
|
||
<path d="M48 0H0V48" stroke="white" stroke-width="0.5" fill="none"/>
|
||
</pattern>
|
||
</defs>
|
||
<rect width="100%" height="100%" fill="url(#hub-grid)"/>
|
||
</svg>
|
||
|
||
<div class="relative">
|
||
<div class="section-eyebrow on-dark mb-4">Loslegen</div>
|
||
<h2 class="text-[34px] font-bold m-0 tracking-[-0.7px] text-white leading-[1.15] max-w-[680px]">
|
||
In zwei Minuten registriert. Eine Mitteilung im Starter-Tarif inklusive.
|
||
</h2>
|
||
<p class="text-[14px] text-ink-on-dark-2 leading-[1.55] mt-4 m-0 max-w-[600px]">
|
||
Keine Kreditkarte erforderlich. 14 Tage zum Testen. Monatlich kündbar.
|
||
</p>
|
||
</div>
|
||
<div class="relative flex flex-col gap-2.5">
|
||
<a href="#" class="inline-flex items-center justify-center gap-2.5 px-7 py-3.5 text-[15px] font-semibold text-hub bg-white hover:bg-bg rounded-[6px] whitespace-nowrap">
|
||
Konto erstellen
|
||
<svg width="13" height="13" viewBox="0 0 16 16" fill="none"><path d="M3 13L13 3M13 3H6M13 3v7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</a>
|
||
<a href="#" class="inline-flex items-center justify-center gap-2 px-7 py-3 text-[13px] font-medium text-white/85 hover:text-white whitespace-nowrap">
|
||
Bereits Konto? Anmelden →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== FOOTER ============== -->
|
||
<footer class="bg-hub-grad-2 text-ink-on-dark">
|
||
<div class="max-w-layout mx-auto px-8 py-14 grid gap-10" style="grid-template-columns:1.5fr 1fr 1fr 1fr;">
|
||
|
||
<div>
|
||
<div class="text-[24px] font-bold leading-none tracking-[-0.5px] text-white">
|
||
pressekonto<span style="color:#B07A3A;">.com</span>
|
||
</div>
|
||
<div class="eyebrow on-dark mt-2 text-[9.5px] tracking-[0.22em]" style="color:#7B8FBF;">
|
||
Publisher · Hub
|
||
</div>
|
||
<p class="text-[12.5px] text-white/65 leading-[1.65] mt-4 max-w-[340px]">
|
||
Der gemeinsame Publisher-Bereich für presseecho.de und businessportal24.com. Pressemitteilungen veröffentlichen, Newsrooms verwalten, Reichweite messen — an einem Ort, mit einem Konto.
|
||
</p>
|
||
<div class="mt-5 pt-5 border-t border-white/15 text-[12px] text-white/65">
|
||
Brand-Familie:
|
||
<a class="text-white font-semibold underline underline-offset-[3px] decoration-white/30 ml-1" href="#">presseecho.de</a>
|
||
<span class="mx-2 text-white/30">·</span>
|
||
<a class="text-white font-semibold underline underline-offset-[3px] decoration-white/30" href="#">businessportal24.com</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="eyebrow on-dark mb-3.5" style="color:#7B8FBF;">Konto</div>
|
||
<ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0">
|
||
<li><a href="#">Anmelden</a></li>
|
||
<li><a href="#">Konto erstellen</a></li>
|
||
<li><a href="#">Tarife</a></li>
|
||
<li><a href="#">Vertrieb kontaktieren</a></li>
|
||
<li><a href="#">Status</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="eyebrow on-dark mb-3.5" style="color:#7B8FBF;">Plattform</div>
|
||
<ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0">
|
||
<li><a href="#">So funktioniert es</a></li>
|
||
<li><a href="#">Redaktionsrichtlinien</a></li>
|
||
<li><a href="#">Dokumentation</a></li>
|
||
<li><a href="#">API-Referenz</a></li>
|
||
<li><a href="#">Changelog</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="eyebrow on-dark mb-3.5" style="color:#7B8FBF;">Rechtliches</div>
|
||
<ul class="space-y-2 text-[13px] text-white/75 list-none p-0 m-0">
|
||
<li><a href="#">Impressum</a></li>
|
||
<li><a href="#">AGB</a></li>
|
||
<li><a href="#">Datenschutz</a></li>
|
||
<li><a href="#">DPA / AV</a></li>
|
||
<li><a href="#">Cookie-Einstellungen</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="border-t border-white/15">
|
||
<div class="max-w-layout mx-auto px-8 py-5 flex items-center justify-between gap-4 text-[11.5px] text-white/55">
|
||
<span>© 2026 pressekonto.de · Alle Rechte vorbehalten</span>
|
||
<span class="flex items-center gap-2 font-mono text-[10.5px]">
|
||
<span class="inline-block w-1.5 h-1.5 rounded-full bg-ok"></span>
|
||
Alle Systeme betriebsbereit
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
|
||
</html>
|