PageSourceSearch

https://www.bveg.de/

html bveg.de collected 2026-09-25 04:01:36 UTC 240,027 bytes, 2,281 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
7
8	<!-- This site is optimized with the Yoast SEO Premium plugin v28.5 (Yoast SEO v28.5) - https://yoast.com/product/yoast-seo-premium-wordpress/ -->
9	<title>Bundesverband Erdgas, Erdöl und Geoenergie e.V. (BVEG)</title>
10	<meta name="description" content="Der BVEG und seine Mitgliedsunternehmen sind Experten im sicheren und umweltbewussten Umgang mit Erdgas, Erdöl und Geoenergie. Mit der zuverlässigen Produktion erfüllt die Branche Grundbedürfnisse der Menschen nach Mobilität und Wärme und liefert unverzichtbare Rohstoffe für Produkte des täglichen Lebens und die Industrie – heute und in Zukunft." />
11	<link rel="canonical" href="https://www.bveg.de/" />
12	<meta property="og:locale" content="de_DE" />
13	<meta property="og:type" content="website" />
14	<meta property="og:title" content="Bundesverband Erdgas, Erdöl und Geoenergie e.V. (BVEG)" />
15	<meta property="og:description" content="Der BVEG und seine Mitgliedsunternehmen sind Experten im sicheren und umweltbewussten Umgang mit Erdgas, Erdöl und Geoenergie. Mit der zuverlässigen Produktion erfüllt die Branche Grundbedürfnisse der Menschen nach Mobilität und Wärme und liefert unverzichtbare Rohstoffe für Produkte des täglichen Lebens und die Industrie – heute und in Zukunft." />
16	<meta property="og:url" content="https://www.bveg.de/" />
17	<meta property="og:site_name" content="BVEG" />
18	<meta property="article:modified_time" content="2026-09-17T10:53:40+00:00" />
19	<meta property="og:image" content="https://www.bveg.de/wp-content/uploads/2026/05/Teaserbild_Startseite.png" />
20	<meta property="og:image:width" content="1745" />
21	<meta property="og:image:height" content="899" />
22	<meta property="og:image:type" content="image/png" />
23	<meta name="twitter:card" content="summary_large_image" />
24	<meta name="twitter:title" content="Bundesverband Erdgas, Erdöl und Geoenergie e.V. (BVEG)" />
25	<meta name="twitter:description" content="Der BVEG und seine Mitgliedsunternehmen sind Experten im sicheren und umweltbewussten Umgang mit Erdgas, Erdöl und Geoenergie. Mit der zuverlässigen Produktion erfüllt die Branche Grundbedürfnisse der Menschen nach Mobilität und Wärme und liefert unverzichtbare Rohstoffe für Produkte des täglichen Lebens und die Industrie – heute und in Zukunft." />
26	<meta name="twitter:image" content="https://www.bveg.de/wp-content/uploads/2026/05/Teaserbild_Startseite.png" />
27	
27<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bveg.de\/","url":"https:\/\/www.bveg.de\/","name":"Bundesverband Erdgas, Erdöl und Geoenergie e.V. (BVEG)","isPartOf":{"@id":"https:\/\/www.bveg.de\/#website"},"about":{"@id":"https:\/\/www.bveg.de\/#organization"},"datePublished":"2021-04-19T09:29:36+00:00","dateModified":"2026-09-17T10:53:40+00:00","description":"Der BVEG und seine Mitgliedsunternehmen sind Experten im sicheren und umweltbewussten Umgang mit Erdgas, Erdöl und Geoenergie. Mit der zuverlässigen Produktion erfüllt die Branche Grundbedürfnisse der Menschen nach Mobilität und Wärme und liefert unverzichtbare Rohstoffe für Produkte des täglichen Lebens und die Industrie – heute und in Zukunft.","breadcrumb":{"@id":"https:\/\/www.bveg.de\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bveg.de\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bveg.de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite"}]},{"@type":"WebSite","@id":"https:\/\/www.bveg.de\/#website","url":"https:\/\/www.bveg.de\/","name":"BVEG","description":"Bundesverband Erdgas, Erdöl und Geoenergie e.V.","publisher":{"@id":"https:\/\/www.bveg.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bveg.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.bveg.de\/#organization","name":"Bundesverband Erdgas, Erdöl und Geoenergie e.V. (BVEG)","url":"https:\/\/www.bveg.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.bveg.de\/#\/schema\/logo\/image\/","url":"https:\/\/www.bveg.de\/wp-content\/uploads\/2022\/02\/bveg-logo_c1.png","contentUrl":"https:\/\/www.bveg.de\/wp-content\/uploads\/2022\/02\/bveg-logo_c1.png","width":329,"height":45,"caption":"Bundesverband Erdgas, Erdöl und Geoenergie e.V. (BVEG)"},"image":{"@id":"https:\/\/www.bveg.de\/#\/schema\/logo\/image\/"}}]}</script>
27
28	<meta name="google-site-verification" content="wnhr7ZVJizASv5iMqqPUg79oCaERNf4OfXMjVDVt93U" />
29	<!-- / Yoast SEO Premium plugin. -->
30
31
32<link rel='dns-prefetch' href='//challenges.cloudflare.com' />
33    <link rel="icon" href="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/bveg-favicon-v1.ico" sizes="any">
34    <link rel="icon" type="image/svg+xml" href="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/bveg-favicon-v1.svg">
35    <link rel="icon" type="image/png" sizes="32x32" href="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/bveg-favicon-v1-32.png">
36    <link rel="icon" type="image/png" sizes="16x16" href="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/bveg-favicon-v1-16.png">
37    <link rel="apple-touch-icon" sizes="180x180" href="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/bveg-favicon-v1-180.png">
38    <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.bveg.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bveg.de%2F" />
39<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.bveg.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bveg.de%2F&#038;format=xml" />
40    
40<script type="text/plain" class="cmplazyload" data-cmp-vendor="c69963">
41        var _mtm = window._mtm = window._mtm || [];
42        _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
43        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
44        g.async=true; g.src='https://stats.bveg.de/js/container_1edZ7tsS.js'; s.parentNode.insertBefore(g,s);
45    </script>
45
46    <style id="wp-img-auto-sizes-contain-inline-css">
47img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
48/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
49</style>
50<style id="wp-emoji-styles-inline-css">
51
52	img.wp-smiley, img.emoji {
53		display: inline !important;
54		border: none !important;
55		box-shadow: none !important;
56		height: 1em !important;
57		width: 1em !important;
58		margin: 0 0.07em !important;
59		vertical-align: -0.1em !important;
60		background: none !important;
61		padding: 0 !important;
62	}
63/*# sourceURL=wp-emoji-styles-inline-css */
64</style>
65<style id="classic-theme-styles-inline-css">
66/*! This file is auto-generated */
67.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
68/*# sourceURL=/wp-includes/css/classic-themes.min.css */
69</style>
70
71<style id="global-styles-inline-css">
72:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
72--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
72.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
73/*# sourceURL=global-styles-inline-css */
74</style>
75
76<link rel='stylesheet' id='f2ts-autocomplete-css' href='https://www.bveg.de/wp-content/plugins/f2typesense/public/assets/autocomplete.css?ver=0.2.2' media='all' />
77<link rel='stylesheet' id='bveg-app-0-css' href='https://www.bveg.de/wp-content/themes/bveg-theme-v2/dist/assets/app-BIB4CyHQ.css' media='all' />
78<link rel='stylesheet' id='video-js-css' href='https://www.bveg.de/wp-content/plugins/video-embed-thumbnail-generator/video-js/video-js.min.css?ver=7.14.3' media='all' />
79<link rel='stylesheet' id='video-js-kg-skin-css' href='https://www.bveg.de/wp-content/plugins/video-embed-thumbnail-generator/video-js/kg-video-js-skin.css?ver=4.10.6' media='all' />
80<link rel='stylesheet' id='kgvid_video_styles-css' href='https://www.bveg.de/wp-content/plugins/video-embed-thumbnail-generator/src/public/css/videopack-styles.css?ver=4.10.6' media='all' />
81<script>window.gdprAppliesGlobally=true;if(!("cmp_id" in window)||window.cmp_id<1){window.cmp_id=0}if(!("cmp_cdid" in window)){window.cmp_cdid="f6777709a0eb"}if(!("cmp_params" in window)){window.cmp_params=""}if(!("cmp_host" in window)){window.cmp_host="delivery.consentmanager.net"}if(!("cmp_cdn" in window)){window.cmp_cdn="cdn.consentmanager.net"}if(!("cmp_proto" in window)){window.cmp_proto="https:"}if(!("cmp_codesrc" in window)){window.cmp_codesrc="10"}window.cmp_getsupportedLangs=function(){var b=["DE","EN","FR","IT","NO","DA","FI","ES","PT","RO","BG","ET","EL","GA","HR","LV","LT","MT","NL","PL","SV","SK","SL","CS","HU","RU","SR","ZH","TR","UK","AR","BS"];if("cmp_customlanguages" in window){for(var a=0;a<window.cmp_customlanguages.length;a++){b.push(window.cmp_customlanguages[a].l.toUpperCase())}}return b};window.cmp_getRTLLangs=function(){var a=["AR"];if("cmp_customlanguages" in window){for(var b=0;b<window.cmp_customlanguages.length;b++){if("r" in window.cmp_customlanguages[b]&&window.cmp_customlanguages[b].r){a.push(window.cmp_customlanguages[b].l)}}}return a};window.cmp_getlang=function(j){if(typeof(j)!="boolean"){j=true}if(j&&typeof(cmp_getlang.usedlang)=="string"&&cmp_getlang.usedlang!==""){return cmp_getlang.usedlang}var g=window.cmp_getsupportedLangs();var c=[];var f=location.hash;var e=location.search;var a="languages" in navigator?navigator.languages:[];if(f.indexOf("cmplang=")!=-1){c.push(f.substr(f.indexOf("cmplang=")+8,2).toUpperCase())}else{if(e.indexOf("cmplang=")!=-1){c.push(e.substr(e.indexOf("cmplang=")+8,2).toUpperCase())}else{if("cmp_setlang" in window&&window.cmp_setlang!=""){c.push(window.cmp_setlang.toUpperCase())}else{if(a.length>0){for(var d=0;d<a.length;d++){c.push(a[d])}}}}}if("language" in navigator){c.push(navigator.language)}if("userLanguage" in navigator){c.push(navigator.userLanguage)}var h="";for(var d=0;d<c.length;d++){var b=c[d].toUpperCase();if(g.indexOf(b)!=-1){h=b;break}if(b.indexOf("-")!=-1){b=b.substr(0,2)}if(g.indexOf(b)!=-1){h=b;break}}if(h==""&&typeof(cmp_getlang.defaultlang)=="string"&&cmp_getlang.defaultlang!==""){return cmp_getlang.defaultlang}else{if(h==""){h="EN"}}h=h.toUpperCase();return h};(function(){var n=document;var p=n.getElementsByTagName;var q=window;var f="";var b="_en";if("cmp_getlang" in q){f=q.cmp_getlang().toLowerCase();if("cmp_customlanguages" in q){for(var h=0;h<q.cmp_customlanguages.length;h++){if(q.cmp_customlanguages[h].l.toUpperCase()==f.toUpperCase()){f="en";break}}}b="_"+f}function g(i,e){var t="";i+="=";var s=i.length;var d=location;if(d.hash.indexOf(i)!=-1){t=d.hash.substr(d.hash.indexOf(i)+s,9999)}else{if(d.search.indexOf(i)!=-1){t=d.search.substr(d.search.indexOf(i)+s,9999)}else{return e}}if(t.indexOf("&")!=-1){t=t.substr(0,t.indexOf("&"))}return t}var j=("cmp_proto" in q)?q.cmp_proto:"https:";if(j!="http:"&&j!="https:"){j="https:"}var k=("cmp_ref" in q)?q.cmp_ref:location.href;var r=n.createElement("script");r.setAttribute("data-cmp-ab","1");var c=g("cmpdesign","cmp_design" in q?q.cmp_design:"");var a=g("cmpregulationkey","cmp_regulationkey" in q?q.cmp_regulationkey:"");var o=g("cmpatt","cmp_att" in q?q.cmp_att:"");r.src=j+"//"+q.cmp_host+"/delivery/cmp.php?"+("cmp_id" in q&&q.cmp_id>0?"id="+q.cmp_id:"")+("cmp_cdid" in q?"&cdid="+q.cmp_cdid:"")+"&h="+encodeURIComponent(k)+(c!=""?"&cmpdesign="+encodeURIComponent(c):"")+(a!=""?"&cmpregulationkey="+encodeURIComponent(a):"")+(o!=""?"&cmpatt="+encodeURIComponent(o):"")+("cmp_params" in q?"&"+q.cmp_params:"")+(n.cookie.length>0?"&__cmpfcc=1":"")+"&l="+f.toLowerCase()+"&o="+(new Date()).getTime();r.type="text/javascript";r.async=true;if(n.currentScript&&n.currentScript.parentElement){n.currentScript.parentElement.appendChild(r)}else{if(n.body){n.body.appendChild(r)}else{var m=p("body");if(m.length==0){m=p("div")}if(m.length==0){m=p("span")}if(m.length==0){m=p("ins")}if(m.length==0){m=p("script")}if(m.length==0){m=p("head")}if(m.length>0){m[0].appendChild(r)}}}var r=n.createElement("script");r.src=j+"//"+q.cmp_cdn+"/delivery/js/cmp"+b+".min.js";r.type="text/javascript";r.setAttribute("data-cmp-ab","1");r.async=true;if(n.currentScript&&n.currentScript.parentElement){n.currentScript.parentElement.appendChild(r)}else{if(n.body){n.body.appendChild(r)}else{var m=p("body");if(m.length==0){m=p("div")}if(m.length==0){m=p("span")}if(m.length==0){m=p("ins")}if(m.length==0){m=p("script")}if(m.length==0){m=p("head")}if(m.length>0){m[0].appendChild(r)}}}})();window.cmp_addFrame=function(b){if(!window.frames[b]){if(document.body){var a=document.createElement("iframe");a.style.cssText="display:none";if("cmp_cdn" in window&&"cmp_ultrablocking" in window&&window.cmp_ultrablocking>0){a.src="//"+window.cmp_cdn+"/delivery/empty.html"}a.name=b;document.body.appendChild(a)}else{window.setTimeout(window.cmp_addFrame,10,b)}}};window.cmp_rc=function(h){var b=document.cookie;var f="";var d=0;while(b!=""&&d<100){d++;while(b.substr(0,1)==" "){b=b.substr(1,b.length)}var g=b.substring(0,b.indexOf("="));if(b.indexOf(";")!=-1){var c=b.substring(b.indexOf("=")+1,b.indexOf(";"))}else{var c=b.substr(b.indexOf("=")+1,b.length)}if(h==g){f=c}var e=b.indexOf(";")+1;if(e==0){e=b.length}b=b.substring(e,b.length)}return(f)};window.cmp_stub=function(){var a=arguments;__cmp.a=__cmp.a||[];if(!a.length){return __cmp.a}else{if(a[0]==="ping"){if(a[1]===2){a[2]({gdprApplies:gdprAppliesGlobally,cmpLoaded:false,cmpStatus:"stub",displayStatus:"hidden",apiVersion:"2.0",cmpId:31},true)}else{a[2](false,true)}}else{if(a[0]==="getUSPData"){a[2]({version:1,uspString:window.cmp_rc("")},true)}else{if(a[0]==="getTCData"){__cmp.a.push([].slice.apply(a))}else{if(a[0]==="addEventListener"||a[0]==="removeEventListener"){__cmp.a.push([].slice.apply(a))}else{if(a.length==4&&a[3]===false){a[2]({},false)}else{__cmp.a.push([].slice.apply(a))}}}}}}};window.cmp_gppstub=function(){var a=arguments;__gpp.q=__gpp.q||[];if(!a.length){return __gpp.q}var g=a[0];var f=a.length>1?a[1]:null;var e=a.length>2?a[2]:null;if(g==="ping"){return{gppVersion:"1.0",cmpStatus:"stub",cmpDisplayStatus:"hidden",apiSupport:["tcfeuv2","tcfva","usnat"],currentAPI:"",cmpId:31}}else{if(g==="addEventListener"){__gpp.e=__gpp.e||[];if(!("lastId" in __gpp)){__gpp.lastId=0}__gpp.lastId++;var c=__gpp.lastId;__gpp.e.push({id:c,callback:f});return{eventName:"listenerRegistered",listenerId:c,data:true,pingData:{gppVersion:"1.0",cmpStatus:"stub",cmpDisplayStatus:"hidden",apiSupport:[],currentAPI:"",cmpId:31}}}else{if(g==="removeEventListener"){var h=false;__gpp.e=__gpp.e||[];for(var d=0;d<__gpp.e.length;d++){if(__gpp.e[d].id==e){__gpp.e[d].splice(d,1);h=true;break}}return{eventName:"listenerRemoved",listenerId:e,data:h}}else{if(g==="hasSection"||g==="getSection"||g==="getField"||g==="getGPPString"){return null}else{__gpp.q.push([].slice.apply(a))}}}}};window.cmp_msghandler=function(d){var a=typeof d.data==="string";try{var c=a?JSON.parse(d.data):d.data}catch(f){var c=null}if(typeof(c)==="object"&&c!==null&&"__cmpCall" in c){var b=c.__cmpCall;window.__cmp(b.command,b.parameter,function(h,g){var e={__cmpReturn:{returnValue:h,success:g,callId:b.callId}};
81d.source.postMessage(a?JSON.stringify(e):e,"*")})}if(typeof(c)==="object"&&c!==null&&"__uspapiCall" in c){var b=c.__uspapiCall;window.__uspapi(b.command,b.version,function(h,g){var e={__uspapiReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")})}if(typeof(c)==="object"&&c!==null&&"__tcfapiCall" in c){var b=c.__tcfapiCall;window.__tcfapi(b.command,b.version,function(h,g){var e={__tcfapiReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")},b.parameter)}if(typeof(c)==="object"&&c!==null&&"__gppCall" in c){var b=c.__gppCall;window.__gpp(b.command,function(h,g){var e={__gppReturn:{returnValue:h,success:g,callId:b.callId}};d.source.postMessage(a?JSON.stringify(e):e,"*")},b.parameter,"version" in b?b.version:1)}};window.cmp_setStub=function(a){if(!(a in window)||(typeof(window[a])!=="function"&&typeof(window[a])!=="object"&&(typeof(window[a])==="undefined"||window[a]!==null))){window[a]=window.cmp_stub;window[a].msgHandler=window.cmp_msghandler;window.addEventListener("message",window.cmp_msghandler,false)}};window.cmp_setGppStub=function(a){if(!(a in window)||(typeof(window[a]
81)!=="function"&&typeof(window[a])!=="object"&&(typeof(window[a])==="undefined"||window[a]!==null))){window[a]=window.cmp_gppstub;window[a].msgHandler=window.cmp_msghandler;window.addEventListener("message",window.cmp_msghandler,false)}};window.cmp_addFrame("__cmpLocator");if(!("cmp_disableusp" in window)||!window.cmp_disableusp){window.cmp_addFrame("__uspapiLocator")}if(!("cmp_disabletcf" in window)||!window.cmp_disabletcf){window.cmp_addFrame("__tcfapiLocator")}if(!("cmp_disablegpp" in window)||!window.cmp_disablegpp){window.cmp_addFrame("__gppLocator")}window.cmp_setStub("__cmp");if(!("cmp_disabletcf" in window)||!window.cmp_disabletcf){window.cmp_setStub("__tcfapi")}if(!("cmp_disableusp" in window)||!window.cmp_disableusp){window.cmp_setStub("__uspapi")}if(!("cmp_disablegpp" in window)||!window.cmp_disablegpp){window.cmp_setGppStub("__gpp")};</script>
81<link rel="https://api.w.org/" href="https://www.bveg.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.bveg.de/wp-json/wp/v2/pages/9" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.bveg.de/xmlrpc.php?rsd" />
82<meta name="generator" content="WordPress 7.1.2" />
83<link rel='shortlink' href='https://www.bveg.de/' />
84    
84<script type="text/javascript">
85        var ajax_url = 'https://www.bveg.de/wp-admin/admin-ajax.php';
86        var ajax_nonce = '530ef135b7';
87        var ajax_newsletter_nonce = '2e9d2301ed';
88        var ajax_presseinformation_nonce = 'cd5bafbc48';
89        var ajax_veranstaltungsinformation_nonce = 'b28f928813';
90        var ajax_mailalertpopup_nonce = 'db3dcd7d11';
91    </script>
91</head>
92<body class="home wp-singular page-template-default page page-id-9 wp-theme-bveg-theme-v2 min-h-screen flex flex-col"><a href="https://www.bveg.de/cdn-cgi/content?id=luVycBfb2cTVaqK40e5fZeuGfVULFQXHoZNuW_X1GV8-1790308895.8428-1.2.1.1-LLHOfVOic1aQkOL8_kIh0FZO2Fd6cg.RXU0Bzt_aEFirAqG660ojM_xiQNRL7Uc7" aria-hidden="true" rel="nofollow noopener" style="display: none !important; visibility: hidden !important"></a>
93
94
95<a href="#main-content" class="skip-link">Zum Inhalt springen</a>
96
97<header class="sticky top-0 z-40 w-full bg-white dark:bg-ash-800 transition-[colors,box-shadow] duration-200"
98        :class="scrolled ? 'shadow-md dark:shadow-black/40' : 'shadow-none'"
99        x-data="megaNav()"
100        @keydown.escape.window="close()">
101
102    <div class="relative z-30 mx-auto max-w-[1920px] flex items-center px-4 py-4 md:px-6 lg:gap-4 lg:px-6 lg:py-[22px] xl:gap-8 xl:px-12 2xl:gap-[60px] 2xl:px-[100px]">
103
104        <a href="https://www.bveg.de/" class="shrink-0"
105           x-tooltip.bottom.delay="'Bundesverband Erdgas, Erdöl und Geoenergie e.V.'">
106            <img src="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/bveg-logo-light-v2.svg"
107                 alt="BVEG"
108                 class="h-[32px] md:h-[38px] lg:h-[40px] xl:h-[44px] 2xl:h-[50px] w-auto">
109        </a>
110
111                <div class="hidden xl:flex shrink-0 xl:w-[260px] 2xl:w-[380px] 3xl:w-[520px] xl:focus-within:w-[320px] 2xl:focus-within:w-[480px] 3xl:focus-within:w-[644px] transition-[width] duration-300 ease-out overflow-visible">
112            <div class="f2ts-autocomplete relative w-full">
113    <form role="search" method="get" action="https://www.bveg.de/"
114          onsubmit="if(!this.s.value.trim()){this.s.focus();return false;}"
115          class="group/search flex w-full items-center gap-4 roun
115ded-[30px] border-2 border-border dark:border-ash-600 bg-surface-muted dark:bg-ash-700 p-[22px] transition-[border-color,box-shadow] duration-200 ease-out focus-within:border-primary dark:focus-within:border-primary focus-within:shadow-[0_0_0_4px_rgba(239,129,38,0.18)] dark:focus-within:shadow-[0_0_0_4px_rgba(239,129,38,0.28)]">
116        <svg class="h-[22px] w-[22px] shrink-0 text-steel-300 transition-colors duration-200 group-focus-within/search:text-primary" fill="none" viewBox="0 0 22 22" stroke-width="2" stroke="currentColor">
117            <path stroke-linecap="round" stroke-linejoin="round" d="m20 20-4.35-4.35M9.5 17a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z"/>
118        </svg>
119        <input type="search"
120               name="s"
121               required
122               minlength="2"
123               data-f2ts-autocomplete
124               placeholder="Suchen"
125               aria-label="Suchen"
126               value=""
127               class="flex-1 w-full min-w-0 bg-transparent text-body-m h-[22px] leading-[22px] text-text-primary dark:text-text-dark placeholder-steel-300 outline-none">
128    </form>
129</div>
130        </div>
131
132        <nav class="hidden lg:flex flex-1 items-center justify-end lg:gap-4 xl:gap-8 min-w-0 overflow-x-auto bveg-nav-scroll" aria-label="Hauptnavigation">
133
134                        <ul class="flex flex-nowrap items-center lg:gap-4 xl:gap-8 2xl:gap-10 list-none m-0 p-0">
135                                    <li>
136                        <button type="button"
137                                id="mega-trigger-527"
138                                aria-haspopup="true"
139                                :aria-expanded="openPanel === '527' ? 'true' : 'false'"
140                                aria-controls="mega-panel-527"
141                                @click="toggle('527')"
142                                class="inline-flex items-center gap-2 whitespace-nowrap px-3 py-2 rounded-md text-body-s text-text-primary dark:text-text-dark hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
143                            <span>Die Branche</span>
144                            <svg class="w-[10px] h-[6px] transition-transform duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]"
145                                 :class="openPanel === '527' && 'rotate-180'"
146                                 viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
147                                <path stroke-linecap="round" stroke-linejoin="round" d="M1 1l4 4 4-4"/>
148                            </svg>
149                        </button>
150                    </li>
151                                    <li>
152                        <button type="button"
153                                id="mega-trigger-530"
154                                aria-haspopup="true"
155                                :aria-expanded="openPanel === '530' ? 'true' : 'false'"
156                                aria-controls="mega-panel-530"
157                                @click="toggle('530')"
158                                class="inline-flex items-center gap-2 whitespace-nowrap px-3 py-2 rounded-md text-body-s text-text-primary dark:text-text-dark hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
159                            <span>Umwelt &#038; Sicherheit</span>
160                            <svg class="w-[10px] h-[6px] transition-transform duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]"
161                                 :class="openPanel === '530' && 'rotate-180'"
162                                 viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
163                                <path stroke-linecap="round" stroke-linejoin="round" d="M1 1l4 4 4-4"/>
164                            </svg>
165                        </button>
166                    </li>
167                                    <li>
168                        <button type="button"
169                                id="mega-trigger-531"
170                                aria-haspopup="true"
171                                :aria-expanded="openPanel === '531' ? 'true' : 'false'"
172                                aria-controls="mega-panel-531"
173                                @click="toggle('531')"
174                                class="inline-flex items-center gap-2 whitespace-nowrap px-3 py-2 rounded-md text-body-s text-text-primary dark:text-text-dark hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
175                            <span>Der Verband</span>
176                            <svg class="w-[10px] h-[6px] transition-transform duration-300 ease-[cubic-bezier(0.68,-0.55,0.27,1.55)]"
177                                 :class="openPanel === '531' && 'rotate-180'"
178                                 viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
179                                <path stroke-linecap="round" stroke-linejoin="round" d="M1 1l4 4 4-4"/>
180                            </svg>
181                        </button>
182                    </li>
183                            </ul>
184        </nav>
185
186        <div x-data="darkMode" class="hidden lg:flex items-center">
187            <button @click="toggle()"
188                    class="p-2 text-text-primary dark:text-text-dark rounded-lg hover:bg-gray-200 dark:hover:bg-ash-700 transition-colors"
189                    :aria-label="dark ? 'Zum hellen Modus wechseln' : 'Zum dunklen Modus wechseln'">
190                <svg x-show="!dark" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
191                    <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 8.002-4.248Z"/>
192                </svg>
193                <svg x-show="dark" x-cloak class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true">
194                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"/>
195                </svg>
196            </button>
197        </div>
198
199                <button @click="toggleMobile()"
200                class="lg:hidden ml-auto inline-flex items-center justify-center p-2 text-text-primary dark:text-text-dark hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded transition-[transform,color,background-color] motion-safe:active:scale-[0.92] motion-reduce:active:scale-100"
201                :aria-expanded="mobileOpen"
202                aria-controls="mobile-menu-overlay"
203                aria-label="Menü">
204            <svg class="w-5 h-[14px]" viewBox="0 0 20 14" fill="currentColor" aria-hidden="true">
205                <rect width="20" height="2" rx="1"/>
206                <rect y="6" width="20" height="2" rx="1"/>
207                <rect y="12" width="20" height="2" rx="1"/>
208            </svg>
209        </button>
210    </div>
211
212        <div x-show="openPanel !== null"
213         x-cloak
214         x-transition:enter="mega-panel-enter"
215         x-transition:enter-start="mega-panel-enter-start"
216         x-transition:enter-end="mega-panel-enter-end"
217         x-transition:leave="mega-panel-leave"
218         x-transition:leave-start="mega-panel-leave-start"
219         x-transition:leave-end="mega-panel-leave-end"
220         @keydown="handleKey($event)"
221         class="hidden lg:block absolute inset-x-0 top-full z-30 w-full max-w-[1920px] mx-auto lg:px-6 xl:px-12 2xl:px-[100px] pt-2">
222                    <div x-show="openPanel === '527'" x-cloak>
223                <section id="mega-panel-527"
224         role="region"
225         aria-labelledby="mega-panel-527-title"
226         class="relative mega-panel bg-white dark:bg-ash-800 shadow-2xl rounded-bveg-lg border-t-2 border-primary">
227
228        <button type="button"
229            @click="close()"
230            aria-label="Menü schließen"
231            class="absolute top-6 right-6 lg:top-8 lg:right-8 z-10 w-11 h-11 inline-flex items-center justify-center rounded-full hover:bg-gray-300 dark:hover:bg-ash-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
232        <img src="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/icon-close.svg"
233             alt=""
234             aria-hidden="true"
235             class="w-6 h-6 dark:invert">
236    </button>
237
238    <div class="max-w-[1560px] mx-auto px-4 md:px-6 lg:px-12 xl:px-16 2xl:px-[100px] py-12">
239
240        <div class="mb-10 flex items-baseline justify-between gap-6 pb-6 border-b border-gray-400 dark:border-ash-600">
241            <h2 id="mega-panel-527-title"
242                class="text-heading-s text-text-primary dark:text-text-dark">
243                Die Branche            </h2>
244            <a href="https://www.bveg.de/die-branche/"
245               class="btn btn--frameless-arrow text-body-xs px-2 py-1 -mx-2 -my-1">
246                <span>Die Branche im Überblick</span>
247                <span aria-hidden="true">›</span>
248            </a>
249        </div>
250
251                <div class="grid gap-y-8 gap-x-5 lg:gap-y-10 lg:gap-x-6"
252             style="grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));">
253
254                            <div class="flex flex-col gap-4">
255                                            <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/"
256                           class="group inline-block text-heading-xxs text-text-primary dark:text-text-dark hover:text-primary px-2 -mx-2 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 pb-2 border-b-2 border-primary focus-visible:border-transparent transition-colors">
257                            Erdgas und Erdöl in Deutschland                        </a>
258                    
259                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
260                                                    <li>
261                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/erdgas-in-deutschland/"
262                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
263                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
264                                    <span>Erdgas aus Deutschland</span>
265                                </a>
266                            </li>
267                                                    <li>
268                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/wie-erdgas-entsteht-exkurs-in-die-erdgeschichte/"
269                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
270                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
271                                    <span>Wie Erdgas entsteht – Exkurs in die Erdgeschichte</span>
272                                </a>
273                            </li>
274                                                    <li>
275                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/erdgasreserven-in-deutschland/"
276                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
277                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
278                                    <span>Erdgasreserven und Potenziale in Deutschland</span>
279                                </a>
280                            </li>
281                                                    <li>
282                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/erdoel-in-deutschland/"
283                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
284                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
285                                    <span>Erdölförderung in Deutschland</span>
286                                </a>
287                            </li>
288                                                    <li>
289                                <a href="https://www.bveg.de/tour/"
290                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
291                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
292                                    <span>Virtuelle Tour auf einer deutschen Erdölförderanlage</span>
293                                </a>
294                            </li>
295                                                    <li>
296                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/wie-erdoel-entsteht-natuerlicher-rohstoff-aus-urzeiten/"
297                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
298                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
299                                    <span>Wie Erdöl entsteht – natürlicher Rohstoff aus Urzeiten</span>
300                                </a>
301                            </li>
302                                                    <li>
303                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/erdoelreserven-in-deutschland/"
304                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
305                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
306                                    <span>Erdöl – Ressourcen zu Reserven machen</span>
307                                </a>
308                            </li>
309                                                    <li>
310                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/fracking-in-deutsc
310hland/"
311                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
312                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
313                                    <span>Fracking in Deutschland</span>
314                                </a>
315                            </li>
316                                                    <li>
317                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/geologische-verhaeltnisse/"
318                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
319                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
320                                    <span>Geologische Verhältnisse</span>
321                                </a>
322                            </li>
323                                            </ul>
324                </div>
325                            <div class="flex flex-col gap-4">
326                                            <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/"
327                           class="group inline-block text-heading-xxs text-text-primary dark:text-text-dark hover:text-primary px-2 -mx-2 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 pb-2 border-b-2 border-primary focus-visible:border-transparent transition-colors">
328                            Speicher in Deutschland                        </a>
329                    
330                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
331                                                    <li>
332                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/untergrund-gasspeicher/"
333                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
334                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
335                                    <span>Untergrundspeicher: Heute Erdgas, morgen Wasserstoff</span>
336                                </a>
337                            </li>
338                                                    <li>
339                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/versorgungssicherheit-durch-speicher/"
340                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
341                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
342                                    <span>Versorgungssicherheit durch Speicher</span>
343                                </a>
344                            </li>
345                                                    <li>
346                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/kavernenspeicher/"
347                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
348                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
349                                    <span>Kavernenspeicher</span>
350                                </a>
351                            </li>
352                                                    <li>
353                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/porenspeicher/"
354                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
355                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
356                                    <span>Porenspeicher</span>
357                                </a>
358                            </li>
359                                                    <li>
360                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/wasserstoff-speichern-soviel-ist-sicher/"
361                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
362                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
363                                    <span>Wasserstoff speichern – soviel ist sicher</span>
364                                </a>
365                            </li>
366                                            </ul>
367                </div>
368                            <div class="flex flex-col gap-4">
369                                            <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/"
370                           class="group inline-block text-heading-xxs text-text-primary dark:text-text-dark hover:text-primary px-2 -mx-2 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 pb-2 border-b-2 border-primary focus-visible:border-transparent transition-colors">
371                            Tiefe Geothermie in Deutschland                        </a>
372                    
373                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
374                                                    <li>
375                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/tiefe-geothermie/"
376                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
377                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
378                                    <span>Tiefe Geothermie</span>
379                                </a>
380                            </li>
381                                                    <li>
382                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/das-leistungsspektrum-geothermie/leistungsspektrum-geothermie/"
383                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
384                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
385                                    <span>Leistungsspektrum Geothermie</span>
386                                </a>
387                            </li>
388                                                    <li>
389                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutsc
389hland/die-geothermie-wurde-bislang-voellig-unterschaetzt/"
390                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
391                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
392                                    <span>Die Geothermie wurde bislang völlig unterschätzt</span>
393                                </a>
394                            </li>
395                                                    <li>
396                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/waermemarkt-deutschland-was-die-geothermie-kuenftig-leisten-kann/"
397                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
398                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
399                                    <span>Wärmemarkt Deutschland: Was die Geothermie künftig leisten kann</span>
400                                </a>
401                            </li>
402                                                    <li>
403                                <a href="https://www.bveg.de/umwelt-sicherheit/geothermische-verfahren/"
404                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
405                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
406                                    <span>Geothermische Verfahren</span>
407                                </a>
408                            </li>
409                                                    <li>
410                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/geothermieforum-niedersachsen/"
411                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
412                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
413                                    <span>Geothermieforum Niedersachsen</span>
414                                </a>
415                            </li>
416                                            </ul>
417                </div>
418            
419                            <div class="flex flex-col gap-4">
420                                        <h3 class="inline-block text-heading-xxs text-text-primary dark:text-text-dark px-2 -mx-2 rounded pb-2 border-b-2 border-primary">
421                        Weitere Themen                    </h3>
422
423                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
424                                                    <li>
425                                <a href="https://www.bveg.de/die-branche/beitrag-zur-energieversorgung/"
426                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
427                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
428                                    <span>Beitrag zur Energieversorgung</span>
429                                </a>
430                            </li>
431                                                    <li>
432                                <a href="https://www.bveg.de/die-branche/beitrag-zum-klimaschutz/"
433                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
434                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
435                                    <span>Beitrag zum Klimaschutz</span>
436                                </a>
437                            </li>
438                                                    <li>
439                                <a href="https://www.bveg.de/die-branche/lithiumproduktion-in-deutschland-potenziale-prozesse-und-perspektiven/"
440                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
441                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
442                                    <span>Lithiumproduktion in Deutschland: Potenziale, Prozesse und Perspektiven</span>
443                                </a>
444                            </li>
445                                                    <li>
446                                <a href="https://www.bveg.de/die-branche/statistik/"
447                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
448                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
449                                    <span>Statistik</span>
450                                </a>
451                            </li>
452                                            </ul>
453                </div>
454            
455        </div>
456    </div>
457</section>
458            </div>
459                    <div x-show="openPanel === '530'" x-cloak>
460                <section id="mega-panel-530"
461         role="region"
462         aria-labelledby="mega-panel-530-title"
463         class="relative mega-panel bg-white dark:bg-ash-800 shadow-2xl rounded-bveg-lg border-t-2 border-primary">
464
465        <button type="button"
466            @click="close()"
467            aria-label="Menü schließen"
468            class="absolute top-6 right-6 lg:top-8 lg:right-8 z-10 w-11 h-11 inline-flex items-center justify-center rounded-full hover:bg-gray-300 dark:hover:bg-ash-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
469        <img src="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/icon-close.svg"
470             alt=""
471             aria-hidden="true"
472             class="w-6 h-6 dark:invert">
473    </button>
474
475    <div class="max-w-[1560px] mx-auto px-4 md:px-6 lg:px-12 xl:px-16 2xl:px-[100px] py-12">
476
477        <div class="mb-10 flex items-baseline justify-between gap-6 pb-6 border-b border-gray-400 dark:border-ash-600">
478            <h2 id="mega-panel-530-title"
479                class="text-heading-s text-text-primary dark:text-text-dark">
480                Umwelt &#038; Sicherheit            </h2>
481            <a href="https://www.bveg.de/umwelt-sicherheit/"
482               class="btn btn--frameless-arrow text-body-xs px-2 py-1 -mx-2 -my-1">
483                <span>Umwelt &#038; Sicherheit im Überblick</span>
484                <span aria-hidden="true">›</span>
485            </a>
486        </div>
487
488                <div class="grid gap-y-8 gap-x-5 lg:gap-y-10 lg:gap-x-6"
489             style="grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));">
490
491                            <div class="flex flex-col gap-4">
492                                            <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/"
493                           class="group inline-block text-heading-xxs text-text-primary dark:text-text-dark hover:text-primary px-2 -mx-2 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 pb-2 border-b-2 border-primary focus-visible:border-transparent transition-colors">
494                            Bürger fragen uns …                        </a>
495                    
496                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
497                                                    <li>
498                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/risiken-durch-die-erdgasfoerderung-in-deutsc
498hland/"
499                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
500                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
501                                    <span>Risiken durch die Erdgasförderung in Deutschland?</span>
502                                </a>
503                            </li>
504                                                    <li>
505                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/foerderung-von-erdgas-eine-gefahr-fuer-das-wasser/"
506                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
507                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
508                                    <span>Förderung von Erdgas: eine Gefahr für das Wasser?</span>
509                                </a>
510                            </li>
511                                                    <li>
512                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/welche-auswirkungen-haben-methanemissionen-und-was-tut-die-industrie-dagegen/"
513                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
514                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
515                                    <span>Welche Auswirkungen haben Methanemissionen und was tut die Industrie dagegen?</span>
516                                </a>
517                            </li>
518                                                    <li>
519                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/stehen-erdbeben-in-zusammenhang-mit-der-erdgasfoerderung/"
520                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
521                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
522                                    <span>Stehen Erdbeben in Zusammenhang mit der Erdgasförderung?</span>
523                                </a>
524                            </li>
525                                                    <li>
526                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/ccus-co2-abscheiden-nutzen-oder-speichern/"
527                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
528                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
529                                    <span>CCUS: CO2 abscheiden, nutzen oder speichern?</span>
530                                </a>
531                            </li>
532                                                    <li>
533                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/wie-funktioniert-eine-umweltvertraeglichkeitspruefung/"
534                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
535                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
536                                    <span>Wie funktioniert eine Umweltverträglichkeitsprüfung?</span>
537                                </a>
538                            </li>
539                                                    <li>
540                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/wie-gefahrlich-ist-fracking/"
541                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
542                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
543                                    <span>Wie gefährlich ist Fracking?</span>
544                                </a>
545                            </li>
546                                            </ul>
547                </div>
548                            <div class="flex flex-col gap-4">
549                                            <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/"
550                           class="group inline-block text-heading-xxs text-text-primary dark:text-text-dark hover:text-primary px-2 -mx-2 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 pb-2 border-b-2 border-primary focus-visible:border-transparent transition-colors">
551                            Arbeitssicherheit                        </a>
552                    
553                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
554                                                    <li>
555                                <a href="https://www.bveg.de/umwelt-sicherheit/technische-regeln/"
556                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
557                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
558                                    <span>Technisches Regelwerk</span>
559                                </a>
560                            </li>
561                                                    <li>
562                                <a href="https://bveg-safetytraining.com/"
563                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
564                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
565                                    <span>BVEG Safety Training</span>
566                                </a>
567                            </li>
568                                                    <li>
569                                <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/sicherheitspass/"
570                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
571                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
572                                    <span>Sicherheitspass</span>
573                                </a>
574                            </li>
575                                                    <li>
576                                <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/lernfaelle/"
577                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
578                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
579                                    <span>Lernfälle</span>
580                                </a>
581                            </li>
582                                                    <li>
583                                <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/internationale-hilfsvereinbarungen-oces/"
584                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
585                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
586                                    <span>Internationale Hilfsvereinbarungen (OCES)</span>
587                                </a>
588                            </li>
589                                                    <li>
590                                <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/links-zur-arbeitssicherheit/"
591                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
592                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
593                                    <span>Links zur Arbeitssicherheit</span>
594                                </a>
595                            </li>
596                                            </ul>
597                </div>
598                            <div class="flex flex-col gap-4">
599                                            <a href="https://www.bveg.de/umwelt-sicherheit/normung/"
600                           class="group inline-block text-heading-xxs text-text-primary dark:text-text-dark hover:text-primary px-2 -mx-2 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 pb-2 border-b-2 border-primary focus-visible:border-transparent transition-colors">
601                            Normung                        </a>
602                    
603                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
604                                                    <li>
605                                <a href="https://www.bveg.de/umwelt-sicherheit/normung/organisationen-fuer-normungsarbeit/"
606                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
607                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
608                                    <span>Organisationen für Normungsarbeit</span>
609                                </a>
610                            </li>
611                                                    <li>
612                                <a href="https://www.bveg.de/umwelt-sicherheit/normung/normen-und-standards-der-industrie/"
613                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
614                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
615                                    <span>Normen und Standards der Industrie</span>
616                                </a>
617                            </li>
618                                            </ul>
619                </div>
620            
621                            <div class="flex flex-col gap-4">
622                                        <h3 class="inline-block text-heading-xxs text-text-primary dark:text-text-dark px-2 -mx-2 rounded pb-2 border-b-2 border-primary">
623                        Weitere Themen                    </h3>
624
625                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
626                                                    <li>
627                                <a href="https://www.bveg.de/umwelt-sicherheit/gutes-foerdern/"
628                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
629                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
630                                    <span>Gutes Fördern: Unsere Transparenzinitiative Umwelt</span>
631                                </a>
632                            </li>
633                                                    <li>
634                                <a href="https://www.bveg.de/umwelt-sicherheit/langzeit-luftmessungen-im-umfeld-von-erdgasfoerderanlagen-abgeschlossen/"
635                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
636                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
637                                    <span>Langzeit-Luftmessungen im Umfeld von Erdgasförderanlagen abgeschlossen</span>
638                                </a>
639                            </li>
640                                                    <li>
641                                <a href="https://www.bveg.de/umwelt-sicherheit/buergerinfo-seismisches-messsystem/"
642                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
643                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
644                                    <span>Bürgerinfo Seismisches Messsystem</span>
645                                </a>
646                            </li>
647                                                    <li>
648                                <a href="https://www.bveg.de/umwelt-sicherheit/schlichtungsstelle-bei-bergschaeden/"
649                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
650                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
651                                    <span>Schlichtungsstelle bei Bergschäden</span>
652                                </a>
653                            </li>
654                                                    <li>
655                                <a href="https://www.bveg.de/umwelt-sicherheit/moderne-bohrtechnik-zum-erschliessen-neuer-lagerstaetten/"
656                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
657                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
658                                    <span>Moderne Bohrtechnik zum Erschließen neuer Lagerstätten</span>
659                                </a>
660                            </li>
661                                            </ul>
662                </div>
663            
664        </div>
665    </div>
666</section>
667            </div>
668                    <div x-show="openPanel === '531'" x-cloak>
669                <section id="mega-panel-531"
670         role="region"
671         aria-labelledby="mega-panel-531-title"
672         class="relative mega-panel bg-white dark:bg-ash-800 shadow-2xl rounded-bveg-lg border-t-2 border-primary">
673
674        <button type="button"
675            @click="close()"
676            aria-label="Menü schließen"
677            class="absolute top-6 right-6 lg:top-8 lg:right-8 z-10 w-11 h-11 inline-flex items-center justify-center rounded-full hover:bg-gray-300 dark:hover:bg-ash-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
678        <img src="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/icon-close.svg"
679             alt=""
680             aria-hidden="true"
681             class="w-6 h-6 dark:invert">
682    </button>
683
684    <div class="max-w-[1560px] mx-auto px-4 md:px-6 lg:px-12 xl:px-16 2xl:px-[100px] py-12">
685
686        <div class="mb-10 flex items-baseline justify-between gap-6 pb-6 border-b border-gray-400 dark:border-ash-600">
687            <h2 id="mega-panel-531-title"
688                class="text-heading-s text-text-primary dark:text-text-dark">
689                Der Verband            </h2>
690            <a href="https://www.bveg.de/der-verband/"
691               class="btn btn--frameless-arrow text-body-xs px-2 py-1 -mx-2 -my-1">
692                <span>Der Verband im Überblick</span>
693                <span aria-hidden="true">›</span>
694            </a>
695        </div>
696
697                <div class="grid gap-y-8 gap-x-5 lg:gap-y-10 lg:gap-x-6"
698             style="grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));">
699
700                            <div class="flex flex-col gap-4">
701                                            <a href="https://www.bveg.de/der-verband/organisation/"
702                           class="group inline-block text-heading-xxs text-text-primary dark:text-text-dark hover:text-primary px-2 -mx-2 rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 pb-2 border-b-2 border-primary focus-visible:border-transparent transition-colors">
703                            Organisation                        </a>
704                    
705                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
706                                                    <li>
707                                <a href="https://www.bveg.de/der-verband/organisation/der-bveg/"
708                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
709                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
710                                    <span>Der Bundesverband Erdgas, Erdöl und Geoenergie e.V.</span>
711                                </a>
712                            </li>
713                                                    <li>
714                                <a href="https://www.bveg.de/der-verband/organisation/ansprechpartner-innen/"
715                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
716                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
717                                    <span>Ansprechpartner &#038; Ansprechpartnerinnen</span>
718                                </a>
719                            </li>
720                                                    <li>
721                                <a href="https://www.bveg.de/der-verband/organisation/vorstand-des-bveg/"
722                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
723                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
724                                    <span>Vorstand des BVEG</span>
725                                </a>
726                            </li>
727                                                    <li>
728                                <a href="https://www.bveg.de/der-verband/organisation/bveg-ausschuesse/"
729                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
730                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
731                                    <span>BVEG Ausschüsse</span>
732                                </a>
733                            </li>
734                                                    <li>
735                                <a href="https://www.bveg.de/der-verband/organisation/netzwerk/"
736                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
737                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
738                                    <span>Netzwerk</span>
739                                </a>
740                            </li>
741                                                    <li>
742                                <a href="https://www.bveg.de/der-verband/organisation/selbstverpflichtung/"
743                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
744                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
745                                    <span>Selbstverpflichtung</span>
746                                </a>
747                            </li>
748                                            </ul>
749                </div>
750                            <div class="flex flex-col gap-4">
751                                            <h3 class="inline-block text-heading-xxs text-text-primary dark:text-text-dark px-2 -mx-2 rounded pb-2 border-b-2 border-primary">
752                            Service                        </h3>
753                    
754                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
755                                                    <li>
756                                <a href="https://www.bveg.de/der-verband/positionen-stellungnahmen/"
757                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
758                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
759                                    <span>Positionen &#038; Stellungnahmen</span>
760                                </a>
761                            </li>
762                                                    <li>
763                                <a href="https://www.bveg.de/presse/"
764                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
765                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
766                                    <span>Presse</span>
767                                </a>
768                            </li>
769                                                    <li>
770                                <a href="https://www.bveg.de/karriere/"
771                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
772                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
773                                    <span>Karriere</span>
774                                </a>
775                            </li>
776                                                    <li>
777                                <a href="https://www.bveg.de/der-verband/kontakt/"
778                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
779                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
780                                    <span>Kontakt</span>
781                                </a>
782                            </li>
783                                            </ul>
784                </div>
785            
786                            <div class="flex flex-col gap-4">
787                                        <h3 class="inline-block text-heading-xxs text-text-primary dark:text-text-dark px-2 -mx-2 rounded pb-2 border-b-2 border-primary">
788                        Weitere Themen                    </h3>
789
790                    <ul class="list-none m-0 p-0 flex flex-col gap-2.5">
791                                                    <li>
792                                <a href="https://www.bveg.de/der-verband/energie-update/"
793                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
794                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
795                                    <span>ENERGIE UPDATE</span>
796                                </a>
797                            </li>
798                                                    <li>
799                                <a href="https://www.bveg.de/der-verband/veranstaltungen/"
800                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
801                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
802                                    <span>Veranstaltungen</span>
803                                </a>
804                            </li>
805                                                    <li>
806                                <a href="https://www.bveg.de/der-verband/publikationen/"
807                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
808                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
809                                    <span>Publikationen</span>
810                                </a>
811                            </li>
812                                                    <li>
813                                <a href="https://www.bveg.de/der-verband/mitglieder/"
814                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
815                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
816                                    <span>Mitglieder</span>
817                                </a>
818                            </li>
819                                                    <li>
820                                <a href="https://www.bveg.de/der-verband/satzung/"
821                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
822                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
823                                    <span>Satzung</span>
824                                </a>
825                            </li>
826                                                    <li>
827                                <a href="https://www.bveg.de/der-verband/verhaltenskodex-des-bveg/"
828                                   class="group flex items-start gap-2 px-2 py-1 -mx-2 rounded text-body-xs text-ash dark:text-gray-400 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-4 transition-colors">
829                                    <span class="text-primary group-hover:translate-x-0.5 transition-transform" aria-hidden="true">›</span>
830                                    <span>Verhaltenskodex des BVEG</span>
831                                </a>
832                            </li>
833                                            </ul>
834                </div>
835            
836        </div>
837    </div>
838</section>
839            </div>
840            </div>
841
842        <div x-show="openPanel !== null"
843         x-cloak
844         x-transition.opacity
845         @click="close()"
846         aria-hidden="true"
847         class="hidden lg:block fixed inset-0 top-0 z-20 bg-black/20 dark:bg-black/40"></div>
848
849        <div id="mobile-menu-overlay"
850         x-show="mobileOpen"
851         x-transition:enter="transition-[opacity,transform] ease-out duration-300"
852         x-transition:enter-start="opacity-0 motion-safe:translate-y-4"
853         x-transition:enter-end="opacity-100 translate-y-0"
854         x-transition:leave="transition-[opacity,transform] ease-in duration-150"
855         x-transition:leave-start="opacity-100 translate-y-0"
856         x-transition:leave-end="opacity-0 motion-safe:translate-y-4"
857         x-cloak
858         class="fixed inset-0 z-50 bg-white dark:bg-ash-800 overflow-y-auto lg:hidden"
859         role="dialog"
860         aria-modal="true">
861        <div class="flex flex-col gap-10 px-4 py-4">
862            <div class="flex items-center justify-between">
863                <a href="https://www.bveg.de/" class="shrink-0">
864                    <img src="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/bveg-logo-light-v2.svg"
865                         alt="BVEG"
866                         class="h-[32px] md:h-[38px] w-auto">
867                </a>
868                <button @click="closeMobile()" class="p-2 text-text-primary dark:text-text-dark hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded transition-colors" aria-label="Schließen">
869                    <svg class="w-[18px] h-[18px]" fill="none" viewBox="0 0 18 18" stroke-width="2" stroke="currentColor" aria-hidden="true">
870                        <path stroke-linecap="round" stroke-linejoin="round" d="M1 1l16 16M17 1L1 17"/>
871                    </svg>
872                </button>
873            </div>
874
875            <div class="f2ts-autocomplete relative w-full">
876    <form role="search" method="get" action="https://www.bveg.de/"
877          onsubmit="if(!this.s.value.trim()){this.s.focus();return false;}"
878          class="group/search flex w-full items-center gap-4 roun
878ded-[30px] border-2 border-border dark:border-ash-600 bg-surface-muted dark:bg-ash-700 p-[22px] transition-[border-color,box-shadow] duration-200 ease-out focus-within:border-primary dark:focus-within:border-primary focus-within:shadow-[0_0_0_4px_rgba(239,129,38,0.18)] dark:focus-within:shadow-[0_0_0_4px_rgba(239,129,38,0.28)]">
879        <svg class="h-[22px] w-[22px] shrink-0 text-steel-300 transition-colors duration-200 group-focus-within/search:text-primary" fill="none" viewBox="0 0 22 22" stroke-width="2" stroke="currentColor">
880            <path stroke-linecap="round" stroke-linejoin="round" d="m20 20-4.35-4.35M9.5 17a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z"/>
881        </svg>
882        <input type="search"
883               name="s"
884               required
885               minlength="2"
886               data-f2ts-autocomplete
887               placeholder="Suchen"
888               aria-label="Suchen"
889               value=""
890               class="flex-1 w-full min-w-0 bg-transparent text-body-m h-[22px] leading-[22px] text-text-primary dark:text-text-dark placeholder-steel-300 outline-none">
891    </form>
892</div>
893
894                        <nav class="flex flex-col gap-6" x-data="{ open: {} }">
895                                    <div>
896                        <button @click="open[527] = !open[527]"
897                                :aria-expanded="!!open[527]"
898                                class="flex w-full items-center justify-between text-body-s text-text-primary dark:text-text-dark">
899                            <span>Die Branche</span>
900                            <svg class="w-[10px] h-[6px] transition-transform" :class="open[527] && 'rotate-180'" viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
901                                <path stroke-linecap="round" stroke-linejoin="round" d="M1 1l4 4 4-4"/>
902                            </svg>
903                        </button>
904
905                        <div x-show="open[527]"
906                             x-collapse
907                             x-cloak
908                             class="mt-4 flex flex-col gap-5 pl-3">
909
910                                                        <a href="https://www.bveg.de/die-branche/"
911                               class="text-body-xs text-primary font-semibold hover:text-primary-700">
912                                <span>Die Branche im Überblick</span>
913                                <span aria-hidden="true">›</span>
914                            </a>
915
916                                                            <div class="flex flex-col gap-2">
917                                                                            <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/"
918                                           class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider hover:text-primary transition-colors">
919                                            Erdgas und Erdöl in Deutschland                                        </a>
920                                    
921                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
922                                                                                    <li>
923                                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/erdgas-in-deutschland/"
924                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
925                                                    <span class="text-primary" aria-hidden="true">›</span>
926                                                    <span>Erdgas aus Deutschland</span>
927                                                </a>
928                                            </li>
929                                                                                    <li>
930                                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/wie-erdgas-entsteht-exkurs-in-die-erdgeschichte/"
931                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
932                                                    <span class="text-primary" aria-hidden="true">›</span>
933                                                    <span>Wie Erdgas entsteht – Exkurs in die Erdgeschichte</span>
934                                                </a>
935                                            </li>
936                                                                                    <li>
937                                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/erdgasreserven-in-deutschland/"
938                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
939                                                    <span class="text-primary" aria-hidden="true">›</span>
940                                                    <span>Erdgasreserven und Potenziale in Deutschland</span>
941                                                </a>
942                                            </li>
943                                                                                    <li>
944                                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/erdoel-in-deutschland/"
945                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
946                                                    <span class="text-primary" aria-hidden="true">›</span>
947                                                    <span>Erdölförderung in Deutschland</span>
948                                                </a>
949                                            </li>
950                                                                                    <li>
951                                                <a href="https://www.bveg.de/tour/"
952                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
953                                                    <span class="text-primary" aria-hidden="true">›</span>
954                                                    <span>Virtuelle Tour auf einer deutschen Erdölförderanlage</span>
955                                                </a>
956                                            </li>
957                                                                                    <li>
958                                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/wie-erdoel-entsteht-natuerlicher-rohstoff-aus-urzeiten/"
959                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
960                                                    <span class="text-primary" aria-hidden="true">›</span>
961                                                    <span>Wie Erdöl entsteht – natürlicher Rohstoff aus Urzeiten</span>
962                                                </a>
963                                            </li>
964                                                                                    <li>
965                                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/erdoelreserven-in-deutschland/"
966                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
967                                                    <span class="text-primary" aria-hidden="true">›</span>
968                                                    <span>Erdöl – Ressourcen zu Reserven machen</span>
969                                                </a>
970                                            </li>
971                                                                                    <li>
972                                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutsc
972hland/fracking-in-deutschland/"
973                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
974                                                    <span class="text-primary" aria-hidden="true">›</span>
975                                                    <span>Fracking in Deutschland</span>
976                                                </a>
977                                            </li>
978                                                                                    <li>
979                                                <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/geologische-verhaeltnisse/"
980                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
981                                                    <span class="text-primary" aria-hidden="true">›</span>
982                                                    <span>Geologische Verhältnisse</span>
983                                                </a>
984                                            </li>
985                                                                            </ul>
986                                </div>
987                                                            <div class="flex flex-col gap-2">
988                                                                            <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/"
989                                           class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider hover:text-primary transition-colors">
990                                            Speicher in Deutschland                                        </a>
991                                    
992                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
993                                                                                    <li>
994                                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/untergrund-gasspeicher/"
995                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
996                                                    <span class="text-primary" aria-hidden="true">›</span>
997                                                    <span>Untergrundspeicher: Heute Erdgas, morgen Wasserstoff</span>
998                                                </a>
999                                            </li>
1000                                                                                    <li>
1001                                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/versorgungssicherheit-durch-speicher/"
1002                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1003                                                    <span class="text-primary" aria-hidden="true">›</span>
1004                                                    <span>Versorgungssicherheit durch Speicher</span>
1005                                                </a>
1006                                            </li>
1007                                                                                    <li>
1008                                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/kavernenspeicher/"
1009                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1010                                                    <span class="text-primary" aria-hidden="true">›</span>
1011                                                    <span>Kavernenspeicher</span>
1012                                                </a>
1013                                            </li>
1014                                                                                    <li>
1015                                                <a href="https://www.bveg.de/die-branche/speicher-in-deutsc
1015hland/porenspeicher/"
1016                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1017                                                    <span class="text-primary" aria-hidden="true">›</span>
1018                                                    <span>Porenspeicher</span>
1019                                                </a>
1020                                            </li>
1021                                                                                    <li>
1022                                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/wasserstoff-speichern-soviel-ist-sicher/"
1023                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1024                                                    <span class="text-primary" aria-hidden="true">›</span>
1025                                                    <span>Wasserstoff speichern – soviel ist sicher</span>
1026                                                </a>
1027                                            </li>
1028                                                                            </ul>
1029                                </div>
1030                                                            <div class="flex flex-col gap-2">
1031                                                                            <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/"
1032                                           class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider hover:text-primary transition-colors">
1033                                            Tiefe Geothermie in Deutschland                                        </a>
1034                                    
1035                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1036                                                                                    <li>
1037                                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/tiefe-geothermie/"
1038                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1039                                                    <span class="text-primary" aria-hidden="true">›</span>
1040                                                    <span>Tiefe Geothermie</span>
1041                                                </a>
1042                                            </li>
1043                                                                                    <li>
1044                                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/das-leistungsspektrum-geothermie/leistungsspektrum-geothermie/"
1045                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1046                                                    <span class="text-primary" aria-hidden="true">›</span>
1047                                                    <span>Leistungsspektrum Geothermie</span>
1048                                                </a>
1049                                            </li>
1050                                                                                    <li>
1051                                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/die-geothermie-wurde-bislang-voellig-unterschaetzt/"
1052                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1053                                                    <span class="text-primary" aria-hidden="true">›</span>
1054                                                    <span>
1054Die Geothermie wurde bislang völlig unterschätzt</span>
1055                                                </a>
1056                                            </li>
1057                                                                                    <li>
1058                                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/waermemarkt-deutschland-was-die-geothermie-kuenftig-leisten-kann/"
1059                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1060                                                    <span class="text-primary" aria-hidden="true">›</span>
1061                                                    <span>Wärmemarkt Deutschland: Was die Geothermie künftig leisten kann</span>
1062                                                </a>
1063                                            </li>
1064                                                                                    <li>
1065                                                <a href="https://www.bveg.de/umwelt-sicherheit/geothermische-verfahren/"
1066                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1067                                                    <span class="text-primary" aria-hidden="true">›</span>
1068                                                    <span>Geothermische Verfahren</span>
1069                                                </a>
1070                                            </li>
1071                                                                                    <li>
1072                                                <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/geothermieforum-niedersachsen/"
1073                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1074                                                    <span class="text-primary" aria-hidden="true">›</span>
1075                                                    <span>Geothermieforum Niedersachsen</span>
1076                                                </a>
1077                                            </li>
1078                                                                            </ul>
1079                                </div>
1080                            
1081                                                            <div class="flex flex-col gap-2">
1082                                    <p class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider m-0">
1083                                        Weitere Themen                                    </p>
1084                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1085                                                                                    <li>
1086                                                <a href="https://www.bveg.de/die-branche/beitrag-zur-energieversorgung/"
1087                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1088                                                    <span class="text-primary" aria-hidden="true">›</span>
1089                                                    <span>Beitrag zur Energieversorgung</span>
1090                                                </a>
1091                                            </li>
1092                                                                                    <li>
1093                                                <a href="https://www.bveg.de/die-branche/beitrag-zum-klimaschutz/"
1094                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1095                                                    <span class="text-primary" aria-hidden="true">›</span>
1096                                                    <span>Beitrag zum Klimaschutz</span>
1097                                                </a>
1098                                            </li>
1099                                                                                    <li>
1100                                                <a href="https://www.bveg.de/die-branche/lithiumproduktion-in-deutschland-potenziale-prozesse-und-perspektiven/"
1101                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1102                                                    <span class="text-primary" aria-hidden="true">›</span>
1103                                                    <span>Lithiumproduktion in Deutschland: Potenziale, Prozesse und Perspektiven</span>
1104                                                </a>
1105                                            </li>
1106                                                                                    <li>
1107                                                <a href="https://www.bveg.de/die-branche/statistik/"
1108                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1109                                                    <span class="text-primary" aria-hidden="true">›</span>
1110                                                    <span>Statistik</span>
1111                                                </a>
1112                                            </li>
1113                                                                            </ul>
1114                                </div>
1115                                                    </div>
1116                    </div>
1117                                    <div>
1118                        <button @click="open[530] = !open[530]"
1119                                :aria-expanded="!!open[530]"
1120                                class="flex w-full items-center justify-between text-body-s text-text-primary dark:text-text-dark">
1121                            <span>Umwelt &#038; Sicherheit</span>
1122                            <svg class="w-[10px] h-[6px] transition-transform" :class="open[530] && 'rotate-180'" viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1123                                <path stroke-linecap="round" stroke-linejoin="round" d="M1 1l4 4 4-4"/>
1124                            </svg>
1125                        </button>
1126
1127                        <div x-show="open[530]"
1128                             x-collapse
1129                             x-cloak
1130                             class="mt-4 flex flex-col gap-5 pl-3">
1131
1132                                                        <a href="https://www.bveg.de/umwelt-sicherheit/"
1133                               class="text-body-xs text-primary font-semibold hover:text-primary-700">
1134                                <span>Umwelt &#038; Sicherheit im Überblick</span>
1135                                <span aria-hidden="true">›</span>
1136                            </a>
1137
1138                                                            <div class="flex flex-col gap-2">
1139                                                                            <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/"
1140                                           class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider hover:text-primary transition-colors">
1141                                            Bürger fragen uns …                                        </a>
1142                                    
1143                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1144                                                                                    <li>
1145                                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/risiken-durch-die-erdgasfoerderung-in-deutschland/"
1146                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1147                                                    <span class="text-primary" aria-hidden="true">›</span>
1148                                                    <span>Risiken durch die Erdgasförderung in Deutschland?</span>
1149                                                </a>
1150                                            </li>
1151                                                                                    <li>
1152                                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/foerderung-von-erdgas-eine-gefahr-fuer-das-wasser/"
1153                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1154                                                    <span class="text-primary" aria-hidden="true">›</span>
1155                                                    <span>Förderung von Erdgas: eine Gefahr für das Wasser?</span>
1156                                                </a>
1157                                            </li>
1158                                                                                    <li>
1159                                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/welche-auswirkungen-haben-methanemissionen-und-was-tut-die-industrie-dagegen/"
1160                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1161                                                    <span class="text-primary" aria-hidden="true">›</span>
1162                                                    <span>Welche Auswirkungen haben Methanemissionen und was tut die Industrie dagegen?</span>
1163                                                </a>
1164                                            </li>
1165                                                                                    <li>
1166                                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/stehen-erdbeben-in-zusammenhang-mit-der-erdgasfoerderung/"
1167                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1168                                                    <span class="text-primary" aria-hidden="true">›</span>
1169                                                    <span>Stehen Erdbeben in Zusammenhang mit der Erdgasförderung?</span>
1170                                                </a>
1171                                            </li>
1172                                                                                    <li>
1173                                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/ccus-co2-abscheiden-nutzen-oder-speichern/"
1174                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1175                                                    <span class="text-primary" aria-hidden="true">›</span>
1176                                                    <span>CCUS: CO2 abscheiden, nutzen oder speichern?</span>
1177                                                </a>
1178                                            </li>
1179                                                                                    <li>
1180                                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/wie-funktioniert-eine-umweltvertraeglichkeitspruefung/"
1181                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1182                                                    <span class="text-primary" aria-hidden="true">›</span>
1183                                                    <span>Wie funktioniert eine Umweltverträglichkeitsprüfung?</span>
1184                                                </a>
1185                                            </li>
1186                                                                                    <li>
1187                                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/wie-gefahrlich-ist-fracking/"
1188                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1189                                                    <span class="text-primary" aria-hidden="true">›</span>
1190                                                    <span>Wie gefährlich ist Fracking?</span>
1191                                                </a>
1192                                            </li>
1193                                                                            </ul>
1194                                </div>
1195                                                            <div class="flex flex-col gap-2">
1196                                                                            <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/"
1197                                           class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider hover:text-primary transition-colors">
1198                                            Arbeitssicherheit                                        </a>
1199                                    
1200                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1201                                                                                    <li>
1202                                                <a href="https://www.bveg.de/umwelt-sicherheit/technische-regeln/"
1203                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1204                                                    <span class="text-primary" aria-hidden="true">›</span>
1205                                                    <span>Technisches Regelwerk</span>
1206                                                </a>
1207                                            </li>
1208                                                                                    <li>
1209                                                <a href="https://bveg-safetytraining.com/"
1210                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1211                                                    <span class="text-primary" aria-hidden="true">›</span>
1212                                                    <span>BVEG Safety Training</span>
1213                                                </a>
1214                                            </li>
1215                                                                                    <li>
1216                                                <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/sicherheitspass/"
1217                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1218                                                    <span class="text-primary" aria-hidden="true">›</span>
1219                                                    <span>Sicherheitspass</span>
1220                                                </a>
1221                                            </li>
1222                                                                                    <li>
1223                                                <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/lernfaelle/"
1224                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1225                                                    <span class="text-primary" aria-hidden="true">›</span>
1226                                                    <span>Lernfälle</span>
1227                                                </a>
1228                                            </li>
1229                                                                                    <li>
1230                                                <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/internationale-hilfsvereinbarungen-oces/"
1231                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1232                                                    <span class="text-primary" aria-hidden="true">›</span>
1233                                                    <span>Internationale Hilfsvereinbarungen (OCES)</span>
1234                                                </a>
1235                                            </li>
1236                                                                                    <li>
1237                                                <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/links-zur-arbeitssicherheit/"
1238                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1239                                                    <span class="text-primary" aria-hidden="true">›</span>
1240                                                    <span>Links zur Arbeitssicherheit</span>
1241                                                </a>
1242                                            </li>
1243                                                                            </ul>
1244                                </div>
1245                                                            <div class="flex flex-col gap-2">
1246                                                                            <a href="https://www.bveg.de/umwelt-sicherheit/normung/"
1247                                           class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider hover:text-primary transition-colors">
1248                                            Normung                                        </a>
1249                                    
1250                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1251                                                                                    <li>
1252                                                <a href="https://www.bveg.de/umwelt-sicherheit/normung/organisationen-fuer-normungsarbeit/"
1253                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1254                                                    <span class="text-primary" aria-hidden="true">›</span>
1255                                                    <span>Organisationen für Normungsarbeit</span>
1256                                                </a>
1257                                            </li>
1258                                                                                    <li>
1259                                                <a href="https://www.bveg.de/umwelt-sicherheit/normung/normen-und-standards-der-industrie/"
1260                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1261                                                    <span class="text-primary" aria-hidden="true">›</span>
1262                                                    <span>Normen und Standards der Industrie</span>
1263                                                </a>
1264                                            </li>
1265                                                                            </ul>
1266                                </div>
1267                            
1268                                                            <div class="flex flex-col gap-2">
1269                                    <p class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider m-0">
1270                                        Weitere Themen                                    </p>
1271                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1272                                                                                    <li>
1273                                                <a href="https://www.bveg.de/umwelt-sicherheit/gutes-foerdern/"
1274                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1275                                                    <span class="text-primary" aria-hidden="true">›</span>
1276                                                    <span>Gutes Fördern: Unsere Transparenzinitiative Umwelt</span>
1277                                                </a>
1278                                            </li>
1279                                                                                    <li>
1280                                                <a href="https://www.bveg.de/umwelt-sicherheit/langzeit-luftmessungen-im-umfeld-von-erdgasfoerderanlagen-abgeschlossen/"
1281                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1282                                                    <span class="text-primary" aria-hidden="true">›</span>
1283                                                    <span>Langzeit-Luftmessungen im Umfeld von Erdgasförderanlagen abgeschlossen</span>
1284                                                </a>
1285                                            </li>
1286                                                                                    <li>
1287                                                <a href="https://www.bveg.de/umwelt-sicherheit/buergerinfo-seismisches-messsystem/"
1288                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1289                                                    <span class="text-primary" aria-hidden="true">›</span>
1290                                                    <span>Bürgerinfo Seismisches Messsystem</span>
1291                                                </a>
1292                                            </li>
1293                                                                                    <li>
1294                                                <a href="https://www.bveg.de/umwelt-sicherheit/schlichtungsstelle-bei-bergschaeden/"
1295                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1296                                                    <span class="text-primary" aria-hidden="true">›</span>
1297                                                    <span>Schlichtungsstelle bei Bergschäden</span>
1298                                                </a>
1299                                            </li>
1300                                                                                    <li>
1301                                                <a href="https://www.bveg.de/umwelt-sicherheit/moderne-bohrtechnik-zum-erschliessen-neuer-lagerstaetten/"
1302                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1303                                                    <span class="text-primary" aria-hidden="true">›</span>
1304                                                    <span>Moderne Bohrtechnik zum Erschließen neuer Lagerstätten</span>
1305                                                </a>
1306                                            </li>
1307                                                                            </ul>
1308                                </div>
1309                                                    </div>
1310                    </div>
1311                                    <div>
1312                        <button @click="open[531] = !open[531]"
1313                                :aria-expanded="!!open[531]"
1314                                class="flex w-full items-center justify-between text-body-s text-text-primary dark:text-text-dark">
1315                            <span>Der Verband</span>
1316                            <svg class="w-[10px] h-[6px] transition-transform" :class="open[531] && 'rotate-180'" viewBox="0 0 10 6" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1317                                <path stroke-linecap="round" stroke-linejoin="round" d="M1 1l4 4 4-4"/>
1318                            </svg>
1319                        </button>
1320
1321                        <div x-show="open[531]"
1322                             x-collapse
1323                             x-cloak
1324                             class="mt-4 flex flex-col gap-5 pl-3">
1325
1326                                                        <a href="https://www.bveg.de/der-verband/"
1327                               class="text-body-xs text-primary font-semibold hover:text-primary-700">
1328                                <span>Der Verband im Überblick</span>
1329                                <span aria-hidden="true">›</span>
1330                            </a>
1331
1332                                                            <div class="flex flex-col gap-2">
1333                                                                            <a href="https://www.bveg.de/der-verband/organisation/"
1334                                           class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider hover:text-primary transition-colors">
1335                                            Organisation                                        </a>
1336                                    
1337                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1338                                                                                    <li>
1339                                                <a href="https://www.bveg.de/der-verband/organisation/der-bveg/"
1340                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1341                                                    <span class="text-primary" aria-hidden="true">›</span>
1342                                                    <span>Der Bundesverband Erdgas, Erdöl und Geoenergie e.V.</span>
1343                                                </a>
1344                                            </li>
1345                                                                                    <li>
1346                                                <a href="https://www.bveg.de/der-verband/organisation/ansprechpartner-innen/"
1347                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1348                                                    <span class="text-primary" aria-hidden="true">›</span>
1349                                                    <span>Ansprechpartner &#038; Ansprechpartnerinnen</span>
1350                                                </a>
1351                                            </li>
1352                                                                                    <li>
1353                                                <a href="https://www.bveg.de/der-verband/organisation/vorstand-des-bveg/"
1354                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1355                                                    <span class="text-primary" aria-hidden="true">›</span>
1356                                                    <span>Vorstand des BVEG</span>
1357                                                </a>
1358                                            </li>
1359                                                                                    <li>
1360                                                <a href="https://www.bveg.de/der-verband/organisation/bveg-ausschuesse/"
1361                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1362                                                    <span class="text-primary" aria-hidden="true">›</span>
1363                                                    <span>BVEG Ausschüsse</span>
1364                                                </a>
1365                                            </li>
1366                                                                                    <li>
1367                                                <a href="https://www.bveg.de/der-verband/organisation/netzwerk/"
1368                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1369                                                    <span class="text-primary" aria-hidden="true">›</span>
1370                                                    <span>Netzwerk</span>
1371                                                </a>
1372                                            </li>
1373                                                                                    <li>
1374                                                <a href="https://www.bveg.de/der-verband/organisation/selbstverpflichtung/"
1375                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1376                                                    <span class="text-primary" aria-hidden="true">›</span>
1377                                                    <span>Selbstverpflichtung</span>
1378                                                </a>
1379                                            </li>
1380                                                                            </ul>
1381                                </div>
1382                                                            <div class="flex flex-col gap-2">
1383                                                                            <p class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider m-0">
1384                                            Service                                        </p>
1385                                    
1386                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1387                                                                                    <li>
1388                                                <a href="https://www.bveg.de/der-verband/positionen-stellungnahmen/"
1389                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1390                                                    <span class="text-primary" aria-hidden="true">›</span>
1391                                                    <span>Positionen &#038; Stellungnahmen</span>
1392                                                </a>
1393                                            </li>
1394                                                                                    <li>
1395                                                <a href="https://www.bveg.de/presse/"
1396                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1397                                                    <span class="text-primary" aria-hidden="true">›</span>
1398                                                    <span>Presse</span>
1399                                                </a>
1400                                            </li>
1401                                                                                    <li>
1402                                                <a href="https://www.bveg.de/karriere/"
1403                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1404                                                    <span class="text-primary" aria-hidden="true">›</span>
1405                                                    <span>Karriere</span>
1406                                                </a>
1407                                            </li>
1408                                                                                    <li>
1409                                                <a href="https://www.bveg.de/der-verband/kontakt/"
1410                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1411                                                    <span class="text-primary" aria-hidden="true">›</span>
1412                                                    <span>Kontakt</span>
1413                                                </a>
1414                                            </li>
1415                                                                            </ul>
1416                                </div>
1417                            
1418                                                            <div class="flex flex-col gap-2">
1419                                    <p class="text-body-xs font-semibold text-text-primary dark:text-text-dark uppercase tracking-wider m-0">
1420                                        Weitere Themen                                    </p>
1421                                    <ul class="list-none m-0 p-0 flex flex-col gap-2 pl-3">
1422                                                                                    <li>
1423                                                <a href="https://www.bveg.de/der-verband/energie-update/"
1424                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1425                                                    <span class="text-primary" aria-hidden="true">›</span>
1426                                                    <span>ENERGIE UPDATE</span>
1427                                                </a>
1428                                            </li>
1429                                                                                    <li>
1430                                                <a href="https://www.bveg.de/der-verband/veranstaltungen/"
1431                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1432                                                    <span class="text-primary" aria-hidden="true">›</span>
1433                                                    <span>Veranstaltungen</span>
1434                                                </a>
1435                                            </li>
1436                                                                                    <li>
1437                                                <a href="https://www.bveg.de/der-verband/publikationen/"
1438                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1439                                                    <span class="text-primary" aria-hidden="true">›</span>
1440                                                    <span>Publikationen</span>
1441                                                </a>
1442                                            </li>
1443                                                                                    <li>
1444                                                <a href="https://www.bveg.de/der-verband/mitglieder/"
1445                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1446                                                    <span class="text-primary" aria-hidden="true">›</span>
1447                                                    <span>Mitglieder</span>
1448                                                </a>
1449                                            </li>
1450                                                                                    <li>
1451                                                <a href="https://www.bveg.de/der-verband/satzung/"
1452                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1453                                                    <span class="text-primary" aria-hidden="true">›</span>
1454                                                    <span>Satzung</span>
1455                                                </a>
1456                                            </li>
1457                                                                                    <li>
1458                                                <a href="https://www.bveg.de/der-verband/verhaltenskodex-des-bveg/"
1459                                                   class="flex items-start gap-2 text-body-xs text-text-primary dark:text-gray-400 hover:text-primary transition-colors">
1460                                                    <span class="text-primary" aria-hidden="true">›</span>
1461                                                    <span>Verhaltenskodex des BVEG</span>
1462                                                </a>
1463                                            </li>
1464                                                                            </ul>
1465                                </div>
1466                                                    </div>
1467                    </div>
1468                            </nav>
1469
1470                        <div x-data="darkMode" class="flex items-center justify-between border-t border-gray-200 dark:border-ash-600 pt-6">
1471                <span class="text-body-s text-text-primary dark:text-text-dark">Dunkler Modus</span>
1472                <button @click="toggle()"
1473                        class="relative inline-flex h-7 w-12 items-center rounded-full transition-colors"
1474                        :class="dark ? 'bg-primary' : 'bg-gray-300 dark:bg-ash-600'"
1475                        :aria-label="dark ? 'Zum hellen Modus wechseln' : 'Zum dunklen Modus wechseln'">
1476                    <span class="inline-block h-5 w-5 rounded-full bg-white shadow-sm transform transition-transform"
1477                          :class="dark ? 'translate-x-6' : 'translate-x-1'"></span>
1478                </button>
1479            </div>
1480        </div>
1481    </div>
1482</header>
1483
1484<main id="main-content" class="flex-1" role="main">
1485<section class="px-4 pt-4 md:px-6 md:pt-6 lg:px-[50px] lg:pt-[60px]"
1486         aria-label="Hero"
1487         x-data="heroSlider">
1488    <div x-ref="slider"
1489         class="splide max-w-[1820px] mx-auto overflow-hidden rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]"
1490         aria-roledescription="carousel"
1491         aria-label="Hero-Slider">
1492        <div class="splide__track">
1493            <ul class="splide__list">
1494                                    <li class="splide__slide"
1495                        role="group"
1496                        aria-roledescription="slide"
1497                        aria-label="Slide 1 von 1"
1498                        >
1499                        <div class="flex flex-col lg:flex-row items-center h-full bg-primary dark:bg-primary-700">
1500    <div class="flex-1 flex flex-col gap-4 md:gap-6 lg:gap-[40px] p-6 md:p-12 lg:pl-[100px] lg:pr-8 lg:py-16 2xl:pl-[150px]">
1501        <h2 class="text-heading-s lg:text-heading-m 2xl:text-heading-xl text-white hover:text-white">Jahresbericht 2025 &#8211;<br />
1502Zahlen, Daten &amp; Fakten der Branche
1503</h2>
1504
1505        
1506                    <a href="https://www.bveg.de/jahresbericht/jahresbericht-2025/"
1507               class="inline-flex items-center gap-2 no-underline text-body-xs lg:text-heading-xs 2xl:text-heading-s text-white hover:text-white group">
1508                <span>Zum Jahresbericht 2025</span>
1509                <svg class="w-7 h-3 transition-transform group-hover:translate-x-1" viewBox="0 0 28 12" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1510                    <path stroke-linecap="round" stroke-linejoin="round" d="M1 6h25m0 0l-5-5m5 5l-5 5"/>
1511                </svg>
1512            </a>
1513            </div>
1514
1515            <div class="w-full min-h-[50vw] md:min-h-0 md:h-full lg:flex-1 lg:self-stretch">
1516            <img src="https://www.bveg.de/wp-content/uploads/2026/03/Erdgasfoerderung_JB-2025-scaled.jpg"
1517                 alt=""
1518                 class="w-full h-full object-cover rounded-b-[18px] lg:rounded-l-none lg:rounded-r-[18px] m-0"
1519                 loading="eager"
1520                 fetchpriority="high">
1521        </div>
1522    </div>
1523                    </li>
1524                            </ul>
1525        </div>
1526
1527            </div>
1528</section>
1529<section class="mx-auto max-w-[1560px] px-4 py-16 md:px-6 md:py-20 lg:px-12 lg:py-24" aria-label="Teaser">
1530    <div class="flex flex-col md:flex-row items-center gap-10 lg:gap-16">
1531        <div class="flex-1 flex flex-col gap-5 text-center md:text-left">
1532                            <h2 class="text-heading-m lg:text-heading-l 2xl:text-heading-xl text-text-primary dark:text-text-dark">
1533                    Keine Zeit für Wunschkonzert – Perspektivwechsel jetzt!                 </h2>
1534                                        <p class="text-body-m text-ash dark:text-gray-400 whitespace-pre-line">
1535                    Videostatement zum BVEG-Jahresbericht 2025 von Dr. Ludwig Möhring                </p>
1536                                        <a href="https://youtu.be/-lOZc6hf0G4"
1537                   target="_blank" rel="noopener noreferrer"                   class="inline-flex items-center gap-3 text-heading-s text-text-primary dark:text-text-dark hover:text-primary dark:hover:text-primary-400 transition-colors self-center md:self-start">
1538                    <span>Zum Video</span>
1539                    <svg class="w-7 h-3" viewBox="0 0 28 12" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1540                        <path stroke-linecap="round" stroke-linejoin="round" d="M1 6h25m0 0l-5-5m5 5l-5 5"/>
1541                    </svg>
1542                </a>
1543                    </div>
1544        <div class="flex-1 w-full">
1545                            <div class="aspect-video rounded-bveg-lg overflow-hidden relative"
1546                     x-data="{ muted: true, playing: false }"
1547                     x-intersect:enter="$refs.vid.play().then(() =>
1547 playing = true).catch(() => {})"
1548                     x-intersect:leave="$refs.vid.pause(); playing = false">
1549                    <video x-ref="vid"
1550                           class="w-full h-full object-cover"
1551                           muted playsinline loop preload="metadata">
1552                        <source src="https://www.bveg.de/wp-content/uploads/2026/05/BVEG_Jahresbericht2025_720P-klein-260511_2.mp4" type="video/mp4">
1553                    </video>
1554                    <button @click="$refs.vid.muted = !$refs.vid.muted; muted = $refs.vid.muted; if ($refs.vid.paused) $refs.vid.play().catch(() => {})"
1555                            :aria-label="muted ? 'Ton einschalten' : 'Ton ausschalten'"
1556                            class="absolute bottom-4 right-4 z-10 bg-black/50 hover:bg-black/70 text-white rounded-full size-12 flex items-center justify-center transition-colors">
1557                        <svg x-show="muted" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
1558                            <path stroke-linecap="round" stroke-linejoin="round" d="M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"/>
1559                            <path stroke-linecap="round" stroke-linejoin="round" d="M17 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2"/>
1560                        </svg>
1561                        <svg x-show="!muted" x-cloak class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
1562                            <path stroke-linecap="round" stroke-linejoin="round" d="M15.536 8.464a5 5 0 010 7.072M17.95 6.05a8 8 0 010 11.9M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"/>
1563                        </svg>
1564                    </button>
1565                </div>
1566                    </div>
1567    </div>
1568</section>
1569<section class="mx-auto max-w-[1560px] px-4 py-16 md:px-6 lg:px-12" aria-label="News">
1570    <div class="flex flex-col gap-10" >
1571
1572                <div class="flex flex-col md:flex-row md:items-end md:justify-between gap-4">
1573            <div class="text-center md:text-left max-w-3xl">
1574                <h2 class="text-heading-m lg:text-heading-l 2xl:text-heading-xl text-text-primary dark:text-text-dark">Neuigkeiten</h2>
1575                <p class="mt-3 text-body-m text-ash dark:text-gray-400">Aktuelle Meldungen und Nachrichten des BVEG.</p>
1576            </div>
1577
1578                    </div>
1579
1580                                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-5 md:gap-7 w-full">
1581                                    <article class="group flex flex-col gap-5">
1582    <a href="https://www.bveg.de/die-branche/beitrag-zur-energieversorgung/hohe-gaspreise-leere-gasspeicher-wo-ist-die-diskussion-um-mehr-heimische-erdgasfoerderung/" class="relative block rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
1583                    <img width="300" height="200" src="https://www.bveg.de/wp-content/uploads/2026/09/Teaserbild_Siedenburg_Credit-ExxonMobil-300x200.jpg" class="w-full aspect-[16/10] object-cover transition-transform duration-300 group-hover:scale-105 wp-post-image" alt="" sizes="auto, (max-width: 639px) 100vw, (max-width: 1023px) 50vw, 25vw" loading="lazy" decoding="async" srcset="https://www.bveg.de/wp-content/uploads/2026/09/Teaserbild_Siedenburg_Credit-ExxonMobil-300x200.jpg 300w, https://www.bveg.de/wp-content/uploads/2026/09/Teaserbild_Siedenburg_Credit-ExxonMobil-1024x683.jpg 1024w, https://www.bveg.de/wp-content/uploads/2026/09/Teaserbild_Siedenburg_Credit-ExxonMobil-768x512.jpg 768w, https://www.bveg.de/wp-content/uploads/2026/09/Teaserbild_Siedenburg_Credit-ExxonMobil-1536x1024.jpg 1536w, https://www.bveg.de/wp-content/uploads/2026/09/Teaserbild_Siedenburg_Credit-ExxonMobil.jpg 1981w" />                            <span class="absolute top-3 left-3 rounded-full bg-black/50 backdrop-blur-sm px-3 py-1 text-btn-s text-white opacity-0 -translate-y-1 transition-all duration-300 ease-out group-hover:opacity-100 group-hover:translate-y-0">
1584                Beitrag zur Energieversorgung            </span>
1585            </a>
1586    <div class="flex flex-1 flex-col gap-4">
1587        <h3 class="text-heading-xs text-text-primary dark:text-text-dark transition-colors group-hover:text-primary">
1588            <a href="https://www.bveg.de/die-branche/beitrag-zur-energieversorgung/hohe-gaspreise-leere-gasspeicher-wo-ist-die-diskussion-um-mehr-heimische-erdgasfoerderung/">
1589                Hohe Gaspreise, leere Gasspeicher: Wo ist die Diskussion um mehr heimische Erdgasförderung?            </a>
1590        </h3>
1591        <p class="text-body-m text-ash dark:text-gray-400 line-clamp-2">
1592            Der Bundesverband Erdgas, Erdöl und Geoenergie (BVEG) warnt vor den Folgen der aktuell niedrigen Gasspeicherfüllstände und der erwarteten hohen Erdgaspreise im kommenden Winter.        </p>
1593        <a href="https://www.bveg.de/die-branche/beitrag-zur-energieversorgung/hohe-gaspreise-leere-gasspeicher-wo-ist-die-diskussion-um-mehr-heimische-erdgasfoerderung/"
1594           class="btn btn--frameless-arrow text-btn-m mt-auto justify-start">
1595            <span>Mehr erfahren</span>
1596            <svg class="w-4 h-2 transition-transform duration-300 group-hover:translate-x-1" viewBox="0 0 16 8" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1597                <path stroke-linecap="round" stroke-linejoin="round" d="M1 4h13m0 0l-3-3m3 3l-3 3"/>
1598            </svg>
1599        </a>
1600    </div>
1601</article>
1602                                    <article class="group flex flex-col gap-5">
1603    <a href="https://www.bveg.de/der-verband/positionen-stellungnahmen/widerstand-gegen-carsten-schneiders-natur-infrastruktur-gesetz/" class="relative block rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
1604                    <img width="300" height="200" src="https://www.bveg.de/wp-content/uploads/2026/08/Teaserbild_PM_Rohstoffverbaende-300x200.jpg" class="w-full aspect-[16/10] object-cover transition-transform duration-300 group-hover:scale-105 wp-post-image" alt="" sizes="auto, (max-width: 639px) 100vw, (max-width: 1023px) 50vw, 25vw" loading="lazy" decoding="async" srcset="https://www.bveg.de/wp-content/uploads/2026/08/Teaserbild_PM_Rohstoffverbaende-300x200.jpg 300w, https://www.bveg.de/wp-content/uploads/2026/08/Teaserbild_PM_Rohstoffverbaende-1024x683.jpg 1024w, https://www.bveg.de/wp-content/uploads/2026/08/Teaserbild_PM_Rohstoffverbaende-768x512.jpg 768w, https://www.bveg.de/wp-content/uploads/2026/08/Teaserbild_PM_Rohstoffverbaende-1536x1024.jpg 1536w, https://www.bveg.de/wp-content/uploads/2026/08/Teaserbild_PM_Rohstoffverbaende-2048x1365.jpg 2048w" />                            <span class="absolute top-3 left-3 rounded-full bg-black/50 backdrop-blur-sm px-3 py-1 text-btn-s text-white opacity-0 -translate-y-1 transition-all duration-300 ease-out group-hover:opacity-100 group-hover:translate-y-0">
1605                Positionen &amp; Stellungnahmen            </span>
1606            </a>
1607    <div class="flex flex-1 flex-col gap-4">
1608        <h3 class="text-heading-xs text-text-primary dark:text-text-dark transition-colors group-hover:text-primary">
1609            <a href="https://www.bveg.de/der-verband/positionen-stellungnahmen/widerstand-gegen-carsten-schneiders-natur-infrastruktur-gesetz/">
1610                Widerstand gegen Carsten Schneiders Natur-Infrastruktur-Gesetz            </a>
1611        </h3>
1612        <p class="text-body-m text-ash dark:text-gray-400 line-clamp-2">
1613            Mehrere Rohstoffverbände fordern grundlegende Überarbeitung des NatInfG – Versorgungssicherheit und Genehmigungsfähigkeit stehen auf dem Spiel        </p>
1614        <a href="https://www.bveg.de/der-verband/positionen-stellungnahmen/widerstand-gegen-carsten-schneiders-natur-infrastruktur-gesetz/"
1615           class="btn btn--frameless-arrow text-btn-m mt-auto justify-start">
1616            <span>Mehr erfahren</span>
1617            <svg class="w-4 h-2 transition-transform duration-300 group-hover:translate-x-1" viewBox="0 0 16 8" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1618                <path stroke-linecap="round" stroke-linejoin="round" d="M1 4h13m0 0l-3-3m3 3l-3 3"/>
1619            </svg>
1620        </a>
1621    </div>
1622</article>
1623                                    <article class="group flex flex-col gap-5">
1624    <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/neue-plattform-fuer-digitale-sicherheitsunterweisungen/" class="relative block rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
1625                    <img width="300" height="200" src="https://www.bveg.de/wp-content/uploads/2026/07/Teaserbild_Safety-Training_shutterstock-300x200.jpg" class="w-full aspect-[16/10] object-cover transition-transform duration-300 group-hover:scale-105 wp-post-image" alt="" sizes="auto, (max-width: 639px) 100vw, (max-width: 1023px) 50vw, 25vw" loading="lazy" decoding="async" srcset="https://www.bveg.de/wp-content/uploads/2026/07/Teaserbild_Safety-Training_shutterstock-300x200.jpg 300w, https://www.bveg.de/wp-content/uploads/2026/07/Teaserbild_Safety-Training_shutterstock-1024x682.jpg 1024w, https://www.bveg.de/wp-content/uploads/2026/07/Teaserbild_Safety-Training_shutterstock-768x512.jpg 768w, https://www.bveg.de/wp-content/uploads/2026/07/Teaserbild_Safety-Training_shutterstock.jpg 1157w" />
1625                            <span class="absolute top-3 left-3 rounded-full bg-black/50 backdrop-blur-sm px-3 py-1 text-btn-s text-white opacity-0 -translate-y-1 transition-all duration-300 ease-out group-hover:opacity-100 group-hover:translate-y-0">
1626                Arbeitssicherheit            </span>
1627            </a>
1628    <div class="flex flex-1 flex-col gap-4">
1629        <h3 class="text-heading-xs text-text-primary dark:text-text-dark transition-colors group-hover:text-primary">
1630            <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/neue-plattform-fuer-digitale-sicherheitsunterweisungen/">
1631                Neue Plattform für digitale Sicherheitsunterweisungen            </a>
1632        </h3>
1633        <p class="text-body-m text-ash dark:text-gray-400 line-clamp-2">
1634            Der BVEG hat die neue Online-Plattform BVEG Safety Training in Betrieb genommen. Über die Plattform können Mitarbeitende und Kontraktoren der Unternehmen die allgemeine BVEG-Sicherheitsunterweisung digital absolvieren.        </p>
1635        <a href="https://www.bveg.de/umwelt-sicherheit/arbeitssicherheit/neue-plattform-fuer-digitale-sicherheitsunterweisungen/"
1636           class="btn btn--frameless-arrow text-btn-m mt-auto justify-start">
1637            <span>Mehr erfahren</span>
1638            <svg class="w-4 h-2 transition-transform duration-300 group-hover:translate-x-1" viewBox="0 0 16 8" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1639                <path stroke-linecap="round" stroke-linejoin="round" d="M1 4h13m0 0l-3-3m3 3l-3 3"/>
1640            </svg>
1641        </a>
1642    </div>
1643</article>
1644                            </div>
1645        
1646    </div>
1647</section>
1648<section class="mx-auto max-w-[1560px] px-4 py-16 md:px-6 lg:px-12" aria-label="Topics">
1649    <div class="flex flex-col gap-10 items-center">
1650        <div class="text-center max-w-3xl">
1651            <h2 class="text-heading-m lg:text-heading-l 2xl:text-heading-xl text-text-primary dark:text-text-dark">Entdecken Sie die Themen des BVEG</h2>
1652                    </div>
1653
1654                <div class="flex flex-wrap justify-center gap-6 md:gap-8 lg:gap-[60px] w-full">
1655                            <a href="https://www.bveg.de/die-branche/erdgas-und-erdoel-in-deutschland/"
1656                   class="group flex flex-col h-[260px] md:h-[340px] lg:h-[460px] overflow-hidden basis-full md:basis-[calc(50%-16px)] lg:basis-[calc(33.333%-40px)]">
1657                    <div class="flex-1 rounded-tr-[18px] overflow-hidden bg-surface-light dark:bg-ash-800">
1658                                                    <img src="https://www.bveg.de/wp-content/uploads/2021/09/01_Kurze-Wege-foerdern_Erdgas-Bestandteil-des-Alltags-vieler-Menschen.jpg"
1659                                 alt="" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
1660                                            </div>
1661                    <div class="flex items-center justify-between px-5 py-6 md:px-[30px] md:py-10 bg-surface-muted dark:bg-ash-700 rounded-bl-[14px] rounded-br-[14px]">
1662                        <span class="text-heading-xs text-text-primary dark:text-text-dark font-semibold">
1663                            Erdgas &amp; Erdöl                        </span>
1664                        <svg class="w-[30px] h-[22px] shrink-0 transition-transform group-hover:translate-x-1" viewBox="0 0 30 22" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1665                            <path stroke-linecap="round" stroke-linejoin="round" d="M1 11h26m0 0l-8-8m8 8l-8 8"/>
1666                        </svg>
1667                    </div>
1668                </a>
1669                            <a href="https://www.bveg.de/die-branche/tiefe-geothermie-in-deutschland/"
1670                   class="group flex flex-col h-[260px] md:h-[340px] lg:h-[460px] overflow-hidden basis-full md:basis-[calc(50%-16px)] lg:basis-[calc(33.333%-40px)]">
1671                    <div class="flex-1 rounded-tr-[18px] overflow-hidden bg-surface-light dark:bg-ash-800">
1672                                                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Geothermiebohrung_hochkant-_Credit_KCA-Deutag-scaled.jpg"
1673                                 alt="" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
1674                                            </div>
1675                    <div class="flex items-center justify-between px-5 py-6 md:px-[30px] md:py-10 bg-surface-muted dark:bg-ash-700 rounded-bl-[14px] rounded-br-[14px]">
1676                        <span class="text-heading-xs text-text-primary dark:text-text-dark font-semibold">
1677                            Tiefe Geothermie                        </span>
1678                        <svg class="w-[30px] h-[22px] shrink-0 transition-transform group-hover:translate-x-1" viewBox="0 0 30 22" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1679                            <path stroke-linecap="round" stroke-linejoin="round" d="M1 11h26m0 0l-8-8m8 8l-8 8"/>
1680                        </svg>
1681                    </div>
1682                </a>
1683                            <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/"
1684                   class="group flex flex-col h-[260px] md:h-[340px] lg:h-[460px] overflow-hidden basis-full md:basis-[calc(50%-16px)] lg:basis-[calc(33.333%-40px)]">
1685                    <div class="flex-1 rounded-tr-[18px] overflow-hidden bg-surface-light dark:bg-ash-800">
1686                                                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_-Speicher_Rehden_quer_Credit_astora-GmbH.jpg"
1687                                 alt="" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
1688                                            </div>
1689                    <div class="flex items-center justify-between px-5 py-6 md:px-[30px] md:py-10 bg-surface-muted dark:bg-ash-700 rounded-bl-[14px] rounded-br-[14px]">
1690                        <span class="text-heading-xs text-text-primary dark:text-text-dark font-semibold">
1691                            Speicher                        </span>
1692                        <svg class="w-[30px] h-[22px] shrink-0 transition-transform group-hover:translate-x-1" viewBox="0 0 30 22" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1693                            <path stroke-linecap="round" stroke-linejoin="round" d="M1 11h26m0 0l-8-8m8 8l-8 8"/>
1694                        </svg>
1695                    </div>
1696                </a>
1697                            <a href="https://www.bveg.de/die-branche/lithiumproduktion-in-deutschland-potenziale-prozesse-und-perspektiven/"
1698                   class="group flex flex-col h-[260px] md:h-[340px] lg:h-[460px] overflow-hidden basis-full md:basis-[calc(50%-16px)] lg:basis-[calc(33.333%-40px)]">
1699                    <div class="flex-1 rounded-tr-[18px] overflow-hidden bg-surface-light dark:bg-ash-800">
1700                                                    <img src="https://www.bveg.de/wp-content/uploads/2026/02/Teaserbild_Lithium_shutterstock_Ployker.jpg"
1701                                 alt="" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
1702                                            </div>
1703                    <div class="flex items-center justify-between px-5 py-6 md:px-[30px] md:py-10 bg-surface-muted dark:bg-ash-700 rounded-bl-[14px] rounded-br-[14px]">
1704                        <span class="text-heading-xs text-text-primary dark:text-text-dark font-semibold">
1705                            Lithium                        </span>
1706                        <svg class="w-[30px] h-[22px] shrink-0 transition-transform group-hover:translate-x-1" viewBox="0 0 30 22" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1707                            <path stroke-linecap="round" stroke-linejoin="round" d="M1 11h26m0 0l-8-8m8 8l-8 8"/>
1708                        </svg>
1709                    </div>
1710                </a>
1711                            <a href="https://www.bveg.de/die-branche/beitrag-zum-klimaschutz/wasserstoff/"
1712                   class="group flex flex-col h-[260px] md:h-[340px] lg:h-[460px] overflow-hidden basis-full md:basis-[calc(50%-16px)] lg:basis-[calc(33.333%-40px)]">
1713                    <div class="flex-1 rounded-tr-[18px] overflow-hidden bg-surface-light dark:bg-ash-800">
1714                                                    <img src="https://www.bveg.de/wp-content/uploads/2026/05/Teaserbild_Thema_Wasserstoff.jpg"
1715                                 alt="" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
1716                                            </div>
1717                    <div class="flex items-center justify-between px-5 py-6 md:px-[30px] md:py-10 bg-surface-muted dark:bg-ash-700 rounded-bl-[14px] rounded-br-[14px]">
1718                        <span class="text-heading-xs text-text-primary dark:text-text-dark font-semibold">
1719                            Wasserstoff                        </span>
1720                        <svg class="w-[30px] h-[22px] shrink-0 transition-transform group-hover:translate-x-1" viewBox="0 0 30 22" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1721                            <path stroke-linecap="round" stroke-linejoin="round" d="M1 11h26m0 0l-8-8m8 8l-8 8"/>
1722                        </svg>
1723                    </div>
1724                </a>
1725                            <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/ccus-co2-abscheiden-nutzen-oder-speichern/"
1726                   class="group flex flex-col h-[260px] md:h-[340px] lg:h-[460px] overflow-hidden basis-full md:basis-[calc(50%-16px)] lg:basis-[calc(33.333%-40px)]">
1727                    <div class="flex-1 rounded-tr-[18px] overflow-hidden bg-surface-light dark:bg-ash-800">
1728                                                    <img src="https://www.bveg.de/wp-content/uploads/2026/05/Teaserbild_Thema_CCUS_shutterstock_1.png"
1729                                 alt="" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
1730                                            </div>
1731                    <div class="flex items-center justify-between px-5 py-6 md:px-[30px] md:py-10 bg-surface-muted dark:bg-ash-700 rounded-bl-[14px] rounded-br-[14px]">
1732                        <span class="text-heading-xs text-text-primary dark:text-text-dark font-semibold">
1733                            CCUS                        </span>
1734                        <svg class="w-[30px] h-[22px] shrink-0 transition-transform group-hover:translate-x-1" viewBox="0 0 30 22" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
1735                            <path stroke-linecap="round" stroke-linejoin="round" d="M1 11h26m0 0l-8-8m8 8l-8 8"/>
1736                        </svg>
1737                    </div>
1738                </a>
1739                    </div>
1740    </div>
1741</section>
1742<section class="mx-auto max-w-[1560px] px-4 py-16 md:px-6 lg:px-12" aria-label="Highlights">
1743    <h2 class="text-heading-m lg:text-heading-l 2xl:text-heading-xl text-text-primary dark:text-text-dark text-center mb-10">
1744        Unsere Highlights    </h2>
1745
1746        <div class="grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 gap-8">
1747                                <a href="https://www.bveg.de/der-verband/energie-update/erdgasversorgung-fuer-deutschland-droht-eine-dauerkrise-mit-ansage/"
1748               class="bg-surface-muted dark:bg-ash-800 flex gap-3 md:gap-6 items-start p-3 md:pl-4 md:pr-[30px] md:py-4 rounded-bveg hover:shadow-md transition-shadow overflow-hidden">
1749                                    <div class="shrink-0 w-[124px] h-[132px] md:w-[170px] md:h-[180px] overflow-hidden rounded-bveg">
1750                        <img width="300" height="300" src="https://www.bveg.de/wp-content/uploads/2026/05/ENERGIE-UPDATE-Cover-2025-scaled-1-300x300.png" class="w-full h-full object-cover" alt="" decoding="async" fetchpriority="high" srcset="https://www.bveg.de/wp-content/uploads/2026/05/ENERGIE-UPDATE-Cover-2025-scaled-1-300x300.png 300w, https://www.bveg.de/wp-content/uploads/2026/05/ENERGIE-UPDATE-Cover-2025-scaled-1-1024x1024.png 1024w, https://www.bveg.de/wp-content/uploads/2026/05/ENERGIE-UPDATE-Cover-2025-scaled-1-150x150.png 150w, https://www.bveg.de/wp-content/uploads/2026/05/ENERGIE-UPDATE-Cover-2025-scaled-1-768x768.png 768w, https://www.bveg.de/wp-content/uploads/2026/05/ENERGIE-UPDATE-Cover-2025-scaled-1-1536x1536.png 1536w, https://www.bveg.de/wp-content/uploads/2026/05/ENERGIE-UPDATE-Cover-2025-scaled-1-2048x2048.png 2048w" sizes="(max-width: 300px) 100vw, 300px" />                    </div>
1751                                <div class="flex flex-col gap-2 md:gap-3 flex-1 min-w-0">
1752                    <h3 class="text-heading-xxs text-text-primary dark:text-text-dark font-semibold hyphens-auto break-words">
1753                        Erdgasversorgung für Deutschland – droht eine Dauerkrise mit Ansage?                    </h3>
1754                                            <p class="text-body-xs text-ash dark:text-gray-400 line-clamp-3">
1755                            Folge 63 des ENERGIE UPDATE Podcasts mit Dr. Ludwig Möhring.                        </p>
1756                                    </div>
1757            </a>
1758                                <a href="https://www.bveg.de/die-branche/das-denkt-deutschland-ueber-die-gas-und-oelfoerderung-im-eigenen-land/"
1759               class="bg-surface-muted dark:bg-ash-800 flex gap-3 md:gap-6 items-start p-3 md:pl-4 md:pr-[30px] md:py-4 rounded-bveg hover:shadow-md transition-shadow overflow-hidden">
1760                                    <div class="shrink-0 w-[124px] h-[132px] md:w-[170px] md:h-[180px] overflow-hidden rounded-bveg">
1761                        <img width="290" height="300" src="https://www.bveg.de/wp-content/uploads/2026/06/250429_BVEG_Akzeptanzbefragung_Flyer_2025_V1_03-290x300.jpg" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://www.bveg.de/wp-content/uploads/2026/06/250429_BVEG_Akzeptanzbefragung_Flyer_2025_V1_03-290x300.jpg 290w, https://www.bveg.de/wp-content/uploads/2026/06/250429_BVEG_Akzeptanzbefragung_Flyer_2025_V1_03-990x1024.jpg 990w, https://www.bveg.de/wp-content/uploads/2026/06/250429_BVEG_Akzeptanzbefragung_Flyer_2025_V1_03-768x794.jpg 768w, https://www.bveg.de/wp-content/uploads/2026/06/250429_BVEG_Akzeptanzbefragung_Flyer_2025_V1_03.jpg 1417w" sizes="(max-width: 290px) 100v
1761w, 290px" />                    </div>
1762                                <div class="flex flex-col gap-2 md:gap-3 flex-1 min-w-0">
1763                    <h3 class="text-heading-xxs text-text-primary dark:text-text-dark font-semibold hyphens-auto break-words">
1764                        Das denkt Deutschland über die Gas- und Ölförderung im eigenen Land                    </h3>
1765                                            <p class="text-body-xs text-ash dark:text-gray-400 line-clamp-3">
1766                            Gas und Öl aus Deutschland: Die Sicht der Bevölkerung auf die Branche.                        </p>
1767                                    </div>
1768            </a>
1769                                <a href="https://www.bveg.de/karriere/transformation-braucht-neue-koepfe-bveg-startet-recruiting-kampagne-fuer-eine-nachhaltige-zukunft/"
1770               class="bg-surface-muted dark:bg-ash-800 flex gap-3 md:gap-6 items-start p-3 md:pl-4 md:pr-[30px] md:py-4 rounded-bveg hover:shadow-md transition-shadow overflow-hidden">
1771                                    <div class="shrink-0 w-[124px] h-[132px] md:w-[170px] md:h-[180px] overflow-hidden rounded-bveg">
1772                        <img width="300" height="169" src="https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9-300x169.png" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9-300x169.png 300w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9-1024x576.png 1024w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9-768x432.png 768w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9-200x113.png 200w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9-400x225.png 400w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9-800x450.png 800w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9-1200x675.png 1200w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_-BVEG_EMPLOYER_BRANDING_Aura2_16X9.png 1500w" sizes="(max-width: 300px) 100vw, 300px" />                    </div>
1773                                <div class="flex flex-col gap-2 md:gap-3 flex-1 min-w-0">
1774                    <h3 class="text-heading-xxs text-text-primary dark:text-text-dark font-semibold hyphens-auto break-words">
1775                        Transformation braucht neue Köpfe: BVEG startet Recruiting-Kampagne für eine nachhaltige Zukunft                    </h3>
1776                                            <p class="text-body-xs text-ash dark:text-gray-400 line-clamp-3">
1777                            Der Bundesverband Erdgas, Erdöl und Geoenergie e.V. (BVEG) startet eine Recruiting-Kampagne für seine Mitglieder. Mit...                        </p>
1778                                    </div>
1779            </a>
1780                                <a href="https://www.bveg.de/die-branche/beitrag-zur-energieversorgung/weisst-du-eigentlich-woher-die-energie-fuer-deinen-haushalt-kommt/"
1781               class="bg-surface-muted dark:bg-ash-800 flex gap-3 md:gap-6 items-start p-3 md:pl-4 md:pr-[30px] md:py-4 rounded-bveg hover:shadow-md transition-shadow overflow-hidden">
1782                                    <div class="shrink-0 w-[124px] h-[132px] md:w-[170px] md:h-[180px] overflow-hidden rounded-bveg">
1783                        <img width="300" height="168" src="https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL-300x168.png" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL-300x168.png 300w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL-1024x575.png 1024w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL-768x431.png 768w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL-200x112.png 200w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL-400x225.png 400w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL-800x449.png 800w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL-1200x674.png 1200w, https://www.bveg.de/wp-content/uploads/2024/03/TACSY_BVEG_GASHERD_16X9_THUMBNAIL.png 1500w" sizes="(max-width: 300px) 100v
1783w, 300px" />                    </div>
1784                                <div class="flex flex-col gap-2 md:gap-3 flex-1 min-w-0">
1785                    <h3 class="text-heading-xxs text-text-primary dark:text-text-dark font-semibold hyphens-auto break-words">
1786                        Weißt du eigentlich, woher die Energie für deinen Haushalt kommt?                    </h3>
1787                                            <p class="text-body-xs text-ash dark:text-gray-400 line-clamp-3">
1788                            Entdecke woher die Energie für deine Heizung und das Gas für den Herd in deiner Küche kommt.                        </p>
1789                                    </div>
1790            </a>
1791                                <a href="https://www.bveg.de/umwelt-sicherheit/buerger-fragen-uns/welche-auswirkungen-haben-methanemissionen-und-was-tut-die-industrie-dagegen/"
1792               class="bg-surface-muted dark:bg-ash-800 flex gap-3 md:gap-6 items-start p-3 md:pl-4 md:pr-[30px] md:py-4 rounded-bveg hover:shadow-md transition-shadow overflow-hidden">
1793                                    <div class="shrink-0 w-[124px] h-[132px] md:w-[170px] md:h-[180px] overflow-hidden rounded-bveg">
1794                        <img width="300" height="229" src="https://www.bveg.de/wp-content/uploads/2022/11/Teaserbild-Methanmolekuel_shutterstock-300x229.jpg" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://www.bveg.de/wp-content/uploads/2022/11/Teaserbild-Methanmolekuel_shutterstock-300x229.jpg 300w, https://www.bveg.de/wp-content/uploads/2022/11/Teaserbild-Methanmolekuel_shutterstock-200x153.jpg 200w, https://www.bveg.de/wp-content/uploads/2022/11/Teaserbild-Methanmolekuel_shutterstock-400x306.jpg 400w, https://www.bveg.de/wp-content/uploads/2022/11/Teaserbild-Methanmolekuel_shutterstock.jpg 658w" sizes="(max-width: 300px) 100vw, 300px" />                    </div>
1795                                <div class="flex flex-col gap-2 md:gap-3 flex-1 min-w-0">
1796                    <h3 class="text-heading-xxs text-text-primary dark:text-text-dark font-semibold hyphens-auto break-words">
1797                        Welche Auswirkungen haben Methanemissionen und was tut die Industrie dagegen?                    </h3>
1798                                            <p class="text-body-xs text-ash dark:text-gray-400 line-clamp-3">
1799                            Erdgas rückt immer wieder in die Kritik, weil es überwiegend aus Methan besteht, und weil Methanemissionen wie auch C...                        </p>
1800                                    </div>
1801            </a>
1802                                <a href="https://www.bveg.de/die-branche/speicher-in-deutschland/untergrund-gasspeicher/"
1803               class="bg-surface-muted dark:bg-ash-800 flex gap-3 md:gap-6 items-start p-3 md:pl-4 md:pr-[30px] md:py-4 rounded-bveg hover:shadow-md transition-shadow overflow-hidden">
1804                                    <div class="shrink-0 w-[124px] h-[132px] md:w-[170px] md:h-[180px] overflow-hidden rounded-bveg">
1805                        <img width="300" height="201" src="https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-300x201.jpg" class="w-full h-full object-cover" alt="" decoding="async" srcset="https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-300x201.jpg 300w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-1024x686.jpg 1024w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-768x514.jpg 768w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-1536x1028.jpg 1536w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-2048x1371.jpg 2048w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-200x134.jpg 200w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-400x268.jpg 400w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-800x536.jpg 800w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-1200x803.jpg 1200w, https://www.bveg.de/wp-content/uploads/2021/09/Teaserbild_Untergrund-Gasspeicher-1920x1285.jpg 1920w" sizes="(max-width: 300px) 100v
1805w, 300px" />                    </div>
1806                                <div class="flex flex-col gap-2 md:gap-3 flex-1 min-w-0">
1807                    <h3 class="text-heading-xxs text-text-primary dark:text-text-dark font-semibold hyphens-auto break-words">
1808                        Untergrundspeicher: Heute Erdgas, morgen Wasserstoff                    </h3>
1809                                            <p class="text-body-xs text-ash dark:text-gray-400 line-clamp-3">
1810                            Die Speicher erfüllen eine klassische Rückgrat-Funktion zwischen Versorger und Verbraucher und haben einen maßgeblich...                        </p>
1811                                    </div>
1812            </a>
1813            </div>
1814</section>
1815<section class="bg-dark-blue w-full" aria-label="Statistics">
1816        <div class="mx-auto max-w-[1920px] px-4 py-10 md:px-6 md:py-16 lg:px-8 lg:py-[60px] 2xl:px-[120px] flex flex-col lg:flex-row items-start lg:items-center gap-8 lg:gap-10 2xl:gap-20">
1817        <h2 class="text-heading-m 2xl:text-heading-xl text-honey-50 shrink-0 lg:max-w-[411px] 2xl:w-[411px]">
1818            Die Branche in Zahlen        </h2>
1819        <div class="flex-1 grid grid-cols-2 2xl:grid-cols-4 gap-6 md:gap-8 2xl:gap-0 2xl:justify-between w-full">
1820                            <div class="flex flex-col gap-3 md:gap-6">
1821                    <span class="text-heading-m 2xl:text-heading-l text-honey-50">
1822                        6.533                    </span>
1823                    <span class="text-body-s text-honey-200 hyphens-auto break-words">
1824                        Beschäftigte in der Branche                    </span>
1825                </div>
1826                            <div class="flex flex-col gap-3 md:gap-6">
1827                    <span class="text-heading-m 2xl:text-heading-l text-honey-50">
1828                        4,25 Mrd. m³                    </span>
1829                    <span class="text-body-s text-honey-200 hyphens-auto break-words">
1830                        Erdgasproduktion 2025                    </span>
1831                </div>
1832                            <div class="flex flex-col gap-3 md:gap-6">
1833                    <span class="text-heading-m 2xl:text-heading-l text-honey-50">
1834                        1,55 Mio. t                    </span>
1835                    <span class="text-body-s text-honey-200 hyphens-auto break-words">
1836                        Erdölproduktion 2025                    </span>
1837                </div>
1838                            <div class="flex flex-col gap-3 md:gap-6">
1839                    <span class="text-heading-m 2xl:text-heading-l text-honey-50">
1840                        22,7 Mrd. Nm³                    </span>
1841                    <span class="text-body-s text-honey-200 hyphens-auto break-words">
1842                        Arbeitsgasvolumen Erdgasspeicher                    </span>
1843                </div>
1844                    </div>
1845    </div>
1846</section>
1847<section class="mx-auto max-w-[1560px] px-4 py-16 md:px-6 lg:px-12" aria-label="Gallery">
1848    <div class="flex flex-col gap-5 items-center mb-8 md:mb-10 text-center">
1849        <h2 class="text-heading-m lg:text-heading-l 2xl:text-heading-xl text-text-primary dark:text-text-dark">
1850            Unsere Fotogalerie        </h2>
1851            </div>
1852
1853        <div class="md:hidden -mx-4">
1854        <div class="flex overflow-x-auto snap-x snap-mandatory scroll-px-4 gap-4 px-4 pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
1855                            <figure class="snap-start shrink-0 w-[85%]">
1856                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1857                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/0514-EMPG-Visbek-Z16_Credit-ExxonMobil.jpg"
1858                             alt=""
1859                             class="w-full h-full object-cover m-0">
1860                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1861                                © ExxonMobil                            </span>
1862                                            </div>
1863                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Blick in den Bohrturm mit Bohrmeißel</figcaption>
1864                                    </figure>
1865                            <figure class="snap-start shrink-0 w-[85%]">
1866                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1867                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/EMPG-Visbek-Z16_Credit-ExxonMobil.jpg"
1868                             alt=""
1869                             class="w-full h-full object-cover m-0">
1870                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1871                                © ExxonMobil                            </span>
1872                                            </div>
1873                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Blick in einen Bohrturm mit Bohrgestänge</figcaption>
1874                                    </figure>
1875                            <figure class="snap-start shrink-0 w-[85%]">
1876                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1877                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/GK-Drohne-Shutdown-09.2020-72-dpi_Credit-ExxonMobil.jpg"
1878                             alt=""
1879                             class="w-full h-full object-cover m-0">
1880                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1881                                © ExxonMobil                            </span>
1882                                            </div>
1883                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdgasaufbereitungsanlage in Großenkneten</figcaption>
1884                                    </figure>
1885                            <figure class="snap-start shrink-0 w-[85%]">
1886                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1887                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Siedenburg-Z-16-72_Credit-ExxonMobil.jpg"
1888                             alt=""
1889                             class="w-full h-full object-cover m-0">
1890                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1891                                © ExxonMobil                            </span>
1892                                            </div>
1893                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdgasbohrung Siedenburg Z16</figcaption>
1894                                    </figure>
1895                            <figure class="snap-start shrink-0 w-[85%]">
1896                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1897                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Siedenburg-Z-16_Credit-ExxonMobil.jpg"
1898                             alt=""
1899                             class="w-full h-full object-cover m-0">
1900                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1901                                © ExxonMobil                            </span>
1902                                            </div>
1903                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdgasbohrung Siedenburg Z16</figcaption>
1904                                    </figure>
1905                            <figure class="snap-start shrink-0 w-[85%]">
1906                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1907                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Mittelplate_2020_02_Credit-Wintershall-Dea_Flying-Focus-scaled.jpg"
1908                             alt=""
1909                             class="w-full h-full object-cover m-0">
1910                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1911                                © Wintershall Dea/Flying Focus                            </span>
1912                                            </div>
1913                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Bohr- und Förderinsel Mittelplate</figcaption>
1914                                    </figure>
1915                            <figure class="snap-start shrink-0 w-[85%]">
1916                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1917                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Bohr-und-Foerderinsel-Mittelplate_2020_02_-Credit-Wintershall-Dea_Sebastian-Weihs-scaled.jpg"
1918                             alt=""
1919                             class="w-full h-full object-cover m-0">
1920                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1921                                © Wintershall Dea/Sebastian Weihs                             </span>
1922                                            </div>
1923                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Bohr- und Förderinsel Mittelplate</figcaption>
1924                                    </figure>
1925                            <figure class="snap-start shrink-0 w-[85%]">
1926                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1927                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Emlichheim_2021_07_Credit-Wintershall-Dea_Christian-Burkert-scaled.jpg"
1928                             alt=""
1929                             class="w-full h-full object-cover m-0">
1930                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1931                                © Wintershall Dea/Christian Burkert                            </span>
1932                                            </div>
1933                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Manometer am Standort Emlichheim</figcaption>
1934                                    </figure>
1935                            <figure class="snap-start shrink-0 w-[85%]">
1936                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1937                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Credit-Neptune-Energy-scaled.jpg"
1938                             alt=""
1939                             class="w-full h-full object-cover m-0">
1940                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1941                                © Neptune Energy Deutschland GmbH                            </span>
1942                                            </div>
1943                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdöl-Förderpumpe</figcaption>
1944                                    </figure>
1945                            <figure class="snap-start shrink-0 w-[85%]">
1946                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1947                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Mitarbeiter_Neptune-Energy.jpg"
1948                             alt=""
1949                             class="w-full h-full object-cover m-0">
1950                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1951                                © Neptune Energy Deutschland GmbH                            </span>
1952                                            </div>
1953                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Mitarbeiter überprüft Druck an einer Anlage</figcaption>
1954                                    </figure>
1955                            <figure class="snap-start shrink-0 w-[85%]">
1956                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1957                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Scheeren_Neptune-Energy-scaled.jpg"
1958                             alt=""
1959                             class="w-full h-full object-cover m-0">
1960                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1961                                © Neptune Energy Deutschland GmbH                            </span>
1962                                            </div>
1963                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Bohrloch-Verfüllung Schneeren Süd Z1</figcaption>
1964                                    </figure>
1965                            <figure class="snap-start shrink-0 w-[85%]">
1966                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1967                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_-Speicher_Rehden_quer_Credit_astora-GmbH.jpg"
1968                             alt=""
1969                             class="w-full h-full object-cover m-0">
1970                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1971                                © astora GmbH                            </span>
1972                                            </div>
1973                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdgasspeicher Rehden</figcaption>
1974                                    </figure>
1975                            <figure class="snap-start shrink-0 w-[85%]">
1976                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1977                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Geothermiebohrung-2_Credit_KCA-Deutag-scaled.jpg"
1978                             alt=""
1979                             class="w-full h-full object-cover m-0">
1980                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1981                                © H&amp;P                            </span>
1982                                            </div>
1983                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Geothermiebohrung</figcaption>
1984                                    </figure>
1985                            <figure class="snap-start shrink-0 w-[85%]">
1986                    <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800 aspect-[4/3]">
1987                        <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Neue-Erdoelleitung-Emlichheim_2021_02_-Credit-Wintershall-Dea_Christian-Burkert.jpg"
1988                             alt=""
1989                             class="w-full h-full object-cover m-0">
1990                                                    <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right">
1991                                © Wintershall Dea/Christian Burkert                            </span>
1992                                            </div>
1993                                            <figcaption class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Mitarbeiter auf der Aufbereitungsanlage in Emlichheim</figcaption>
1994                                    </figure>
1995                    </div>
1996    </div>
1997
1998    <div class="hidden md:block columns-3 lg:columns-4 gap-3">
1999                    <div class="mb-3 break-inside-avoid">
2000                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2001                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/0514-EMPG-Visbek-Z16_Credit-ExxonMobil.jpg"
2002                         alt=""
2003                         class="w-full object-cover">
2004                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2005                            © ExxonMobil                        </span>
2006                                    </div>
2007                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Blick in den Bohrturm mit Bohrmeißel</p>
2008                            </div>
2009                    <div class="mb-3 break-inside-avoid">
2010                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2011                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/EMPG-Visbek-Z16_Credit-ExxonMobil.jpg"
2012                         alt=""
2013                         class="w-full object-cover">
2014                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2015                            © ExxonMobil                        </span>
2016                                    </div>
2017                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Blick in einen Bohrturm mit Bohrgestänge</p>
2018                            </div>
2019                    <div class="mb-3 break-inside-avoid">
2020                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2021                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/GK-Drohne-Shutdown-09.2020-72-dpi_Credit-ExxonMobil.jpg"
2022                         alt=""
2023                         class="w-full object-cover">
2024                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2025                            © ExxonMobil                        </span>
2026                                    </div>
2027                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdgasaufbereitungsanlage in Großenkneten</p>
2028                            </div>
2029                    <div class="mb-3 break-inside-avoid">
2030                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2031                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Siedenburg-Z-16-72_Credit-ExxonMobil.jpg"
2032                         alt=""
2033                         class="w-full object-cover">
2034                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2035                            © ExxonMobil                        </span>
2036                                    </div>
2037                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdgasbohrung Siedenburg Z16</p>
2038                            </div>
2039                    <div class="mb-3 break-inside-avoid">
2040                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2041                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Siedenburg-Z-16_Credit-ExxonMobil.jpg"
2042                         alt=""
2043                         class="w-full object-cover">
2044                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2045                            © ExxonMobil                        </span>
2046                                    </div>
2047                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdgasbohrung Siedenburg Z16</p>
2048                            </div>
2049                    <div class="mb-3 break-inside-avoid">
2050                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2051                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Mittelplate_2020_02_Credit-Wintershall-Dea_Flying-Focus-scaled.jpg"
2052                         alt=""
2053                         class="w-full object-cover">
2054                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2055                            © Wintershall Dea/Flying Focus                        </span>
2056                                    </div>
2057                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Bohr- und Förderinsel Mittelplate</p>
2058                            </div>
2059                    <div class="mb-3 break-inside-avoid">
2060                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2061                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Bohr-und-Foerderinsel-Mittelplate_2020_02_-Credit-Wintershall-Dea_Sebastian-Weihs-scaled.jpg"
2062                         alt=""
2063                         class="w-full object-cover">
2064                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2065                            © Wintershall Dea/Sebastian Weihs                         </span>
2066                                    </div>
2067                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Bohr- und Förderinsel Mittelplate</p>
2068                            </div>
2069                    <div class="mb-3 break-inside-avoid">
2070                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2071                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Emlichheim_2021_07_Credit-Wintershall-Dea_Christian-Burkert-scaled.jpg"
2072                         alt=""
2073                         class="w-full object-cover">
2074                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2075                            © Wintershall Dea/Christian Burkert                        </span>
2076                                    </div>
2077                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Manometer am Standort Emlichheim</p>
2078                            </div>
2079                    <div class="mb-3 break-inside-avoid">
2080                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2081                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Credit-Neptune-Energy-scaled.jpg"
2082                         alt=""
2083                         class="w-full object-cover">
2084                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2085                            © Neptune Energy Deutschland GmbH                        </span>
2086                                    </div>
2087                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdöl-Förderpumpe</p>
2088                            </div>
2089                    <div class="mb-3 break-inside-avoid">
2090                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2091                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Mitarbeiter_Neptune-Energy.jpg"
2092                         alt=""
2093                         class="w-full object-cover">
2094                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2095                            © Neptune Energy Deutschland GmbH                        </span>
2096                                    </div>
2097                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Mitarbeiter überprüft Druck an einer Anlage</p>
2098                            </div>
2099                    <div class="mb-3 break-inside-avoid">
2100                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2101                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Scheeren_Neptune-Energy-scaled.jpg"
2102                         alt=""
2103                         class="w-full object-cover">
2104                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2105                            © Neptune Energy Deutschland GmbH                        </span>
2106                                    </div>
2107                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Bohrloch-Verfüllung Schneeren Süd Z1</p>
2108                            </div>
2109                    <div class="mb-3 break-inside-avoid">
2110                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2111                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_-Speicher_Rehden_quer_Credit_astora-GmbH.jpg"
2112                         alt=""
2113                         class="w-full object-cover">
2114                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2115                            © astora GmbH                        </span>
2116                                    </div>
2117                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Erdgasspeicher Rehden</p>
2118                            </div>
2119                    <div class="mb-3 break-inside-avoid">
2120                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2121                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Geothermiebohrung-2_Credit_KCA-Deutag-scaled.jpg"
2122                         alt=""
2123                         class="w-full object-cover">
2124                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2125                            © H&amp;P                        </span>
2126                                    </div>
2127                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Geothermiebohrung</p>
2128                            </div>
2129                    <div class="mb-3 break-inside-avoid">
2130                <div class="relative group rounded-bveg overflow-hidden bg-surface-light dark:bg-ash-800">
2131                    <img src="https://www.bveg.de/wp-content/uploads/2022/01/Pressefoto_Neue-Erdoelleitung-Emlichheim_2021_02_-Credit-Wintershall-Dea_Christian-Burkert.jpg"
2132                         alt=""
2133                         class="w-full object-cover">
2134                                            <span class="absolute bottom-2 right-2 px-2 py-1 rounded-sm bg-black/60 text-white text-body-xs leading-tight pointer-events-none max-w-[80%] text-right opacity-0 group-hover:opacity-100 group-focus-within:opacity-100 transition-opacity duration-200">
2135                            © Wintershall Dea/Christian Burkert                        </span>
2136                                    </div>
2137                                    <p class="mt-3 text-heading-xs text-dark-blue-900 dark:text-text-dark hyphens-auto break-words">Mitarbeiter auf der Aufbereitungsanlage in Emlichheim</p>
2138                            </div>
2139            </div>
2140
2141            <div class="flex justify-center mt-10">
2142            <a href="https://www.bveg.de/presse/pressefotos"
2143               class="inline-flex items-center gap-3 text-heading-s text-text-primary dark:text-text-dark hover:text-primary dark:hover:text-primary-400 transition-colors">
2144                <span>Zu den Pressefotos</span>
2145                <svg class="w-7 h-3" viewBox="0 0 28 12" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
2146                    <path stroke-linecap="round" stroke-linejoin="round" d="M1 6h25m0 0l-5-5m5 5l-5 5"/>
2147                </svg>
2148            </a>
2149        </div>
2150    </section>
2151</main>
2152
2153<footer class="w-full" aria-label="Footer">
2154    <div class="bg-surface-light dark:bg-ash-800">
2155        <div class="mx-auto max-w-[1920px] px-4 py-10 md:px-6 md:py-14 lg:px-8 xl:px-[100px] lg:py-16">
2156
2157            <div class="flex flex-col lg:flex-row gap-10 lg:gap-16 xl:gap-24">
2158
2159                                <div class="flex flex-col gap-8 shrink-0">
2160                    <a href="https://www.bveg.de/" class="inline-block" aria-label="BVEG Startseite">
2161                        <img src="https://www.bveg.de/wp-content/themes/bveg-theme-v2/assets/images/bveg-logo-light-v2.svg"
2162     alt="BVEG"
2163     class="h-[38px] w-auto">
2164                    </a>
2165                                        <div class="flex items-center gap-4 md:gap-5">
2166                                                    <a href="https://www.instagram.com/bveg_de/" target="_blank" rel="noopener" class="text-ash dark:text-gray-400 hover:text-primary transition-colors" aria-label="Instagram">
2167                                <svg class="w-6 h-6" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.16c3.2 0 3.58.01 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23-.22.56-.48.96-.9 1.38-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58-.01-4.85-.07c-1.17-.05-1.8-.25-2.23-.41a3.7 3.7 0 01-1.38-.9 3.7 3.7 0 01-.9-1.38c-.16-.42-.36-1.06-.41-2.23-.06-1.27-.07-1.65-.07-4.85s.01-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.17 8.8 2.16 12 2.16M12 0C8.74 0 8.33.01 7.05.07 5.78.13 4.91.33 4.15.63a5.86 5.86 0 00-2.12 1.38A5.86 5.86 0 00.63 4.15C.33 4.91.13 5.78.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95c.06 1.27.26 2.14.56 2.9.31.79.73 1.46 1.38 2.12a5.86 5.86 0 002.12 1.38c.76.3 1.63.5 2.9.56C8.33 23.99 8.74 24 12 24s3.67-.01 4.95-.07c1.27-.06 2.14-.26 2.9-.56a5.86 5.86 0 002.12-1.38 5.86 5.86 0 001.38-2.12c.3-.76.5-1.63.56-2.9.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.06-1.27-.26-2.14-.56-2.9a5.86 5.86 0 00-1.38-2.12A5.86 5.86 0 0019.85.63C19.09.33 18.22.13 16.95.07 15.67.01 15.26 0 12 0zm0 5.84A6.16 6.16 0 105.84 12 6.16 6.16 0 0012 5.84zm0 10.16A4 4 0 1116 12a4 4 0 01-4 4zm6.41-11.85a1.44 1.44 0 11-1.44-1.44 1.44 1.44 0 011.44 1.44z"/></svg>
2168                            </a>
2169                                                                            <a href="https://www.linkedin.com/company/bveg" target="_blank" rel="noopener" class="text-ash dark:text-gray-400 hover:text-primary transition-colors" aria-label="LinkedIn">
2170                                <svg class="w-6 h-6" viewBox="0 0 30 32" fill="currentColor" aria-hidden="true"><path d="M6.72 10.56H.96V32h5.76V10.56zM3.84 7.68c1.92 0 3.36-1.44 3.36-3.36S5.76.96 3.84.96 .48 2.4.48 4.32s1.44 3.36 3.36 3.36zM16.32 10.56h-5.76V32h5.76V20.8c0-2.88.48-5.76 4.32-5.76 3.84 0 3.84 3.36 3.84 5.76V32h5.76V19.84c0-6.24-1.44-10.56-8.16-10.56-3.36 0-5.28 1.92-6.24 3.36h-.48v-2.08z"/></svg>
2171                            </a>
2172                                                                            <a href="https://www.youtube.com/@BVEGev" target="_blank" rel="noopener" class="text-ash dark:text-gray-400 hover:text-primary transition-colors" aria-label="YouTube">
2173                                <svg class="w-8 h-6" viewBox="0 0 46 32" fill="currentColor" aria-hidden="true"><path d="M45.04 5.04A5.76 5.76 0 0 0 40.96.96C37.44 0 23 0 23 0S8.56 0 5.04.96A5.76 5.76 0 0 0 .96 5.04C0 8.56 0 16 0 16s0 7.44.96 10.96a5.76 5.76 0 0 0 4.08 4.08C8.56 32 23 32 23 32s14.44 0 17.96-.96a5.76 5.76 0 0 0 4.08-4.08C46 23.44 46 16 46 16s0-7.44-.96-10.96zM18.4 22.72V9.28L30.4 16l-12 6.72z"/></svg>
2174                            </a>
2175                                                <a href="https://www.bveg.de/feed/" class="text-ash dark:text-gray-400 hover:text-primary transition-colors" aria-label="RSS-Feed">
2176                            <svg class="w-6 h-6" viewBox="0 0 32 32" fill="currentColor" aria-hidden="true"><circle cx="4.8" cy="27.2" r="4.8"/><path d="M0 18.56c4.8 0 9.12 1.92 12.32 5.12S17.44 30.72 17.44 32H0V18.56z"/><path d="M0 9.28C6.24 9.28 12 11.68 16.16 15.84S22.72 25.76 22.72 32H32C32 14.32 17.68 0 0 0v9.28z"/></svg>
2177                        </a>
2178                    </div>
2179                </div>
2180
2181                                <div class="flex-1 flex flex-col gap-6">
2182                    <span class="text-body-m font-semibold text-text-primary dark:text-text-dark">Kontakt</span>
2183                    <div class="grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-12">
2184
2185                                        <div class="flex flex-col gap-4 text-body-s text-ash dark:text-gray-400">
2186                        <div class="flex flex-col gap-4 text-body-s text-ash dark:text-gray-400">
2187                            <div class="flex gap-3 items-start">
2188                                <svg class="w-5 h-5 shrink-0 mt-0.5" viewBox="0 0 18 24" fill="currentColor"><path d="M9 0C4.03 0 0 4.03 0 9c0 6.75 9 15 9 15s9-8.25 9-15c0-4.97-4.03-9-9-9zm0 12.75c-2.07 0-3.75-1.68-3.75-3.75S6.93 5.25 9 5.25s3.7
21885 1.68 3.75 3.75S11.07 12.75 9 12.75z"/></svg>
2189                                <p>Bundesverband Erdgas, Erdöl<br>und Geoenergie e.V. (BVEG)<br>Schiffgraben 47<br>30175 Hannover</p>
2190                            </div>
2191                            <div class="flex gap-3 items-center">
2192                                <svg class="w-5 h-5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
2193                                <a href="tel:+495111217200" class="hover:text-primary transition-colors">T +49 511 12172-0</a>
2194                            </div>
2195                            <div class="flex gap-3 items-center">
2196                                <svg class="w-5 h-5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
2197                                <a href="/cdn-cgi/l/email-protection#167f7870795674607371387273" class="hover:text-primary transition-colors"><span class="__cf_email__" data-cfemail="234a4d454c63415546440d4746">[email&#160;protected]</span></a>
2198                            </div>
2199                        </div>
2200                    </div>
2201
2202                                        <div class="flex flex-col gap-4 text-body-s text-ash dark:text-gray-400">
2203                            <div class="flex gap-3 items-start">
2204                                <svg class="w-5 h-5 shrink-0 mt-0.5" viewBox="0 0 18 24" fill="currentColor"><path d="M9 0C4.03 0 0 4.03 0 9c0 6.75 9 15 9 15s9-8.25 9-15c0-4.97-4.03-9-9-9zm0 12.75c-2.07 0-3.75-1.68-3.75-3.75S6.93 5.25 9 5.25s3.75 1.68 3.75 3.75S11.07 12.75 9 12.75z"/></svg>
2205                                <p>BVEG Hauptstadtrepräsentanz<br>Friedrichstraße 95<br>10117 Berlin</p>
2206                            </div>
2207                            <div class="flex gap-3 items-center">
2208                                <svg class="w-5 h-5 shrink-0" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg>
2209                                <a href="tel:+4915154831277" class="hover:text-primary transition-colors">T +49 151 548 31277</a>
2210                            </div>
2211                        </div>
2212                    </div>
2213
2214                    </div>
2215                </div>
2216            </div>
2217        </div>
2218    </div>
2219
2220        <div class="bg-surface-muted dark:bg-ash-900">
2221        <div class="mx-auto max-w-[1920px] px-4 py-4 md:px-6 md:py-5 lg:px-8 xl:px-[100px] flex flex-col items-center gap-3 md:flex-row md:items-center md:justify-between">
2222            <p class="text-body-s text-ash dark:text-gray-400">
2223                &copy;2026 | BVEG
2224            </p>
2225            <div class="footer-legal flex flex-wrap gap-x-1 gap-y-2 items-center">
2226                <li id="menu-item-116455" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-116455"><a href="https://www.bveg.de/impressum/"><span class="text-body-s text-ash dark:text-gray-400 hover:text-primary transition-colors whitespace-nowrap">Impressum</span></a></li>
2227<li id="menu-item-116456" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-116456"><a rel="privacy-policy" href="https://www.bveg.de/datenschutz/"><span class="text-body-s text-ash dark:text-gray-400 hover:text-primary transition-colors whitespace-nowrap">Datenschutz</span></a></li>
2228            </div>
2229        </div>
2230    </div>
2231</footer>
vendor: 110 bytes, lines 2231-2233
2231
2232
2233<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2233<script type="speculationrules">
2234{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/bveg-theme-v2/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2235</script>
vendor: 1 bytes, line 2235
2235
2236<script id="wp-hooks-js" src="https://www.bveg.de/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 2236
2236
2237<script id="wp-i18n-js" src="https://www.bveg.de/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 2237
2237
2238<script id="wp-i18n-js-after">
2239wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
2240//# sourceURL=wp-i18n-js-after
2241</script>
vendor: 1 bytes, line 2241
2241
2242<script defer id="swv-js" src="https://www.bveg.de/wp-content/cache/autoptimize/autoptimize_single_96e7dc3f0e8559e4a3f3ca40b17ab9c3.php?ver=6.1.7"></script>
vendor: 1 bytes, line 2242
2242
2243<script id="contact-form-7-js-translations">
2244( function( domain, translations ) {
2245	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
2246	localeData[""].domain = domain;
2247	wp.i18n.setLocaleData( localeData, domain );
2248} )( "contact-form-7", {"translation-revision-date":"2026-09-12 02:13:12+0000","generator":"GlotPress\/4.1.0","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n != 1;","lang":"de"},"This contact form is placed in the wrong place.":["Dieses Kontaktformular wurde an der falschen Stelle platziert."],"Error:":["Fehler:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
2249//# sourceURL=contact-form-7-js-translations
2250</script>
vendor: 1 bytes, line 2250
2250
2251<script id="contact-form-7-js-before">
2252var wpcf7 = {
2253    "api": {
2254        "root": "https:\/\/www.bveg.de\/wp-json\/",
2255        "namespace": "contact-form-7\/v1"
2256    }
2257};
2258//# sourceURL=contact-form-7-js-before
2259</script>
vendor: 1 bytes, line 2259
2259
2260<script defer id="contact-form-7-js" src="https://www.bveg.de/wp-content/cache/autoptimize/autoptimize_single_2912c657d0592cc532dff73d0d2ce7bb.php?ver=6.1.7"></script>
vendor: 1 bytes, line 2260
2260
2261<script id="f2ts-autocomplete-js-before">
2262window.f2tsAutocompleteConfig = {"endpoint":"https:\/\/www.bveg.de\/wp-json\/f2ts\/v1\/autocomplete"};
2263//# sourceURL=f2ts-autocomplete-js-before
2264</script>
vendor: 1 bytes, line 2264
2264
2265<script defer id="f2ts-autocomplete-js" src="https://www.bveg.de/wp-content/cache/autoptimize/autoptimize_single_be989c1c676d017ea36124ca4c5d11c3.php?ver=0.2.2"></script>
vendor: 1 bytes, line 2265
2265
2266<script id="bveg-app-js-extra">
2267var BvegSubscribe = {"ajaxUrl":"https://www.bveg.de/wp-admin/admin-ajax.php","nonces":{"mail_alert":"530ef135b7","newsletter_submit":"2e9d2301ed","presseinformation_submit":"cd5bafbc48","veranstaltungsinformation_submit":"b28f928813"}};
2268//# sourceURL=bveg-app-js-extra
2269</script>
vendor: 1 bytes, line 2269
2269
2270<script id="bveg-app-js" type="module" src="https://www.bveg.de/wp-content/themes/bveg-theme-v2/dist/assets/app-ezJIAuzc.js"></script>
vendor: 1 bytes, line 2270
2270
2271<script id="cf-turnstile-js" async defer src="https://challenges.cloudflare.com/turnstile/v0/api.js"></script>
vendor: 1 bytes, line 2271
2271
2272<script id="wp-emoji-settings" type="application/json">
2273{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.bveg.de/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
2274</script>
vendor: 1 bytes, line 2274
2274
2275<script type="module">
2276/*! This file is auto-generated */
2277var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
2278//# sourceURL=https://www.bveg.de/wp-includes/js/wp-emoji-loader.min.js
2279</script>
vendor: 1 bytes, line 2279
2279
2280<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a40720e709f9d250',t:'MTc5MDMwODg5NQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2280</body>
2281</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.