875 lines
72 KiB
HTML
875 lines
72 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<title>businessportal24 — Branche · Energie & Klima</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" />
|
||
|
||
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
colors: {
|
||
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","bg-strip":"#1A1F26",
|
||
topbar:"#1A1F26",topbar2:"#232A33",
|
||
ink:"#1C1A17","ink-2":"#3D3935","ink-3":"#6E6862","ink-4":"#9A958D",
|
||
"ink-on-dark":"#F6F4EF","ink-on-dark-2":"#B8B3AA",
|
||
brand:"#C84A1E","brand-deep":"#A23814","brand-soft":"#F4E5DD",
|
||
live:"#E03A1A",gain:"#2E8540",loss:"#C8341E",ok:"#2E8540",
|
||
},
|
||
fontFamily: {
|
||
sans:['"Inter Tight"','"Söhne"','Inter','system-ui','sans-serif'],
|
||
serif:['"Source Serif 4"','"Source Serif Pro"','Charter','Georgia','serif'],
|
||
mono:['"JetBrains Mono"','"SF Mono"','ui-monospace','monospace'],
|
||
},
|
||
maxWidth:{ layout:"1280px" },
|
||
backgroundImage:{
|
||
"topbar-grad":"linear-gradient(135deg,#1A1F26 0%,#232A33 100%)",
|
||
"hero-ocean":"linear-gradient(135deg,#14202E 0%,#1A2D44 60%,#2A4566 100%)",
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style>
|
||
html,body{margin:0;padding:0;} body{background:#E8E4DA;font-family:"Inter Tight",system-ui,sans-serif;}
|
||
.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;}
|
||
.bp-tag{display:inline-flex;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;background:#C84A1E;color:white;}
|
||
.bp-tag.verified{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:white;backdrop-filter:blur(4px);}
|
||
.rule-strong{height:1px;background:#1C1A17;border:0;margin:0;}
|
||
.rule{height:1px;background:#E5E0D5;border:0;margin:0;}
|
||
@keyframes bp-pulse{0%,100%{opacity:1}50%{opacity:.3}} .pulse-dot{animation:bp-pulse 1.6s ease-in-out infinite;}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="bg-bg text-ink font-sans antialiased">
|
||
<div class="mx-auto bg-bg" style="width:1280px;">
|
||
|
||
<!-- ============== 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]">Mi, 6. 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>
|
||
<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-[540px]">
|
||
<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">
|
||
<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">Suche in „Energie & Klima" — Unternehmen, ISIN, Standort…</span>
|
||
<span class="text-[10.5px] text-ink-4 border border-bg-rule px-1.5 py-0.5 font-mono">⌘K</span>
|
||
</div>
|
||
<div class="flex justify-between mt-1.5 text-[11px] text-ink-3">
|
||
<span>Schnellfilter: <a class="text-brand font-semibold">Verifiziert</a> · <a class="text-brand font-semibold">Mit ISIN</a> · <a class="text-brand font-semibold">Letzte 24 h</a></span>
|
||
<a class="text-brand font-semibold">Erweiterte Suche →</a>
|
||
</div>
|
||
</div>
|
||
<button class="px-4 py-2.5 text-[13px] font-semibold text-ink">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 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>
|
||
|
||
<!-- ============== BRANCHEN-SCHLAGZEILEN STRIP ============== -->
|
||
<div class="bg-strip text-ink-on-dark" style="background:#1A1F26;">
|
||
<div class="max-w-layout mx-auto px-8 py-2.5 grid items-center gap-5 text-[12.5px]" style="grid-template-columns:auto 1fr auto;">
|
||
<span class="inline-flex items-center gap-2 text-ink-on-dark-2 font-semibold text-[10px] tracking-[0.18em] uppercase font-mono">
|
||
<svg width="10" height="10" viewBox="0 0 12 12" fill="none" class="opacity-70"><path d="M1 3h10M1 6h10M1 9h6" stroke="currentColor" stroke-width="1.2"/></svg>
|
||
Top-Schlagzeilen · Energie
|
||
</span>
|
||
<div class="flex gap-6 overflow-hidden whitespace-nowrap">
|
||
<span class="inline-flex gap-2 items-baseline"><span class="font-mono text-[11px] text-[#8A847B]">14:32</span><span class="text-ink-on-dark">Siemens Energy hebt Jahresprognose an — Auftragsbestand Rekord</span></span>
|
||
<span class="inline-flex gap-2 items-baseline"><span class="font-mono text-[11px] text-[#8A847B]">13:55</span><span class="text-ink-on-dark">Fluence eröffnet Gigafactory Halle (Saale)</span></span>
|
||
<span class="inline-flex gap-2 items-baseline"><span class="font-mono text-[11px] text-[#8A847B]">12:47</span><span class="text-ink-on-dark">TenneT vergibt 2,3-Mrd-Auftrag SuedLink</span></span>
|
||
</div>
|
||
<a class="inline-flex items-center gap-1.5 text-ink-on-dark-2 text-[11.5px]">
|
||
<svg width="11" height="11" viewBox="0 0 12 12" fill="none"><rect x="2" y="2" width="8" height="8" stroke="currentColor" stroke-width="1" fill="none"/><path d="M4 5.5h4M4 7.5h2.5" stroke="currentColor" stroke-width="1"/></svg>
|
||
RSS für diese Branche
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============== BREADCRUMB ============== -->
|
||
<div class="bg-bg border-b border-bg-rule">
|
||
<div class="max-w-layout mx-auto px-8 py-2.5 flex items-center gap-2 text-[11.5px] text-ink-3">
|
||
<a href="#" class="hover:text-ink">Startseite</a>
|
||
<svg width="8" height="8" viewBox="0 0 8 8" class="opacity-60"><path d="M2.5 1.5l3 2.5-3 2.5" stroke="currentColor" stroke-width="1.3" fill="none"/></svg>
|
||
<a href="#" class="hover:text-ink">Branchen</a>
|
||
<svg width="8" height="8" viewBox="0 0 8 8" class="opacity-60"><path d="M2.5 1.5l3 2.5-3 2.5" stroke="currentColor" stroke-width="1.3" fill="none"/></svg>
|
||
<span class="text-ink font-semibold">Energie & Klima</span>
|
||
<span class="flex-1"></span>
|
||
<span class="font-mono text-ink-4">/branche/energie-klima</span>
|
||
</div>
|
||
</div>
|
||
|
||
<main class="max-w-layout mx-auto px-8 pt-9 pb-12">
|
||
|
||
<!-- ============== MASTHEAD ============== -->
|
||
<section>
|
||
<div class="grid gap-12 items-end mb-[18px]" style="grid-template-columns:1.5fr 1fr;">
|
||
<div>
|
||
<div class="eyebrow mb-3">Branche</div>
|
||
<h1 class="font-serif text-[56px] font-semibold m-0 mb-4 leading-[1.02]" style="letter-spacing:-1.2px;">Energie & Klima</h1>
|
||
<p class="font-serif text-[16px] leading-[1.55] m-0 mb-[18px] max-w-[620px] text-ink-2">
|
||
Aktuelle Pressemitteilungen, Studien und Termine aus der Energiewirtschaft, der Wasserstoff-Industrie, dem Klima- und Netzsektor. Redaktionell geprüft, mit Investitionsvolumen, Standorten und ISIN-Bezug.
|
||
</p>
|
||
<div class="text-[11.5px] text-ink-3 flex items-center gap-2.5">
|
||
<span class="w-1.5 h-1.5 rounded-full bg-brand pulse-dot"></span>
|
||
1 482 Meldungen in den letzten 30 Tagen · 47 heute · Aktualisiert 14:38 Uhr
|
||
</div>
|
||
</div>
|
||
<aside class="flex flex-col gap-2.5">
|
||
<button class="w-full px-4 py-3 inline-flex items-center justify-center gap-2 text-[13px] font-semibold text-white bg-brand hover:bg-brand-deep transition-colors">
|
||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M3 7h8M7 3v8" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
|
||
Branche folgen
|
||
</button>
|
||
<div class="grid grid-cols-2 gap-2">
|
||
<button class="inline-flex items-center justify-center gap-1.5 px-3 py-2.5 text-[12px] font-semibold border border-bg-rule-strong bg-white">
|
||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M1.5 3.5l4.5 3 4.5-3M1.5 3.5v6h9v-6M1.5 3.5L6 .5l4.5 3" stroke="currentColor" stroke-width="1" fill="none"/></svg>
|
||
E-Mail-Alert
|
||
</button>
|
||
<button class="inline-flex items-center justify-center gap-1.5 px-3 py-2.5 text-[12px] font-semibold border border-bg-rule-strong bg-white">
|
||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none"><circle cx="2.5" cy="9.5" r="1.2" fill="currentColor"/><path d="M2 2c4.5 0 8 3.5 8 8M2 5c2.8 0 5 2.2 5 5" stroke="currentColor" stroke-width="1.2" fill="none"/></svg>
|
||
RSS-Feed
|
||
</button>
|
||
</div>
|
||
<div class="mt-1.5 pt-3.5 border-t border-bg-rule flex justify-between items-baseline text-[11px] text-ink-3">
|
||
<div>
|
||
<div class="eyebrow muted text-[9px] mb-1">Redaktions-Ansprech</div>
|
||
<span class="text-[12px] text-ink-2"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0a6f646f786d636f4a687a383e246e6f">[email protected]</a></span>
|
||
</div>
|
||
<span class="inline-flex items-center gap-1 text-[10.5px] text-ink-3 font-mono cursor-help" style="border-bottom:1px dotted #9A958D;" title="NACE C-35 · D · E">
|
||
<svg width="10" height="10" viewBox="0 0 12 12" fill="none"><circle cx="6" cy="6" r="5" stroke="currentColor" stroke-width="1"/><path d="M6 5.5v3M6 3.5v.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
|
||
NACE-Code
|
||
</span>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
<hr class="rule-strong" />
|
||
</section>
|
||
|
||
<!-- ============== TOPIC CHIPS ============== -->
|
||
<div class="mt-6 mb-6 flex flex-wrap items-center gap-2">
|
||
<span class="eyebrow muted text-[10px] mr-1.5">Sub-Themen</span>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-semibold bg-ink text-bg border border-ink">Alle <span class="font-mono text-[10.5px] text-white/65 font-medium">1.482</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">Erneuerbare <span class="font-mono text-[10.5px] text-ink-3 font-medium">412</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">Wasserstoff <span class="font-mono text-[10.5px] text-ink-3 font-medium">184</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">Netze <span class="font-mono text-[10.5px] text-ink-3 font-medium">156</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">Speicher <span class="font-mono text-[10.5px] text-ink-3 font-medium">98</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">Klimapolitik <span class="font-mono text-[10.5px] text-ink-3 font-medium">174</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">Wärme & Gebäude <span class="font-mono text-[10.5px] text-ink-3 font-medium">121</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">Atomkraft <span class="font-mono text-[10.5px] text-ink-3 font-medium">47</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">Öl & Gas <span class="font-mono text-[10.5px] text-ink-3 font-medium">92</span></button>
|
||
<button class="inline-flex items-baseline gap-[7px] px-3.5 py-2 text-[12.5px] font-medium border border-bg-rule-strong text-ink">E-Mobilität & Laden <span class="font-mono text-[10.5px] text-ink-3 font-medium">198</span></button>
|
||
</div>
|
||
|
||
<!-- ============== STAT STRIP ============== -->
|
||
<div class="grid grid-cols-4 border-y border-bg-rule mb-8">
|
||
<div class="px-6 py-5 border-r border-bg-rule">
|
||
<div class="eyebrow muted text-[10px] mb-2.5">Meldungen heute</div>
|
||
<div class="font-serif text-[36px] font-semibold leading-none" style="letter-spacing:-0.6px;">47</div>
|
||
<div class="flex items-center gap-1.5 mt-2 text-[11.5px]">
|
||
<span class="inline-flex items-center text-gain font-semibold"><svg width="9" height="9" viewBox="0 0 9 9"><path d="M4.5 1.5l3 3.5h-2v3h-2v-3h-2z" fill="currentColor"/></svg></span>
|
||
<span class="text-ink-3">+18 ggü. Wochenschnitt</span>
|
||
</div>
|
||
</div>
|
||
<div class="px-6 py-5 border-r border-bg-rule">
|
||
<div class="eyebrow muted text-[10px] mb-2.5">Letzte 7 Tage</div>
|
||
<div class="font-serif text-[36px] font-semibold leading-none" style="letter-spacing:-0.6px;">284</div>
|
||
<div class="flex items-center gap-1.5 mt-2 text-[11.5px]">
|
||
<span class="inline-flex items-center text-gain font-semibold"><svg width="9" height="9" viewBox="0 0 9 9"><path d="M4.5 1.5l3 3.5h-2v3h-2v-3h-2z" fill="currentColor"/></svg></span>
|
||
<span class="text-ink-3">+12 % ggü. Vorwoche</span>
|
||
</div>
|
||
</div>
|
||
<div class="px-6 py-5 border-r border-bg-rule">
|
||
<div class="eyebrow muted text-[10px] mb-2.5">Aktive Unternehmen</div>
|
||
<div class="font-serif text-[36px] font-semibold leading-none" style="letter-spacing:-0.6px;">112</div>
|
||
<div class="flex items-center gap-1.5 mt-2 text-[11.5px]">
|
||
<span class="inline-flex items-center text-gain font-semibold"><svg width="9" height="9" viewBox="0 0 9 9"><path d="M4.5 1.5l3 3.5h-2v3h-2v-3h-2z" fill="currentColor"/></svg></span>
|
||
<span class="text-ink-3">+9 neu in dieser Woche</span>
|
||
</div>
|
||
</div>
|
||
<div class="px-6 py-5">
|
||
<div class="eyebrow muted text-[10px] mb-2.5">Branchen-Reichweite</div>
|
||
<div class="font-serif text-[36px] font-semibold leading-none" style="letter-spacing:-0.6px;">4,2 Mio.</div>
|
||
<div class="flex items-center gap-1.5 mt-2 text-[11.5px]">
|
||
<span class="inline-flex items-center text-gain font-semibold"><svg width="9" height="9" viewBox="0 0 9 9"><path d="M4.5 1.5l3 3.5h-2v3h-2v-3h-2z" fill="currentColor"/></svg></span>
|
||
<span class="text-ink-3">Leser-Impressionen / 30 Tage</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ============== TOP-MELDUNG + 2 BEGLEITER ============== -->
|
||
<section>
|
||
<div class="grid gap-9" style="grid-template-columns:1.7fr 1fr;">
|
||
<article>
|
||
<div>
|
||
<div class="relative overflow-hidden bg-hero-ocean" style="height:440px;">
|
||
<svg width="100%" height="100%" viewBox="0 0 800 440" preserveAspectRatio="xMidYMid slice" class="absolute inset-0">
|
||
<defs>
|
||
<linearGradient id="bp-sky" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#7BA0C4" stop-opacity="0.25" />
|
||
<stop offset="100%" stop-color="#0E1825" stop-opacity="0" />
|
||
</linearGradient>
|
||
</defs>
|
||
<rect width="800" height="440" fill="url(#bp-sky)" />
|
||
<path d="M 0 320 L 800 290" stroke="#3D5878" stroke-width="1" opacity="0.6" />
|
||
<circle cx="640" cy="180" r="48" fill="#C84A1E" opacity="0.7" />
|
||
<circle cx="640" cy="180" r="72" fill="#C84A1E" opacity="0.18" />
|
||
<g transform="translate(80 200)" opacity="0.55"><line x1="0" y1="0" x2="0" y2="140" stroke="#B8D2E6" stroke-width="2"/><circle cx="0" cy="0" r="4" fill="#E2EEF6"/><line x1="0" y1="0" x2="36" y2="-22" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="32" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="-30" stroke="#E2EEF6" stroke-width="2.5"/></g>
|
||
<g transform="translate(180 230) scale(0.85)" opacity="0.61"><line x1="0" y1="0" x2="0" y2="140" stroke="#B8D2E6" stroke-width="2"/><circle cx="0" cy="0" r="4" fill="#E2EEF6"/><line x1="0" y1="0" x2="36" y2="-22" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="32" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="-30" stroke="#E2EEF6" stroke-width="2.5"/></g>
|
||
<g transform="translate(290 215) scale(0.95)" opacity="0.67"><line x1="0" y1="0" x2="0" y2="140" stroke="#B8D2E6" stroke-width="2"/><circle cx="0" cy="0" r="4" fill="#E2EEF6"/><line x1="0" y1="0" x2="36" y2="-22" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="32" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="-30" stroke="#E2EEF6" stroke-width="2.5"/></g>
|
||
<g transform="translate(410 240) scale(0.8)" opacity="0.73"><line x1="0" y1="0" x2="0" y2="140" stroke="#B8D2E6" stroke-width="2"/><circle cx="0" cy="0" r="4" fill="#E2EEF6"/><line x1="0" y1="0" x2="36" y2="-22" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="32" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="-30" stroke="#E2EEF6" stroke-width="2.5"/></g>
|
||
<g transform="translate(510 220) scale(0.9)" opacity="0.79"><line x1="0" y1="0" x2="0" y2="140" stroke="#B8D2E6" stroke-width="2"/><circle cx="0" cy="0" r="4" fill="#E2EEF6"/><line x1="0" y1="0" x2="36" y2="-22" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="32" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="-30" stroke="#E2EEF6" stroke-width="2.5"/></g>
|
||
<g transform="translate(710 250) scale(0.75)" opacity="0.85"><line x1="0" y1="0" x2="0" y2="140" stroke="#B8D2E6" stroke-width="2"/><circle cx="0" cy="0" r="4" fill="#E2EEF6"/><line x1="0" y1="0" x2="36" y2="-22" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="32" stroke="#E2EEF6" stroke-width="2.5"/><line x1="0" y1="0" x2="-18" y2="-30" stroke="#E2EEF6" stroke-width="2.5"/></g>
|
||
<rect x="0" y="320" width="800" height="120" fill="#0A121C" opacity="0.5"/>
|
||
<path d="M0 380 H800 M0 400 H800 M0 420 H800" stroke="#1F3A56" stroke-width="1" opacity="0.4"/>
|
||
</svg>
|
||
<div class="absolute top-5 left-5 flex gap-2">
|
||
<span class="bp-tag">Top-Meldung</span>
|
||
<span class="bp-tag verified">✓ Verifiziert</span>
|
||
</div>
|
||
<div class="absolute left-0 right-0 bottom-0 px-9 pb-8 pt-[70px] text-white" style="background:linear-gradient(180deg,transparent,rgba(0,0,0,0.92));">
|
||
<div class="eyebrow mb-3" style="color:#FF8B6F;">Wasserstoff · Offshore</div>
|
||
<h1 class="font-serif text-[34px] font-semibold m-0 leading-[1.12] tracking-[-0.6px] max-w-[680px]">
|
||
RWE startet 1,8-GW-Offshore-Windpark vor Helgoland — größtes Nordsee-Projekt 2025 geht in die Bauphase
|
||
</h1>
|
||
<p class="font-serif text-[14.5px] leading-[1.5] mt-3.5 max-w-[600px] text-white/85">
|
||
Mit einem Investitionsvolumen von 4,1 Milliarden Euro entsteht in der deutschen Bucht der bislang größte zusammenhängende Offshore-Komplex des Konzerns. Die Inbetriebnahme der ersten 600 MW ist für Q4 2027 vorgesehen; eine Hybrid-Anbindung an den geplanten Wasserstoff-Cluster Wilhelmshaven ist Teil des Konzeptes.
|
||
</p>
|
||
<div class="mt-[18px] flex items-center gap-3.5 text-[12px] text-white/70 flex-wrap">
|
||
<span class="inline-flex items-center gap-1.5">
|
||
<svg width="11" height="11" viewBox="0 0 11 11" style="color:#5BC07A;"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg>
|
||
RWE AG
|
||
</span>
|
||
<span>· Essen</span><span>·</span><span class="font-mono">17.10.2026 · 09:30</span>
|
||
<span>·</span><span>5 Min. Lesezeit</span>
|
||
<span>·</span><span class="font-mono">Volumen 4,1 Mrd. €</span>
|
||
<span>·</span><span class="font-mono text-white/85">ISIN DE0007037129</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<figcaption class="flex items-baseline justify-between gap-4 pt-2.5 pb-2.5 text-[11.5px] text-ink-3 border-b border-bg-rule">
|
||
<span><strong class="text-ink-2 font-semibold">Pressefoto:</strong> Offshore-Windpark Nordsee, RWE AG — bezieht sich auf die nebenstehende Top-Meldung</span>
|
||
<span class="font-mono text-ink-4 whitespace-nowrap">© RWE AG / Pressebild</span>
|
||
</figcaption>
|
||
</div>
|
||
</article>
|
||
|
||
<aside>
|
||
<div class="eyebrow muted mb-3.5">Weitere Top-Meldungen heute</div>
|
||
|
||
<article class="py-[18px] border-t border-bg-rule-strong border-b border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2">
|
||
<span class="bp-cat">Wasserstoff</span>
|
||
<span class="font-mono text-[11px] text-ink-3">12:28</span>
|
||
</div>
|
||
<h3 class="font-serif text-[17px] leading-[1.28] m-0 font-semibold tracking-[-0.2px]">EnBW unterzeichnet Wasserstoff-Lieferabkommen mit Air Liquide — 120 000 t pro Jahr ab 2028</h3>
|
||
<div class="mt-2.5 text-[11.5px] text-ink-3 flex items-center gap-2">
|
||
<svg width="11" height="11" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg>
|
||
<span>EnBW Energie Baden-Württemberg AG</span>
|
||
<span class="text-ink-4">·</span>
|
||
<span class="text-[9.5px] font-bold tracking-[0.1em] uppercase text-brand border border-brand/25 px-1.5 py-px font-mono" style="background:rgba(204,55,51,0.04);">Verifiziert</span>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="py-[18px] border-b border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2">
|
||
<span class="bp-cat">Klimapolitik</span>
|
||
<span class="font-mono text-[11px] text-ink-3">10:55</span>
|
||
</div>
|
||
<h3 class="font-serif text-[17px] leading-[1.28] m-0 font-semibold tracking-[-0.2px]">Stadtwerke München erreichen 100-%-Ökostrom-Ziel für alle Privatkunden — drei Jahre vor Plan</h3>
|
||
<div class="mt-2.5 text-[11.5px] text-ink-3 flex items-center gap-2">
|
||
<svg width="11" height="11" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg>
|
||
<span>SWM Versorgungs GmbH</span>
|
||
<span class="text-ink-4">·</span>
|
||
<span class="text-[9.5px] font-bold tracking-[0.1em] uppercase text-brand border border-brand/25 px-1.5 py-px font-mono" style="background:rgba(204,55,51,0.04);">Redaktion</span>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- Pressekontakt Top-Meldung -->
|
||
<div class="mt-[22px] px-[22px] py-5" style="background:#F1ECE2;border-top:3px solid #C84A1E;">
|
||
<div class="eyebrow mb-2.5">Pressekontakt · Top-Meldung</div>
|
||
<div class="flex items-center gap-3 mb-3">
|
||
<div class="w-[42px] h-[42px] rounded-full text-white inline-flex items-center justify-center text-[14px] font-semibold font-serif" style="background:linear-gradient(135deg,#1A2D44,#2A4566);">SK</div>
|
||
<div>
|
||
<div class="font-serif text-[15px] font-semibold leading-[1.2]">Stephanie Klein</div>
|
||
<div class="text-[11.5px] text-ink-3 mt-0.5">Leitung Konzernkommunikation · RWE AG</div>
|
||
</div>
|
||
</div>
|
||
<div class="text-[12px] text-ink-2 leading-[1.55] mb-3">
|
||
<div><span class="font-mono text-ink-3">Tel.</span> +49 201 5179-5111</div>
|
||
<div><span class="font-mono text-ink-3">Mail</span> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="cebebcabbdbdab8ebcb9abe0ada1a3">[email protected]</a></div>
|
||
</div>
|
||
<div class="grid grid-cols-2 gap-2">
|
||
<button class="px-2.5 py-2 text-[12px] font-semibold border border-ink text-ink bg-white">Pressemappe</button>
|
||
<button class="px-2.5 py-2 text-[12px] font-semibold bg-brand hover:bg-brand-deep text-white">Anfrage senden</button>
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== AKTUELLE MELDUNGEN ============== -->
|
||
<section class="mt-16 grid gap-9" style="grid-template-columns:1.7fr 1fr;">
|
||
<div>
|
||
<header class="flex items-baseline justify-between mb-4 min-h-[34px]">
|
||
<h2 class="font-serif text-[28px] font-semibold m-0 tracking-[-0.3px]">
|
||
Aktuelle Meldungen <span class="text-[14px] text-ink-3 font-normal ml-1.5">· Energie & Klima</span>
|
||
</h2>
|
||
<div class="flex gap-[18px] text-[12.5px] text-ink-3">
|
||
<a class="text-ink border-b-[1.5px] border-brand pb-0.5 cursor-pointer">Alle</a>
|
||
<a class="cursor-pointer">Heute</a>
|
||
<a class="cursor-pointer">Diese Woche</a>
|
||
<a class="cursor-pointer">Diesen Monat</a>
|
||
</div>
|
||
</header>
|
||
<hr class="rule-strong" />
|
||
|
||
<!-- FEED ROWS -->
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">14:32</span>
|
||
<span class="bp-cat text-[10.5px]">Erneuerbare</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium flex items-baseline gap-2 flex-wrap">
|
||
<span>Siemens Energy hebt Jahresprognose an — Auftragsbestand Gas Services auf Rekordhoch</span>
|
||
<span class="inline-flex items-center gap-1 text-[9.5px] font-bold tracking-[0.1em] uppercase text-brand font-mono border border-brand/30 px-1.5 py-px" style="background:rgba(204,55,51,0.04);">
|
||
<svg width="9" height="9" viewBox="0 0 12 12"><path d="M6 1l1.5 3.2 3.5.4-2.6 2.4.7 3.5L6 8.8l-3.1 1.7.7-3.5L1 4.6l3.5-.4z" fill="currentColor"/></svg>Empfehlung
|
||
</span>
|
||
</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Siemens Energy AG · München</span></div>
|
||
</div>
|
||
<span class="font-mono text-[10.5px] text-ink-3 bg-bg-elev px-1.5 py-0.5 border border-bg-rule whitespace-nowrap">ISIN</span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">14:18</span>
|
||
<span class="bp-cat text-[10.5px]">Klimapolitik</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium flex items-baseline gap-2 flex-wrap">
|
||
<span>BMWK kündigt 12-Mrd-Programm zur Industrie-Dekarbonisierung an — erste Tranche 4,8 Mrd. ab Q3 2026</span>
|
||
<span class="inline-flex items-center gap-1 text-[9.5px] font-bold tracking-[0.1em] uppercase text-brand font-mono border border-brand/30 px-1.5 py-px" style="background:rgba(204,55,51,0.04);">
|
||
<svg width="9" height="9" viewBox="0 0 12 12"><path d="M6 1l1.5 3.2 3.5.4-2.6 2.4.7 3.5L6 8.8l-3.1 1.7.7-3.5L1 4.6l3.5-.4z" fill="currentColor"/></svg>Empfehlung
|
||
</span>
|
||
</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Bundesministerium für Wirtschaft und Klimaschutz · Berlin</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">13:55</span>
|
||
<span class="bp-cat text-[10.5px]">Speicher</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">Fluence eröffnet europäische Gigafactory für Batteriespeicher in Halle (Saale) — 380 neue Stellen</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Fluence Energy GmbH · Halle (Saale)</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">13:14</span>
|
||
<span class="bp-cat text-[10.5px]">Erneuerbare</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">Verbund AG bestätigt 4-Mrd-Investitionsplan für österreichischen Wasserkraft-Ausbau bis 2030</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Verbund AG · Wien</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">12:47</span>
|
||
<span class="bp-cat text-[10.5px]">Netze</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">TenneT vergibt 2,3-Mrd-Auftrag für HGÜ-Korridor SuedLink an Konsortium Siemens Energy / Hitachi</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>TenneT TSO GmbH · Bayreuth</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">11:50</span>
|
||
<span class="bp-cat text-[10.5px]">Wärme & Gebäude</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">Vaillant kündigt 700-Mio-Investition in europäische Wärmepumpen-Produktion an — Erweiterung Remscheid</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Vaillant Group · Remscheid</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">11:20</span>
|
||
<span class="bp-cat text-[10.5px]">E-Mobilität</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">Ionity erweitert Ultraschnellladenetz auf 1 000 Stationen in DACH — Schwerpunkt Autobahn-Knotenpunkte</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Ionity GmbH · München</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<!-- FEED-AD nach Position 6 -->
|
||
<div class="my-2">
|
||
<div class="flex items-center gap-2.5">
|
||
<span class="h-px flex-1" style="background:#C8BDA8;"></span>
|
||
<span class="text-[9px] font-bold tracking-[0.22em] uppercase font-mono" style="color:#8A847B;">Anzeige</span>
|
||
<span class="h-px flex-1" style="background:#C8BDA8;"></span>
|
||
</div>
|
||
<a class="grid items-baseline p-4 gap-4" style="grid-template-columns:60px 120px 1fr auto; background:#F1ECE2;">
|
||
<span class="font-mono text-[12px]" style="color:#6E6862;">Promotion</span>
|
||
<span class="text-[10.5px] font-bold tracking-[0.14em] uppercase" style="color:#6E6862;">Anzeige · Energie</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium" style="color:#3A332B;">Webinar 19. Nov: Wie Industrie-CFOs CCfD-Verträge richtig kalkulieren</div>
|
||
<div class="text-[11px] mt-1" style="color:#6E6862;">PwC Deutschland · Carbon Advisory</div>
|
||
</div>
|
||
<span class="text-[9.5px] font-bold tracking-[0.1em] uppercase font-mono whitespace-nowrap px-1.5 py-0.5" style="color:#8A847B;border:1px solid #C8BDA8;">Promotion</span>
|
||
</a>
|
||
<div class="flex items-center gap-2.5">
|
||
<span class="h-px flex-1" style="background:#C8BDA8;"></span>
|
||
<span class="text-[9px] font-bold tracking-[0.22em] uppercase font-mono" style="color:#8A847B;">Ende Anzeige</span>
|
||
<span class="h-px flex-1" style="background:#C8BDA8;"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">10:48</span>
|
||
<span class="bp-cat text-[10.5px]">Erneuerbare</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">BayWa r.e. veräußert 660-MW-Solar-Portfolio Spanien an Allianz Capital Partners</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>BayWa r.e. AG · München</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">09:33</span>
|
||
<span class="bp-cat text-[10.5px]">Wasserstoff</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium flex items-baseline gap-2 flex-wrap">
|
||
<span>Linde plc und Sasol vereinbaren Joint Venture für grünen Wasserstoff in Mitteldeutschland</span>
|
||
<span class="inline-flex items-center gap-1 text-[9.5px] font-bold tracking-[0.1em] uppercase text-brand font-mono border border-brand/30 px-1.5 py-px" style="background:rgba(204,55,51,0.04);">
|
||
<svg width="9" height="9" viewBox="0 0 12 12"><path d="M6 1l1.5 3.2 3.5.4-2.6 2.4.7 3.5L6 8.8l-3.1 1.7.7-3.5L1 4.6l3.5-.4z" fill="currentColor"/></svg>Empfehlung
|
||
</span>
|
||
</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Linde plc · Dublin</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">09:18</span>
|
||
<span class="bp-cat text-[10.5px]">Klimapolitik</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">EU-Kommission notifiziert deutsches Carbon-Contracts-for-Difference-Programm — Auszahlung ab Juli möglich</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Bundesnetzagentur · Bonn</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">08:15</span>
|
||
<span class="bp-cat text-[10.5px]">Speicher</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">Northvolt Germany sichert sich 1,1 Mrd. € Finanzierung für Zellfabrik Heide — Baubeginn verschoben auf Q2 2026</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Northvolt Germany GmbH · Heide</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<a class="grid items-baseline py-3.5 border-b border-bg-rule" style="grid-template-columns:60px 120px 1fr auto; gap:16px;">
|
||
<span class="font-mono text-[12px] text-ink-3">07:42</span>
|
||
<span class="bp-cat text-[10.5px]">Öl & Gas</span>
|
||
<div>
|
||
<div class="font-serif text-[15.5px] leading-[1.3] font-medium">Wintershall Dea schliesst Trennung des russischen Geschäfts ab — Bilanzwirkung im Q3-Bericht erwartet</div>
|
||
<div class="text-[11px] text-ink-3 mt-1 flex items-center gap-1.5"><svg width="9" height="9" viewBox="0 0 11 11" class="text-ok"><circle cx="5.5" cy="5.5" r="5" fill="currentColor"/><path d="M3 5.5l1.8 1.8L8 4" stroke="white" stroke-width="1.4" fill="none" stroke-linecap="round"/></svg><span>Wintershall Dea GmbH · Kassel</span></div>
|
||
</div>
|
||
<span></span>
|
||
</a>
|
||
|
||
<div class="flex justify-between items-center mt-7">
|
||
<span class="text-[11.5px] text-ink-3">12 von 284 Meldungen · letzte 7 Tage</span>
|
||
<button class="px-3.5 py-2.5 text-[13px] font-semibold border border-bg-rule-strong bg-white text-ink hover:bg-bg-elev">Weitere 272 Meldungen anzeigen →</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- SIDEBAR -->
|
||
<aside class="flex flex-col gap-9">
|
||
<!-- Meistgelesen -->
|
||
<div>
|
||
<header class="flex items-baseline justify-between mb-3 min-h-[34px]">
|
||
<h2 class="font-serif text-[28px] font-semibold m-0 tracking-[-0.3px]">Meistgelesen</h2>
|
||
<span class="eyebrow muted text-[10px]">in dieser Branche</span>
|
||
</header>
|
||
<div class="inline-flex mb-3 border border-bg-rule-strong bg-bg-elev">
|
||
<button class="px-3 py-1.5 text-[11px] font-semibold font-mono uppercase tracking-wider text-ink-2">24 h</button>
|
||
<button class="px-3 py-1.5 text-[11px] font-semibold font-mono uppercase tracking-wider bg-ink text-bg border-l border-bg-rule">7 Tage</button>
|
||
<button class="px-3 py-1.5 text-[11px] font-semibold font-mono uppercase tracking-wider text-ink-2 border-l border-bg-rule">30 Tage</button>
|
||
</div>
|
||
<hr class="rule-strong mb-1" />
|
||
|
||
<div class="py-3.5 border-b border-bg-rule">
|
||
<div class="grid items-baseline gap-2.5 mb-1.5" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="font-serif text-[18px] text-brand font-semibold leading-none">1</div>
|
||
<div class="font-serif text-[14px] leading-[1.3] font-medium">RWE: 1,8-GW-Offshore-Park Helgoland startet</div>
|
||
<span class="font-mono text-[11px] text-ink-3">9.842</span>
|
||
</div>
|
||
<div class="ml-[42px] h-[3px] bg-bg-rule"><div class="h-full bg-brand" style="width:100%;"></div></div>
|
||
</div>
|
||
<div class="py-3.5 border-b border-bg-rule">
|
||
<div class="grid items-baseline gap-2.5 mb-1.5" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="font-serif text-[18px] text-brand font-semibold leading-none">2</div>
|
||
<div class="font-serif text-[14px] leading-[1.3] font-medium">BMWK: 12-Mrd-Programm Industrie-Dekarbonisierung</div>
|
||
<span class="font-mono text-[11px] text-ink-3">8.214</span>
|
||
</div>
|
||
<div class="ml-[42px] h-[3px] bg-bg-rule"><div class="h-full bg-brand" style="width:83%;"></div></div>
|
||
</div>
|
||
<div class="py-3.5 border-b border-bg-rule">
|
||
<div class="grid items-baseline gap-2.5 mb-1.5" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="font-serif text-[18px] text-brand font-semibold leading-none">3</div>
|
||
<div class="font-serif text-[14px] leading-[1.3] font-medium">Fluence Gigafactory Halle — 380 neue Stellen</div>
|
||
<span class="font-mono text-[11px] text-ink-3">6.428</span>
|
||
</div>
|
||
<div class="ml-[42px] h-[3px] bg-bg-rule"><div class="h-full bg-brand" style="width:65%;"></div></div>
|
||
</div>
|
||
<div class="py-3.5 border-b border-bg-rule">
|
||
<div class="grid items-baseline gap-2.5 mb-1.5" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="font-serif text-[18px] text-brand font-semibold leading-none">4</div>
|
||
<div class="font-serif text-[14px] leading-[1.3] font-medium">TenneT vergibt 2,3-Mrd-Auftrag SuedLink</div>
|
||
<span class="font-mono text-[11px] text-ink-3">5.102</span>
|
||
</div>
|
||
<div class="ml-[42px] h-[3px] bg-bg-rule"><div class="h-full bg-brand" style="width:52%;"></div></div>
|
||
</div>
|
||
<div class="py-3.5">
|
||
<div class="grid items-baseline gap-2.5 mb-1.5" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="font-serif text-[18px] text-brand font-semibold leading-none">5</div>
|
||
<div class="font-serif text-[14px] leading-[1.3] font-medium">Linde / Sasol JV für grünen Wasserstoff</div>
|
||
<span class="font-mono text-[11px] text-ink-3">3.914</span>
|
||
</div>
|
||
<div class="ml-[42px] h-[3px] bg-bg-rule"><div class="h-full bg-brand" style="width:40%;"></div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Newsletter CTA -->
|
||
<div class="p-6 bg-strip text-ink-on-dark" style="background:#1A1F26;">
|
||
<div class="eyebrow mb-2" style="color:#FF8B6F;">Branchen-Briefing</div>
|
||
<h3 class="font-serif text-[20px] font-semibold m-0 mb-2 text-white leading-[1.2]" style="letter-spacing:-0.2px;">Energie & Klima — kompakt im Postfach</h3>
|
||
<p class="text-[12.5px] leading-[1.55] m-0 mb-4 text-white/85">Jeden Freitag · Top-Meldungen, Studien, Termine · 8 Min. Lesezeit</p>
|
||
<input type="email" placeholder="ihre@firma.de" readonly class="w-full px-3 py-2.5 text-[12px] text-white mb-2.5 outline-none" style="border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.06);" />
|
||
<button class="w-full px-3 py-2.5 text-[13px] font-semibold bg-brand text-white hover:bg-brand-deep">Kostenlos abonnieren →</button>
|
||
<div class="mt-2.5 text-[10.5px] text-white/55 leading-[1.45]">DSGVO-konform · Abbestellung jederzeit möglich</div>
|
||
</div>
|
||
|
||
<!-- Top-Newsrooms -->
|
||
<div>
|
||
<header class="flex items-baseline justify-between mb-3.5 min-h-[34px]">
|
||
<h2 class="font-serif text-[28px] font-semibold m-0 tracking-[-0.3px]">Top-Newsrooms</h2>
|
||
<span class="eyebrow muted text-[10px]">letzte 7 Tage</span>
|
||
</header>
|
||
<hr class="rule-strong mb-1" />
|
||
|
||
<a class="grid items-center gap-3 py-3 border-b border-bg-rule" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="w-8 h-8 inline-flex items-center justify-center text-white text-[14px] font-bold font-serif" style="background:#1D4E8B;">R</div>
|
||
<div><div class="text-[13.5px] font-semibold leading-[1.2]">RWE AG</div><div class="text-[11px] text-ink-3 mt-0.5"><span class="font-mono">12</span> Meldungen letzte 7 Tage</div></div>
|
||
<span class="inline-flex items-center gap-1 text-[10.5px] font-semibold text-ink-2 px-2 py-[3px] whitespace-nowrap" style="background:rgba(204,55,51,0.06);border:1px solid rgba(204,55,51,0.18);"><span class="w-1.5 h-1.5 rounded-full bg-brand pulse-dot"></span>heute aktiv</span>
|
||
</a>
|
||
<a class="grid items-center gap-3 py-3 border-b border-bg-rule" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="w-8 h-8 inline-flex items-center justify-center text-white text-[14px] font-bold font-serif" style="background:#005C32;">E</div>
|
||
<div><div class="text-[13.5px] font-semibold leading-[1.2]">EnBW Energie</div><div class="text-[11px] text-ink-3 mt-0.5"><span class="font-mono">9</span> Meldungen letzte 7 Tage</div></div>
|
||
<span class="inline-flex items-center gap-1 text-[10.5px] font-semibold text-ink-2 px-2 py-[3px] whitespace-nowrap" style="background:rgba(204,55,51,0.06);border:1px solid rgba(204,55,51,0.18);"><span class="w-1.5 h-1.5 rounded-full bg-brand pulse-dot"></span>heute aktiv</span>
|
||
</a>
|
||
<a class="grid items-center gap-3 py-3 border-b border-bg-rule" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="w-8 h-8 inline-flex items-center justify-center text-white text-[14px] font-bold font-serif" style="background:#0098A6;">S</div>
|
||
<div><div class="text-[13.5px] font-semibold leading-[1.2]">Siemens Energy</div><div class="text-[11px] text-ink-3 mt-0.5"><span class="font-mono">11</span> Meldungen letzte 7 Tage</div></div>
|
||
<span class="inline-flex items-center gap-1 text-[10.5px] font-semibold text-ink-2 px-2 py-[3px] whitespace-nowrap" style="background:rgba(204,55,51,0.06);border:1px solid rgba(204,55,51,0.18);"><span class="w-1.5 h-1.5 rounded-full bg-brand pulse-dot"></span>heute aktiv</span>
|
||
</a>
|
||
<a class="grid items-center gap-3 py-3 border-b border-bg-rule" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="w-8 h-8 inline-flex items-center justify-center text-white text-[14px] font-bold font-serif" style="background:#000000;">B</div>
|
||
<div><div class="text-[13.5px] font-semibold leading-[1.2]">BMWK</div><div class="text-[11px] text-ink-3 mt-0.5"><span class="font-mono">7</span> Meldungen letzte 7 Tage</div></div>
|
||
<span class="inline-flex items-center gap-1 text-[10.5px] font-semibold text-ink-2 px-2 py-[3px] whitespace-nowrap" style="background:rgba(204,55,51,0.06);border:1px solid rgba(204,55,51,0.18);"><span class="w-1.5 h-1.5 rounded-full bg-brand pulse-dot"></span>heute aktiv</span>
|
||
</a>
|
||
<a class="grid items-center gap-3 py-3 border-b border-bg-rule" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="w-8 h-8 inline-flex items-center justify-center text-white text-[14px] font-bold font-serif" style="background:#D85C28;">T</div>
|
||
<div><div class="text-[13.5px] font-semibold leading-[1.2]">TenneT</div><div class="text-[11px] text-ink-3 mt-0.5"><span class="font-mono">6</span> Meldungen letzte 7 Tage</div></div>
|
||
<span class="inline-flex items-center gap-1 text-[10.5px] font-semibold text-ink-2 px-2 py-[3px] whitespace-nowrap" style="background:rgba(204,55,51,0.06);border:1px solid rgba(204,55,51,0.18);"><span class="w-1.5 h-1.5 rounded-full bg-brand pulse-dot"></span>heute aktiv</span>
|
||
</a>
|
||
<a class="grid items-center gap-3 py-3" style="grid-template-columns:32px 1fr auto;">
|
||
<div class="w-8 h-8 inline-flex items-center justify-center text-white text-[14px] font-bold font-serif" style="background:#1F1F1F;">V</div>
|
||
<div><div class="text-[13.5px] font-semibold leading-[1.2]">Vaillant</div><div class="text-[11px] text-ink-3 mt-0.5"><span class="font-mono">4</span> Meldungen letzte 7 Tage</div></div>
|
||
<span class="inline-flex items-center gap-1 text-[10.5px] font-semibold text-ink-2 px-2 py-[3px] whitespace-nowrap" style="background:rgba(204,55,51,0.06);border:1px solid rgba(204,55,51,0.18);"><span class="w-1.5 h-1.5 rounded-full bg-brand pulse-dot"></span>heute aktiv</span>
|
||
</a>
|
||
<a class="block mt-3 text-[12px] text-brand font-semibold">Alle 312 Newsrooms in Energie & Klima →</a>
|
||
</div>
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- ============== SUB-INDEX ============== -->
|
||
<section class="mt-16">
|
||
<header class="flex items-baseline justify-between mb-4">
|
||
<h2 class="font-serif text-[28px] font-semibold m-0 tracking-[-0.3px]">Sub-Branchen <span class="text-[14px] text-ink-3 font-normal ml-1.5">· Volumen letzte 30 Tage</span></h2>
|
||
<span class="eyebrow muted">7-Tage-Trend</span>
|
||
</header>
|
||
<hr class="rule-strong" />
|
||
<div class="grid grid-cols-4 border-b border-bg-rule">
|
||
<a class="block px-[22px] py-5 border-r border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2"><span class="text-[14px] font-semibold">Erneuerbare</span><span class="font-mono text-[12px] text-gain font-semibold">+18%</span></div>
|
||
<div class="flex items-baseline gap-2 mb-1.5"><span class="font-serif text-[24px] font-semibold tracking-[-0.3px]">412</span><span class="text-[11px] text-ink-3">Meldungen</span></div>
|
||
<div class="text-[11px] text-ink-3 mb-2.5">Volumen <span class="font-mono text-ink-2">€3,2 Mrd.</span></div>
|
||
<div class="h-[3px] bg-bg-rule"><div class="h-full bg-gain" style="width:100%;"></div></div>
|
||
</a>
|
||
<a class="block px-[22px] py-5 border-r border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2"><span class="text-[14px] font-semibold">Wasserstoff</span><span class="font-mono text-[12px] text-gain font-semibold">+24%</span></div>
|
||
<div class="flex items-baseline gap-2 mb-1.5"><span class="font-serif text-[24px] font-semibold tracking-[-0.3px]">184</span><span class="text-[11px] text-ink-3">Meldungen</span></div>
|
||
<div class="text-[11px] text-ink-3 mb-2.5">Volumen <span class="font-mono text-ink-2">€1,4 Mrd.</span></div>
|
||
<div class="h-[3px] bg-bg-rule"><div class="h-full bg-gain" style="width:78%;"></div></div>
|
||
</a>
|
||
<a class="block px-[22px] py-5 border-r border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2"><span class="text-[14px] font-semibold">Klimapolitik</span><span class="font-mono text-[12px] text-gain font-semibold">+6%</span></div>
|
||
<div class="flex items-baseline gap-2 mb-1.5"><span class="font-serif text-[24px] font-semibold tracking-[-0.3px]">174</span><span class="text-[11px] text-ink-3">Meldungen</span></div>
|
||
<div class="text-[11px] text-ink-3 mb-2.5">Volumen <span class="font-mono text-ink-2">€2,1 Mrd.</span></div>
|
||
<div class="h-[3px] bg-bg-rule"><div class="h-full bg-gain" style="width:60%;"></div></div>
|
||
</a>
|
||
<a class="block px-[22px] py-5">
|
||
<div class="flex justify-between items-baseline mb-2"><span class="text-[14px] font-semibold">E-Mobilität</span><span class="font-mono text-[12px] text-gain font-semibold">+11%</span></div>
|
||
<div class="flex items-baseline gap-2 mb-1.5"><span class="font-serif text-[24px] font-semibold tracking-[-0.3px]">198</span><span class="text-[11px] text-ink-3">Meldungen</span></div>
|
||
<div class="text-[11px] text-ink-3 mb-2.5">Volumen <span class="font-mono text-ink-2">€840 Mio.</span></div>
|
||
<div class="h-[3px] bg-bg-rule"><div class="h-full bg-gain" style="width:70%;"></div></div>
|
||
</a>
|
||
<a class="block px-[22px] py-5 border-t border-r border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2"><span class="text-[14px] font-semibold">Netze</span><span class="font-mono text-[12px] text-gain font-semibold">+4%</span></div>
|
||
<div class="flex items-baseline gap-2 mb-1.5"><span class="font-serif text-[24px] font-semibold tracking-[-0.3px]">156</span><span class="text-[11px] text-ink-3">Meldungen</span></div>
|
||
<div class="text-[11px] text-ink-3 mb-2.5">Volumen <span class="font-mono text-ink-2">€1,8 Mrd.</span></div>
|
||
<div class="h-[3px] bg-bg-rule"><div class="h-full bg-gain" style="width:55%;"></div></div>
|
||
</a>
|
||
<a class="block px-[22px] py-5 border-t border-r border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2"><span class="text-[14px] font-semibold">Wärme & Gebäude</span><span class="font-mono text-[12px] text-gain font-semibold">+9%</span></div>
|
||
<div class="flex items-baseline gap-2 mb-1.5"><span class="font-serif text-[24px] font-semibold tracking-[-0.3px]">121</span><span class="text-[11px] text-ink-3">Meldungen</span></div>
|
||
<div class="text-[11px] text-ink-3 mb-2.5">Volumen <span class="font-mono text-ink-2">€720 Mio.</span></div>
|
||
<div class="h-[3px] bg-bg-rule"><div class="h-full bg-gain" style="width:48%;"></div></div>
|
||
</a>
|
||
<a class="block px-[22px] py-5 border-t border-r border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2"><span class="text-[14px] font-semibold">Speicher</span><span class="font-mono text-[12px] text-gain font-semibold">+15%</span></div>
|
||
<div class="flex items-baseline gap-2 mb-1.5"><span class="font-serif text-[24px] font-semibold tracking-[-0.3px]">98</span><span class="text-[11px] text-ink-3">Meldungen</span></div>
|
||
<div class="text-[11px] text-ink-3 mb-2.5">Volumen <span class="font-mono text-ink-2">€640 Mio.</span></div>
|
||
<div class="h-[3px] bg-bg-rule"><div class="h-full bg-gain" style="width:38%;"></div></div>
|
||
</a>
|
||
<a class="block px-[22px] py-5 border-t border-bg-rule">
|
||
<div class="flex justify-between items-baseline mb-2"><span class="text-[14px] font-semibold">Öl & Gas</span><span class="font-mono text-[12px] text-loss font-semibold">-3%</span></div>
|
||
<div class="flex items-baseline gap-2 mb-1.5"><span class="font-serif text-[24px] font-semibold tracking-[-0.3px]">92</span><span class="text-[11px] text-ink-3">Meldungen</span></div>
|
||
<div class="text-[11px] text-ink-3 mb-2.5">Volumen <span class="font-mono text-ink-2">€410 Mio.</span></div>
|
||
<div class="h-[3px] bg-bg-rule"><div class="h-full bg-brand" style="width:36%;"></div></div>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== STUDIEN & WHITEPAPER ============== -->
|
||
<section class="mt-16">
|
||
<header class="flex items-baseline justify-between mb-4">
|
||
<h2 class="font-serif text-[28px] font-semibold m-0 tracking-[-0.3px]">Studien & Whitepaper</h2>
|
||
<a class="text-[12.5px] text-brand font-semibold">Alle 38 Publikationen →</a>
|
||
</header>
|
||
<hr class="rule-strong mb-6" />
|
||
<div class="grid grid-cols-2 gap-6">
|
||
<div class="p-[22px] grid gap-[18px] items-start" style="grid-template-columns:auto 1fr; background:#F1ECE2; border-top:3px solid #C84A1E;">
|
||
<div class="relative flex flex-col w-20 h-[104px] bg-white border border-bg-rule-strong flex-shrink-0">
|
||
<div class="h-3 bg-brand"></div>
|
||
<div class="px-2 pt-2 flex-1 flex flex-col gap-1">
|
||
<div style="height:2.5px;width:100%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:85%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:70%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:95%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:60%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:50%;background:#D6D2C8;"></div>
|
||
</div>
|
||
<div class="absolute bottom-1.5 right-1.5 text-[8px] font-mono text-ink-4">PDF</div>
|
||
</div>
|
||
<div>
|
||
<div class="eyebrow mb-2 text-[10px]">Studie · Branchen-Monitor</div>
|
||
<h3 class="font-serif text-[18px] font-semibold m-0 mb-2.5 tracking-[-0.2px] leading-[1.25]">Energiewende-Monitor 2025 — Investitionen, Engpässe, Potenziale im DACH-Raum</h3>
|
||
<div class="text-[12px] text-ink-3 mb-3.5">
|
||
Fraunhofer-Institut für Solare Energiesysteme<br />
|
||
<span class="font-mono text-[11px]">84 Seiten · Veröffentlicht 11. November 2025</span>
|
||
</div>
|
||
<div class="flex gap-2 items-center">
|
||
<button class="px-3.5 py-2 text-[12px] font-semibold border border-ink text-ink bg-transparent">↓ Herunterladen</button>
|
||
<span class="text-[10.5px] text-ink-3 inline-flex items-center gap-1.5">
|
||
<svg width="11" height="11" viewBox="0 0 12 12" fill="none" style="color:#8A847B;"><rect x="2.5" y="5.5" width="7" height="5" stroke="currentColor" stroke-width="1"/><path d="M4 5.5V4a2 2 0 014 0v1.5" stroke="currentColor" stroke-width="1" fill="none"/></svg>
|
||
Anmeldung per E-Mail
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="p-[22px] grid gap-[18px] items-start" style="grid-template-columns:auto 1fr; background:#F1ECE2; border-top:3px solid #C84A1E;">
|
||
<div class="relative flex flex-col w-20 h-[104px] bg-white border border-bg-rule-strong flex-shrink-0">
|
||
<div class="h-3 bg-brand"></div>
|
||
<div class="px-2 pt-2 flex-1 flex flex-col gap-1">
|
||
<div style="height:2.5px;width:100%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:85%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:70%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:95%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:60%;background:#D6D2C8;"></div>
|
||
<div style="height:2.5px;width:50%;background:#D6D2C8;"></div>
|
||
</div>
|
||
<div class="absolute bottom-1.5 right-1.5 text-[8px] font-mono text-ink-4">PDF</div>
|
||
</div>
|
||
<div>
|
||
<div class="eyebrow mb-2 text-[10px]">Whitepaper · Wasserstoff</div>
|
||
<h3 class="font-serif text-[18px] font-semibold m-0 mb-2.5 tracking-[-0.2px] leading-[1.25]">Grüner Wasserstoff in der Stahl- und Chemieindustrie — Roadmap 2026 – 2032</h3>
|
||
<div class="text-[12px] text-ink-3 mb-3.5">
|
||
BDI / Boston Consulting Group<br />
|
||
<span class="font-mono text-[11px]">42 Seiten · Veröffentlicht 28. Oktober 2025</span>
|
||
</div>
|
||
<div class="flex gap-2 items-center">
|
||
<button class="px-3.5 py-2 text-[12px] font-semibold border border-ink text-ink bg-transparent">↓ Herunterladen</button>
|
||
<span class="text-[10.5px] text-ink-3 inline-flex items-center gap-1.5">
|
||
<svg width="11" height="11" viewBox="0 0 12 12" fill="none" style="color:#8A847B;"><rect x="2.5" y="5.5" width="7" height="5" stroke="currentColor" stroke-width="1"/><path d="M4 5.5V4a2 2 0 014 0v1.5" stroke="currentColor" stroke-width="1" fill="none"/></svg>
|
||
Anmeldung per E-Mail
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== TERMINE ============== -->
|
||
<section class="mt-16">
|
||
<header class="flex items-baseline justify-between mb-4">
|
||
<h2 class="font-serif text-[28px] font-semibold m-0 tracking-[-0.3px]">Branchen-Termine</h2>
|
||
<span class="eyebrow muted">Nächste 7 Tage · Quelle: Bundesanzeiger, Veranstalter</span>
|
||
</header>
|
||
<hr class="rule-strong" />
|
||
<div class="grid grid-cols-5 border-b border-bg-rule">
|
||
<div class="px-5 py-[18px] border-r border-bg-rule">
|
||
<div class="flex items-baseline gap-1.5 mb-2.5"><span class="text-[10px] font-bold tracking-[0.12em] text-ink-3 uppercase">Mi</span><span class="font-serif text-[22px] font-semibold tracking-[-0.3px] leading-none">12. Nov</span></div>
|
||
<span class="bp-cat text-[10px]">Hauptversammlung</span>
|
||
<h3 class="font-serif text-[14.5px] leading-[1.25] m-0 my-2 font-semibold">RWE AG · Außerordentliche Hauptversammlung</h3>
|
||
<div class="text-[11px] text-ink-3">Essen · Grugahalle</div>
|
||
</div>
|
||
<div class="px-5 py-[18px] border-r border-bg-rule">
|
||
<div class="flex items-baseline gap-1.5 mb-2.5"><span class="text-[10px] font-bold tracking-[0.12em] text-ink-3 uppercase">Do</span><span class="font-serif text-[22px] font-semibold tracking-[-0.3px] leading-none">13. Nov</span></div>
|
||
<span class="bp-cat text-[10px]">Q3-Bericht</span>
|
||
<h3 class="font-serif text-[14.5px] leading-[1.25] m-0 my-2 font-semibold">Siemens Energy · Q4 / Jahresergebnis</h3>
|
||
<div class="text-[11px] text-ink-3">München · 07:00 Uhr</div>
|
||
</div>
|
||
<div class="px-5 py-[18px] border-r border-bg-rule">
|
||
<div class="flex items-baseline gap-1.5 mb-2.5"><span class="text-[10px] font-bold tracking-[0.12em] text-ink-3 uppercase">Mo</span><span class="font-serif text-[22px] font-semibold tracking-[-0.3px] leading-none">17. Nov</span></div>
|
||
<span class="bp-cat text-[10px]">Konferenz</span>
|
||
<h3 class="font-serif text-[14.5px] leading-[1.25] m-0 my-2 font-semibold">Handelsblatt Energie-Gipfel 2025</h3>
|
||
<div class="text-[11px] text-ink-3">Berlin · CityCube</div>
|
||
</div>
|
||
<div class="px-5 py-[18px] border-r border-bg-rule">
|
||
<div class="flex items-baseline gap-1.5 mb-2.5"><span class="text-[10px] font-bold tracking-[0.12em] text-ink-3 uppercase">Di</span><span class="font-serif text-[22px] font-semibold tracking-[-0.3px] leading-none">18. Nov</span></div>
|
||
<span class="bp-cat text-[10px]">Messe</span>
|
||
<h3 class="font-serif text-[14.5px] leading-[1.25] m-0 my-2 font-semibold">Hydrogen Technology Expo Europe</h3>
|
||
<div class="text-[11px] text-ink-3">Hamburg · Messehallen</div>
|
||
</div>
|
||
<div class="px-5 py-[18px]">
|
||
<div class="flex items-baseline gap-1.5 mb-2.5"><span class="text-[10px] font-bold tracking-[0.12em] text-ink-3 uppercase">Mi</span><span class="font-serif text-[22px] font-semibold tracking-[-0.3px] leading-none">19. Nov</span></div>
|
||
<span class="bp-cat text-[10px]">Bekanntmachung</span>
|
||
<h3 class="font-serif text-[14.5px] leading-[1.25] m-0 my-2 font-semibold">BNetzA · Ausschreibungsergebnis Offshore</h3>
|
||
<div class="text-[11px] text-ink-3">Bonn · 11:00 Uhr</div>
|
||
</div>
|
||
</div>
|
||
<div class="mt-3.5 text-[12.5px]"><a class="text-brand font-semibold">Alle Termine im Branchen-Kalender →</a></div>
|
||
</section>
|
||
|
||
<!-- ============== VERWANDTE BRANCHEN ============== -->
|
||
<section class="mt-16">
|
||
<header class="mb-4"><h2 class="font-serif text-[22px] font-semibold m-0 tracking-[-0.2px]">Verwandte Branchen</h2></header>
|
||
<hr class="rule mb-5" />
|
||
<div class="flex flex-wrap gap-2.5">
|
||
<a class="inline-flex items-baseline gap-2 px-3.5 py-2.5 text-[13px] font-semibold bg-bg-elev border border-bg-rule-strong">Industrie & Maschinenbau <span class="font-mono text-[11px] text-ink-3 font-medium">248</span></a>
|
||
<a class="inline-flex items-baseline gap-2 px-3.5 py-2.5 text-[13px] font-semibold bg-bg-elev border border-bg-rule-strong">Chemie & Werkstoffe <span class="font-mono text-[11px] text-ink-3 font-medium">184</span></a>
|
||
<a class="inline-flex items-baseline gap-2 px-3.5 py-2.5 text-[13px] font-semibold bg-bg-elev border border-bg-rule-strong">Automobil & Mobilität <span class="font-mono text-[11px] text-ink-3 font-medium">312</span></a>
|
||
<a class="inline-flex items-baseline gap-2 px-3.5 py-2.5 text-[13px] font-semibold bg-bg-elev border border-bg-rule-strong">Bauen & Immobilien <span class="font-mono text-[11px] text-ink-3 font-medium">156</span></a>
|
||
<a class="inline-flex items-baseline gap-2 px-3.5 py-2.5 text-[13px] font-semibold bg-bg-elev border border-bg-rule-strong">Finanzen & Versicherung <span class="font-mono text-[11px] text-ink-3 font-medium">421</span></a>
|
||
<a class="inline-flex items-baseline gap-2 px-3.5 py-2.5 text-[13px] font-semibold bg-bg-elev border border-bg-rule-strong">Politik & Verwaltung <span class="font-mono text-[11px] text-ink-3 font-medium">198</span></a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ============== PUBLISHER-CTA ============== -->
|
||
<section class="mt-16 p-9 text-ink-on-dark" style="background:#1A1F26;">
|
||
<div class="grid gap-9 items-center" style="grid-template-columns:1.4fr 1fr;">
|
||
<div>
|
||
<div class="eyebrow mb-2.5" style="color:#FF8B6F;">Für Unternehmen aus Energie & Klima</div>
|
||
<h3 class="font-serif text-[28px] font-semibold m-0 mb-2.5 leading-[1.15] text-white" style="letter-spacing:-0.3px;">Veröffentlichen Sie Ihre Pressemitteilung gezielt in der Energiewirtschaft.</h3>
|
||
<p class="text-[14px] leading-[1.55] m-0 max-w-[540px] text-white/80">
|
||
Reichweite über 312 aktive Newsrooms · Distribution an Fach- und Wirtschaftsredaktionen · Strukturierte Daten mit ISIN-, Standort- und Volumen-Bezug.
|
||
</p>
|
||
</div>
|
||
<div class="flex flex-col gap-2.5">
|
||
<button class="w-full px-[18px] py-3.5 text-[14px] font-semibold bg-brand text-white hover:bg-brand-deep">Pressemitteilung einreichen →</button>
|
||
<button class="w-full px-[18px] py-3 text-[14px] font-semibold text-white" style="border:1px solid rgba(255,255,255,0.3);background:transparent;">Tarife & Branchen-Pakete ansehen</button>
|
||
<div class="text-[11px] text-white/55 text-center mt-1">Redaktionelle Prüfung · DSGVO-konform · Erst-Veröffentlichung kostenfrei</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- ============== FOOTER MINI ============== -->
|
||
<footer class="bg-bg-footer text-ink-on-dark-2 pt-8 pb-6">
|
||
<div class="max-w-layout mx-auto px-8 flex justify-between items-center text-[12px]">
|
||
<div class="font-serif text-[18px] text-white font-semibold">businessportal<span class="text-brand">24</span></div>
|
||
<div class="flex gap-[18px]">
|
||
<a href="#" class="hover:text-white">Impressum</a>
|
||
<a href="#" class="hover:text-white">Datenschutz</a>
|
||
<a href="#" class="hover:text-white">AGB</a>
|
||
<a href="#" class="hover:text-white">Mediadaten</a>
|
||
<a href="#" class="hover:text-white">Kontakt</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</div>
|
||
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
|
||
</html>
|