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 » Feed" href="https://www.bz-medien.de/feed/" /> 43<link rel="alternate" type="application/rss+xml" title="BZ.medien » 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&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ü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ür Leser</a></li> 1809 <li><a href="/fuer-startups">Fü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 & 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 & 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.