716 lines
41 KiB
HTML
716 lines
41 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<title>businessportal24 — Detailseite · Pressemitteilung</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=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
|
||
|
||
<!-- Tailwind v3 CDN + projekt-eigene Konfiguration -->
|
||
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
/* Surfaces */
|
||
bg: "#F6F4EF",
|
||
"bg-elev": "#FBFAF6",
|
||
"bg-rule": "#E5E0D5",
|
||
"bg-rule-strong": "#1C1A17",
|
||
"bg-dark": "#14202E",
|
||
"bg-card-warm": "#F1ECE2",
|
||
"bg-card-warm-border": "#D9CDB6",
|
||
"bg-footer": "#0F1216",
|
||
topbar: "#1A1F26",
|
||
topbar2: "#232A33",
|
||
/* Ink */
|
||
ink: "#1C1A17",
|
||
"ink-2": "#3D3935",
|
||
"ink-3": "#6E6862",
|
||
"ink-4": "#9A958D",
|
||
"ink-on-dark": "#F6F4EF",
|
||
"ink-on-dark-2": "#B8B3AA",
|
||
/* Brand */
|
||
brand: "#C84A1E",
|
||
"brand-deep": "#A23814",
|
||
"brand-soft": "#F4E5DD",
|
||
live: "#E03A1A",
|
||
gain: "#2E8540",
|
||
loss: "#C8341E",
|
||
ok: "#2E8540",
|
||
/* Status accents */
|
||
"warn-bg": "#FFF8E1",
|
||
"warn-border": "#E8C77A",
|
||
"warn-ink": "#7A5A0F",
|
||
"warn-ink-deep": "#3D2F0F",
|
||
"verify-bg": "#E8F4EC",
|
||
"verify-border": "#1B8E3A",
|
||
"verify-ink": "#0F5E26",
|
||
},
|
||
fontFamily: {
|
||
sans: ['"Inter Tight"','"Söhne"','Inter','system-ui','sans-serif'],
|
||
serif: ['"Source Serif 4"','"Source Serif Pro"','Charter','"Iowan Old Style"','Georgia','serif'],
|
||
mono: ['"JetBrains Mono"','"SF Mono"','ui-monospace','monospace'],
|
||
},
|
||
maxWidth: { layout: "1280px" },
|
||
backgroundImage: {
|
||
"topbar-grad": "linear-gradient(135deg,#1A1F26 0%,#232A33 100%)",
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style>
|
||
html,body { margin:0; padding:0; }
|
||
body { background:#E8E4DA; font-family:"Inter Tight",system-ui,sans-serif; }
|
||
|
||
/* Helper utilities, da Tailwind-CDN keine Custom-Plugins kompiliert */
|
||
.eyebrow {
|
||
font-size: 11px; font-weight: 600;
|
||
letter-spacing: 0.12em; text-transform: uppercase;
|
||
color: #C84A1E;
|
||
}
|
||
.eyebrow.muted { color:#6E6862; }
|
||
.bp-cat {
|
||
font-size: 11px; font-weight: 700;
|
||
letter-spacing: 0.14em; text-transform: uppercase;
|
||
color:#C84A1E;
|
||
}
|
||
.rule-strong { height:1px; background:#1C1A17; border:0; margin:0; }
|
||
.rule { height:1px; background:#E5E0D5; border:0; margin:0; }
|
||
|
||
/* Hatch-pattern (Hero-Bildplatzhalter) */
|
||
.hatch-dark { background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0 10px, transparent 10px 20px); }
|
||
.hatch-light { background-image: repeating-linear-gradient(135deg, rgba(0,0,0,0.04) 0 6px, transparent 6px 12px); }
|
||
</style>
|
||
</head>
|
||
|
||
<body class="bg-bg text-ink font-sans antialiased">
|
||
|
||
<!-- ===================================================================
|
||
ROOT — 1280px Artboard · Detailseite Pressemitteilung (Variante A)
|
||
=================================================================== -->
|
||
<article class="mx-auto bg-bg relative" style="width:1280px;">
|
||
|
||
<!-- Reading progress bar -->
|
||
<div class="absolute top-0 left-0 right-0 h-0.5 bg-bg-rule z-10">
|
||
<div class="h-full bg-brand" style="width:32%;"></div>
|
||
</div>
|
||
|
||
<!-- ============== TOP UTILITY BAR ============== -->
|
||
<div class="bg-topbar-grad text-ink-on-dark-2 border-b border-black">
|
||
<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 whitespace-nowrap border-r border-[#2A2723]">
|
||
Do, 7. Mai 2026
|
||
</span>
|
||
<span class="flex items-center px-3.5 text-[9.5px] uppercase font-semibold tracking-[0.16em] text-[#6E6862] whitespace-nowrap">
|
||
Ausgabe
|
||
</span>
|
||
|
||
<!-- Edition tabs -->
|
||
<button class="flex items-center gap-1.5 px-2.5 py-2 text-[11.5px] font-semibold text-ink-on-dark bg-white/[0.06] border-b-2 border-brand -mb-px whitespace-nowrap">
|
||
<span class="text-[12px] leading-none">🇩🇪</span><span>DE</span>
|
||
</button>
|
||
<button class="flex items-center gap-1.5 px-2.5 py-2 text-[11.5px] font-medium text-ink-on-dark-2 border-b-2 border-transparent -mb-px whitespace-nowrap">
|
||
<span class="text-[12px] leading-none">🇦🇹</span><span>AT</span>
|
||
</button>
|
||
<button class="flex items-center gap-1.5 px-2.5 py-2 text-[11.5px] font-medium text-ink-on-dark-2 border-b-2 border-transparent -mb-px whitespace-nowrap">
|
||
<span class="text-[12px] leading-none">🇨🇭</span><span>CH</span>
|
||
</button>
|
||
<button class="flex items-center gap-1.5 px-2.5 py-2 text-[11.5px] font-medium text-ink-on-dark-2 border-b-2 border-transparent -mb-px whitespace-nowrap">
|
||
<span class="text-[12px] leading-none">🌐</span><span>EN</span>
|
||
</button>
|
||
|
||
<span class="flex-1"></span>
|
||
|
||
<span class="flex items-center gap-4 py-2 whitespace-nowrap">
|
||
<span class="inline-flex items-center gap-1.5">
|
||
<svg width="11" height="11" viewBox="0 0 12 12" fill="none" class="opacity-60">
|
||
<circle cx="6" cy="6" r="5" stroke="currentColor" stroke-width="1" />
|
||
<path d="M1 6h10M6 1c2 1.5 2 8.5 0 10M6 1c-2 1.5-2 8.5 0 10" stroke="currentColor" stroke-width="1" fill="none" />
|
||
</svg>
|
||
<strong class="text-ink-on-dark font-semibold">Deutsch</strong>
|
||
</span>
|
||
<span class="w-px h-[14px] bg-[#2A2723]"></span>
|
||
<a href="#" class="hover:text-ink-on-dark">Newsletter</a>
|
||
<a href="#" class="hover:text-ink-on-dark">RSS</a>
|
||
<a href="#" class="hover:text-ink-on-dark">API</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============== HEADER ============== -->
|
||
<header class="bg-bg 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 auto;">
|
||
<div>
|
||
<div class="font-serif text-[28px] font-semibold leading-none tracking-[-0.5px]">
|
||
businessportal<span class="text-brand">24</span>
|
||
</div>
|
||
<div class="eyebrow muted mt-1 text-[9.5px] tracking-[0.18em]">
|
||
Pressemitteilungen · DACH
|
||
</div>
|
||
</div>
|
||
|
||
<div class="w-full max-w-[460px]">
|
||
<div class="flex items-center gap-2.5 px-3.5 py-2.5 border border-bg-rule bg-bg-elev text-[13px] text-ink-3 rounded-[2px]">
|
||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none">
|
||
<circle cx="7" cy="7" r="5" stroke="currentColor" stroke-width="1.5" />
|
||
<path d="M11 11l3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
|
||
</svg>
|
||
<span class="flex-1">Pressemitteilungen, Unternehmen, Branchen, ISIN…</span>
|
||
<span class="text-[10.5px] text-ink-4 border border-bg-rule px-1.5 py-0.5 rounded-[2px] font-mono">⌘K</span>
|
||
</div>
|
||
<div class="flex justify-end mt-1.5">
|
||
<button class="inline-flex items-center gap-1.5 text-[11.5px] text-ink-3 underline underline-offset-2 decoration-bg-rule-strong/40">
|
||
<svg width="10" height="10" viewBox="0 0 12 12" fill="none">
|
||
<path d="M2 3h8M3.5 6h5M5 9h2" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" />
|
||
</svg>
|
||
Erweiterte Suche
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="inline-flex items-center gap-2 px-4 py-2.5 text-[13px] font-semibold text-ink rounded-[2px]">
|
||
Anmelden
|
||
</button>
|
||
<button class="inline-flex items-center gap-2 px-[18px] py-2.5 text-[13px] font-semibold text-white bg-brand hover:bg-brand-deep rounded-[2px] transition-colors">
|
||
Veröffentlichen
|
||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none">
|
||
<path d="M3 6h6M6 3l3 3-3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- ============== MAIN NAV ============== -->
|
||
<nav class="bg-bg border-b border-bg-rule">
|
||
<div class="max-w-layout mx-auto px-8 flex items-stretch">
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Startseite</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Wirtschaft</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Technologie</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Finanzen</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Industrie</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-semibold text-ink border-b-2 border-brand -mb-px">Energie</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Gesundheit</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Handel</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Immobilien</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Mobilität</a>
|
||
<a href="#" class="px-4 py-3.5 text-[13.5px] font-medium text-ink-2 border-b-2 border-transparent hover:text-ink">Alle Rubriken</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- ============== BREADCRUMBS ============== -->
|
||
<div class="max-w-layout mx-auto px-8 pt-7">
|
||
<nav class="flex gap-2 text-[11.5px] text-ink-3 mb-2 font-mono tracking-wide">
|
||
<a href="#" class="hover:text-ink">Startseite</a>
|
||
<span>/</span>
|
||
<a href="#" class="hover:text-ink">Branchen</a>
|
||
<span>/</span>
|
||
<a href="#" class="text-brand hover:text-brand-deep">Energie & Klima</a>
|
||
<span>/</span>
|
||
<span>Pressemitteilung</span>
|
||
</nav>
|
||
</div>
|
||
|
||
<!-- ============== HERO META BLOCK ============== -->
|
||
<section class="max-w-layout mx-auto px-8">
|
||
<div class="pt-[18px] pb-8 border-b border-bg-rule">
|
||
|
||
<!-- Embargo -->
|
||
<div class="flex items-center gap-2.5 mb-3.5">
|
||
<span class="text-[9.5px] font-bold tracking-[0.18em] uppercase text-brand px-2.5 py-[3px] border border-brand font-mono">
|
||
● Embargo aufgehoben
|
||
</span>
|
||
<span class="text-[11px] text-ink-3 font-mono">7. Mai 2026, 14:32</span>
|
||
</div>
|
||
|
||
<!-- Rubrik + Audience -->
|
||
<div class="flex items-center gap-3.5 mb-4">
|
||
<a href="#" class="bp-cat hover:text-brand-deep">Energie & Klima</a>
|
||
<span class="w-1 h-1 rounded-full bg-ink-4"></span>
|
||
<span class="text-[11px] text-ink-3 italic font-serif">Für Wirtschaftsjournalisten</span>
|
||
</div>
|
||
|
||
<!-- Headline -->
|
||
<h1 class="font-serif text-[48px] font-semibold m-0 mb-[22px] tracking-[-0.8px] leading-[1.1] max-w-[980px]" style="text-wrap:balance;">
|
||
Energiewende 2030: BMWK kündigt 12-Milliarden-Programm zur Industrie-Dekarbonisierung an
|
||
</h1>
|
||
|
||
<!-- Lead -->
|
||
<p class="font-serif text-[21px] leading-[1.45] m-0 mb-7 text-ink-2 max-w-[880px] font-normal" style="text-wrap:pretty;">
|
||
Das neue Förderprogramm soll deutsche Industrie-Cluster bis 2030 klimaneutral aufstellen. Erste Tranche von 4,8 Mrd. Euro fließt ab dem dritten Quartal 2026 in Stahl-, Chemie- und Zementwerke. Bundesminister Habeck spricht von „strukturellem Wendepunkt" für den Industriestandort Deutschland.
|
||
</p>
|
||
|
||
<!-- Meta-Zeile -->
|
||
<div class="flex flex-wrap items-center text-[12.5px] text-ink-2" style="gap:10px 22px;">
|
||
<span class="inline-flex items-center gap-2">
|
||
<span class="w-7 h-7 bg-black text-white inline-flex items-center justify-center text-[13px] font-bold font-serif">B</span>
|
||
<span class="font-semibold">Bundesministerium für Wirtschaft und Klimaschutz</span>
|
||
</span>
|
||
<span class="w-px h-[14px] bg-bg-rule-strong"></span>
|
||
<span class="font-mono text-[11.5px] text-ink-3">7. Mai 2026 · 14:32 Uhr</span>
|
||
<span class="font-mono text-[11.5px] text-ink-3">4 Min. Lesezeit · 712 Wörter</span>
|
||
<span class="inline-flex items-center gap-1.5 font-mono text-[11.5px] text-ink-3">
|
||
<svg width="11" height="11" viewBox="0 0 14 14" fill="none"><path d="M7 1a5 5 0 015 5c0 4-5 7-5 7s-5-3-5-7a5 5 0 015-5z" stroke="currentColor" stroke-width="1.3" fill="none" /><circle cx="7" cy="6" r="1.5" fill="currentColor" /></svg>
|
||
Deutschland · Berlin
|
||
</span>
|
||
|
||
<!-- Redaktionsempfehlung -->
|
||
<span class="inline-flex items-center gap-1.5 px-2 py-[3px] text-[9.5px] font-bold tracking-[0.14em] uppercase text-brand bg-brand/[0.04] border border-brand/30 font-mono cursor-help"
|
||
title="Diese Pressemitteilung wurde von der Redaktion empfohlen — basierend auf Quellenqualität, Verifizierungsstatus und redaktioneller Relevanz.">
|
||
<svg width="10" height="10" viewBox="0 0 24 24" fill="none">
|
||
<path d="M12 2l9 4v6c0 5-3.5 9-9 10-5.5-1-9-5-9-10V6z" stroke="currentColor" stroke-width="2" fill="none" />
|
||
<path d="M8 12l3 3 5-6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
Redaktionsempfehlung
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== HERO IMAGE ============== -->
|
||
<section class="max-w-layout mx-auto px-8 pt-8">
|
||
<div class="relative flex items-end p-[18px] bg-bg-dark hatch-dark" style="aspect-ratio:21/9;">
|
||
<span class="text-[10px] font-mono tracking-wider uppercase text-white/50">
|
||
Bild · Pressefoto BMWK (16:9)
|
||
</span>
|
||
</div>
|
||
<div class="text-[11.5px] text-ink-3 mt-2.5 italic max-w-[720px]">
|
||
Bundesminister Habeck bei der Vorstellung des Programms im Bundestag · Foto: BMWK / Susanne Eriksson
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== BODY + SIDEBAR ============== -->
|
||
<section class="max-w-layout mx-auto px-8 pt-10 grid" style="grid-template-columns:1fr 280px; gap:56px;">
|
||
|
||
<!-- ============== BODY ============== -->
|
||
<div>
|
||
<!-- Korrektur-Hinweis -->
|
||
<div class="mb-6 px-4 py-3 bg-warn-bg border border-warn-border flex gap-3 items-start">
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" class="flex-shrink-0 mt-0.5 text-warn-ink">
|
||
<path d="M12 3l10 18H2z" stroke="currentColor" stroke-width="1.6" fill="none" />
|
||
<path d="M12 10v5M12 17.5v.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" />
|
||
</svg>
|
||
<div class="text-[13px] leading-[1.5] text-warn-ink-deep">
|
||
<strong class="block mb-0.5 font-mono text-[10.5px] tracking-[0.14em] uppercase text-warn-ink">
|
||
Korrektur · 7. Mai 2026, 16:08
|
||
</strong>
|
||
Die zunächst genannte Förderhöhe von 11,5 Mrd. Euro wurde nach einer Klarstellung des BMWK auf 12 Mrd. Euro berichtigt.
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Article Body -->
|
||
<div class="max-w-[680px]">
|
||
<p class="font-serif text-[17px] leading-[1.65] m-0 mb-[18px] text-ink" style="text-wrap:pretty;">
|
||
Berlin · Das Bundesministerium für Wirtschaft und Klimaschutz hat heute ein 12-Milliarden-Euro-Förderprogramm vorgestellt, das die Dekarbonisierung der deutschen Schwerindustrie bis 2030 entscheidend beschleunigen soll. Die Mittel stammen aus dem Klima- und Transformationsfonds (KTF) und werden in drei Tranchen über die kommenden 36 Monate ausgereicht.
|
||
</p>
|
||
<p class="font-serif text-[17px] leading-[1.65] m-0 mb-[18px] text-ink" style="text-wrap:pretty;">
|
||
Im Zentrum des Programms steht die Umstellung von Stahl-, Chemie- und Zementproduktion auf grüne Verfahren. Erste 4,8 Milliarden Euro sollen ab dem dritten Quartal 2026 in konkrete Vorhaben fließen — darunter Wasserstoff-Direktreduktion bei thyssenkrupp und elektrische Lichtbogenöfen bei der Salzgitter AG.
|
||
</p>
|
||
|
||
<h2 class="font-serif text-[22px] font-semibold mt-8 mb-3.5 tracking-[-0.3px] leading-[1.25]">
|
||
Drei Förderlinien, klare Schwerpunkte
|
||
</h2>
|
||
<p class="font-serif text-[17px] leading-[1.65] m-0 mb-[18px] text-ink" style="text-wrap:pretty;">
|
||
Die Mittel verteilen sich auf drei Förderlinien: Carbon Contracts for Difference (CCfD) für die energieintensive Schwerindustrie, Investitionszuschüsse für mittelständische Industriecluster, und Forschungsförderung für skalierbare Speicher- und CCS-Technologien. Anträge können ab dem 1. Juli 2026 über die Bundesförderbank KfW gestellt werden.
|
||
</p>
|
||
|
||
<!-- Zitat -->
|
||
<blockquote class="my-7 pl-6 border-l-[3px] border-brand">
|
||
<p class="font-serif text-[21px] font-medium leading-[1.4] italic text-ink m-0 mb-3 tracking-[-0.2px]" style="text-wrap:balance;">
|
||
„Wir reden hier nicht über Symbolpolitik. Diese 12 Milliarden sind die Brücke zwischen Klimazielen und Industriestandort. Wer jetzt nicht investiert, fährt 2030 mit veralteter Technik gegen die Wand."
|
||
</p>
|
||
<cite class="not-italic text-[12px] text-ink-3 font-mono tracking-wide">
|
||
— Robert Habeck, Bundesminister für Wirtschaft und Klimaschutz
|
||
</cite>
|
||
</blockquote>
|
||
|
||
<h2 class="font-serif text-[22px] font-semibold mt-8 mb-3.5 tracking-[-0.3px] leading-[1.25]">
|
||
Reaktionen aus Wirtschaft und Wissenschaft
|
||
</h2>
|
||
<p class="font-serif text-[17px] leading-[1.65] m-0 mb-[18px] text-ink" style="text-wrap:pretty;">
|
||
Die Bundesvereinigung der Deutschen Arbeitgeberverbände (BDA) begrüßte das Programm grundsätzlich, mahnte jedoch eine schnellere Auszahlung an. „Die Industrie braucht Planungssicherheit für die Investitionsentscheidungen 2026 und 2027 — der Zeitplan muss straff bleiben", sagte BDA-Hauptgeschäftsführer Steffen Kampeter.
|
||
</p>
|
||
<p class="font-serif text-[17px] leading-[1.65] m-0 mb-[18px] text-ink" style="text-wrap:pretty;">
|
||
Aus der Wissenschaft kam differenziertes Lob: Das Fraunhofer-Institut für System- und Innovationsforschung (ISI) bewertet das Volumen als angemessen, sieht aber methodische Lücken bei der Wirkungskontrolle. Eine Begleitstudie soll ab 2027 die tatsächliche CO₂-Einsparung messen.
|
||
</p>
|
||
|
||
<h2 class="font-serif text-[22px] font-semibold mt-8 mb-3.5 tracking-[-0.3px] leading-[1.25]">
|
||
Zeitplan und nächste Schritte
|
||
</h2>
|
||
<p class="font-serif text-[17px] leading-[1.65] m-0 mb-[18px] text-ink" style="text-wrap:pretty;">
|
||
Die Förderrichtlinien werden in den kommenden vier Wochen final ausgearbeitet und Anfang Juni 2026 im Bundesanzeiger veröffentlicht. Ab dem 1. Juli ist die Antragsstellung über die KfW möglich. Die zweite Tranche von 4 Milliarden Euro folgt im ersten Quartal 2027, die dritte im Verlauf von 2028.
|
||
</p>
|
||
|
||
<!-- Boilerplate -->
|
||
<div class="mt-9 pt-5 border-t border-bg-rule-strong">
|
||
<div class="eyebrow muted text-[9.5px] mb-2.5">Über das Unternehmen</div>
|
||
<p class="text-[13px] leading-[1.6] text-ink-3 m-0 max-w-[620px]">
|
||
Über das Bundesministerium für Wirtschaft und Klimaschutz: Das BMWK gestaltet die Wirtschafts- und Klimaschutzpolitik der Bundesregierung. Zu den Aufgaben gehören Industriepolitik, Außenhandel, Energie- und Klimapolitik, Mittelstand und Innovation. Sitz des Ministeriums ist Berlin, mit einem Dienstsitz in Bonn. Geleitet wird das Haus seit Dezember 2021 von Bundesminister Robert Habeck.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============== INLINE AD ============== -->
|
||
<div class="my-8">
|
||
<div class="flex items-center gap-2.5 mb-2.5">
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
<span class="text-[9px] font-bold tracking-[0.22em] text-[#8A847B] uppercase font-mono">Anzeige</span>
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
</div>
|
||
<a href="#" class="grid px-[22px] py-5 bg-bg-card-warm items-center gap-[22px]" style="grid-template-columns:120px 1fr;">
|
||
<div class="aspect-square bg-white hatch-light flex items-center justify-center text-[9px] text-[#8A847B] font-mono">
|
||
LOGO
|
||
</div>
|
||
<div>
|
||
<div class="text-[9.5px] font-bold tracking-[0.16em] uppercase mb-1.5" style="color:#6E6862;">SAP · Branchen-Whitepaper</div>
|
||
<h3 class="font-serif text-[18px] leading-[1.3] m-0 mb-2 font-semibold tracking-[-0.2px]" style="color:#2A2520;">
|
||
CO₂-Reporting nach CSRD: Was Industriebetriebe jetzt automatisieren müssen
|
||
</h3>
|
||
<div class="text-[12px] leading-[1.5] mb-2.5" style="color:#5A544E;">
|
||
Whitepaper · 32 Seiten · Praxisleitfaden für Mittelstand und Konzerne
|
||
</div>
|
||
<span class="text-[12px] font-semibold underline" style="color:#3A332B;">Studie kostenfrei anfordern →</span>
|
||
</div>
|
||
</a>
|
||
<div class="flex items-center gap-2.5 mt-2.5">
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
<span class="text-[9px] font-bold tracking-[0.22em] text-[#8A847B] uppercase font-mono">Ende Anzeige</span>
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============== PRESSEKONTAKT-BLOCK ============== -->
|
||
<div class="mt-8 px-7 py-6 bg-white border border-bg-rule-strong">
|
||
<div class="eyebrow mb-3 text-[10.5px]">Pressekontakt</div>
|
||
|
||
<div class="flex gap-1.5 items-center mb-1">
|
||
<strong class="font-serif text-[19px] font-semibold tracking-[-0.2px]">Dr. Annika Werthmann</strong>
|
||
<span title="Verifizierter Publisher — Identität und Domain bestätigt" class="inline-flex items-center text-verify-border flex-shrink-0">
|
||
<svg width="15" height="15" viewBox="0 0 24 24" fill="none">
|
||
<path d="M12 1l2.5 3 3.8-.4-.5 3.8L21 9l-2.6 2.5L19 15l-3.8.4L12 19l-2.5-3.6L5.7 15 5.6 11.4 3 9l2.5-1.6L4.7 4 8.5 4z" fill="currentColor" />
|
||
<path d="M7.5 12l3 3 6-6" stroke="white" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
</span>
|
||
</div>
|
||
<div class="text-[12.5px] text-ink-3 mb-3.5 leading-[1.5]">
|
||
Pressesprecherin · Referat Öffentlichkeitsarbeit<br />
|
||
Bundesministerium für Wirtschaft und Klimaschutz
|
||
</div>
|
||
|
||
<div class="flex flex-col gap-2 text-[12.5px] font-mono">
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0"><path d="M7 1a5 5 0 015 5c0 4-5 7-5 7s-5-3-5-7a5 5 0 015-5zm0 3.5a1.5 1.5 0 100 3 1.5 1.5 0 000-3z" fill="currentColor" /></svg>
|
||
<span class="text-ink-2">Scharnhorststraße 34–37 · 10115 Berlin</span>
|
||
</span>
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0"><path d="M2 3l3-1 1.5 3-1.5 1c.5 2 2 3.5 4 4l1-1.5L13 10l-1 3c-5 0-10-5-10-10z" fill="currentColor" /></svg>
|
||
<span class="text-ink-2">+49 30 18 615 - 6121</span>
|
||
</span>
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0"><path d="M1 3h12v8H1zM1 3l6 4 6-4" stroke="currentColor" stroke-width="1.2" fill="none" /></svg>
|
||
<a href="/cdn-cgi/l/email-protection#bfcfcddaccccdaffddd2c8d491ddcad1db91dbda" class="text-ink underline underline-offset-2"><span class="__cf_email__" data-cfemail="e6969483959583a6848b918dc884938882c88283">[email protected]</span></a>
|
||
</span>
|
||
<span class="flex items-center gap-2">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0"><circle cx="7" cy="7" r="5.5" stroke="currentColor" stroke-width="1.2" fill="none" /><path d="M1.5 7h11M7 1.5c2 1.5 2 9.5 0 11M7 1.5c-2 1.5-2 9.5 0 11" stroke="currentColor" stroke-width="1" fill="none" /></svg>
|
||
<a href="#" class="text-ink underline underline-offset-2">bmwk.bund.de</a>
|
||
</span>
|
||
</div>
|
||
|
||
<div class="mt-4 pt-3.5 border-t border-bg-rule text-[10.5px] text-ink-4 leading-[1.5]">
|
||
Sie sind als Pressekontakt für diese Mitteilung hinterlegt?
|
||
<a href="#" class="text-ink-3 underline">Pressemitteilung verwalten →</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============== SIDEBAR (rechts) ============== -->
|
||
<aside class="flex flex-col gap-7">
|
||
|
||
<!-- Publisher Box -->
|
||
<div class="p-4 bg-white border border-bg-rule-strong">
|
||
<div class="eyebrow muted text-[9.5px] mb-3">Veröffentlicht von</div>
|
||
<div class="flex gap-3 items-start mb-3">
|
||
<span class="w-11 h-11 bg-black text-white inline-flex items-center justify-center text-[20px] font-bold font-serif flex-shrink-0">B</span>
|
||
<div class="min-w-0">
|
||
<strong class="block font-serif text-[14px] font-semibold leading-[1.25] tracking-[-0.1px] mb-0.5">BMWK</strong>
|
||
<div class="text-[11px] text-ink-3 leading-[1.4]">
|
||
Bundesministerium für Wirtschaft und Klimaschutz
|
||
</div>
|
||
<div class="text-[10.5px] text-ink-4 mt-1 font-mono">Berlin</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex items-center gap-2 px-2.5 py-2 mb-3 bg-verify-bg border border-verify-border text-verify-ink cursor-help"
|
||
title="Identität und Domain durch businessportal24 bestätigt">
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" class="text-verify-border flex-shrink-0">
|
||
<path d="M12 1l2.5 3 3.8-.4-.5 3.8L21 9l-2.6 2.5L19 15l-3.8.4L12 19l-2.5-3.6L5.7 15 5.6 11.4 3 9l2.5-1.6L4.7 4 8.5 4z" fill="currentColor" />
|
||
<path d="M7.5 12l3 3 6-6" stroke="white" stroke-width="2.2" fill="none" stroke-linecap="round" stroke-linejoin="round" />
|
||
</svg>
|
||
<span class="text-[11.5px] font-semibold">Verifizierter Publisher</span>
|
||
</div>
|
||
|
||
<div class="pt-3 border-t border-bg-rule flex flex-col gap-2">
|
||
<button class="px-2.5 py-2 text-[11.5px] font-semibold bg-ink text-white hover:bg-black transition-colors">
|
||
+ Newsroom folgen
|
||
</button>
|
||
<a href="#" class="text-[11.5px] text-ink-2 text-center py-1.5 underline underline-offset-2">
|
||
Alle Mitteilungen →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Sidebar Share -->
|
||
<div>
|
||
<div class="eyebrow muted text-[9.5px] mb-2.5">Teilen</div>
|
||
<div class="grid grid-cols-2 gap-1.5">
|
||
<button class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev">
|
||
<svg width="13" height="13" viewBox="0 0 16 16"><path d="M3 6h2.5v8H3V6zm1.25-3a1.25 1.25 0 110 2.5 1.25 1.25 0 010-2.5zM7 6h2.4v1.1c.4-.7 1.3-1.3 2.6-1.3 2.7 0 3 1.7 3 3.9V14h-2.5v-3.7c0-.9 0-2-1.3-2s-1.5 1-1.5 2V14H7V6z" fill="currentColor" /></svg>
|
||
LinkedIn
|
||
</button>
|
||
<button class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev">
|
||
<svg width="13" height="13" viewBox="0 0 16 16"><path d="M2 2l5.5 7.2L2 14h1.6l4.7-3.7L11.5 14H14L8.2 6.4 13.6 2H12L7.5 5.5 4.5 2H2z" fill="currentColor" /></svg>
|
||
X
|
||
</button>
|
||
<button class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev">
|
||
<svg width="13" height="13" viewBox="0 0 16 16"><rect x="2" y="3" width="12" height="10" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M2 4l6 4 6-4" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
|
||
E-Mail
|
||
</button>
|
||
<button class="inline-flex items-center gap-[7px] px-2.5 py-2 text-[11.5px] font-medium bg-white border border-bg-rule-strong text-ink hover:bg-bg-elev">
|
||
<svg width="13" height="13" viewBox="0 0 16 16"><path d="M6 9l4-4M5 4h2a3 3 0 010 6h-1M11 12H9a3 3 0 010-6h1" stroke="currentColor" stroke-width="1.3" fill="none" stroke-linecap="round" /></svg>
|
||
Link kopieren
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Sidebar Tags -->
|
||
<div>
|
||
<div class="eyebrow muted text-[9.5px] mb-2.5">Schlagwörter</div>
|
||
<div class="flex flex-wrap gap-[5px]">
|
||
<a href="#" class="px-2.5 py-1 text-[11px] font-medium bg-white border border-bg-rule-strong text-ink-2 hover:text-ink">Energiewende</a>
|
||
<a href="#" class="px-2.5 py-1 text-[11px] font-medium bg-white border border-bg-rule-strong text-ink-2 hover:text-ink">Dekarbonisierung</a>
|
||
<a href="#" class="px-2.5 py-1 text-[11px] font-medium bg-white border border-bg-rule-strong text-ink-2 hover:text-ink">Industriepolitik</a>
|
||
<a href="#" class="px-2.5 py-1 text-[11px] font-medium bg-white border border-bg-rule-strong text-ink-2 hover:text-ink">Wasserstoff</a>
|
||
<a href="#" class="px-2.5 py-1 text-[11px] font-medium bg-white border border-bg-rule-strong text-ink-2 hover:text-ink">thyssenkrupp</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Newsletter Box (dark) -->
|
||
<div class="p-4 bg-ink text-white">
|
||
<div class="eyebrow text-[9.5px] mb-2" style="color:#FF8B6F;">Newsletter</div>
|
||
<h4 class="font-serif text-[17px] font-semibold m-0 mb-2 leading-[1.25]">
|
||
Energie & Klima · ab Score 80
|
||
</h4>
|
||
<p class="text-[11.5px] text-white/70 leading-[1.5] m-0 mb-3">
|
||
Höchstens 2 Mails pro Woche. Nur Meldungen ab Content-Score 80.
|
||
</p>
|
||
<button class="w-full py-2.5 text-[12px] font-semibold bg-brand hover:bg-brand-deep text-white transition-colors">
|
||
Abonnieren →
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Sidebar Ad -->
|
||
<div>
|
||
<div class="flex items-center gap-2.5 mb-2.5">
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
<span class="text-[9px] font-bold tracking-[0.22em] text-[#8A847B] uppercase font-mono">Anzeige</span>
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
</div>
|
||
<article class="px-3.5 py-4 bg-bg-card-warm border border-bg-card-warm-border">
|
||
<div class="text-[9px] tracking-[0.16em] uppercase mb-1.5 font-mono" style="color:#6E6862;">Cloud · Software</div>
|
||
<h3 class="font-serif text-[15px] leading-[1.3] m-0 mb-2 font-medium" style="color:#3A332B;">
|
||
Microsoft Azure: Neue EU-Region Frankfurt mit DSGVO-zertifizierter KI-Infrastruktur
|
||
</h3>
|
||
<div class="text-[11px] mt-1.5" style="color:#6E6862;">Microsoft Deutschland GmbH</div>
|
||
</article>
|
||
<div class="flex items-center gap-2.5 mt-2.5">
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
<span class="text-[9px] font-bold tracking-[0.22em] text-[#8A847B] uppercase font-mono">Ende Anzeige</span>
|
||
<span class="h-px bg-bg-rule-strong flex-1"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Sidebar Secondary Actions -->
|
||
<div>
|
||
<div class="eyebrow muted text-[9.5px] mb-2.5">Weiterführend</div>
|
||
<div class="flex flex-col border border-bg-rule-strong bg-white">
|
||
<a href="#" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 hover:bg-bg-elev">
|
||
<svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0"><path d="M2 1h7l3 3v9H2z" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M9 1v3h3" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
|
||
<span class="flex-1">Permalink & Zitiervorschlag</span>
|
||
<svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
||
</a>
|
||
<a href="#" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev">
|
||
<svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0"><path d="M2 4h10v8H2zM2 4V2h10v2" stroke="currentColor" stroke-width="1.3" fill="none" /></svg>
|
||
<span class="flex-1">Drucken & PDF</span>
|
||
<svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
||
</a>
|
||
<a href="#" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev">
|
||
<svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0"><path d="M3 11V3l8 4z" fill="currentColor" /></svg>
|
||
<span class="flex-1">RSS-Feed von Bundesministerium</span>
|
||
<svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
||
</a>
|
||
<a href="#" class="flex items-center gap-2.5 px-3 py-2.5 text-[12px] text-ink-2 border-t border-bg-rule hover:bg-bg-elev">
|
||
<svg width="13" height="13" viewBox="0 0 14 14" class="text-ink-3 flex-shrink-0"><circle cx="7" cy="7" r="5.5" stroke="currentColor" stroke-width="1.3" fill="none" /><path d="M7 4v3.5M7 9.5v.5" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" /></svg>
|
||
<span class="flex-1">Pressemitteilung melden</span>
|
||
<svg width="9" height="9" viewBox="0 0 12 12" fill="none" class="text-ink-4"><path d="M4 2l4 4-4 4" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" /></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- ============== RECOMMENDATIONS ============== -->
|
||
<section class="max-w-layout mx-auto px-8 mt-14">
|
||
<div class="grid grid-cols-2 gap-10">
|
||
|
||
<!-- Mehr von BMWK -->
|
||
<div>
|
||
<h3 class="font-serif text-[20px] font-semibold m-0 mb-1 tracking-[-0.2px]">Mehr von BMWK</h3>
|
||
<div class="text-[11.5px] text-ink-3 mb-3.5">Aktuelle Mitteilungen aus diesem Newsroom</div>
|
||
<hr class="rule-strong mb-1" />
|
||
|
||
<a href="#" class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 1fr; gap:14px;">
|
||
<span class="font-mono text-[11px] text-ink-3">5. Mai</span>
|
||
<div>
|
||
<span class="bp-cat text-[9px]">Wasserstoff</span>
|
||
<h4 class="font-serif text-[15px] font-medium m-0 mt-1 leading-[1.3]">
|
||
Wasserstoff-Importstrategie: BMWK präsentiert Partnerländer-Liste
|
||
</h4>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="#" class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 1fr; gap:14px;">
|
||
<span class="font-mono text-[11px] text-ink-3">29. April</span>
|
||
<div>
|
||
<span class="bp-cat text-[9px]">Klima</span>
|
||
<h4 class="font-serif text-[15px] font-medium m-0 mt-1 leading-[1.3]">
|
||
EU-Emissionshandel: Deutschland fordert Verschärfung der Industrie-Quoten
|
||
</h4>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="#" class="grid items-baseline py-3.5" style="grid-template-columns:60px 1fr; gap:14px;">
|
||
<span class="font-mono text-[11px] text-ink-3">22. April</span>
|
||
<div>
|
||
<span class="bp-cat text-[9px]">Industrie</span>
|
||
<h4 class="font-serif text-[15px] font-medium m-0 mt-1 leading-[1.3]">
|
||
Industriestrompreis: Habeck konkretisiert Subventionsmodell für 2027
|
||
</h4>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="#" class="block mt-3.5 text-[12.5px] font-semibold text-brand hover:text-brand-deep">
|
||
Alle Mitteilungen von BMWK →
|
||
</a>
|
||
</div>
|
||
|
||
<!-- Verwandte Meldungen -->
|
||
<div>
|
||
<h3 class="font-serif text-[20px] font-semibold m-0 mb-1 tracking-[-0.2px]">Verwandte Meldungen</h3>
|
||
<div class="text-[11.5px] text-ink-3 mb-3.5">Reaktionen, ähnliche Themen, Branchenkontext</div>
|
||
<hr class="rule-strong mb-1" />
|
||
|
||
<a href="#" class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 1fr; gap:14px;">
|
||
<span class="font-mono text-[11px] text-ink-3">Heute</span>
|
||
<div>
|
||
<div class="flex items-baseline gap-2 flex-wrap">
|
||
<span class="bp-cat text-[9px]">Stahl</span>
|
||
<span class="text-[10.5px] text-ink-3 font-mono">thyssenkrupp AG</span>
|
||
</div>
|
||
<h4 class="font-serif text-[15px] font-medium m-0 mt-1 leading-[1.3]">
|
||
thyssenkrupp begrüßt BMWK-Programm — Direktreduktions-Anlage Duisburg ab 2028
|
||
</h4>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="#" class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 1fr; gap:14px;">
|
||
<span class="font-mono text-[11px] text-ink-3">Heute</span>
|
||
<div>
|
||
<div class="flex items-baseline gap-2 flex-wrap">
|
||
<span class="bp-cat text-[9px]">Stahl</span>
|
||
<span class="text-[10.5px] text-ink-3 font-mono">Salzgitter AG</span>
|
||
</div>
|
||
<h4 class="font-serif text-[15px] font-medium m-0 mt-1 leading-[1.3]">
|
||
SALCOS-Programm: Salzgitter erwartet Förderzusage im dritten Quartal
|
||
</h4>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="#" class="grid items-baseline py-3.5" style="grid-template-columns:60px 1fr; gap:14px;">
|
||
<span class="font-mono text-[11px] text-ink-3">Gestern</span>
|
||
<div>
|
||
<div class="flex items-baseline gap-2 flex-wrap">
|
||
<span class="bp-cat text-[9px]">Forschung</span>
|
||
<span class="text-[10.5px] text-ink-3 font-mono">Fraunhofer ISI</span>
|
||
</div>
|
||
<h4 class="font-serif text-[15px] font-medium m-0 mt-1 leading-[1.3]">
|
||
Studie: 12 Mrd. Euro reichen für 38% der Schwerindustrie-Transformation
|
||
</h4>
|
||
</div>
|
||
</a>
|
||
|
||
<a href="#" class="block mt-3.5 text-[12.5px] font-semibold text-brand hover:text-brand-deep">
|
||
Alle Meldungen aus Energie & Klima →
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== FOOTER ============== -->
|
||
<footer class="bg-bg-footer text-ink-on-dark-2 mt-16 pt-10 pb-6">
|
||
<div class="max-w-layout mx-auto px-8">
|
||
<div class="grid gap-8 mb-8" style="grid-template-columns:1.5fr 1fr 1fr 1fr;">
|
||
|
||
<div>
|
||
<div class="font-serif text-[22px] font-semibold text-ink-on-dark">
|
||
businessportal<span class="text-brand">24</span>
|
||
</div>
|
||
<p class="text-[12.5px] leading-[1.5] mt-3 max-w-[320px]">
|
||
Pressemitteilungen aus Deutschland, Österreich und der Schweiz. Redaktionell geprüft. Strukturiert distribuiert.
|
||
</p>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="eyebrow text-ink-on-dark mb-3" style="color:#F6F4EF;">Redaktion</div>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Über uns</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Redaktionsrichtlinien</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Kontakt</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Impressum</a>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="eyebrow text-ink-on-dark mb-3" style="color:#F6F4EF;">Service</div>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Pressemitteilung einreichen</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">API-Dokumentation</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Newsletter</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">RSS-Feeds</a>
|
||
</div>
|
||
|
||
<div>
|
||
<div class="eyebrow text-ink-on-dark mb-3" style="color:#F6F4EF;">Rechtliches</div>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Datenschutz</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">AGB</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Cookie-Einstellungen</a>
|
||
<a href="#" class="block py-1 text-[12.5px] hover:text-ink-on-dark">Werbung</a>
|
||
</div>
|
||
</div>
|
||
|
||
<hr style="border:0;border-top:1px solid rgba(255,255,255,0.12);" />
|
||
|
||
<div class="flex justify-between mt-4 text-[11.5px]">
|
||
<span>© 2026 businessportal24 GmbH</span>
|
||
<span>DACH · DE · AT · CH</span>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</article>
|
||
|
||
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
|
||
</html>
|