PageSourceSearch

https://www.bz-medien.de/

html bz-medien.de collected 2026-10-02 20:18:58 UTC 135,354 bytes, 3,095 lines download raw bytes

1 <div class="container"> <!doctype html>
2<html lang="de">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1">
7    <link rel="profile" href="https://gmpg.org/xfn/11">
8<script src="https://www.bz-medien.de/wp-content/themes/bz-medien-neox-new/js/jquery-3.6.0.js"></script>
vendor: 1 bytes, line 8
8
9<script src="https://www.bz-medien.de/wp-content/themes/bz-medien-neox-new/js/main.js"></script>
9
10
11
12
13
14    <!-- Usercentrics -->
15    
15<script id="usercentrics-cmp" src="https://app.usercentrics.eu/browser-ui/latest/loader.js" data-settings-id="3gLpOoi1I" data-tcf-enabled></script>
15
16
17    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
18
19	<!-- This site is optimized with the Yoast SEO plugin v28.4 - https://yoast.com/product/yoast-seo-wordpress/ -->
20	<title>BZ.medien - Die Dachmarke</title>
21	<meta name="description" content="BZ.medien führt Profis aller Medienbereiche unter einem Dach zusammen: von Lokalredaktion und Auslandskorrespondenz über Print und Online bis zu Vermarktung und Logistik." />
22	<link rel="canonical" href="https://www.bz-medien.de/" />
23	<meta property="og:locale" content="de_DE" />
24	<meta property="og:type" content="website" />
25	<meta property="og:title" content="BZ.medien - Die Dachmarke" />
26	<meta property="og:description" content="BZ.medien führt Profis aller Medienbereiche unter einem Dach zusammen: von Lokalredaktion und Auslandskorrespondenz über Print und Online bis zu Vermarktung und Logistik." />
27	<meta property="og:url" content="https://www.bz-medien.de/" />
28	<meta property="og:site_name" content="BZ.medien" />
29	<meta property="article:modified_time" content="2026-07-02T06:26:04+00:00" />
30	<meta property="og:image" content="https://www.bz-medien.de/wp-content/uploads/2024/07/Dreiergruppe-web.jpg" />
31	<meta property="og:image:width" content="1920" />
32	<meta property="og:image:height" content="1440" />
33	<meta property="og:image:type" content="image/jpeg" />
34	<meta name="twitter:card" content="summary_large_image" />
35	
35<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bz-medien.de\/","url":"https:\/\/www.bz-medien.de\/","name":"BZ.medien - Die Dachmarke","isPartOf":{"@id":"https:\/\/www.bz-medien.de\/#website"},"about":{"@id":"https:\/\/www.bz-medien.de\/#organization"},"primaryImageOfPage":{"@id":"https:\/\/www.bz-medien.de\/#primaryimage"},"image":{"@id":"https:\/\/www.bz-medien.de\/#primaryimage"},"thumbnailUrl":"http:\/\/bzm.swarm-test-vip1.dmz534.bz-medien.de\/wp-content\/uploads\/2024\/07\/Dreiergruppe-web-1024x768.jpg","datePublished":"2024-01-22T08:15:53+00:00","dateModified":"2026-07-02T06:26:04+00:00","description":"BZ.medien führt Profis aller Medienbereiche unter einem Dach zusammen: von Lokalredaktion und Auslandskorrespondenz über Print und Online bis zu Vermarktung und Logistik.","breadcrumb":{"@id":"https:\/\/www.bz-medien.de\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bz-medien.de\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.bz-medien.de\/#primaryimage","url":"http:\/\/bzm.swarm-test-vip1.dmz534.bz-medien.de\/wp-content\/uploads\/2024\/07\/Dreiergruppe-web-1024x768.jpg","contentUrl":"http:\/\/bzm.swarm-test-vip1.dmz534.bz-medien.de\/wp-content\/uploads\/2024\/07\/Dreiergruppe-web-1024x768.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bz-medien.de\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite"}]},{"@type":"WebSite","@id":"https:\/\/www.bz-medien.de\/#website","url":"https:\/\/www.bz-medien.de\/","name":"BZ.medien GmbH & Co. KG","description":"Die Dachmarke BZ.medien","publisher":{"@id":"https:\/\/www.bz-medien.de\/#organization"},"alternateName":"BZ.medien","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bz-medien.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/www.bz-medien.de\/#organization","name":"BZ.medien GmbH & Co. KG","alternateName":"BZ.medien","url":"https:\/\/www.bz-medien.de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/www.bz-medien.de\/#\/schema\/logo\/image\/","url":"https:\/\/www.bz-medien.de\/wp-content\/uploads\/2024\/07\/cropped-cropped-Logo_BZ-medien_rgb_mit-Schutzraum-1-e1732006814998.png","contentUrl":"https:\/\/www.bz-medien.de\/wp-content\/uploads\/2024\/07\/cropped-cropped-Logo_BZ-medien_rgb_mit-Schutzraum-1-e1732006814998.png","width":497,"height":111,"caption":"BZ.medien GmbH & Co. KG"},"image":{"@id":"https:\/\/www.bz-medien.de\/#\/schema\/logo\/image\/"}}]}</script>
35
36	<meta name="msvalidate.01" content="53B3FB9BD580C253B99681EB5B6D5CBA" />
37	<meta name="google-site-verification" content="j15xxGtxTdwz6Zl5nM72T6aAJ5qBUPo5883P0nKromg" />
38	<!-- / Yoast SEO plugin. -->
39
40
41<link rel='dns-prefetch' href='//challenges.cloudflare.com' />
42<link rel="alternate" type="application/rss+xml" title="BZ.medien &raquo; Feed" href="https://www.bz-medien.de/feed/" />
43<link rel="alternate" type="application/rss+xml" title="BZ.medien &raquo; Kommentar-Feed" href="https://www.bz-medien.de/comments/feed/" />
44<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.bz-medien.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bz-medien.de%2F" />
45<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.bz-medien.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bz-medien.de%2F&#038;format=xml" />
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<link rel='stylesheet' id='gs-swiper-css' href='https://www.bz-medien.de/wp-content/plugins/gs-logo-slider/assets/libs/swiper-js/swiper.min.css?ver=3.8.7' media='all' />
51<link rel='stylesheet' id='gs-tippyjs-css' href='https://www.bz-medien.de/wp-content/plugins/gs-logo-slider/assets/libs/tippyjs/tippy.css?ver=3.8.7' media='all' />
52<link rel='stylesheet' id='gs-logo-public-css' href='https://www.bz-medien.de/wp-content/plugins/gs-logo-slider/assets/css/gs-logo.min.css?ver=3.8.7' media='all' />
53<style id="wp-emoji-styles-inline-css">
54
55	img.wp-smiley, img.emoji {
56		display: inline !important;
57		border: none !important;
58		box-shadow: none !important;
59		height: 1em !important;
60		width: 1em !important;
61		margin: 0 0.07em !important;
62		vertical-align: -0.1em !important;
63		background: none !important;
64		padding: 0 !important;
65	}
66/*# sourceURL=wp-emoji-styles-inline-css */
67</style>
68<link rel='stylesheet' id='wp-block-library-css' href='https://www.bz-medien.de/wp-includes/css/dist/block-library/style.min.css?ver=7.1.2' media='all' />
69<style id="classic-theme-styles-inline-css">
70/*! This file is auto-generated */
71.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}
72/*# sourceURL=/wp-includes/css/classic-themes.min.css */
73</style>
74<link rel='stylesheet' id='ghostkit-classic-theme-fallback-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/assets/css/fallback-classic-theme.css?ver=1788764069' media='all' />
75<link rel='stylesheet' id='ghostkit-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/style.css?ver=1788764069' media='all' />
76<link rel='stylesheet' id='ghostkit-block-accordion-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/accordion/styles/style.css?ver=1788764069' media='all' />
77<link rel='stylesheet' id='ghostkit-block-alert-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/alert/styles/style.css?ver=1788764069' media='all' />
78<link rel='stylesheet' id='ghostkit-block-button-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/button/styles/style.css?ver=1788764069' media='all' />
79<link rel='stylesheet' id='swiper-css' href='https://www.bz-medien.de/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' media='all' />
80<link rel='stylesheet' id='ghostkit-block-carousel-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/carousel/styles/style.css?ver=1788764069' media='all' />
81<link rel='stylesheet' id='ghostkit-block-changelog-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/changelog/styles/style.css?ver=1788764069' media='all' />
82<link rel='stylesheet' id='ghostkit-block-countdown-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/countdown/styles/style.css?ver=1788764069' media='all' />
83<link rel='stylesheet' id='ghostkit-block-counter-box-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/counter-box/styles/style.css?ver=1788764069' media='all' />
84<link rel='stylesheet' id='ghostkit-block-divider-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/divider/styles/style.css?ver=1788764069' media='all' />
85<link rel='stylesheet' id='ghostkit-block-gif-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/gif/styles/style.css?ver=1788764069' media='all' />
86<link rel='stylesheet' id='gist-simple-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/assets/vendor/gist-simple/dist/gist-simple.css?ver=2.1.0' media='all' />
87<link rel='stylesheet' id='ghostkit-block-gist-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/gist/styles/style.css?ver=1788764069' media='all' />
88<link rel='stylesheet' id='ghostkit-block-google-maps-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/google-maps/styles/style.css?ver=1788764069' media='all' />
89<link rel='stylesheet' id='ghostkit-block-grid-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/grid/styles/style.css?ver=1788764069' media='all' />
90<link rel='stylesheet' id='ghostkit-block-icon-box-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/icon-box/styles/style.css?ver=1788764069' media='all' />
91<link rel='stylesheet' id='ghostkit-block-image-compare-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/image-compare/styles/style.css?ver=1788764069' media='all' />
92<link rel='stylesheet' id='ghostkit-block-lottie-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/lottie/styles/style.css?ver=1788764069' media='all' />
93<link rel='stylesheet' id='ghostkit-block-pricing-table-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/pricing-table/styles/style.css?ver=1788764069' media='all' />
94<link rel='stylesheet' id='ghostkit-block-progress-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/progress/styles/style.css?ver=1788764069' media='all' />
95<link rel='stylesheet' id='ghostkit-block-shape-divider-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/shape-divider/styles/style.css?ver=1788764069' media='all' />
96<link rel='stylesheet' id='ghostkit-block-tabs-v2-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/tabs/styles/style.css?ver=1788764069' media='all' />
97<link rel='stylesheet' id='ghostkit-block-testimonial-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/testimonial/styles/style.css?ver=1788764069' media='all' />
98<link rel='stylesheet' id='ghostkit-block-video-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/video/styles/style.css?ver=1788764069' media='all' />
99<link rel='stylesheet' id='ghostkit-block-icon-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/icon/styles/style.css?ver=1788764069' media='all' />
100<link rel='stylesheet' id='ghostkit-block-instagram-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/instagram/styles/style.css?ver=1788764069' media='all' />
101<link rel='stylesheet' id='ghostkit-block-twitter-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/twitter/styles/style.css?ver=1788764069' media='all' />
102<link rel='stylesheet' id='ghostkit-block-table-of-contents-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/table-of-contents/styles/style.css?ver=1788764069' media='all' />
103<link rel='stylesheet' id='ghostkit-block-form-css' href='https://www.bz-medien.de/wp-content/plugins/ghostkit/build/gutenberg/blocks/form/styles/style.css?ver=1788764069' media='all' />
104<link rel='stylesheet' id='editorskit-frontend-css' href='https://www.bz-medien.de/wp-content/plugins/block-options/build/style.build.css?ver=new' media='all' />
105<style id="ghostkit-typography-inline-css">
106 
107/*# sourceURL=ghostkit-typography-inline-css */
108</style>
109<style id="global-styles-inline-css">
110: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,
1100) 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%);--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;}
110.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;}
111:root :where(.wp-block-icon svg){width: 24px;}
112:where(.wp-block-gallery.is-layout-flex){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}:where(.wp-block-gallery.is-layout-grid){gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );}
113:where(.wp-block-latest-posts.is-layout-flex){gap: 1.25em;}:where(.wp-block-latest-posts.is-layout-grid){gap: 1.25em;}
114:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
115:where(.wp-block-term-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-term-template.is-layout-grid){gap: 1.25em;}
116:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
117:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
118/*# sourceURL=global-styles-inline-css */
119</style>
120<link rel='stylesheet' id='contact-form-7-css' href='https://www.bz-medien.de/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' />
121<link rel='stylesheet' id='mpfe_front_style-css' href='https://www.bz-medien.de/wp-content/plugins/music-player-for-elementor/css/mpfe-front-style.css?ver=2.6.1' media='all' />
122<link rel='stylesheet' id='font-awesome-5.15.1-css' href='https://www.bz-medien.de/wp-content/plugins/music-player-for-elementor/assets/fontawesome-free-5.15.1/css/all.min.css?ver=5.15.1' media='all' />
123<link rel='stylesheet' id='swp-icomoon-beatport-css' href='https://www.bz-medien.de/wp-content/plugins/music-player-for-elementor/assets/swp-icomoon-beatport/style.css?ver=2.6.1' media='all' />
124<link rel='stylesheet' id='wpsm_ac-font-awesome-front-css' href='https://www.bz-medien.de/wp-content/plugins/responsive-accordion-and-collapse/css/font-awesome/css/font-awesome.min.css?ver=7.1.2' media='all' />
125<link rel='stylesheet' id='wpsm_ac_bootstrap-front-css' href='https://www.bz-medien.de/wp-content/plugins/responsive-accordion-and-collapse/css/bootstrap-front.css?ver=7.1.2' media='all' />
126<link rel='stylesheet' id='bz-medien-neox-style-css' href='https://www.bz-medien.de/wp-content/themes/bz-medien-neox-new/style.css?ver=1.0.0' media='all' />
127<link rel='stylesheet' id='aos-css' href='https://www.bz-medien.de/wp-content/themes/bz-medien-neox-new/css/aos.css?ver=1.0.0' media='1' />
128<link rel='stylesheet' id='uacf7-frontend-style-css' href='https://www.bz-medien.de/wp-content/plugins/ultimate-addons-for-contact-form-7/assets/css/uacf7-frontend.css?ver=3.5.49' media='all' />
129<link rel='stylesheet' id='uacf7-form-style-css' href='https://www.bz-medien.de/wp-content/plugins/ultimate-addons-for-contact-form-7/assets/css/form-style.css?ver=3.5.49' media='all' />
130<link rel='stylesheet' id='ekit-widget-common-css' href='https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/css/common.css?ver=4.0.4' media='all' />
131<link rel='stylesheet' id='ekit-nav-menu-css' href='https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/css/nav-menu.css?ver=4.0.4' media='all' />
132<link rel='stylesheet' id='ekit-header-search-css' href='https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-search.css?ver=4.0.4' media='all' />
133<link rel='stylesheet' id='ekit-header-offcanvas-css' href='https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-offcanvas.css?ver=4.0.4' media='all' />
134<link rel='stylesheet' id='ekit-header-info-css' href='https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/css/header-info.css?ver=4.0.4' media='all' />
135<link rel='stylesheet' id='elementor-frontend-css' href='https://www.bz-medien.de/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.2.4' media='all' />
136<style id="elementor-frontend-inline-css">
137.wpr-dc-hidden{display:none!important}.wpr-dc-fallback{margin:0;padding:0}
138/*# sourceURL=elementor-frontend-inline-css */
139</style>
140<link rel='stylesheet' id='eael-general-css' href='https://www.bz-medien.de/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=6.8.3' media='all' />
141<link rel='stylesheet' id='wpr-text-animations-css-css' href='https://www.bz-medien.de/wp-content/plugins/royal-elementor-addons/assets/css/lib/animations/text-animations.min.css?ver=1.7.
1411065' media='all' />
142<link rel='stylesheet' id='wpr-addons-css-css' href='https://www.bz-medien.de/wp-content/plugins/royal-elementor-addons/assets/css/frontend.min.css?ver=1.7.1065' media='all' />
143<link rel='stylesheet' id='font-awesome-5-all-css' href='https://www.bz-medien.de/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=4.11.102' media='all' />
144<!--n2css--><!--n2js-->
144<script type='text/javascript'>
145		var elementskit = {
146			resturl: 'https://www.bz-medien.de/wp-json/elementskit/v1/',
147		}
148
149		</script>
149<script id="jquery-core-js" data-cfasync="false" src="https://www.bz-medien.de/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 149
149
150<script id="jquery-migrate-js" data-cfasync="false" src="https://www.bz-medien.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 150
150
151<script id="dom-purify-js" src="https://www.bz-medien.de/wp-content/plugins/happy-elementor-addons/assets/vendor/dom-purify/purify.min.js?ver=3.1.6"></script>
151
152<link rel="https://api.w.org/" href="https://www.bz-medien.de/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.bz-medien.de/wp-json/wp/v2/pages/87" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.bz-medien.de/xmlrpc.php?rsd" />
153<meta name="generator" content="WordPress 7.1.2" />
154<link rel='shortlink' href='https://www.bz-medien.de/' />
155    <!-- / ATinternet. -->
156    
156<script type="text/javascript" crossorigin="anonymous" src="https://tag.aticdn.net/piano-analytics.js"></script>
156
157    
157<script>
158        pa.setConfiguration("site", 628917); 
159        pa.setConfiguration("collectDomain", "fwfktdh.pa-cd.com"); 
160        pa.consent.setMode("essential");
161        _paq.push(["sendEvent", "page.display"]);
162    </script>
162
163    <!-- / ATinternet. -->
164    		<style type="text/css">
165			.ghostkit-effects-enabled .ghostkit-effects-reveal {
166				pointer-events: none;
167				visibility: hidden;
168			}
169		</style>
170		
170<script>
171			if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
172				document.documentElement.classList.add(
173					'ghostkit-effects-enabled'
174				);
175			}
176		</script>
176
177		<meta name="generator" content="Elementor 4.2.4; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
178			<style>
179				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
180				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
181					background-image: none !important;
182				}
183				@media screen and (max-height: 1024px) {
184					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
185					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
186						background-image: none !important;
187					}
188				}
189				@media screen and (max-height: 640px) {
190					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
191					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
192						background-image: none !important;
193					}
194				}
195			</style>
196					<style type="text/css">
197					.site-title,
198			.site-description {
199				position: absolute;
200				clip: rect(1px, 1px, 1px, 1px);
201				}
202					</style>
203		<meta name="redi-version" content="1.3.0" /><style class="wpcode-css-snippet">/* Optimized Softgarden Jobs CSS */
204
205:root {
206    --sg-primary: #f57c00;
207    --sg-primary-dark: #f57c00;
208    --sg-primary-light: rgba(245, 124, 0, 0.1);
209    --sg-primary-border: #f57c00;
210    --sg-text: #1a1a1a;
211    --sg-text-secondary: #666;
212    --sg-text-muted: #888;
213    --sg-border: #ddd;
214    --sg-background: #fff;
215    --sg-background-alt: #f8f9fa;
216    --sg-shadow: rgba(0, 0, 0, 0.06);
217    --sg-shadow-hover: rgba(0, 0, 0, 0.1);
218    --sg-shadow-focus: rgba(245, 124, 0, 0.25);
219    --sg-radius: 8px;
220    --sg-radius-small: 6px;
221    --sg-spacing: 8px;
222    --sg-font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
223    --sg-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
224    --sg-transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
225}
226
227/* Base styles */
228.sg-wrapper {
229    margin: 0 auto;
230    max-width: var(--mainWidth, 1400px);
231    padding: 2rem var(--mainPadding, 1rem) 0;
232    font-family: var(--sg-font-system);
233    line-height: 1.6;
234    color: var(--sg-text);
235}
236
237.sg-visually-hidden {
238    position: absolute !important;
239    width: 1px !important;
240    height: 1px !important;
241    padding: 0 !important;
242    margin: -1px !important;
243    overflow: hidden !important;
244    clip: rect(0, 0, 0, 0) !important;
245    white-space: nowrap !important;
246    border: 0 !important;
247}
248
249/* Header */
250.sg-header {
251    margin-bottom: 24px;
252    text-align: center;
253}
254
255.sg-count {
256    font-weight: 600;
257    font-size: 16px;
258    color: var(--sg-text);
259    display: inline-block;
260    padding: 8px 16px;
261    background: var(--sg-primary-light);
262    border: 1px solid var(--sg-primary-border);
263    border-radius: var(--sg-radius-small);
264}
265
266/* Enhanced Filter System */
267.sg-filters {
268    display: grid;
269    gap: 16px;
270    padding: 20px;
271    margin-bottom: 32px;
272    background: var(--sg-background-alt);
273    border-radius: var(--sg-radius);
274    border: 1px solid var(--sg-border);
275    position: relative;
276}
277
278/* Mobile first grid */
279.sg-filters {
280    grid-template-areas:
281        "search"
282        "location"
283        "company"
284        "experience"
285        "contract"
286        "active-filters"
287        "reset";
288    grid-template-columns: 1fr;
289}
290
291.sg-search-wrapper {
292    grid-area: search;
293}
294
295#sg-location-wrapper {
296    grid-area: location;
297}
298
299#sg-company-wrapper {
300    grid-area: company;
301}
302
303#sg-experience-wrapper {
304    grid-area: experience;
305}
306
307#sg-contract-wrapper {
308    grid-area: contract;
309}
310
311.sg-active-filters {
312    grid-area: active-filters;
313}
314
315#sg-reset-filters {
316    grid-area: reset;
317}
318
319/* Enhanced search input */
320.sg-search-wrapper {
321    position: relative;
322}
323
324#sg-search {
325    width: 100%;
326    padding: 14px 16px 14px 48px;
327    font-size: 15px;
328    border: 2px solid var(--sg-border);
329    border-radius: var(--sg-radius-small);
330    background: var(--sg-background) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3e%3ccircle cx='11' cy='11' r='8'/%3e%3cpath d='m21 21-4.35-4.35'/%3e%3c/svg%3e") no-repeat 16px center;
331    background-size: 20px;
332    font-family: inherit;
333    transition: var(--sg-transition);
334    box-sizing: border-box;
335}
336
337#sg-search:focus {
338    outline: none;
339}
340
341#sg-search::placeholder {
342    color: var(--sg-text-muted);
343}
344
345/* Filter groups */
346.sg-filter-group {
347    position: relative;
348}
349
350/* Enhanced dropdown toggle */
351.sg-dropdown-toggle {
352    width: 100%;
353    padding: 14px 16px;
354    font-size: 15px;
355    font-weight: 500;
356    border: 2px solid var(--sg-border);
357    border-radius: var(--sg-radius-small);
358    background: var(--sg-background);
359    color: var(--sg-text);
360    cursor: pointer;
361    display: flex;
362    align-items: center;
363    justify-content: space-between;
364    text-align: left;
365    font-family: inherit;
366    transition: var(--sg-transition);
367    box-sizing: border-box;
368}
369
370.sg-dropdown-toggle:hover {
371    border-color: var(--sg-primary-border);
372    background: var(--sg-primary-light);
373}
374
375.sg-dropdown-toggle:focus {
376    outline: none;
377    border-color: var(--sg-primary);
378    box-shadow: 0 0 0 3px var(--sg-shadow-focus);
379}
380
381.sg-dropdown-toggle[aria-expanded="true"] {
382    border-color: var(--sg-primary);
383    background: var(--sg-primary);
384    color: white;
385}
386
387/* Dropdown icon */
388.sg-dropdown-icon {
389    position: relative;
390    width: 12px;
391    height: 12px;
392    transition: var(--sg-transition-fast);
393}
394
395.sg-dropdown-icon::before {
396    content: '';
397    position: absolute;
398    top: 50%;
399    left: 50%;
400    transform: translate(-50%, -75%) rotate(45deg);
401    width: 6px;
402    height: 6px;
403    border-right: 2px solid currentColor;
404    border-bottom: 2px solid currentColor;
405    transition: var(--sg-transition-fast);
406}
407
408.sg-dropdown-toggle[aria-expanded="true"] .sg-dropdown-icon::before {
409    transform: translate(-50%, -25%) rotate(-135deg);
410}
411
412/* Enhanced multiselect */
413.sg-multiselect {
414    position: absolute;
415    top: 100%;
416    left: 0;
417    right: 0;
418    z-index: 100;
419    max-height: 0;
420    overflow: hidden;
421    background: var(--sg-background);
422    border: 0 solid var(--sg-border);
423    border-radius: var(--sg-radius-small);
424    box-shadow: 0 4px 16px var(--sg-shadow);
425    list-style: none;
426    margin: 0;
427    padding: 0;
428    opacity: 0;
429    transform: translateY(-8px);
430    transition: var(--sg-transition);
431}
432
433.sg-multiselect.open {
434    max-height: 280px;
435    overflow-y: auto;
436    border-width: 2px;
437    border-top-width: 0;
438    padding: 8px;
439    margin-top: 2px;
440    opacity: 1;
441    transform: translateY(0);
442}
443
444.sg-multiselect li {
445    margin: 0;
446    padding: 0;
447}
448
449.sg-multiselect label {
450    display: flex;
451    align-items: center;
452    padding: 10px 12px;
453    cursor: pointer;
454    border-radius: var(--sg-radius-small);
455    font-size: 14px;
456    line-height: 1.4;
457    transition: var(--sg-transition-fast);
458    margin: 2px 0;
459}
460
461.sg-multiselect label:hover {
462    background: var(--sg-primary-light);
463    color: var(--sg-primary);
464}
465
466.sg-multiselect input[type="checkbox"] {
467    width: 18px;
468    height: 18px;
469    margin-right: 10px;
470    accent-color: var(--sg-primary);
471    flex-shrink: 0;
472    cursor: pointer;
473}
474
475.sg-multiselect input[type="checkbox"]:focus {
476    outline: 2px solid var(--sg-primary);
477    outline-offset: 2px;
478}
479
480/* Active filters */
481.sg-active-filters {
482    display: flex;
483    flex-wrap: wrap;
484    gap: var(--sg-spacing);
485    min-height: 24px;
486}
487
488.sg-tag-remove {
489    display: inline-flex;
490    align-items: center;
491    font-size: 13px;
492    font-weight: 500;
493    padding: 6px 12px;
494    background: var(--sg-background);
495    border: 1px solid var(--sg-primary-border);
496    border-radius: 20px;
497    color: var(--sg-primary);
498    cursor: pointer;
499    font-family: inherit;
500    transition: var(--sg-transition-fast);
501    text-decoration: none;
502}
503
504.sg-tag-remove:hover,
505.sg-tag-remove:focus {
506    background: var(--sg-primary);
507    color: white;
508    border-color: var(--sg-primary);
509    transform: translateY(-1px);
510    box-shadow: 0 2px 8px var(--sg-shadow);
511}
512
513.sg-tag-remove span:last-child {
514    margin-left: 6px;
515    font-weight: bold;
516    font-size: 16px;
517}
518
519/* Reset button */
520.sg-reset-btn {
521    padding: 12px 24px;
522    font-size: 14px;
523    font-weight: 600;
524    background: transparent;
525    color: var(--sg-primary);
526    border: 2px solid var(--sg-primary);
527    border-radius: var(--sg-radius-small);
528    cursor: pointer;
529    font-family: inherit;
530    transition: var(--sg-transition);
531    justify-self: start;
532}
533
534.sg-reset-btn:hover,
535.sg-reset-btn:focus {
536    background: var(--sg-primary);
537    color: white;
538    transform: translateY(-1px);
539    box-shadow: 0 4px 12px var(--sg-shadow);
540}
541
542.sg-stellen-btn {
543    padding: 12px 24px;
544    font-size: 14px;
545    font-weight: 600;
546    background: var(--sg-primary);
547    color: white;
548    border: 2px solid var(--sg-primary);
549    border-radius: var(--sg-radius-small);
550    cursor: pointer;
551    font-family: inherit;
552    transition: var(--sg-transition);
553    justify-self: start;
554}
555
556.sg-stellen-btn:hover,
557.sg-stellen-btn:focus {
558    background: transparent;
559    color: var(--sg-primary);
560    transform: translateY(-1px);
561    box-shadow: 0 4px 12px var(--sg-shadow);
562}
563
564/* Job Cards */
565.sg-jobs-container {
566    display: grid;
567    gap: 20px;
568    margin-bottom: 32px;
569}
570
571.sg-card {
572    background: var(--sg-background);
573    border: 2px solid var(--sg-border);
574    border-radius: var(--sg-radius);
575    padding: 24px;
576    transition: var(--sg-transition);
577    position: relative;
578    display: flex;
579    flex-direction: column;
580    gap: 16px;
581}
582
583.sg-card:hover {
584    border-color: var(--sg-primary-border);
585    box-shadow: 0 8px 24px var(--sg-shadow);
586    transform: translateY(-2px);
587}
588
589.sg-card.sg-match {
590    border-color: var(--sg-primary);
591    box-shadow: 0 0 0 4px var(--sg-primary-light);
592}
593
594.sg-job-header {
595    display: flex;
596    flex-direction: column;
597    gap: 8px;
598}
599
600.sg-title {
601    font-size: 20px;
602    font-weight: 700;
603    margin: 0;
604    line-height: 1.3;
605    color: var(--sg-text);
606}
607
608.sg-company {
609    font-size: 15px;
610    font-weight: 500;
611    color: var(--sg-text-secondary);
612    margin: 0;
613}
614
615.sg-tags {
616    display: flex;
617    flex-wrap: wrap;
618    gap: 8px;
619}
620
621.sg-tag {
622    font-size: 12px;
623    font-weight: 600;
624    padding: 6px 12px;
625    background: var(--sg-primary-light);
626    color: var(--sg-primary);
627    border: 1px solid var(--sg-primary-border);
628    border-radius: 16px;
629    white-space: nowrap;
630    letter-spacing: 0.5px;
631}
632
633/* Action buttons */
634.sg-actions {
635    display: flex;
636    gap: 12px;
637    margin-top: auto;
638    flex-wrap: wrap;
639}
640
641.sg-btn {
642    display: inline-flex;
643    align-items: center;
644    justify-content: center;
645    padding: 12px 24px;
646    font-size: 14px;
647    font-weight: 600;
648    border-radius: var(--sg-radius-small);
649    text-decoration: none;
650    font-family: inherit;
651    transition: var(--sg-transition);
652    cursor: pointer;
653    border: 2px solid var(--sg-primary);
654    min-width: 120px;
655    text-align: center;
656}
657
658.sg-primary {
659    background: var(--sg-primary);
660    color: white;
661}
662
663.sg-primary:hover,
664.sg-primary:focus {
665    background: var(--sg-primary-dark);
666    border-color: var(--sg-primary-dark);
667    transform: translateY(-1px);
668    box-shadow: 0 4px 12px var(--sg-shadow);
669}
670
671.sg-secondary {
672    background: transparent;
673    color: var(--sg-primary);
674}
675
676.sg-secondary:hover,
677.sg-secondary:focus {
678    background: var(--sg-primary);
679    color: white;
680    transform: translateY(-1px);
681    box-shadow: 0 4px 12px var(--sg-shadow);
682}
683
684/* Load more button */
685.sg-load-more-btn {
686    display: block;
687    margin: 0 auto;
688    padding: 16px 32px;
689    font-size: 16px;
690    font-weight: 600;
691    background: var(--sg-primary);
692    color: white;
693    border: 2px solid var(--sg-primary);
694    border-radius: var(--sg-radius);
695    cursor: pointer;
696    font-family: inherit;
697    transition: var(--sg-transition);
698    position: relative;
699    overflow: hidden;
700}
701
702.sg-load-more-btn:hover,
703.sg-load-more-btn:focus {
704    background: var(--sg-primary-dark);
705    border-color: var(--sg-primary-dark);
706    transform: translateY(-2px);
707    box-shadow: 0 8px 24px var(--sg-shadow);
708}
709
710.sg-load-more-btn:disabled {
711    opacity: 0.6;
712    cursor: not-allowed;
713    transform: none;
714}
715
716.sg-loading-spinner {
717    display: none;
718    width: 20px;
719    height: 20px;
720    margin-left: 8px;
721    border: 2px solid transparent;
722    border-top: 2px solid currentColor;
723    border-radius: 50%;
724    animation: sg-spin 1s linear infinite;
725}
726
727.sg-load-more-btn.loading .sg-loading-spinner {
728    display: inline-block;
729}
730
731@keyframes sg-spin {
732    to {
733        transform: rotate(360deg);
734    }
735}
736
737/* Status messages */
738.sg-error,
739.sg-no-jobs,
740.sg-no-results {
741    padding: 24px;
742    text-align: center;
743    background: var(--sg-background-alt);
744    border: 2px solid var(--sg-border);
745    border-radius: var(--sg-radius);
746    font-size: 16px;
747    color: var(--sg-text-secondary);
748    margin: 24px 0;
749}
750
751.sg-error {
752    border-color: #dc3545;
753    background: #f8d7da;
754    color: #721c24;
755}
756
757/* Loading states */
758.sg-loading {
759    opacity: 0.6;
760    pointer-events: none;
761    position: relative;
762}
763
764.sg-loading::after {
765    content: '';
766    position: absolute;
767    top: 50%;
768    left: 50%;
769    width: 32px;
770    height: 32px;
771    margin: -16px 0 0 -16px;
772    border: 3px solid var(--sg-primary-light);
773    border-top: 3px solid var(--sg-primary);
774    border-radius: 50%;
775    animation: sg-spin 1s linear infinite;
776    z-index: 10;
777}
778
779/* Focus styles */
780.sg-dropdown-toggle:focus-visible,
781.sg-btn:focus-visible,
782.sg-load-more-btn:focus-visible,
783.sg-tag-remove:focus-visible,
784.sg-reset-btn:focus-visible {
785    outline: 2px solid var(--sg-primary);
786    outline-offset: 2px;
787}
788
789/* Responsive Design - Tablet */
790@media (min-width: 768px) {
791    .sg-filters {
792        grid-template-areas:
793            "search search"
794            "location company"
795            "experience contract"
796            "active-filters active-filters"
797            "reset subscribe";
798        grid-template-columns: repeat(2, 1fr);
799        gap: 20px;
800        padding: 24px;
801    }
802
803    .sg-jobs-container {
804        gap: 24px;
805    }
806
807    .sg-card {
808        padding: 28px;
809    }
810
811    .sg-title {
812        font-size: 21px;
813    }
814
815    .sg-actions {
816        flex-direction: row;
817    }
818}
819
820/* Responsive Design - Desktop */
821@media (min-width: 1024px) {
822    .sg-wrapper {
823        padding-top: 2.5rem;
824    }
825
826    .sg-filters {
827        grid-template-areas:
828            "search search search search"
829            "location company experience contract"
830            "active-filters active-filters reset subscribe";
831        grid-template-columns: repeat(4, 1fr);
832        gap: 24px;
833        padding: 28px;
834    }
835
836    #sg-reset-filters {
837        justify-self: end;
838        align-self: start;
839    }
840
841    .sg-title {
842        font-size: 22px;
843    }
844
845    .sg-card {
846        padding: 32px;
847    }
848
849    .sg-jobs-container {
850        gap: 28px;
851    }
852    .sg-stellen-btn{grid-area:subscribe;justify-self:end;align-self:start}
853
854}
855
856/* Mobile specific */
857@media (max-width: 767px) {
858    .sg-wrapper {
859        padding: 1rem 0.75rem 0;
860    }
861
862    .sg-filters {
863        padding: 16px;
864        gap: 12px;
865    }
866
867    .sg-card {
868        padding: 20px;
869    }
870
871    .sg-actions {
872        flex-direction: column;
873        gap: 8px;
874    }
875
876    .sg-btn {
877        width: 100%;
878    }
879
880    .sg-title {
881        font-size: 18px;
882    }
883
884    .sg-dropdown-toggle {
885        padding: 12px 14px;
886    }
887
888    #sg-search {
889        padding: 12px 14px 12px 44px;
890    }
891}
892
893/* Accessibility improvements */
894@media (prefers-reduced-motion: reduce) {
895    * {
896        animation-duration: 0.01ms !important;
897        animation-iteration-count: 1 !important;
898        transition-duration: 0.01ms !important;
899    }
900}
901
902@media (prefers-contrast: high) {
903
904    .sg-card,
905    .sg-btn,
906    .sg-dropdown-toggle,
907    #sg-search {
908        border-width: 3px;
909    }
910}
911
912/* Print styles */
913@media print {
914
915    .sg-filters,
916    .sg-load-more-btn,
917    .sg-actions,
918    .sg-active-filters,
919    .sg-reset-btn {
920        display: none !important;
921    }
922
923    .sg-card {
924        border: 2px solid #000;
925        page-break-inside: avoid;
926        box-shadow: none;
927        margin-bottom: 20px;
928    }
929
930    .sg-wrapper {
931        padding: 0;
932        max-width: none;
933    }
934}
935
936.sg-jobs-container {
937    display: grid;
938    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
939    gap: 20px;
940    align-items: stretch;
941}
942
943.sg-card {
944    display: flex;
945    flex-direction: column;
946    height: 100%;
947}
948
949.sg-tags {
950    display: flex;
951    flex-wrap: wrap;
952    gap: 8px;
953}
954
955.sg-tag {
956    display: inline-block;
957    white-space: normal;
958    overflow-wrap: anywhere;
959    max-width: 100%;
960}
961
962/* Tablet */
963@media (min-width:768px) and (max-width:1023px) {
964    .sg-tags {
965        display: grid;
966        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
967        gap: 8px;
968    }
969
970    .sg-tag {
971        display: -webkit-box;
972        -webkit-line-clamp: 2;
973        -webkit-box-orient: vertical;
974        overflow: hidden;
975        line-height: 1.3;
976        padding: 6px 10px;
977        font-size: 12px;
978    }
979    .sg-stellen-btn{grid-area:subscribe;justify-self:end;align-self:start}
980#sg-reset-filters{justify-self:start}
981
982}
983
984/* Mobile */
985@media (max-width:767px) {
986    .sg-tags {
987        display: grid;
988        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
989        gap: 8px;
990    }
991
992    .sg-tag {
993        display: -webkit-box;
994        -webkit-line-clamp: 2;
995        -webkit-box-orient: vertical;
996        overflow: hidden;
997        line-height: 1.3;
998        padding: 6px 10px;
999        font-size: 11px;
1000    }
1001}
1002
1003
1004/* Nur Suchseite (search-only) kompakt machen */
1005.sg-wrapper[data-mode="search-only"] .sg-filters {
1006    padding: 0 !important;
1007    margin: 0 !important;
1008    min-height: 0 !important;
1009    border: 0 !important;
1010    box-shadow: none !important;
1011}
1012
1013/* Das innere Suchfeld ohne Extra-Abstand */
1014.sg-wrapper[data-mode="search-only"] .sg-search-wrapper {
1015    margin: 0 !important;
1016    padding: 0 !important;
1017}
1018
1019.sg-wrapper[data-mode="search-only"] .sg-filters {
1020    padding: 0 !important;
1021    margin: 0 !important;
1022    min-height: auto !important;
1023	gap:0 !important;
1024	width:100%;
1025}
1026.sg-wrapper[data-mode="search-only"] .sg-search-wrapper {
1027    margin: 0 auto !important;
1028	gap:0 !important;
1029	width:100%;
1030}
1031
1032/* Desktop – 2 Spalten */
1033@media (min-width:1024px) {
1034    .sg-jobs-container {
1035        grid-template-columns: repeat(2, 1fr);
1036    }
1037}
1038
1039/* Tablet – 2 Spalten */
1040@media (min-width:768px) and (max-width:1023px) {
1041    .sg-jobs-container {
1042        grid-template-columns: repeat(2, 1fr);
1043    }
1044}
1045
1046/* Mobile – 1 Spalte */
1047@media (max-width:767px) {
1048    .sg-jobs-container {
1049        grid-template-columns: 1fr;
1050    }
1051}
1052
1053.sg-load-more-btn {
1054    padding: 12px 24px;
1055    font-size: 14px;
1056    font-weight: 600;
1057    background: var(--sg-primary);
1058    color: white;
1059    border: 2px solid var(--sg-primary);
1060    border-radius: var(--sg-radius-small);
1061    cursor: pointer;
1062    font-family: inherit;
1063    transition: var(--sg-transition);
1064    justify-self: start;
1065}
1066
1067.sg-load-more-btn:hover,
1068.sg-load-more-btn:focus {
1069    background: transparent;
1070    color: var(--sg-primary);
1071    transform: translateY(-1px);
1072    box-shadow: 0 4px 12px var(--sg-shadow);
1073}
1074
1075.sg-primary{
1076    padding: 12px 24px;
1077    font-size: 14px;
1078    font-weight: 600;
1079    background: var(--sg-primary);
1080    color: white;
1081    border: 2px solid var(--sg-primary);
1082    border-radius: var(--sg-radius-small);
1083    cursor: pointer;
1084    font-family: inherit;
1085    transition: var(--sg-transition);
1086    justify-self: start;
1087}
1088
1089.sg-primary:hover,
1090.sg-primary:focus {
1091    background: transparent;
1092    color: var(--sg-primary);
1093    transform: translateY(-1px);
1094    box-shadow: 0 4px 12px var(--sg-shadow);
1095}
1096html, body {
1097    font-family: 'PT Sans', sans-serif !important;
1098}
1099
1100.sg-tag-remove{background:transparent;border:1px solid var(--sg-border);color:var(--sg-text-secondary)}
1101.sg-tag-remove:hover,.sg-tag-remove:focus{background:var(--sg-background);border-color:var(--sg-border);color:var(--sg-text-secondary);transform:none;box-shadow:none}
1102.sg-tag{background:transparent;border:1px solid var(--sg-border);color:var(--sg-text-secondary)}
1103</style>
1103<script>document.addEventListener("DOMContentLoaded", function () {
1104  if (window.location.pathname === "/willkommen-seite/") {
1105    const svg = document.querySelector(".footer-waves svg");
1106    if (svg) {
1107      svg.style.display = "none";
1108    }
1109  }
1110});
1111
1112document.querySelectorAll('.entry-header, .entry-title, h1, h2, h3, h4, h5, h6').forEach(el => {
1113  el.setAttribute('tabindex', '0');
1114});
1115
1116</script>
1116<script>document.addEventListener("DOMContentLoaded", function () {
1117    if (window.location.pathname === "/img/speiseplan.pdf") {
1118        const year = new Date().getFullYear();
1119        const month = String(new Date().getMonth() + 1).padStart(2, '0'); 
1120        const redirectUrl = `/wp-content/uploads/${year}/${month}/speiseplan.pdf`;
1121        window.location.href = redirectUrl;
1122    }
1123});
1124</script>
1124<link rel="icon" href="https://www.bz-medien.de/wp-content/uploads/2024/07/favicon.png" sizes="32x32" />
1125<link rel="icon" href="https://www.bz-medien.de/wp-content/uploads/2024/07/favicon.png" sizes="192x192" />
1126<link rel="apple-touch-icon" href="https://www.bz-medien.de/wp-content/uploads/2024/07/favicon.png" />
1127<meta name="msapplication-TileImage" content="https://www.bz-medien.de/wp-content/uploads/2024/07/favicon.png" />
1128<style id="wp-custom-css">
1129html, body {
1130    font-family: 'PT Sans', sans-serif !important;
1131}
1132
1133.ekit_accordion_icon_group svg path {
1134  fill: #000 !important;
1135  stroke: #000 !important;
1136}
1137
1138.custom-logo {
1139	width: 16rem;
1140	display: flex;
1141	align-items: center;
1142	justify-content: center;
1143	margin-left: 40px
1144}
1145.featured-image img {
1146	height: 76vh;
1147	width: 100%;
1148	object-fit: cover;
1149	object-position: top !important;
1150}
1151
1152
1153.text-container2 {
1154	display: flex;
1155	justify-content: center;
1156	align-items: center;
1157	position: relative;
1158	width: 100%;
1159	overflow: hidden;
1160	top: -9em;
1161}
1162
1163.fixed-text2 {
1164	color: darkorange;
1165	font-size: 2rem;
1166	text-align: center;
1167	z-index: 100;
1168}
1169
1170@media (max-width: 1500px) {
1171	.text-container2 {
1172		top: -9em;
1173	}
1174
1175	.fixed-text2 {
1176		font-size: 1.8rem;
1177	}
1178}
1179
1180@media (max-width: 1200px) {
1181	.text-container2 {
1182		top: -9em;
1183	}
1184
1185	.fixed-text2 {
1186		font-size: 1.5rem;
1187	}
1188}
1189
1190@media (max-width: 1050px) {
1191	.text-container2 {
1192		top: -9em;
1193	}
1194
1195	.fixed-text2 {
1196		font-size: 1.5rem;
1197	}
1198}
1199
1200@media (max-width: 768px) {
1201	.text-container2 {
1202		top: -7em;
1203	}
1204
1205	.fixed-text2 {
1206		font-size: 1.2rem;
1207	}
1208}
1209
1210@media (max-width: 576px) {
1211	.text-container2 {
1212		top: -6em;
1213	}
1214
1215	.fixed-text2 {
1216		font-size: 1rem;
1217	}
1218}
1219
1220.text-container {
1221	display: flex;
1222	justify-content: center;
1223	align-items: center;
1224	position: relative;
1225	width: 100%;
1226	overflow: hidden;
1227	top: -14em;
1228}
1229
1230.fixed-text {
1231	color: darkorange;
1232	font-size: 2rem;
1233	text-align: center;
1234	z-index: 100;
1235}
1236
1237@media (max-width: 1500px) {
1238	.text-container {
1239		top: -14em;
1240	}
1241
1242	.fixed-text {
1243		font-size: 1.8rem;
1244	}
1245}
1246
1247@media (max-width: 1200px) {
1248	.text-container {
1249		top: -12.5em;
1250	}
1251
1252	.fixed-text {
1253		font-size: 1.5rem;
1254	}
1255}
1256
1257@media (max-width: 1050px) {
1258	.text-container {
1259		top: -11em;
1260	}
1261
1262	.fixed-text {
1263		font-size: 1.5rem;
1264	}
1265}
1266
1267@media (max-width: 768px) {
1268	.text-container {
1269		top: -10em;
1270	}
1271
1272	.fixed-text {
1273		font-size: 1.2rem;
1274	}
1275}
1276
1277@media (max-width: 576px) {
1278	.text-container {
1279		top: -7em;
1280	}
1281
1282	.fixed-text {
1283		font-size: 1rem;
1284	}
1285}
1286
1287@media (max-width: 330px) {
1288	.text-container {
1289		top: -9em;
1290	}
1291
1292	.fixed-text {
1293		font-size: 1rem;
1294	}
1295}
1296
1297
1298@media (max-width: 290px) {
1299	.text-container {
1300		top: -10em;
1301	}
1302}
1303
1304@media screen and (max-width: 480px) {
1305
1306	.slider::before,
1307	.slider::after {
1308		background: none !important;
1309		content: "";
1310		height: 130px;
1311		position: absolute;
1312		width: 200px;
1313		z-index: 2;
1314	}
1315}
1316
1317@media (max-width: 1400px) {
1318	.custom-logo {
1319		margin-left: 50px
1320	}
1321}
1322
1323@media (max-width: 1200px) {
1324	.custom-logo {
1325		width: 12rem;
1326		margin-left: 80px
1327	}
1328
1329	.featured-image img {
1330		height: 70vh;
1331	}
1332}
1333
1334
1335@media (max-width: 768px) {
1336	.custom-logo {
1337		width: 10rem;
1338		justify-content: center;
1339	}
1340
1341	.featured-image img {
1342		height: 65vh;
1343	}
1344}
1345
1346@media (max-width: 576px) {
1347	.custom-logo {
1348		width: 8rem;
1349	}
1350
1351	.featured-image img {
1352		height: 55vh;
1353	}
1354}
1355
1356@media (max-width: 400px) {
1357	.custom-logo {
1358		width: 8rem;
1359		align-items: center;
1360	}
1361
1362	.featured-image img {
1363		height: 50vh;
1364	}
1365}
1366
1367.misson_container {
1368	display: flex;
1369	width: 100%;
1370	padding: 0 70px;
1371	justify-content: center;
1372	border-radius: 20px;
1373	box-shadow: 0px -6px 0px rgb(239, 125, 0);
1374	padding: 1rem 2rem;
1375}
1376
1377.misson_container h3 {
1378	display: flex;
1379	justify-content: center;
1380}
1381
1382.misson_container p {
1383	text-align: center;
1384}
1385
1386.mission_vision {
1387	background-color: white;
1388	border-radius: 20px;
1389	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
1390	position: relative;
1391	z-index: 100;
1392	max-width: 80%;
1393	top: -23em;
1394	display: flex;
1395	justify-content: center;
1396	align-items: center;
1397	left: 50%;
1398	transform: translate(-50%, -50%);
1399}
1400
1401.leitbild {
1402	position: relative;
1403	z-index: 100;
1404	top: -1.8em;
1405	font-size: 10rem;
1406	display: flex;
1407	align-items: center;
1408	justify-content: center;
1409	color: white;
1410}
1411
1412@media (max-width: 1200px) {
1413	.leitbild {
1414		font-size: 8rem;
1415		top: -2.2em;
1416	}
1417	
1418	.mission_vision {
1419	top: -23em;
1420	}
1421}
1422
1423
1424@media (max-width: 768px) {
1425	.leitbild {
1426		font-size: 7rem;
1427		top: -2.5em;
1428	}
1429}
1430
1431@media (max-width: 576px) {
1432	.leitbild {
1433		font-size: 6rem;
1434		top: -2.8em;
1435	}
1436		.mission_vision {
1437	top: -21em;
1438				max-width:100%;
1439				width:100%;
1440	}
1441}
1442
1443@media (max-width: 400px) {
1444	.leitbild {
1445		font-size: 4rem;
1446		top: -4.5em;
1447	}
1448			.mission_vision {
1449	top: -15em;
1450			max-width:100%;
1451				width:100%;
1452	}
1453}
1454
1455.spalten-container {
1456	display: flex;
1457	margin-bottom: -25rem;
1458}
1459
1460.werte {
1461	position: relative;
1462	z-index: 100;
1463	top: -9.5em;
1464	font-size: 3rem;
1465	display: flex;
1466	align-items: center;
1467	justify-content: center;
1468}
1469
1470
1471@media (max-width: 768px) {
1472	.werte {
1473		top: -14em;
1474		font-size: 2rem;
1475	}
1476}
1477
1478svg {
1479  margin: 0px 0;
1480}
1481
1482.footer-waves svg {
1483  margin: 0px 0;
1484		border-top: 10px solid rgb(250,250,250) !important;
1485}
1486
1487.uberschrift {
1488	font-size: 12px;
1489}
1490
1491.card__heading__leitbild {
1492	font-size: 1.7rem !important;
1493}
1494
1495.wpsm_panel>* {
1496	width: 100% !important;
1497}
1498
1499@media (max-width: 800px) {
1500	.medien-stapel {
1501		display: flex;
1502		flex-direction: column;
1503	}
1504}
1505
1506@media (max-width: 900px) {
1507	.card_heading_p {
1508		font-size: 1.5rem !important;
1509	}
1510}
1511
1512.bild {
1513	width: 25%;
1514}
1515
1516.gruppen_txt {
1517	width: 75%;
1518}
1519
1520.entry-title {
1521	display: flex;
1522	align-items: center;
1523	justify-content: center;
1524	word-break: break;
1525}
1526
1527
1528.full-width>* {
1529	width: 100% !important;
1530	overflow: hidden;
1531}
1532
1533@media (max-width: 576px) {
1534	.full-width>* {
1535		background-color: none !important;
1536	}
1537}
1538
1539
1540@media (max-width: 576px) {
1541	.entry-title {
1542		font-size: 1.6rem;
1543	}
1544}
1545
1546@media (max-width: 576px) {
1547	.slider {
1548		background-color: none !important;
1549	}
1550}
1551
1552
1553.card1 {
1554  height: 110% !important;
1555  position: relative;
1556  overflow: hidden;
1557  padding: 20px;
1558  display: flex;
1559  flex-direction: column;
1560  justify-content: start;
1561  align-items: center;
1562  text-align: center;
1563}
1564
1565.card1 h4,
1566.card1 p {
1567  margin: 0 0 10px;
1568  line-height: 1.5;
1569  overflow-wrap: normal;
1570  word-break: keep-all;
1571  white-space: normal;
1572  hyphens: manual;
1573  z-index: 1;
1574  color: #fff;
1575}
1576
1577
1578.card1 p {
1579  font-size: 16px;
1580}
1581
1582
1583.card1 svg {
1584  position: absolute;
1585  top: 65%;
1586  left: 50%;
1587  transform: translate(-50%, -50%);
1588  width: 100%;
1589  height: auto;
1590  opacity: 0.25;
1591  z-index: -1;
1592  pointer-events: none;
1593}
1594.no-background{
1595	background-color:transparent !important;
1596	padding-top:30px
1597}
1598
1599.img-with-txt{
1600	justify-content: center !important;
1601	gap:30px;
1602	margin-top:35px;
1603	margin-bottom:35px;
1604}
1605
1606.img-with-txt img{
1607	border-radius:50%!important;
1608}
1609
1610.blog-title {
1611    font-size: clamp(1.2rem, 2.5vw, 1.6rem) !important;
1612    word-break: break-word;
1613    hyphens: auto;
1614    line-height: 1.4;
1615}
1616
1617.pos-rel > div > svg {
1618  margin: 0 0 !important;
1619  border-top: 10px solid white !important;
1620}
1621
1622.footer-waves > svg{
1623	  margin: 0 0 !important;
1624  	border-top: 10px solid rgb(250,250,250) !important;
1625}
1626
1627.wave-separator> svg{
1628	  margin-bottom: 5px  !important;
1629}
1630
1631#calendar_container{
1632	display:flex;
1633	flex-direction: column !important;
1634}
1635
1636.entry-title{
1637	padding-top:40px;
1638}
1639
1640.progress_indicator *{
1641	display:flex !important;
1642	align-items:center !important;
1643	justify-content:center !important;
1644}
1645
1646.site-footer{
1647	display:flex !important;
1648}
1649
1650.wp-block-cover h6{
1651	margin-bottom:-80px;
1652}
1653
1654@media (max-width: 767px) {
1655  .meine-lottie,
1656  .meine-lottie canvas,
1657  .meine-lottie svg {
1658    margin-top: 0 !important;
1659    margin-bottom: 0 !important;
1660    padding-top: 0 !important;
1661    padding-bottom: 0 !important;
1662    height: 200px !important;     /* Passe diesen Wert je nach Bedarf an! */
1663    max-height: 60vw !important;  /* Alternative: Prozentwert, der auf most Phones passt */
1664    width: 100% !important;
1665    object-fit: contain !important;
1666    display: block;
1667    overflow: hidden;
1668  }
1669}
1670</style>
1671<style id="wpr_lightbox_styles">
1672				.lg-backdrop {
1673					background-color: rgba(0,0,0,0.6) !important;
1674				}
1675				.lg-toolbar,
1676				.lg-dropdown {
1677					background-color: rgba(0,0,0,0.8) !important;
1678				}
1679				.lg-dropdown:after {
1680					border-bottom-color: rgba(0,0,0,0.8) !important;
1681				}
1682				.lg-sub-html {
1683					background-color: rgba(0,0,0,0.8) !important;
1684				}
1685				.lg-thumb-outer,
1686				.lg-progress-bar {
1687					background-color: #444444 !important;
1688				}
1689				.lg-progress {
1690					background-color: #a90707 !important;
1691				}
1692				.lg-icon {
1693					color: #efefef !important;
1694					font-size: 20px !important;
1695				}
1696				.lg-icon.lg-toogle-thumb {
1697					font-size: 24px !important;
1698				}
1699				.lg-icon:hover,
1700				.lg-dropdown-text:hover {
1701					color: #ffffff !important;
1702				}
1703				.lg-sub-html,
1704				.lg-dropdown-text {
1705					color: #efefef !important;
1706					font-size: 14px !important;
1707				}
1708				#lg-counter {
1709					color: #efefef !important;
1710					font-size: 14px !important;
1711				}
1712				.lg-prev,
1713				.lg-next {
1714					font-size: 35px !important;
1715				}
1716
1717				/* Defaults */
1718				.lg-icon {
1719				background-color: transparent !important;
1720				}
1721
1722				#lg-counter {
1723				opacity: 0.9;
1724				}
1725
1726				.lg-thumb-outer {
1727				padding: 0 10px;
1728				}
1729
1730				.lg-thumb-item {
1731				border-radius: 0 !important;
1732				border: none !important;
1733				opacity: 0.5;
1734				}
1735
1736				.lg-thumb-item.active {
1737					opacity: 1;
1738				}
1739	         </style></head>
1740
1741<body class="home wp-singular page-template-default page page-id-87 wp-custom-logo wp-theme-bz-medien-neox-new no-sidebar elementor-default elementor-kit-2584">
1742        <nav class="navbar">
1743        <div>
1744            <ul class="toggle">
1745                <svg class="ham hamRotate ham1" viewBox="0 0 100 100" width="80" onclick="this.classList.toggle('active')">
1746                    <path
1747                        class="line top"
1748                        d="m 30,33 h 40 c 0,0 9.044436,-0.654587 9.044436,-8.508902 0,-7.854315 -8.024349,-11.958003 -14.89975,-10.85914 -6.875401,1.098863 -13.637059,4.171617 -13.637059,16.368042 v 40" />
1749                    <path
1750                        class="line middle"
1751                        d="m 30,50 h 40" />
1752                    <path
1753                        class="line bottom"
1754                        d="m 30,67 h 40 c 12.796276,0 15.357889,-11.717785 15.357889,-26.851538 0,-15.133752 -4.786586,-27.274118 -16.667516,-27.274118 -11.88093,0 -18.499247,6.994427 -18.435284,17.125656 l 0.252538,40" />
1755                </svg>
1756            </ul>
1757        </div>
1758        <div>
1759            <!-- site-branding -->
1760            <div class="site-branding">
1761                <a href="https://www.bz-medien.de/" class="custom-logo-link" rel="home" aria-current="page"><img fetchpriority="high" width="497" height="111" src="https://www.bz-medien.de/wp-content/uploads/2024/07/cropped-cropped-Logo_BZ-medien_rgb_mit-Schutzraum-1-e1732006814998.png" class="custom-logo" alt="BZ.medien" decoding="async" srcset="https://www.bz-medien.de/wp-content/uploads/2024/07/cropped-cropped-Logo_BZ-medien_rgb_mit-Schutzraum-1-e1732006814998.png 497w, https://www.bz-medien.de/wp-content/uploads/2024/07/cropped-cropped-Logo_BZ-medien_rgb_mit-Schutzraum-1-e1732006814998-300x67.png 300w" sizes="(max-width: 497px) 100v
1761w, 497px" /></a>                    <p class="site-title"><a href="https://www.bz-medien.de/" rel="home">BZ.medien</a></p>
1762                                    <p class="site-description">Die Dachmarke BZ.medien</p>
1763                            </div>
1764            <!-- site-branding end -->
1765        </div>
1766        <div class="socialnav--header">
1767            <a href="https://www.facebook.com/bzmedien/" target="_blank" title="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24">
1768                    <path fill="currentColor" d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95" />
1769                </svg></a>
1770            <a href="https://www.instagram.com/bz.medien_gruppe/" target="_blank" title="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24">
1771                    <path fill="currentColor" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3" />
1772                </svg></a>
1773            <a href="https://twitter.com/bzmedien" target="_blank" title="Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24">
1774                    <path fill="currentColor" d="M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z" />
1775                </svg></a>
1776            <a href="https://de.linkedin.com/company/bzmedien" target="_blank" title="Linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24">
1777                    <path fill="currentColor" d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z" />
1778                </svg></a>
1779            <a href="https://www.xing.com/pages/bz-medien-gmbh-co-kg" target="_blank" title="Xing"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24">
1780                    <path fill="currentColor" d="M20.462 3.23c.154 0 .308.078.384.155a.49.49 0 0 1 0 .461l-6.076 10.77l3.846 7.076a.49.49 0 0 1 0 .462a.6.6 0 0 1-.385.154h-2.77c-.384 0-.614-.308-.768-.539l-3.923-7.154C11 14.308 16.924 3.77 16.924 3.77c.153-.308.384-.538.769-.538zM8.923 7c.385 0 .616.308.77.538l1.923 3.308c-.154.154-3 5.23-3 5.23c-.154.232-.385.54-.77.54H5.155a.6.6 0 0 1-.384-.154a.49.49 0 0 1 0-.462l2.846-5.154l-1.846-3.23a.49.49 0 0 1 0-.462A.6.6 0 0 1 6.154 7z" />
1781                </svg></a>
1782        </div>
1783
1784        <div class="sidebar">
1785
1786            <div class="placeholder"></div>
1787
1788            <ul class="menu">
1789                <div class="set"><a href="/">Startseite</a></div>
1790                <div class="set"><a href="#">Mediengruppe<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
1791                            <path fill="currentColor" d="m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z" />
1792                        </svg></a>
1793                    <div class="content content-mg">
1794                        <ul class="sub-nav">
1795                            <li><a href="/leitbild">Leitbild</a></li>
1796                            <li><a href="/unternehmen">Unternehmen</a></li>
1797                            <li><a href="/marken-und-medien">Marken und Medien</a></li>
1798                            <li><a href="/betriebsfuehrung">Betriebsf&uuml;hrung</a></li>
1799                            <li><a href="/historie">Historie</a></li>
1800                        </ul>
1801                    </div>
1802                </div>
1803                <div class="set"><a href="/leistungen">Leistungen</a></div>
1804
1805                <!-- <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
1805<path fill="currentColor" d="m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z"/></svg> -->
1806                <!-- <div class="content content-mg">
1807                        <ul class="sub-nav">
1808                            <li><a href="/fuer-leser">F&uuml;r Leser</a></li>
1809                            <li><a href="/fuer-startups">F&uuml;r Startups</a></li>
1810                        </ul>
1811                    </div> -->
1812
1813                <div class="set"><a href="/engagement">Engagement</a></div>
1814                <div class="set"><a href="/aktuelles">Aktuelles</a></div>
1815                <div class="set">
1816                    <a href="#">Jobs und Karriere<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
1817                            <path fill="currentColor" d="m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z" />
1818                        </svg></a>
1819                    <div class="content">
1820                        <ul class="sub-nav">
1821                            <li><a href="/jobs-und-karriere" class="sub-nav-item">Allgemein</a></li>
1822                            <li><a href="/stellenangebote" class="sub-nav-item">Stellenangebote</a></li>
1823                            <li><a href="/ausbildung" class="sub-nav-item">Ausbildung</a></li>
1824                            <li><a href="/medienzusteller" class="sub-nav-item">Zusteller</a></li>
1825                            <li><a href="/volontariat" class="sub-nav-item">Volontariat</a></li>
1826                            <li><a href="/praktikum" class="sub-nav-item">Praktikum</a></li>
1827							<li><a href="/ueber-uns" class="sub-nav-item">Über uns</a></li>
1828							<li><a href="/unsere-region" class="sub-nav-item">Unsere Region</a></li>
1829                        </ul>
1830                    </div>
1831                </div>
1832            </ul>
1833        </div>
1834    </nav>
1835    </header><!-- #masthead --></div>
1836  <section class="video-hero">
1837    <video autoplay muted loop poster="/wp-content/uploads/2024/07/fallback.jpg">
1838        <source src="https://www.bz-medien.de/wp-content/uploads/2026/01/freiburg_landingpage_video_new.mp4" type="video/mp4">
1839    </video>
1840
1841    <div class="hero-content">
1842        <h1>Das relevante <span class="orange-hero">Medien</span>unternehmen aus Baden</h1>
1843        <p>Wir machen die Region erlebbar, gestalten das Leben vor Ort aktiv mit und entwickeln neue Ideen. Als Verlag und Medienhaus, Arbeitgeber und Partner, Veranstalter, Förderer und – vieles mehr!</p>
1844        <a href="/mediengruppe" class="btn btn-active">Mehr erfahren</a>
1845        <a href="/leitbild" class="btn secondary-btn">Unser Leitbild</a>
1846    </div>
1847</section>
1848
1849<div class="pos-rel">
1850    <div style="position: absolute; z-index:99;bottom:-2px; width:100%;">
1851            <svg preserveAspectRatio="none" viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg" style="fill: #fff; width: 100%; height: 100px; transform: rotate(180deg);">
1852                <path d="M321.39 56.44c58-10.79 114.16-30.13 172-41.86 82.39-16.72 168.19-17.73 250.45-.39C823.78 31 906.67 72 985.66 92.83c70.05 18.48 146.53 26.09 214.34 3V0H0v27.35a600.21 600.21 0 00321.39 29.09z" />
1853            </svg>
1854    </div>
1855</div>
1856	<main id="primary" class="site-main site-grid">
1857
1858	
1859<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
1860<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
1861
1862
1863
1864<h2 class="wp-block-heading has-text-align-center">Die Dachmarke BZ.medien</h2>
1865
1866
1867
1868<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
1869<div class="wp-block-column textbox--dual is-layout-flow wp-block-column-is-layout-flow">
1870<p class="wp-block-paragraph">Rund um die Badische Zeitung ist in über 80 Jahren eine vielseitige Medienfamilie gewachsen. Inspiriert von der Vielfalt Südbadens, entwickeln wir neue Ideen, machen die Region erlebbar und gestalten das Leben vor Ort aktiv mit. Als Verlag und Medienhaus, Arbeitgeber und Partner, Veranstalter, Förderer und – vieles mehr!</p>
1871
1872
1873
1874<p class="wp-block-paragraph">Herzstück unserer journalistischen Formate ist und bleibt die Badische Zeitung. In 13 verschiedenen Lokalausgaben bringen wir Stadt, Land und Weltgeschehen täglich ins Gespräch. Unabhängig, kritisch, transparent. Und: mit unseren Online-Portalen und Apps sind wir längst auch digitale Begleiter.</p>
1875
1876
1877
1878<p class="wp-block-paragraph">Ensemble statt Solist! BZ.medien führt Profis aller Medienbereiche unter einem Dach zusammen: von Lokalredaktion und Auslandskorrespondenz über Print und Online bis zu Vermarktung und Logistik. Das macht uns langfristig zuverlässig und offen für Impulse, die Südbaden in Zukunft bewegen.</p>
1879</div>
1880
1881
1882
1883<div class="wp-block-column textbox--dual is-layout-flow wp-block-column-is-layout-flow">
1884<p class="wp-block-paragraph">Rund 950 Mitarbeitende, 1.000 freie Redakteure sowie über 1.200 Zeitungsträger arbeiten daran, die Menschen in der Region zu informieren, zu inspirieren und zu vernetzen. Bei BZ.medien treffen Auszubildende, Berufserfahrene und junge Talente auf eine spannende Arbeitswelt und individuelle Entwicklungsmöglichkeiten.</p>
1885
1886
1887
1888<p class="wp-block-paragraph">Und weil gesellschaftliche Verantwortung nicht vor der eigenen Tür endet, bringen wir uns auch in Südbaden ein: mit Leseförderung in Schulen, Medie
1888npartnerschaften und sozialen Initiativen.</p>
1889
1890
1891
1892<p class="wp-block-paragraph">BZ.medien ist die Dachmarke des regionalen Familienunternehmens Poppen &amp; Ortmann KG. Aus der Gesellschafterfamilie sind Wolfgang Poppen und seine Tochter Nadja Poppen aktiv in der Geschäftsführung der Mediengruppe tätig.</p>
1893</div>
1894</div>
1895
1896
1897
1898<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex">
1899<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/mediengruppe">Mediengruppe</a></div>
1900
1901
1902
1903<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/leistungen">Leistungen</a></div>
1904
1905
1906
1907<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/engagement">Engagement</a></div>
1908
1909
1910
1911<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/aktuelles">Aktuelles</a></div>
1912
1913
1914
1915<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/jobs-und-karriere">Jobs und Karriere</a></div>
1916</div>
1917
1918
1919
1920<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
1921
1922
1923</div></div>
1924
1925
1926<div class="wave-separator">
1927				<svg preserveAspectRatio="none" viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg" style="fill: #f2f2f2; width: 100%; height: 100px; transform: rotate(180deg);">
1928					<path d="M321.39 56.44c58-10.79 114.16-30.13 172-41.86 82.39-16.72 168.19-17.73 250.45-.39C823.78 31 906.67 72 985.66 92.83c70.05 18.48 146.53 26.09 214.34 3V0H0v27.35a600.21 600.21 0 00321.39 29.09z" />
1929				</svg>
1930        	</div>
1931
1932
1933
1934<div class="wp-block-group full-width has-background" style="background-color:#f2f2f2"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
1935<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
1936
1937
1938
1939<div class="wp-block-columns full-width-center has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex" style="background-color:#f2f2f2">
1940<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow">
1941<h2 class="wp-block-heading">Die Geschäftsführung</h2>
1942
1943
1944
1945<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
1946
1947
1948
1949<p class="wp-block-paragraph">Wolfgang Poppen und seine Tochter Nadja Poppen bilden zusammen mit Patrick Zürcher das Geschäftsführungsteam der BZ.medien GmbH &amp; Co. KG.</p>
1950
1951
1952
1953<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
1954
1955
1956
1957<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">
1958<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="/mediengruppe">Mehr erfahren</a></div>
1959</div>
1960</div>
1961
1962
1963
1964<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">
1965<figure class="wp-block-image size-large br-10"><img decoding="async" width="1024" height="768" src="http://bzm.swarm-test-vip1.dmz534.bz-medien.de/wp-content/uploads/2024/07/Dreiergruppe-web-1024x768.jpg" alt="" class="wp-image-733" srcset="https://www.bz-medien.de/wp-content/uploads/2024/07/Dreiergruppe-web-1024x768.jpg 1024w, https://www.bz-medien.de/wp-content/uploads/2024/07/Dreiergruppe-web-300x225.jpg 300w, https://www.bz-medien.de/wp-content/uploads/2024/07/Dreiergruppe-web-768x576.jpg 768w, https://www.bz-medien.de/wp-content/uploads/2024/07/Dreiergruppe-web-1536x1152.jpg 1536w, https://www.bz-medien.de/wp-content/uploads/2024/07/Dreiergruppe-web-800x600.jpg 800w, https://www.bz-medien.de/wp-content/uploads/2024/07/Dreiergruppe-web.jpg 1920w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
1966</div>
1967</div>
1968
1969
1970
1971<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
1972</div></div>
1973
1974
1975 <div class="wave-separator">
1976       			<svg preserveAspectRatio="none" viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg" style="fill: #ef7d00; background: #f2f2f2; width: 100%; transform: rotate(180deg) scaleX(-1);"><path d="M321.39 56.44c58-10.79 114.16-30.13 172-41.86 82.39-16.72 168.19-17.73 250.45-.39C823.78 31 906.67 72 985.66 92.83c70.05 18.48 146.53 26.09 214.34 3V0H0v27.35a600.21 600.21 0 00321.39 29.09z" /></svg>
1977    		</div>
1978
1979
1980
1981<div class="wp-block-group full-width has-background" style="background-color:#ef7d00"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
1982<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
1983
1984
1985
1986<div class="wp-block-columns full-width-center is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
1987<div class="wp-block-column is-vertically-aligned-center zahlen_fakten is-layout-flow wp-block-column-is-layout-flow">
1988<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color has-link-color wp-elements-1">Zahlen und Fakten</h2>
1989
1990
1991
1992<p class="has-text-align-left textbox--single has-white-color has-text-color has-link-color wp-elements-2 wp-block-paragraph">Mit BZ.medien geben wir unserer Vielseitigkeit jetzt einen Namen. Unser Versprechen für die Zukunft: Impulse setzen, Erlebnisse schaffen, Menschen verbinden! BZ.medien in Zahlen:</p>
1993
1994
1995
1996<section id="zahlen_fakten">
1997    <div class="container--zahlen_fakten">
1998        <div class="counter">
1999        
2000            <div class="item">
2001                <svg xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 24 24">
2001<path fill="currentColor" d="M12 10a4 4 0 1 0 0-8a4 4 0 0 0 0 8m-6.5 3a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5M21 10.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0m-9 .5a5 5 0 0 1 5 5v6H7v-6a5 5 0 0 1 5-5m-7 5c0-.693.1-1.362.288-1.994l-.17.014A3.5 3.5 0 0 0 2 17.5V22h3zm17 6v-4.5a3.5 3.5 0 0 0-3.288-3.494c.187.632.288 1.301.288 1.994v6z"/></svg>
2002                <div class="counter-value" data-count="950">0</div>
2003                <p>Mitarbeitende</p>
2004            </div>
2005
2006            <div class="item">
2007                <svg xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 24 24"><path fill="currentColor" d="m15 21l-6-2.1l-4.65 1.8q-.5.2-.925-.112T3 19.75v-14q0-.325.188-.575T3.7 4.8L9 3l6 2.1l4.65-1.8q.5-.2.925.113T21 4.25v14q0 .325-.187.575t-.513.375zm-1-2.45V6.85l-4-1.4v11.7z"/></svg>
2008                <div class="counter-value" data-count="32">0</div>
2009                <p>Standorte</p>
2010            </div>
2011
2012            <div class="item">
2013                <svg xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 512 512"><rect width="96" height="96" x="96" y="112" fill="none" rx="16" ry="16"/><path fill="currentColor" d="M468 112h-52v304a32 32 0 0 0 32 32a32 32 0 0 0 32-32V124a12 12 0 0 0-12-12"/><path fill="currentColor" d="M431.15 477.75A64.11 64.11 0 0 1 384 416V44a12 12 0 0 0-12-12H44a12 12 0 0 0-12 12v380a56 56 0 0 0 56 56h342.85a1.14 1.14 0 0 0 .3-2.25M96 208v-96h96v96Zm224 192H96v-32h224Zm0-64H96v-32h224Zm0-64H96v-32h224Zm0-64h-96v-32h96Zm0-64h-96v-32h96Z"/></svg>
2014                <div class="counter-value" data-count="1100000">0</div>
2015                <p>Verbreitete Auflagen*</p>
2016            </div>
2017
2018            <div class="item">
2019                <svg xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 24 24"><path fill="currentColor" d="M7.4 22L6 20.6l6.9-6.925l3.5 3.5L21.575 12L23 13.425L16.4 20l-3.5-3.5zM4 21q-.825 0-1.412-.587T2 19V5q0-.825.588-1.412T4 3h14q.825 0 1.413.588T20 5v4.2H4z"/></svg>
2020                <div class="counter-value" data-count="8100000">0</div>
2021                <p>Besuche/Monat**</p>
2022            </div>
2023        </div>
2024        * Printprodukte von BZ.medien (01/2022)<br>
2025        ** Online-Portale von BZ.medien pro Monat (12/2021)
2026    </div>
2027</section>
2028</div>
2029</div>
2030
2031
2032
2033<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
2034</div></div>
2035
2036
2037
2038<div class="wp-block-group full-width has-background" style="background-color:#f2f2f2"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">
2039<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
2040
2041
2042
2043<div class="wp-block-columns full-width-center has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex" style="background-color:#f2f2f203">
2044<div class="wp-block-column is-vertically-aligned-center unternehmen is-layout-flow wp-block-column-is-layout-flow">
2045<h2 class="wp-block-heading has-text-align-center">Die Unternehmen der BZ.medien-Gruppe:<br></h2>
2046
2047
2048
2049<p class="has-text-align-left textbox--single wp-block-paragraph">Alles unter einem Dach: Als Unternehmensgruppe verbindet BZ.medien vielseitige Kompetenzen: von der neuesten Drucktechnik, über IT-Services bis zum Onlinemarketing. Entdecken Sie die Unternehmenswelt von BZ.medien.</p>
2050
2051
2052
2053<div class="wp-block-columns full-width-100 slider is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex">
2054<div class="wp-block-column unternehmen_slider_top is-layout-flow wp-block-column-is-layout-flow">
2055<div class="unternehmen_slider" id="unternehmen_slider" style="display: flex; gap: 20px; animation: scroll 20s linear infinite; width:100% important;">
2056            <div style="flex-shrink: 0;">
2057                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/pundologo2-1.png" 
2058                     alt="logo-poppen_ortmann" 
2059                     title="Poppen und Ortmann Logo" 
2060                     style="width: 180px; height: 180px; object-fit: contain;" />
2061            </div>
2062            <div style="flex-shrink: 0;">
2063                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/bzlogo-1.png" 
2064                     alt="logo-badische-zeitung" 
2065                     title="Badische Zeitung Logo" 
2066                     style="width: 180px; height: 180px; object-fit: contain;" />
2067            </div>
2068            <div style="flex-shrink: 0;">
2069                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/freiburgerdruck-1.png" 
2070                     alt="logo-freiburger-druck" 
2071                     title="Freiburger Druck Logo" 
2072                     style="width: 180px; height: 180px; object-fit: contain;" />
2073            </div>
2074            <div  style="flex-shrink: 0;">
2075                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/freiburgerwb-1.png" 
2076                     alt="logo-freiburger-wochenbericht" 
2077                     title="Freiburger Wochenbericht Logo" 
2078                     style="width: 180px; height: 180px; object-fit: contain;" />
2079            </div>
2080            <div  style="flex-shrink: 0;">
2081                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/bzmd-logo.svg" 
2082                     alt="logo-bz_medien_digital" 
2083                     title="BZmedien Digital Logo" 
2084                     style="width: 180px; height: 180px; object-fit: contain;" />
2085            </div>
2086            <div style="flex-shrink: 0;">
2087                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/wzo-1.png" 
2088                     alt="" 
2089                     title="empty" 
2090                     style="width: 180px; height: 180px; object-fit: contain;" />
2091            </div>
2092            <div style="flex-shrink: 0;">
2093                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/puls-1.png" 
2094                     alt="logo-puls" 
2095                     title="Puls Logo" 
2096                     style="width: 180px; height: 180px; object-fit: contain;" />
2097            </div>
2098            <div  style="flex-shrink: 0;">
2099                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/Logo_Markthalle-1.png" 
2100                     alt="logo-markthalle" 
2101                     title="Markthalle Logo" 
2102                     style="width: 180px; height: 180px; object-fit: contain;" />
2103            </div>
2104            <div style="flex-shrink: 0;">
2105                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/logo_suedwest24-RGB-1.png" 
2106                     alt="logo-suedwest24" 
2107                     title="Suedwest24 Logo" 
2108                     style="width: 180px; height: 180px; object-fit: contain;" />
2109            </div>
2110            <div  style="flex-shrink: 0;">
2111                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/chili-1.png" 
2112                     alt="logo-chilli" 
2113                     title="Chilli Logo" 
2114                     style="width: 180px; height: 180px; object-fit: contain;" />
2115            </div>
2116            <div style="flex-shrink: 0;">
2117                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/mediazza-1.png" 
2118                     alt="logo-mediazza" 
2119                     title="Mediazza Logo" 
2120                     style="width: 180px; height: 180px; object-fit: contain;" />
2121            </div>
2122            <div style="flex-shrink: 0;">
2123                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/07/mediamore-1.png" 
2124                     alt="logo-mediamore" 
2125                     title="Mediamore Logo" 
2126                     style="width: 180px; height: 180px; object-fit: contain;" />
2127            </div>
2128            <div style="flex-shrink: 0;">
2129                <img decoding="async" src="http://bz-medien.de/wp-content/uploads/2024/09/Logo_BZmedien_Immobilien-RGB-e1730124242870.png" 
2130                     alt="logo-bz-medien-immobilien" 
2131                     title="BZ.medien Immobilien Logo" 
2132                     style="width: 180px; height: 180px; object-fit: contain;" />
2133            </div>
2134</div>
2135</div>
2136</div>
2137</div>
2138</div></div>
2139
2140
2141	</main><!-- #main -->
2142
2143
2144<div style="overflow: hidden;" class="footer-waves">
2145    <svg preserveAspectRatio="none" style="fill: rgb(250,250,250); background-color: #f2f2f2;" viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg"><path d="M321.39 56.44c58-10.79 114.16-30.13 172-41.86 82.39-16.72 168.19-17.73 250.45-.39C823.78 31 906.67 72 985.66 92.83c70.05 18.48 146.53 26.09 214.34 3V0H0v27.35a600.21 600.21 0 00321.39 29.09z"></path></svg>
2146</div>
2147	<footer id="colophon" class="site-footer">
2148        <div class="footer-nav">
2149		<section id="nav_menu-7" class="widget widget_nav_menu"><div class="menu-footer-menu-2-container"><ul id="menu-footer-menu-2" class="menu"><li id="menu-item-314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-314"><a href="https://www.bz-medien.de/mediengruppe/">Mediengruppe</a></li>
2150<li id="menu-item-313" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-313"><a href="https://www.bz-medien.de/leistungen/">Leistungen</a></li>
2151<li id="menu-item-311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-311"><a href="https://www.bz-medien.de/engagement/">Engagement</a></li>
2152<li id="menu-item-310" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-310"><a href="https://www.bz-medien.de/aktuelles/">Aktuelles</a></li>
2153<li id="menu-item-312" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-312"><a href="https://www.bz-medien.de/jobs/">Jobs und Karriere</a></li>
2154</ul></div></section>        </div>
2155        <div class="footer-text">
2156		<div class="site-branding">
2157			<a href="https://www.bz-medien.de/" class="custom-logo-link" rel="home" aria-current="page"><img width="497" height="111" src="https://www.bz-medien.de/wp-content/uploads/2024/07/cropped-cropped-Logo_BZ-medien_rgb_mit-Schutzraum-1-e1732006814998.png" class="custom-logo" alt="BZ.medien" decoding="async" srcset="https://www.bz-medien.de/wp-content/uploads/2024/07/cropped-cropped-Logo_BZ-medien_rgb_mit-Schutzraum-1-e1732006814998.png 497w, https://www.bz-medien.de/wp-content/uploads/2024/07/cropped-cropped-Logo_BZ-medien_rgb_mit-Schutzraum-1-e1732006814998-300x67.png 300w" sizes="(max-width: 497px) 100v
2157w, 497px" /></a>		</div><!-- .site-branding -->            
2158        <div class="social-nav">
2159            <a href="https://www.facebook.com/bzmedien/" target="_blank" title="Facebook"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95"/></svg></a>
2160            <a href="https://www.instagram.com/bz.medien_gruppe/" target="_blank" title="Instagram"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"><path fill="currentColor" d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3"/></svg></a>
2161            <a href="https://twitter.com/bzmedien" target="_blank" title="Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"><path fill="currentColor" d="M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z"/></svg></a>
2162            <a href="https://de.linkedin.com/company/bzmedien" target="_blank" title="Linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"><path fill="currentColor" d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z"/></svg></a>
2163            <a href="https://www.xing.com/pages/bz-medien-gmbh-co-kg" target="_blank" title="Xing"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24"><path fill="currentColor" d="M20.462 3.23c.154 0 .308.078.384.155a.49.49 0 0 1 0 .461l-6.076 10.77l3.846 7.076a.49.49 0 0 1 0 .462a.6.6 0 0 1-.385.154h-2.77c-.384 0-.614-.308-.768-.539l-3.923-7.154C11 14.308 16.924 3.77 16.924 3.77c.153-.308.384-.538.769-.538zM8.923 7c.385 0 .616.308.77.538l1.923 3.308c-.154.154-3 5.23-3 5.23c-.154.232-.385.54-.77.54H5.155a.6.6 0 0 1-.384-.154a.49.49 0 0 1 0-.462l2.846-5.154l-1.846-3.23a.49.49 0 0 1 0-.462A.6.6 0 0 1 6.154 7z"/></svg></a>
2164            </div>
2165</div>    
2166        <div class="footer-rights">
2167            <div class="footer-rights">
2168                <ul>
2169                    <li><a href="#" onclick="UC_UI.showSecondLayer(); return false;">Cookie-Einstellungen</a></li>
2170					<section id="nav_menu-8" class="widget widget_nav_menu"><div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="menu"><li id="menu-item-130" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-130"><a href="https://www.bz-medien.de/datenschutz/">Datenschutz</a></li>
2171<li id="menu-item-131" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-131"><a href="https://www.bz-medien.de/impressum/">Impressum</a></li>
2172<li id="menu-item-4849" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4849"><a href="https://www.bz-medien.de/angaben-barrierefreiheit/">Barrierefreiheit</a></li>
2173</ul></div></section>                </ul>
2174            </div>
2175        </div>
2176    </footer>
2177	</footer><!-- #colophon -->
2178</div><!-- #page -->
2179
2180<script type="speculationrules">
2181{"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/bz-medien-neox-new/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
2182</script>
2182
2183			
2183<script>
2184				;
2185				(function($, w) {
2186					'use strict';
2187					let $window = $(w);
2188
2189					$(document).ready(function() {
2190
2191						let isEnable = "";
2192						let isEnableLazyMove = "";
2193						let speed = isEnableLazyMove ? '0.7' : '0.2';
2194
2195						if( !isEnable ) {
2196							return;
2197						}
2198
2199						if (typeof haCursor == 'undefined' || haCursor == null) {
2200							initiateHaCursorObject(speed);
2201						}
2202
2203						setTimeout(function() {
2204							let targetCursor = $('.ha-cursor');
2205							if (targetCursor) {
2206								if (!isEnable) {
2207									$('body').removeClass('hm-init-default-cursor-none');
2208									$('.ha-cursor').addClass('ha-init-hide');
2209								} else {
2210									$('body').addClass('hm-init-default-cursor-none');
2211									$('.ha-cursor').removeClass('ha-init-hide');
2212								}
2213							}
2214						}, 500);
2215
2216					});
2217
2218				}(jQuery, window));
2219			</script>
2219
2220		
2221					
2221<script>
2222				( () => {
2223					const lazyloadRunObserver = () => {
2224						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
2225						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
2226							entries.forEach( ( entry ) => {
2227								if ( entry.isIntersecting ) {
2228									let lazyloadBackground = entry.target;
2229									if( lazyloadBackground ) {
2230										lazyloadBackground.classList.add( 'e-lazyloaded' );
2231									}
2232									lazyloadBackgroundObserver.unobserve( entry.target );
2233								}
2234							});
2235						}, { rootMargin: '200px 0px 200px 0px' } );
2236						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
2237							lazyloadBackgroundObserver.observe( lazyloadBackground );
2238						} );
2239					};
2240					const events = [
2241						'DOMContentLoaded',
2242						'elementor/lazyload/observe',
2243					];
2244					events.forEach( ( event ) => {
2245						document.addEventListener( event, lazyloadRunObserver );
2246					} );
2247				} )();
2248			</script>
2248
2249			
2249<script>/**
2250 * Optimized Softgarden Jobs JavaScript
2251 * Enhanced for performance, accessibility, and user experience
2252 */
2253
2254(function () {
2255    'use strict';
2256
2257    // Performance utilities
2258    const debounce = (func, wait, immediate = false) => {
2259        let timeout;
2260        return function executedFunction(...args) {
2261            const later = () => {
2262                timeout = null;
2263                if (!immediate) func.apply(this, args);
2264            };
2265            const callNow = immediate && !timeout;
2266            clearTimeout(timeout);
2267            timeout = setTimeout(later, wait);
2268            if (callNow) func.apply(this, args);
2269        };
2270    };
2271
2272    // DOM Cache for performance
2273    const domCache = new Map();
2274    const getElement = (selector) => {
2275        if (!domCache.has(selector)) {
2276            const element = selector.startsWith('#')
2277                ? document.getElementById(selector.slice(1))
2278                : document.querySelector(selector);
2279            domCache.set(selector, element);
2280        }
2281        return domCache.get(selector);
2282    };
2283
2284    function getQueryParam(name) { const p = new URLSearchParams(window.location.search); const v = p.get(name); return v ? v.trim() : ''; }
2285
2286    function getQueryFilters() {
2287        const p = new URLSearchParams(window.location.search);
2288        const raw = p.get('sgf') || '';
2289        const filters = {};
2290        raw.split(';').forEach(pair => {
2291            const [k, vals] = pair.split(':');
2292            if (k && vals) {
2293                filters[k.trim()] = vals.split('|').map(v => v.trim()).filter(Boolean);
2294            }
2295        });
2296        return filters;
2297    }
2298
2299    // Main initialization
2300    function initSoftgardenJobs() {
2301        const dataElement = getElement('#sg-data');
2302        if (!dataElement) {
2303            console.warn('Softgarden: Data element not found');
2304            return;
2305        }
2306
2307        const rootEl = document.querySelector('.sg-wrapper');
2308        const MODE = rootEl?.dataset.mode || 'default';
2309        const REDIRECT = rootEl?.dataset.redirect || '/karriere-seite/';
2310
2311        let jobData;
2312        try {
2313            jobData = JSON.parse(dataElement.textContent.trim());
2314        } catch (error) {
2315            console.error('Softgarden: Invalid JSON data', error);
2316            return;
2317        }
2318
2319        if (!Array.isArray(jobData) || jobData.length === 0) {
2320            console.warn('Softgarden: No job data available');
2321            return;
2322        }
2323
2324        // Initialize app
2325        const prefillQuery = getQueryParam('sgq');
2326        const app = new SoftgardenJobsApp(jobData, { prefillQuery, mode: MODE, redirect: REDIRECT });
2327        app.init();
2328    }
2329
2330    // Main application class
2331    class SoftgardenJobsApp {
2332        constructor(jobData, opts = {}) {
2333            this.jobData = jobData;
2334            this.opts = opts;
2335            this.mode = opts.mode || 'default';
2336            this.redirect = opts.redirect || '/karriere-seite/';
2337            this.state = {
2338                activeFilters: {
2339                    location: new Set(),
2340                    company: new Set(),
2341                    experience: new Set(),
2342                    contract: new Set()
2343                },
2344                filteredData: [...jobData],
2345                currentIndex: 0,
2346                chunkSize: parseInt(getElement('#sg-cards')?.dataset.chunkSize) || 6,
2347                searchTerm: '',
2348                isLoading: false
2349            };
2350            this.elements = this.cacheElements();
2351            this.debouncedFilter = debounce(() => this.filterJobs(), 300);
2352            this.urlFilters = getQueryFilters();
2353        }
2354
2355        cacheElements() {
2356            return {
2357                container: getElement('#sg-cards'),
2358                button: getElement('#sg-more'),
2359                search: getElement('#sg-search'),
2360                location: getElement('#sg-location'),
2361                company: getElement('#sg-company'),
2362                experience: getElement('#sg-experience'),
2363                contract: getElement('#sg-contract'),
2364                activeFilters: getElement('#sg-active-filters'),
2365                resetButton: getElement('#sg-reset-filters'),
2366                liveRegion: this.createLiveRegion()
2367            };
2368        }
2369
2370        createLiveRegion() {
2371            let region = getElement('#sg-live-region');
2372            if (!region) {
2373                region = document.createElement('div');
2374                region.id = 'sg-live-region';
2375                region.className = 'sg-visually-hidden';
2376                region.setAttribute('aria-live', 'polite');
2377                region.setAttribute('aria-atomic', 'true');
2378                document.body.appendChild(region);
2379                domCache.set('#sg-live-region', region);
2380            }
2381            return region;
2382        }
2383
2384        init() {
2385            if (this.mode !== 'search-only' && !this.elements.container) return;
2386            if (this.mode === 'search-only') { this.hideFilterUI(); }
2387            this.setupEventListeners();
2388            this.setupAutocomplete();
2389            const q = (this.opts?.prefillQuery || '').toLowerCase();
2390            if (this.mode === 'search-only') {
2391                if (this.elements.search && q) this.elements.search.value = q;
2392                const hasFilters = Object.keys(this.urlFilters).length > 0;
2393                if (q || hasFilters) {
2394                    const params = new URLSearchParams();
2395                    if (q) params.set('sgq', q);
2396                    if (hasFilters) {
2397                        const sgf = Object.entries(this.urlFilters).map(([k, arr]) => `${k}:${arr.join('|')}`).join(';');
2398                        if (sgf) params.set('sgf', sgf);
2399                    }
2400                    window.location.href = `${this.redirect}?${params.toString()}`;
2401                    return;
2402                }
2403                return;
2404            }
2405            const hasURLFilters = Object.keys(this.urlFilters).length > 0;
2406            if (q) {
2407                if (this.elements.search) this.elements.search.value = q;
2408                this.state.searchTerm = q;
2409            } else {
2410                if (!hasURLFilters) this.restoreFiltersFromStorage();
2411                else this.clearStoredFilters();
2412            }
2413            this.setupMultiselects();
2414            if (hasURLFilters) this.applyFiltersFromQuery();
2415            if (this.hasActiveFilters() || this.state.searchTerm) {
2416                this.filterJobs();
2417                if (q) this.scrollToResults();
2418            } else {
2419                this.renderJobs(true);
2420            }
2421        }
2422
2423        hideFilterUI() {
2424            const ids = ['location', 'company', 'experience', 'contract'];
2425            ids.forEach(k => { const w = getElement(`#sg-${k}-wrapper`); if (w) { w.style.display = 'none'; } });
2426            if (this.elements.resetButton) { this.elements.resetButton.style.display = 'none'; }
2427        }
2428
2429        setupMultiselects() {
2430            ['location', 'company', 'experience', 'contract'].forEach(key => {
2431                if (this.elements[key]) {
2432                    this.populateMultiselect(this.elements[key], key);
2433                }
2434            });
2435        }
2436
2437        applyFiltersFromQuery() {
2438            const keys = Object.keys(this.urlFilters || {});
2439            if (!keys.length) return;
2440            keys.forEach(key => {
2441                const values = this.urlFilters[key] || [];
2442                if (!this.state.activeFilters[key]) return;
2443                values.forEach(v => {
2444                    const el = this.elements[key];
2445                    const cb = el?.querySelector(`input[value="${CSS.escape(v)}"]`);
2446                    if (cb) {
2447                        this.state.activeFilters[key].add(v);
2448                        cb.checked = true;
2449                        cb.setAttribute('aria-selected', 'true');
2450                    }
2451                });
2452
2453            });
2454            document.querySelectorAll('.sg-dropdown-toggle').forEach(button => {
2455                const filterType = button.getAttribute('data-filter');
2456                if (filterType) this.updateDropdownButtonText(button, filterType);
2457            });
2458        }
2459
2460
2461        populateMultiselect(ul, key) {
2462            const values = [...new Set(
2463                this.jobData
2464                    .map(job => job[key])
2465                    .filter(value => value && value !== '–')
2466            )].sort();
2467
2468            const fragment = document.createDocumentFragment();
2469
2470            values.forEach(value => {
2471                const li = document.createElement('li');
2472                const label = document.createElement('label');
2473                const input = document.createElement('input');
2474
2475                input.type = 'checkbox';
2476                input.value = value;
2477                input.setAttribute('data-filter-type', key);
2478                input.setAttribute('role', 'option');
2479                input.setAttribute('aria-selected', 'false');
2480
2481                label.appendChild(input);
2482                label.appendChild(document.createTextNode(' ' + value));
2483                li.appendChild(label);
2484                fragment.appendChild(li);
2485            });
2486
2487            ul.innerHTML = '';
2488            ul.appendChild(fragment);
2489        }
2490
2491        setupEventListeners() {
2492            // Event delegation for better performance
2493            document.addEventListener('change', this.handleChange.bind(this));
2494            document.addEventListener('click', this.handleClick.bind(this));
2495            document.addEventListener('keydown', this.handleKeydown.bind(this));
2496
2497            // Search input
2498            if (this.elements.search) {
2499                this.elements.search.addEventListener('input', (e) => {
2500                    this.state.searchTerm = e.target.value.toLowerCase().trim();
2501                    this.debouncedFilter();
2502                });
2503                this.elements.search.addEventListener('keypress', (e) => {
2504                    if (e.key === 'Enter') {
2505                        e.preventDefault();
2506                        if (this.mode === 'search-only') {
2507                            const q = this.elements.search.value.trim();
2508                            if (q) {
2509                                const params = new URLSearchParams(window.location.search);
2510                                params.set('sgq', q);
2511                                window.location.href = `${this.redirect}?${params.toString()}`;
2512                            }
2513
2514                        } else {
2515                            this.scrollToResults();
2516                        }
2517                    }
2518                });
2519                if (this.mode === 'search-only') {
2520                    this.elements.search.addEventListener('change', () => {
2521                        const q = this.elements.search.value.trim();
2522                        if (q) {
2523                            const params = new URLSearchParams(window.location.search);
2524                            params.set('sgq', q);
2525                            window.location.href = `${this.redirect}?${params.toString()}`;
2526                        }
2527
2528                    });
2529                }
2530
2531            }
2532
2533            // Load more button
2534            if (this.elements.button) {
2535                this.elements.button.addEventListener('click', this.handleLoadMore.bind(this));
2536            }
2537
2538            // Reset button
2539            if (this.elements.resetButton) {
2540                this.elements.resetButton.addEventListener('click', this.handleResetFilters.bind(this));
2541            }
2542        }
2543
2544        handleChange(event) {
2545            const target = event.target;
2546            if (target.matches('input[type="checkbox"][data-filter-type]')) {
2547                this.handleCheckboxChange(target);
2548            }
2549        }
2550
2551        handleClick(event) {
2552            const target = event.target;
2553
2554            if (target.matches('.sg-dropdown-toggle') || target.closest('.sg-dropdown-toggle')) {
2555                event.preventDefault();
2556                const toggle = target.closest('.sg-dropdown-toggle') || target;
2557                this.handleDropdownToggle(toggle);
2558            } else if (target.matches('.sg-tag-remove') || target.closest('.sg-tag-remove')) {
2559                event.preventDefault();
2560                const tag = target.closest('.sg-tag-remove') || target;
2561                this.handleTagRemove(tag);
2562            } else if (!target.closest('.sg-filter-group')) {
2563                this.closeAllDropdowns();
2564            }
2565        }
2566
2567        handleKeydown(event) {
2568            if (event.key === 'Escape') {
2569                this.closeAllDropdowns();
2570            }
2571        }
2572
2573        handleCheckboxChange(checkbox) {
2574            const filterType = checkbox.getAttribute('data-filter-type');
2575            const isChecked = checkbox.checked;
2576
2577            checkbox.setAttribute('aria-selected', isChecked.toString());
2578
2579            if (isChecked) {
2580                this.state.activeFilters[filterType].add(checkbox.value);
2581            } else {
2582                this.state.activeFilters[filterType].delete(checkbox.value);
2583            }
2584
2585            this.debouncedFilter();
2586            this.announceFilterChange();
2587        }
2588
2589        handleDropdownToggle(button) {
2590            const wrapper = button.closest('.sg-filter-group');
2591            const list = wrapper?.querySelector('.sg-multiselect');
2592            if (!list) return;
2593
2594            const isOpen = list.classList.contains('open');
2595            const filterType = button.getAttribute('data-filter');
2596
2597            // Close all dropdowns first
2598            this.closeAllDropdowns();
2599
2600            if (!isOpen) {
2601                list.classList.add('open');
2602                button.setAttribute('aria-expanded', 'true');
2603
2604                // Focus management
2605                requestAnimationFrame(() => {
2606                    const firstCheckbox = list.querySelector('input[type="checkbox"]');
2607                    if (firstCheckbox) {
2608                        firstCheckbox.focus();
2609                    }
2610                });
2611
2612                // Update button text with selection count
2613                this.updateDropdownButtonText(button, filterType);
2614            }
2615        }
2616
2617        handleTagRemove(tag) {
2618            const key = tag.getAttribute('data-key');
2619            const value = tag.getAttribute('data-value');
2620
2621            if (key && value) {
2622                this.state.activeFilters[key].delete(value);
2623
2624                // Update corresponding checkbox
2625                const checkbox = this.elements[key]?.querySelector(`input[value="${CSS.escape(value)}"]`);
2626                if (checkbox) {
2627                    checkbox.checked = false;
2628                    checkbox.setAttribute('aria-selected', 'false');
2629                }
2630
2631                this.debouncedFilter();
2632                this.announceFilterChange(`Filter ${value} wurde entfernt`);
2633            }
2634        }
2635
2636        handleLoadMore() {
2637            if (this.state.isLoading) return;
2638            if (this.elements.button) { this.elements.button.classList.add('loading'); }
2639            this.renderJobs(false);
2640        }
2641
2642        handleResetFilters() {
2643            // Clear search
2644            if (this.elements.search) {
2645                this.elements.search.value = '';
2646            }
2647            this.state.searchTerm = '';
2648
2649            // Clear all filters
2650            Object.keys(this.state.activeFilters).forEach(key => {
2651                this.state.activeFilters[key].clear();
2652                const checkboxes = this.elements[key]?.querySelectorAll('input[type="checkbox"]');
2653                checkboxes?.forEach(cb => {
2654                    cb.checked = false;
2655                    cb.setAttribute('aria-selected', 'false');
2656                });
2657            });
2658
2659            // Clear localStorage
2660            this.clearStoredFilters();
2661
2662            // Update dropdown button texts
2663            document.querySelectorAll('.sg-dropdown-toggle').forEach(button => {
2664                const filterType = button.getAttribute('data-filter');
2665                if (filterType) {
2666                    this.updateDropdownButtonText(button, filterType);
2667                }
2668            });
2669
2670            this.debouncedFilter();
2671            this.announceFilterChange('Alle Filter wurden zurückgesetzt');
2672        }
2673
2674        updateDropdownButtonText(button, filterType) {
2675            const span = button.querySelector('span:first-child');
2676            const count = this.state.activeFilters[filterType].size;
2677            const baseTexts = {
2678                location: 'Standorte',
2679                company: 'Firmen',
2680                experience: 'Einstiegslevel',
2681                contract: 'Beschäftigungsarten'
2682            };
2683
2684            if (count > 0) {
2685                span.textContent = `${baseTexts[filterType]} (${count})`;
2686            } else {
2687                span.textContent = baseTexts[filterType];
2688            }
2689        }
2690
2691        closeAllDropdowns() {
2692            document.querySelectorAll('.sg-multiselect.open').forEach(list => {
2693                list.classList.remove('open');
2694                const toggle = list.parentElement.querySelector('.sg-dropdown-toggle');
2695                if (toggle) {
2696                    toggle.setAttribute('aria-expanded', 'false');
2697                }
2698            });
2699        }
2700
2701        filterJobs() {
2702            const startTime = performance.now();
2703
2704            this.state.filteredData = this.jobData.filter(job => {
2705                // Search filter
2706                const matchesSearch = !this.state.searchTerm ||
2707                    job.title.toLowerCase().includes(this.state.searchTerm) ||
2708                    job.company.toLowerCase().includes(this.state.searchTerm) ||
2709                    job.location.toLowerCase().includes(this.state.searchTerm);
2710
2711                // Multi-select filters
2712                const matchesFilters = Object.entries(this.state.activeFilters).every(([key, values]) => {
2713                    return values.size === 0 || values.has(job[key]);
2714                });
2715
2716                return matchesSearch && matchesFilters;
2717            });
2718
2719            console.log(`Filtering completed in ${(performance.now() - startTime).toFixed(2)}ms`);
2720
2721            this.renderJobs(true);
2722            this.updateActiveTags();
2723            this.saveFiltersToStorage();
2724        }
2725
2726        renderJobs(reset = false) {
2727            if (this.state.isLoading && !reset) return;
2728            if (this.state.isLoading && !reset) return;
2729
2730            this.state.isLoading = true;
2731            this.elements.container.classList.add('sg-loading');
2732
2733            requestAnimationFrame(() => {
2734                if (reset) {
2735                    this.elements.container.innerHTML = '';
2736                    this.state.currentIndex = 0;
2737                }
2738
2739                const nextJobs = this.state.filteredData.slice(
2740                    this.state.currentIndex,
2741                    this.state.currentIndex + this.state.chunkSize
2742                );
2743
2744                if (nextJobs.length === 0) {
2745                    if (reset) {
2746                        this.elements.container.innerHTML =
2747                            '<div class="sg-no-results" role="status">Keine passenden Jobs gefunden.</div>';
2748                    }
2749                    if (this.elements.button) { this.elements.button.style.display = 'none'; }
2750                    this.finishLoading();
2751                    return;
2752                }
2753
2754                const fragment = document.createDocumentFragment();
2755                nextJobs.forEach(job => {
2756                    fragment.appendChild(this.createJobCard(job));
2757                });
2758
2759                this.elements.container.appendChild(fragment);
2760                this.state.currentIndex += nextJobs.length;
2761
2762                // Update button visibility
2763                if (this.elements.button) {
2764                    this.elements.button.style.display =
2765                        this.state.currentIndex < this.state.filteredData.length ? 'block' : 'none';
2766                }
2767
2768                // Highlight search results
2769                if (this.state.searchTerm) {
2770                    this.highlightSearchResults();
2771                }
2772
2773                this.finishLoading();
2774                this.updateJobCount();
2775            });
2776        }
2777
2778        createJobCard(job) {
2779            const card = document.createElement('article');
2780            card.className = 'sg-card';
2781            card.setAttribute('role', 'article');
2782
2783            const titleId = `job-title-${job.id}`;
2784            card.setAttribute('aria-labelledby', titleId);
2785
2786const tags = [job.location, job.contract, job.experience, job.remote].filter(tag => tag && tag !== '–')
2787
2788
2789
2790            card.innerHTML = `
2791                <div class="sg-job-header">
2792                    <h4 class="sg-title" id="${titleId}">${this.escapeHtml(job.title)}</h4>
2793                    <div class="sg-company">${this.escapeHtml(job.company)}</div>
2794                </div>
2795                <div class="sg-tags" role="list" aria-label="Job Details">
2796                    ${tags.map(tag =>
2797                `<span class="sg-tag" role="listitem">${this.escapeHtml(tag)}</span>`
2798            ).join('')}
2799                </div>
2800                <div class="sg-actions">
2801                    <a href="${this.escapeHtml(job.apply)}" 
2802                       target="_blank" 
2803                       rel="noopener noreferrer" 
2804                       class="sg-btn sg-primary" 
2805                       aria-label="Auf ${this.escapeHtml(job.title)} bewerben">
2806                        Bewerben
2807                    </a>
2808                    <a href="${this.escapeHtml(job.details)}" 
2809                       target="_blank" 
2810                       rel="noopener noreferrer" 
2811                       class="sg-btn sg-secondary" 
2812                       aria-label="Details für ${this.escapeHtml(job.title)} ansehen">
2813                        Details
2814                    </a>
2815                </div>
2816            `;
2817
2818            return card;
2819        }
2820
2821        highlightSearchResults() {
2822            if (!this.state.searchTerm) return;
2823
2824            this.elements.container.querySelectorAll('.sg-card').forEach(card => {
2825                const title = card.querySelector('.sg-title')?.textContent?.toLowerCase() || '';
2826                const company = card.querySelector('.sg-company')?.textContent?.toLowerCase() || '';
2827
2828                if (title.includes(this.state.searchTerm) || company.includes(this.state.searchTerm)) {
2829                    card.classList.add('sg-match');
2830                } else {
2831                    card.classList.remove('sg-match');
2832                }
2833            });
2834        }
2835
2836        updateActiveTags() {
2837            if (!this.elements.activeFilters) return;
2838
2839            const fragment = document.createDocumentFragment();
2840
2841            Object.entries(this.state.activeFilters).forEach(([key, values]) => {
2842                values.forEach(value => {
2843                    const tag = document.createElement('button');
2844                    tag.className = 'sg-tag-remove';
2845                    tag.setAttribute('data-key', key);
2846                    tag.setAttribute('data-value', value);
2847                    tag.setAttribute('aria-label', `Filter ${value} entfernen`);
2848                    tag.innerHTML = `${this.escapeHtml(value)}<span aria-hidden="true"> ×</span>`;
2849                    fragment.appendChild(tag);
2850                });
2851            });
2852
2853            this.elements.activeFilters.innerHTML = '';
2854            this.elements.activeFilters.appendChild(fragment);
2855
2856            // Update dropdown button texts
2857            Object.keys(this.state.activeFilters).forEach(filterType => {
2858                const button = document.querySelector(`[data-filter="${filterType}"]`);
2859                if (button) {
2860                    this.updateDropdownButtonText(button, filterType);
2861                }
2862            });
2863        }
2864
2865        setupAutocomplete() {
2866            if (!this.elements.search) return;
2867
2868            const datalistId = 'sg-autocomplete';
2869            let datalist = document.getElementById(datalistId);
2870
2871            if (!datalist) {
2872                datalist = document.createElement('datalist');
2873                datalist.id = datalistId;
2874                document.body.appendChild(datalist);
2875            }
2876
2877            const suggestions = [...new Set([
2878                ...this.jobData.map(job => job.title),
2879                ...this.jobData.map(job => job.company),
2880                ...this.jobData.map(job => job.location)
2881            ])].filter(Boolean).sort();
2882
2883            const fragment = document.createDocumentFragment();
2884            suggestions.forEach(suggestion => {
2885                const option = document.createElement('option');
2886                option.value = suggestion;
2887                fragment.appendChild(option);
2888            });
2889
2890            datalist.innerHTML = '';
2891            datalist.appendChild(fragment);
2892            this.elements.search.setAttribute('list', datalistId);
2893        }
2894
2895        saveFiltersToStorage() {
2896            try {
2897                const data = {
2898                    search: this.elements.search?.value || '',
2899                    filters: Object.fromEntries(
2900                        Object.entries(this.state.activeFilters)
2901                            .map(([key, set]) => [key, Array.from(set)])
2902                    ),
2903                    timestamp: Date.now()
2904                };
2905
2906                localStorage.setItem('sgFilterState', JSON.stringify(data));
2907            } catch (error) {
2908                console.warn('Could not save filters to localStorage', error);
2909            }
2910        }
2911
2912        restoreFiltersFromStorage() {
2913            try {
2914                const stored = localStorage.getItem('sgFilterState');
2915                if (!stored) return;
2916
2917                const data = JSON.parse(stored);
2918
2919                // Check if data is not too old (24 hours)
2920                if (Date.now() - (data.timestamp || 0) > 24 * 60 * 60 * 1000) {
2921                    localStorage.removeItem('sgFilterState');
2922                    return;
2923                }
2924
2925                if (data.search && this.elements.search) {
2926                    this.elements.search.value = data.search;
2927                    this.state.searchTerm = data.search.toLowerCase().trim();
2928                }
2929
2930                Object.entries(data.filters || {}).forEach(([key, values]) => {
2931                    if (Array.isArray(values)) {
2932                        values.forEach(value => {
2933                            this.state.activeFilters[key].add(value);
2934                            const checkbox = this.elements[key]?.querySelector(`input[value="${CSS.escape(value)}"]`);
2935                            if (checkbox) {
2936                                checkbox.checked = true;
2937                                checkbox.setAttribute('aria-selected', 'true');
2938                            }
2939                        });
2940                    }
2941                });
2942
2943            } catch (error) {
2944                console.warn('Could not restore filters from localStorage', error);
2945                localStorage.removeItem('sgFilterState');
2946            }
2947        }
2948
2949        clearStoredFilters() {
2950            try {
2951                localStorage.removeItem('sgFilterState');
2952            } catch (error) {
2953                console.warn('Could not clear localStorage', error);
2954            }
2955        }
2956
2957finishLoading() {
2958    this.state.isLoading = false;
2959    if (this.elements.container) {
2960        this.elements.container.classList.remove('sg-loading');
2961    }
2962    if (this.elements.button) {
2963        this.elements.button.classList.remove('loading');
2964    }
2965}
2966
2967        updateJobCount() {
2968            const countElement = document.querySelector('.sg-count');
2969            if (countElement) {
2970                const total = this.state.filteredData.length;
2971                const displayed = Math.min(this.state.currentIndex, total);
2972                countElement.textContent = `${displayed} von ${total} Jobs angezeigt`;
2973            }
2974        }
2975
2976        scrollToResults() {
2977            if (this.elements.container) {
2978                this.elements.container.scrollIntoView({
2979                    behavior: 'smooth',
2980                    block: 'start'
2981                });
2982            }
2983        }
2984
2985        announceFilterChange(message = 'Filter wurden aktualisiert') {
2986            if (this.elements.liveRegion) {
2987                this.elements.liveRegion.textContent = message;
2988            }
2989        }
2990
2991        hasActiveFilters() {
2992            return Object.values(this.state.activeFilters).some(set => set.size > 0);
2993        }
2994
2995        escapeHtml(text) {
2996            const div = document.createElement('div');
2997            div.textContent = text;
2998            return div.innerHTML;
2999        }
3000    }
3001
3002    // Initialize when DOM is ready
3003    if (document.readyState === 'loading') {
3004        document.addEventListener('DOMContentLoaded', initSoftgardenJobs);
3005    } else {
3006        // Use requestIdleCallback for better performance
3007        if ('requestIdleCallback' in window) {
3008            requestIdleCallback(initSoftgardenJobs, { timeout: 1000 });
3009        } else {
3010            setTimeout(initSoftgardenJobs, 0);
3011        }
3012    }
3013
3014})();</script>
3014<style id="core-block-supports-inline-css">
3015.wp-container-core-columns-is-layout-8f761849{flex-wrap:nowrap;}.wp-container-core-buttons-is-layout-fe48e5de{justify-content:center;}.wp-elements-1 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--white);}.wp-elements-2 a:where(:not(.wp-element-button)){color:var(--wp--preset--color--white);}
3016/*# sourceURL=core-block-supports-inline-css */
3017</style>
3018<script id="gs-swiper-js" src="https://www.bz-medien.de/wp-content/plugins/gs-logo-slider/assets/libs/swiper-js/swiper.min.js?ver=3.8.7"></script>
vendor: 1 bytes, line 3018
3018
3019<script id="gs-tippyjs-js" src="https://www.bz-medien.de/wp-content/plugins/gs-logo-slider/assets/libs/tippyjs/tippy-bundle.umd.min.js?ver=3.8.7"></script>
vendor: 1 bytes, line 3019
3019
3020<script id="gs-images-loaded-js" src="https://www.bz-medien.de/wp-content/plugins/gs-logo-slider/assets/libs/images-loaded/images-loaded.min.js?ver=3.8.7"></script>
vendor: 1 bytes, line 3020
3020
3021<script id="gs-logo-public-js" src="https://www.bz-medien.de/wp-content/plugins/gs-logo-slider/assets/js/gs-logo.min.js?ver=3.8.7"></script>
vendor: 1 bytes, line 3021
3021
3022<script id="wp-hooks-js" src="https://www.bz-medien.de/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 3022
3022
3023<script id="wp-i18n-js" src="https://www.bz-medien.de/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 3023
3023
3024<script id="wp-i18n-js-after">
3025wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
3026//# sourceURL=wp-i18n-js-after
3027</script>
vendor: 1 bytes, line 3027
3027
3028<script id="swv-js" src="https://www.bz-medien.de/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 3028
3028
3029<script id="contact-form-7-js-translations">
3030( function( domain, translations ) {
3031	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
3032	localeData[""].domain = domain;
3033	wp.i18n.setLocaleData( localeData, domain );
3034} )( "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"}} );
3035//# sourceURL=contact-form-7-js-translations
3036</script>
vendor: 1 bytes, line 3036
3036
3037<script id="contact-form-7-js-before">
3038var wpcf7 = {
3039    "api": {
3040        "root": "https:\/\/www.bz-medien.de\/wp-json\/",
3041        "namespace": "contact-form-7\/v1"
3042    }
3043};
3044//# sourceURL=contact-form-7-js-before
3045</script>
vendor: 1 bytes, line 3045
3045
3046<script id="contact-form-7-js" src="https://www.bz-medien.de/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 3046
3046
3047<script id="call_ac-custom-js-front-js" src="https://www.bz-medien.de/wp-content/plugins/responsive-accordion-and-collapse/js/accordion-custom.js?ver=7.1.2"></script>
vendor: 1 bytes, line 3047
3047
3048<script id="call_ac-js-front-js" src="https://www.bz-medien.de/wp-content/plugins/responsive-accordion-and-collapse/js/accordion.js?ver=7.1.2"></script>
vendor: 1 bytes, line 3048
3048
3049<script data-wp-strategy="async" id="cloudflare-turnstile-js" src="https://challenges.cloudflare.com/turnstile/v0/api.js"></script>
vendor: 1 bytes, line 3049
3049
3050<script id="cloudflare-turnstile-js-after">
3051document.addEventListener( 'wpcf7submit', e => turnstile.reset() );
3052//# sourceURL=cloudflare-turnstile-js-after
3053</script>
vendor: 1 bytes, line 3053
3053
3054<script id="wpr-particles-js" src="https://www.bz-medien.de/wp-content/plugins/royal-elementor-addons/assets/js/lib/particles/particles.js?ver=3.0.6"></script>
vendor: 1 bytes, line 3054
3054
3055<script id="wpr-jarallax-js" src="https://www.bz-medien.de/wp-content/plugins/royal-elementor-addons/assets/js/lib/jarallax/jarallax.min.js?ver=1.12.7"></script>
vendor: 1 bytes, line 3055
3055
3056<script id="wpr-parallax-hover-js" src="https://www.bz-medien.de/wp-content/plugins/royal-elementor-addons/assets/js/lib/parallax/parallax.min.js?ver=1.0"></script>
vendor: 1 bytes, line 3056
3056
3057<script id="bz-medien-neox-navigation-js" src="https://www.bz-medien.de/wp-content/themes/bz-medien-neox-new/js/navigation.js?ver=1.0.0"></script>
vendor: 1 bytes, line 3057
3057
3058<script id="mainjs-js" src="https://www.bz-medien.de/wp-content/themes/bz-medien-neox-new/js/main.js?ver=1.0.0"></script>
vendor: 1 bytes, line 3058
3058
3059<script id="aosjs-js" src="https://www.bz-medien.de/wp-content/themes/bz-medien-neox-new/js/aos.js?ver=1.0.0"></script>
vendor: 1 bytes, line 3059
3059
3060<script id="happy-reading-progress-bar-js" src="https://www.bz-medien.de/wp-content/plugins/happy-elementor-addons/assets/js/extension-reading-progress-bar.min.js?ver=3.23.1"></script>
vendor: 1 bytes, line 3060
3060
3061<script id="elementor-webpack-runtime-js" src="https://www.bz-medien.de/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.4"></script>
vendor: 1 bytes, line 3061
3061
3062<script id="elementor-frontend-modules-js" src="https://www.bz-medien.de/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.4"></script>
vendor: 1 bytes, line 3062
3062
3063<script id="jquery-ui-core-js-before">
3064jQuery.uiBackCompat = true;
3065//# sourceURL=jquery-ui-core-js-before
3066</script>
vendor: 1 bytes, line 3066
3066
3067<script id="jquery-ui-core-js" src="https://www.bz-medien.de/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
vendor: 1 bytes, line 3067
3067
3068<script id="elementor-frontend-js-extra">
3069var PremiumSettings = {"ajaxurl":"https://www.bz-medien.de/wp-admin/admin-ajax.php","nonce":"40cacab959"};
3070var EAELImageMaskingConfig = {"svg_dir_url":"https://www.bz-medien.de/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/img/image-masking/svg-shapes/"};
3071//# sourceURL=elementor-frontend-js-extra
3072</script>
vendor: 1 bytes, line 3072
3072
3073<script id="elementor-frontend-js" src="https://www.bz-medien.de/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.4"></script>
vendor: 1 bytes, line 3073
3073
3074<script id="ekit-core-js" src="https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/core.js?ver=4.0.4"></script>
vendor: 1 bytes, line 3074
3074
3075<script id="ekit-nav-menu-js" src="https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/nav-menu.js?ver=4.0.4"></script>
vendor: 1 bytes, line 3075
3075
3076<script id="magnific-popup-js" src="https://www.bz-medien.de/wp-content/plugins/elementskit-lite/assets/libs/magnific-popup/jquery.magnific-popup.min.js?ver=4.0.4"></script>
vendor: 1 bytes, line 3076
3076
3077<script id="ekit-menu-js" src="https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/js/nav-menu.js?ver=4.0.4"></script>
vendor: 1 bytes, line 3077
3077
3078<script id="ekit-header-search-js" src="https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/header-search.js?ver=4.0.4"></script>
vendor: 1 bytes, line 3078
3078
3079<script id="ekit-header-offcanvas-js" src="https://www.bz-medien.de/wp-content/plugins/elementskit-lite/widgets/init/assets/js/widgets/header-offcanvas.js?ver=4.0.4"></script>
vendor: 1 bytes, line 3079
3079
3080<script id="eael-general-js-extra">
3081var localize = {"ajaxurl":"https://www.bz-medien.de/wp-admin/admin-ajax.php","nonce":"6e4347d598","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https://www.bz-medien.de/","cart_redirectition":"","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobil Hochformat","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobil Querformat","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Hochformat","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Querformat","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Breitbild","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}};
3082//# sourceURL=eael-general-js-extra
3083</script>
vendor: 1 bytes, line 3083
3083
3084<script id="eael-general-js" src="https://www.bz-medien.de/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=6.8.3"></script>
vendor: 1 bytes, line 3084
3084
3085<script id="pa-elements-handler-js" src="https://www.bz-medien.de/wp-content/plugins/premium-addons-for-elementor/assets/frontend/min-js/elements-handler.min.js?ver=4.11.102"></script>
vendor: 1 bytes, line 3085
3085
3086<script id="wp-emoji-settings" type="application/json">
3087{"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.bz-medien.de/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
3088</script>
vendor: 1 bytes, line 3088
3088
3089<script type="module">
3090/*! This file is auto-generated */
3091var 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)))});
3092//# sourceURL=https://www.bz-medien.de/wp-includes/js/wp-emoji-loader.min.js
3093</script>
3093
3094</body>
3095</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.